diff --git a/3088.cb6f52cfd8821955.js b/3088.cb6f52cfd8821955.js
new file mode 100644
index 000000000..fb62da0ff
--- /dev/null
+++ b/3088.cb6f52cfd8821955.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3088],{3088:(b,r,l)=>{function m(n){const e=n.regex,a=e.concat(/[A-Z_]/,e.optional(/[A-Z0-9_.-]*:/),/[A-Z0-9_.-]*/),s={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},t={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},o=n.inherit(t,{begin:/\(/,end:/\)/}),g=n.inherit(n.APOS_STRING_MODE,{className:"string"}),c=n.inherit(n.QUOTE_STRING_MODE,{className:"string"}),i={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:/[A-Za-z0-9._:-]+/,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[s]},{begin:/'/,end:/'/,contains:[s]},{begin:/[^\s"'=<>`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,relevance:10,contains:[t,c,g,o,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,contains:[t,o,c,g]}]}]},n.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,relevance:10},s,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[c]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[i],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[i],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:e.concat(/</,e.lookahead(e.concat(a,e.either(/\/>/,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:a,relevance:0,starts:i}]},{className:"tag",begin:e.concat(/<\//,e.lookahead(e.concat(a,/>/))),contains:[{className:"name",begin:a,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}l.r(r),l.d(r,{default:()=>m})}}]);
\ No newline at end of file
diff --git a/3088.d522cda5bb77f00b.js b/3088.d522cda5bb77f00b.js
deleted file mode 100644
index 6aba78920..000000000
--- a/3088.d522cda5bb77f00b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3088],{3088:(i,e,n)=>{function t(A){const u=A.regex,F=u.concat(/[A-Z_a-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{10300}-\u{1031F}\u{1032D}-\u{10340}\u{10342}-\u{10349}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{10400}-\u{1049D}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10860}-\u{10876}\u{10880}-\u{1089E}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{10900}-\u{10915}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BE}\u{109BF}\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A60}-\u{10A7C}\u{10A80}-\u{10A9C}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B60}-\u{10B72}\u{10B80}-\u{10B91}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10D00}-\u{10D23}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F1C}\u{10F27}\u{10F30}-\u{10F45}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FC4}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{11103}-\u{11126}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111DA}\u{111DC}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11680}-\u{116AA}\u{116B8}\u{11700}-\u{1171A}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118DF}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11FB0}\u{12000}-\u{12399}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A70}-\u{16ABE}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E7F}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E4D0}-\u{1E4EB}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E900}-\u{1E943}\u{1E94B}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]/u,u.optional(/[\x2D\.0-9A-Z_a-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{10300}-\u{1031F}\u{1032D}-\u{10340}\u{10342}-\u{10349}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{10400}-\u{1049D}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10860}-\u{10876}\u{10880}-\u{1089E}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{10900}-\u{10915}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BE}\u{109BF}\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A60}-\u{10A7C}\u{10A80}-\u{10A9C}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B60}-\u{10B72}\u{10B80}-\u{10B91}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10D00}-\u{10D23}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F1C}\u{10F27}\u{10F30}-\u{10F45}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FC4}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{11103}-\u{11126}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111DA}\u{111DC}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11680}-\u{116AA}\u{116B8}\u{11700}-\u{1171A}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118DF}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11FB0}\u{12000}-\u{12399}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A70}-\u{16ABE}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E7F}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E4D0}-\u{1E4EB}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E900}-\u{1E943}\u{1E94B}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]*:/u),/[\x2D\.0-9A-Z_a-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{10300}-\u{1031F}\u{1032D}-\u{10340}\u{10342}-\u{10349}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{10400}-\u{1049D}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10860}-\u{10876}\u{10880}-\u{1089E}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{10900}-\u{10915}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BE}\u{109BF}\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A60}-\u{10A7C}\u{10A80}-\u{10A9C}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B60}-\u{10B72}\u{10B80}-\u{10B91}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10D00}-\u{10D23}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F1C}\u{10F27}\u{10F30}-\u{10F45}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FC4}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{11103}-\u{11126}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111DA}\u{111DC}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11680}-\u{116AA}\u{116B8}\u{11700}-\u{1171A}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118DF}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11FB0}\u{12000}-\u{12399}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A70}-\u{16ABE}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E7F}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E4D0}-\u{1E4EB}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E900}-\u{1E943}\u{1E94B}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]*/u),E={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},D={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},a=A.inherit(D,{begin:/\(/,end:/\)/}),s=A.inherit(A.APOS_STRING_MODE,{className:"string"}),B=A.inherit(A.QUOTE_STRING_MODE,{className:"string"}),C={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:/[\x2D\.0-:A-Z_a-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{10300}-\u{1031F}\u{1032D}-\u{10340}\u{10342}-\u{10349}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{10400}-\u{1049D}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10860}-\u{10876}\u{10880}-\u{1089E}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{10900}-\u{10915}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BE}\u{109BF}\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A60}-\u{10A7C}\u{10A80}-\u{10A9C}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B60}-\u{10B72}\u{10B80}-\u{10B91}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10D00}-\u{10D23}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F1C}\u{10F27}\u{10F30}-\u{10F45}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FC4}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{11103}-\u{11126}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111DA}\u{111DC}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11680}-\u{116AA}\u{116B8}\u{11700}-\u{1171A}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118DF}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11FB0}\u{12000}-\u{12399}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A70}-\u{16ABE}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E7F}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E4D0}-\u{1E4EB}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E900}-\u{1E943}\u{1E94B}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]+/u,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[E]},{begin:/'/,end:/'/,contains:[E]},{begin:/[^\s"'=<>`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,relevance:10,contains:[D,B,s,a,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,contains:[D,a,B,s]}]}]},A.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,relevance:10},E,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[B]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[C],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[C],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:u.concat(/</,u.lookahead(u.concat(F,u.either(/\/>/,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:F,relevance:0,starts:C}]},{className:"tag",begin:u.concat(/<\//,u.lookahead(u.concat(F,/>/))),contains:[{className:"name",begin:F,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}n.r(e),n.d(e,{default:()=>t})}}]);
\ No newline at end of file
diff --git a/3377.233a2739c13a79c3.js b/3377.233a2739c13a79c3.js
deleted file mode 100644
index aeab7c7cb..000000000
--- a/3377.233a2739c13a79c3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3377],{3377:(V,I,O)=>{O.r(I),O.d(I,{default:()=>Z});const b="[A-Za-z$_][0-9A-Za-z$_]*",M=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],v=["true","false","null","undefined","NaN","Infinity"],w=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],L=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],k=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],x=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],h=[].concat(k,w,L);function Z(e){const n=function F(e){const n=e.regex,t=b,r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(s,i)=>{const u=s[0].length+s.index,T=s.input[u];if("<"===T||","===T)return void i.ignoreMatch();let C;">"===T&&(((s,{after:i})=>{const u="</"+s[0].slice(1);return-1!==s.input.indexOf(u,i)})(s,{after:u})||i.ignoreMatch());const $=s.input.substring(u);((C=$.match(/^\s*=/))||(C=$.match(/^\s+extends\s+/))&&0===C.index)&&i.ignoreMatch()}},c={$pattern:b,keyword:M,literal:v,built_in:h,"variable.language":x},A="[0-9](_?[0-9])*",o=`\\.(${A})`,l="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",_={className:"number",variants:[{begin:`(\\b(${l})((${o})|\\.)?|(${o}))[eE][+-]?(${A})\\b`},{begin:`\\b(${l})\\b((${o})\\b|\\.)?|(${o})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},a={className:"subst",begin:"\\$\\{",end:"\\}",keywords:c,contains:[]},S={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,a],subLanguage:"xml"}},N={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,a],subLanguage:"css"}},d={begin:"gql`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,a],subLanguage:"graphql"}},m={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,a]},y={className:"comment",variants:[e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},D=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,S,N,d,m,{match:/\$\d+/},_];a.contains=D.concat({begin:/\{/,end:/\}/,keywords:c,contains:["self"].concat(D)});const B=[].concat(y,a.contains),p=B.concat([{begin:/\(/,end:/\)/,keywords:c,contains:["self"].concat(B)}]),E={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:c,contains:p},z={variants:[{match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,n.concat(t,"(",n.concat(/\./,t),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},U={relevance:0,match:n.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...w,...L]}},K={variants:[{match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[E],illegal:/%/},W={match:n.concat(/\b/,function Y(s){return n.concat("(?!",s.join("|"),")")}([...k,"super","import"]),t,n.lookahead(/\(/)),className:"title.function",relevance:0},J={begin:n.concat(/\./,n.lookahead(n.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},X={match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},E]},P="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",Q={match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,n.lookahead(P)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[E]};return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:c,exports:{PARAMS_CONTAINS:p,CLASS_REFERENCE:U},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,S,N,d,m,y,{match:/\$\d+/},_,U,{className:"attr",begin:t+n.lookahead(":"),relevance:0},Q,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[y,e.REGEXP_MODE,{className:"function",begin:P,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:c,contains:p}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:"<>",end:"</>"},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},K,{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[E,e.inherit(e.TITLE_MODE,{begin:t,className:"title.function"})]},{match:/\.\.\./,relevance:0},J,{match:"\\$"+t,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[E]},W,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},z,X,{match:/\$[(.]/}]}}(e),f=b,t=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],g={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[n.exports.CLASS_REFERENCE]},R={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:t},contains:[n.exports.CLASS_REFERENCE]},A={$pattern:b,keyword:M.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:v,built_in:h.concat(t),"variable.language":x},o={className:"meta",begin:"@"+f},l=(a,S,N)=>{const d=a.contains.findIndex(m=>m.label===S);if(-1===d)throw new Error("can not find mode to replace");a.contains.splice(d,1,N)};return Object.assign(n.keywords,A),n.exports.PARAMS_CONTAINS.push(o),n.contains=n.contains.concat([o,g,R]),l(n,"shebang",e.SHEBANG()),l(n,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/}),n.contains.find(a=>"func.def"===a.label).relevance=0,Object.assign(n,{name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),n}}}]);
\ No newline at end of file
diff --git a/3377.3aab3dcd70e82ca2.js b/3377.3aab3dcd70e82ca2.js
new file mode 100644
index 000000000..9c769f7dc
--- /dev/null
+++ b/3377.3aab3dcd70e82ca2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3377],{3377:(V,p,I)=>{I.r(p),I.d(p,{default:()=>F});const u="[A-Za-z$_][0-9A-Za-z$_]*",C=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],O=["true","false","null","undefined","NaN","Infinity"],v=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],M=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],w=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],k=["arguments","this","super","console","window","document","localStorage","module","global"],x=[].concat(w,v,M);function F(n){const e=function $(n){const e=n.regex,t=u,r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(s,E)=>{const b=s[0].length+s.index,m=s.input[b];if("<"===m||","===m)return void E.ignoreMatch();let P;">"===m&&(((s,{after:E})=>{const b="</"+s[0].slice(1);return-1!==s.input.indexOf(b,E)})(s,{after:b})||E.ignoreMatch()),(P=s.input.substr(b).match(/^\s+extends\s+/))&&0===P.index&&E.ignoreMatch()}},c={$pattern:u,keyword:C,literal:O,built_in:x,"variable.language":k},_="[0-9](_?[0-9])*",o=`\\.(${_})`,i="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",A={className:"number",variants:[{begin:`(\\b(${i})((${o})|\\.)?|(${o}))[eE][+-]?(${_})\\b`},{begin:`\\b(${i})\\b((${o})\\b|\\.)?|(${o})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},a={className:"subst",begin:"\\$\\{",end:"\\}",keywords:c,contains:[]},N={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[n.BACKSLASH_ESCAPE,a],subLanguage:"xml"}},S={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[n.BACKSLASH_ESCAPE,a],subLanguage:"css"}},l={className:"string",begin:"`",end:"`",contains:[n.BACKSLASH_ESCAPE,a]},R={className:"comment",variants:[n.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),n.C_BLOCK_COMMENT_MODE,n.C_LINE_COMMENT_MODE]},D=[n.APOS_STRING_MODE,n.QUOTE_STRING_MODE,N,S,l,A];a.contains=D.concat({begin:/\{/,end:/\}/,keywords:c,contains:["self"].concat(D)});const h=[].concat(R,a.contains),y=h.concat([{begin:/\(/,end:/\)/,keywords:c,contains:["self"].concat(h)}]),d={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:c,contains:y},Z={variants:[{match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,e.concat(t,"(",e.concat(/\./,t),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},B={relevance:0,match:e.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...v,...M]}},G={variants:[{match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[d],illegal:/%/},W={match:e.concat(/\b/,function Y(s){return e.concat("(?!",s.join("|"),")")}([...w,"super"]),t,e.lookahead(/\(/)),className:"title.function",relevance:0},H={begin:e.concat(/\./,e.lookahead(e.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},J={match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},d]},U="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+n.UNDERSCORE_IDENT_RE+")\\s*=>",X={match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,e.lookahead(U)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[d]};return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:c,exports:{PARAMS_CONTAINS:y,CLASS_REFERENCE:B},illegal:/#(?![$_A-z])/,contains:[n.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},n.APOS_STRING_MODE,n.QUOTE_STRING_MODE,N,S,l,R,A,B,{className:"attr",begin:t+e.lookahead(":"),relevance:0},X,{begin:"("+n.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[R,n.REGEXP_MODE,{className:"function",begin:U,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:n.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:c,contains:y}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:"<>",end:"</>"},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},G,{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+n.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[d,n.inherit(n.TITLE_MODE,{begin:t,className:"title.function"})]},{match:/\.\.\./,relevance:0},H,{match:"\\$"+t,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[d]},W,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},Z,J,{match:/\$[(.]/}]}}(n),T=u,t=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],g={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[e.exports.CLASS_REFERENCE]},f={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:t},contains:[e.exports.CLASS_REFERENCE]},_={$pattern:u,keyword:C.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:O,built_in:x.concat(t),"variable.language":k},o={className:"meta",begin:"@"+T},i=(a,N,S)=>{const l=a.contains.findIndex(L=>L.label===N);if(-1===l)throw new Error("can not find mode to replace");a.contains.splice(l,1,S)};return Object.assign(e.keywords,_),e.exports.PARAMS_CONTAINS.push(o),e.contains=e.contains.concat([o,g,f]),i(e,"shebang",n.SHEBANG()),i(e,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/}),e.contains.find(a=>"func.def"===a.label).relevance=0,Object.assign(e,{name:"TypeScript",aliases:["ts","tsx"]}),e}}}]);
\ No newline at end of file
diff --git a/4249.193b009cdf57cfbf.js b/4249.193b009cdf57cfbf.js
deleted file mode 100644
index e000f04a4..000000000
--- a/4249.193b009cdf57cfbf.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[4249],{4249:(R,s,d)=>{d.r(s),d.d(s,{default:()=>_});const h=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z_][A-Za-z0-9_-]*/}}),E=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],k=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],c=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],b=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],v=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),w=c.concat(b);function _(e){const t=h(e),y=w,r="[\\w-]+",i="("+r+"|@\\{"+r+"\\})",l=[],n=[],g=function(a){return{className:"string",begin:"~?"+a+".*?"+a}},o=function(a,C,D){return{className:a,begin:C,relevance:D}},m={$pattern:/[a-z-]+/,keyword:"and or not only",attribute:k.join(" ")},M={begin:"\\(",end:"\\)",contains:n,keywords:m,relevance:0};n.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,g("'"),g('"'),t.CSS_NUMBER_MODE,{begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",excludeEnd:!0}},t.HEXCOLOR,M,o("variable","@@?"+r,10),o("variable","@\\{"+r+"\\}"),o("built_in","~?`[^`]*?`"),{className:"attribute",begin:r+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0},t.IMPORTANT,{beginKeywords:"and not"},t.FUNCTION_DISPATCH);const p=n.concat({begin:/\{/,end:/\}/,contains:l}),u={beginKeywords:"when",endsWithParent:!0,contains:[{beginKeywords:"and not"}].concat(n)},T={begin:i+"\\s*:",returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+v.join("|")+")\\b",end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:n}}]},x={className:"keyword",begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{end:"[;{}]",keywords:m,returnEnd:!0,contains:n,relevance:0}},N={className:"variable",variants:[{begin:"@"+r+"\\s*:",relevance:15},{begin:"@"+r}],starts:{end:"[;}]",returnEnd:!0,contains:p}},f={variants:[{begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:i,end:/\{/}],returnBegin:!0,returnEnd:!0,illegal:"[<='$\"]",relevance:0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,u,o("keyword","all\\b"),o("variable","@\\{"+r+"\\}"),{begin:"\\b("+E.join("|")+")\\b",className:"selector-tag"},t.CSS_NUMBER_MODE,o("selector-tag",i,0),o("selector-id","#"+i),o("selector-class","\\."+i,0),o("selector-tag","&",0),t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",begin:":("+c.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+b.join("|")+")"},{begin:/\(/,end:/\)/,relevance:0,contains:p},{begin:"!important"},t.FUNCTION_DISPATCH]},S={begin:r+`:(:)?(${y.join("|")})`,returnBegin:!0,contains:[f]};return l.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,x,N,S,T,f,u,t.FUNCTION_DISPATCH),{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:l}}}}]);
\ No newline at end of file
diff --git a/4249.bdaeabc37dda0e41.js b/4249.bdaeabc37dda0e41.js
new file mode 100644
index 000000000..5f51cd782
--- /dev/null
+++ b/4249.bdaeabc37dda0e41.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[4249],{4249:(R,s,d)=>{d.r(s),d.d(s,{default:()=>w});const f=e=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}}),h=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],E=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],c=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],b=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],k=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),v=c.concat(b);function w(e){const o=f(e),y=v,t="[\\w-]+",n="("+t+"|@\\{"+t+"\\})",l=[],i=[],g=function(a){return{className:"string",begin:"~?"+a+".*?"+a}},r=function(a,C,D){return{className:a,begin:C,relevance:D}},m={$pattern:/[a-z-]+/,keyword:"and or not only",attribute:E.join(" ")},O={begin:"\\(",end:"\\)",contains:i,keywords:m,relevance:0};i.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,g("'"),g('"'),o.CSS_NUMBER_MODE,{begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",excludeEnd:!0}},o.HEXCOLOR,O,r("variable","@@?"+t,10),r("variable","@\\{"+t+"\\}"),r("built_in","~?`[^`]*?`"),{className:"attribute",begin:t+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0},o.IMPORTANT);const p=i.concat({begin:/\{/,end:/\}/,contains:l}),M={beginKeywords:"when",endsWithParent:!0,contains:[{beginKeywords:"and not"}].concat(i)},x={begin:n+"\\s*:",returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/},o.CSS_VARIABLE,{className:"attribute",begin:"\\b("+k.join("|")+")\\b",end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:i}}]},T={className:"keyword",begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{end:"[;{}]",keywords:m,returnEnd:!0,contains:i,relevance:0}},S={className:"variable",variants:[{begin:"@"+t+"\\s*:",relevance:15},{begin:"@"+t}],starts:{end:"[;}]",returnEnd:!0,contains:p}},u={variants:[{begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:n,end:/\{/}],returnBegin:!0,returnEnd:!0,illegal:"[<='$\"]",relevance:0,contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,M,r("keyword","all\\b"),r("variable","@\\{"+t+"\\}"),{begin:"\\b("+h.join("|")+")\\b",className:"selector-tag"},o.CSS_NUMBER_MODE,r("selector-tag",n,0),r("selector-id","#"+n),r("selector-class","\\."+n,0),r("selector-tag","&",0),o.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",begin:":("+c.join("|")+")"},{className:"selector-pseudo",begin:":(:)?("+b.join("|")+")"},{begin:/\(/,end:/\)/,relevance:0,contains:p},{begin:"!important"},o.FUNCTION_DISPATCH]},N={begin:t+`:(:)?(${y.join("|")})`,returnBegin:!0,contains:[u]};return l.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,T,S,N,x,u),{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:l}}}}]);
\ No newline at end of file
diff --git a/9358.59cc7d1231aac1dc.js b/9358.59cc7d1231aac1dc.js
deleted file mode 100644
index a27ae4919..000000000
--- a/9358.59cc7d1231aac1dc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9358],{1075:ae=>{function j(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const i=e[t],u=typeof i;("object"===u||"function"===u)&&!Object.isFrozen(i)&&j(i)}),e}class v{constructor(t){void 0===t.data&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function U(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function N(e,...t){const i=Object.create(null);for(const u in e)i[u]=e[u];return t.forEach(function(u){for(const b in u)i[b]=u[b]}),i}const le=e=>!!e.scope;class ve{constructor(t,i){this.buffer="",this.classPrefix=i.classPrefix,t.walk(this)}addText(t){this.buffer+=U(t)}openNode(t){if(!le(t))return;const i=((e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const i=e.split(".");return[`${t}${i.shift()}`,...i.map((u,b)=>`${u}${"_".repeat(b+1)}`)].join(" ")}return`${t}${e}`})(t.scope,{prefix:this.classPrefix});this.span(i)}closeNode(t){le(t)&&(this.buffer+="</span>")}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const ue=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class Q{constructor(){this.rootNode=ue(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const i=ue({scope:t});this.add(i),this.stack.push(i)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,i){return"string"==typeof i?t.addText(i):i.children&&(t.openNode(i),i.children.forEach(u=>this._walk(t,u)),t.closeNode(i)),t}static _collapse(t){"string"!=typeof t&&t.children&&(t.children.every(i=>"string"==typeof i)?t.children=[t.children.join("")]:t.children.forEach(i=>{Q._collapse(i)}))}}class Pe extends Q{constructor(t){super(),this.options=t}addText(t){""!==t&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,i){const u=t.root;i&&(u.scope=`language:${i}`),this.add(u)}toHTML(){return new ve(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function $(e){return e?"string"==typeof e?e:e.source:null}function fe(e){return D("(?=",e,")")}function He(e){return D("(?:",e,")*")}function je(e){return D("(?:",e,")?")}function D(...e){return e.map(i=>$(i)).join("")}function q(...e){return"("+(function Ue(e){const t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e).capture?"":"?:")+e.map(u=>$(u)).join("|")+")"}function ge(e){return new RegExp(e.toString()+"|").exec("").length-1}const Ge=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function m(e,{joinWith:t}){let i=0;return e.map(u=>{i+=1;const b=i;let _=$(u),c="";for(;_.length>0;){const r=Ge.exec(_);if(!r){c+=_;break}c+=_.substring(0,r.index),_=_.substring(r.index+r[0].length),"\\"===r[0][0]&&r[1]?c+="\\"+String(Number(r[1])+b):(c+=r[0],"("===r[0]&&i++)}return c}).map(u=>`(${u})`).join(t)}const he="[a-zA-Z]\\w*",ee="[a-zA-Z_]\\w*",de="\\b\\d+(\\.\\d+)?",pe="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",Ee="\\b(0b[01]+)",G={begin:"\\\\[\\s\\S]",relevance:0},ze={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[G]},Xe={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[G]},K=function(e,t,i={}){const u=N({scope:"comment",begin:e,end:t,contains:[]},i);u.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const b=q("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return u.contains.push({begin:D(/[ ]+/,"(",b,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),u},Ze=K("//","$"),Je=K("/\\*","\\*/"),Ve=K("#","$");var F=Object.freeze({__proto__:null,APOS_STRING_MODE:ze,BACKSLASH_ESCAPE:G,BINARY_NUMBER_MODE:{scope:"number",begin:Ee,relevance:0},BINARY_NUMBER_RE:Ee,COMMENT:K,C_BLOCK_COMMENT_MODE:Je,C_LINE_COMMENT_MODE:Ze,C_NUMBER_MODE:{scope:"number",begin:pe,relevance:0},C_NUMBER_RE:pe,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,i)=>{i.data._beginMatch=t[1]},"on:end":(t,i)=>{i.data._beginMatch!==t[1]&&i.ignoreMatch()}})},HASH_COMMENT_MODE:Ve,IDENT_RE:he,MATCH_NOTHING_RE:/\b\B/,METHOD_GUARD:{begin:"\\.\\s*"+ee,relevance:0},NUMBER_MODE:{scope:"number",begin:de,relevance:0},NUMBER_RE:de,PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},QUOTE_STRING_MODE:Xe,REGEXP_MODE:{scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[G,{begin:/\[/,end:/\]/,relevance:0,contains:[G]}]},RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=D(t,/.*\b/,e.binary,/\b.*/)),N({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(i,u)=>{0!==i.index&&u.ignoreMatch()}},e)},TITLE_MODE:{scope:"title",begin:he,relevance:0},UNDERSCORE_IDENT_RE:ee,UNDERSCORE_TITLE_MODE:{scope:"title",begin:ee,relevance:0}});function st(e,t){"."===e.input[e.index-1]&&t.ignoreMatch()}function rt(e,t){void 0!==e.className&&(e.scope=e.className,delete e.className)}function ct(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=st,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function ot(e,t){Array.isArray(e.illegal)&&(e.illegal=q(...e.illegal))}function at(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function lt(e,t){void 0===e.relevance&&(e.relevance=1)}const ut=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const i=Object.assign({},e);Object.keys(e).forEach(u=>{delete e[u]}),e.keywords=i.keywords,e.begin=D(i.beforeMatch,fe(i.begin)),e.starts={relevance:0,contains:[Object.assign(i,{endsParent:!0})]},e.relevance=0,delete i.beforeMatch},ft=["of","and","for","in","not","or","if","then","parent","list","value"],gt="keyword";function be(e,t,i=gt){const u=Object.create(null);return"string"==typeof e?b(i,e.split(" ")):Array.isArray(e)?b(i,e):Object.keys(e).forEach(function(_){Object.assign(u,be(e[_],t,_))}),u;function b(_,c){t&&(c=c.map(r=>r.toLowerCase())),c.forEach(function(r){const l=r.split("|");u[l[0]]=[_,ht(l[0],l[1])]})}}function ht(e,t){return t?Number(t):function dt(e){return ft.includes(e.toLowerCase())}(e)?0:1}const _e={},C=e=>{console.error(e)},Me=(e,...t)=>{console.log(`WARN: ${e}`,...t)},P=(e,t)=>{_e[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),_e[`${e}/${t}`]=!0)},z=new Error;function we(e,t,{key:i}){let u=0;const b=e[i],_={},c={};for(let r=1;r<=t.length;r++)c[r+u]=b[r],_[r+u]=!0,u+=ge(t[r-1]);e[i]=c,e[i]._emit=_,e[i]._multi=!0}function _t(e){(function bt(e){e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function pt(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw C("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),z;if("object"!=typeof e.beginScope||null===e.beginScope)throw C("beginScope must be object"),z;we(e,e.begin,{key:"beginScope"}),e.begin=m(e.begin,{joinWith:""})}}(e),function Et(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw C("skip, excludeEnd, returnEnd not compatible with endScope: {}"),z;if("object"!=typeof e.endScope||null===e.endScope)throw C("endScope must be object"),z;we(e,e.end,{key:"endScope"}),e.end=m(e.end,{joinWith:""})}}(e)}function Mt(e){function t(c,r){return new RegExp($(c),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(r?"g":""))}class i{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(r,l){l.position=this.position++,this.matchIndexes[this.matchAt]=l,this.regexes.push([l,r]),this.matchAt+=ge(r)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const r=this.regexes.map(l=>l[1]);this.matcherRe=t(m(r,{joinWith:"|"}),!0),this.lastIndex=0}exec(r){this.matcherRe.lastIndex=this.lastIndex;const l=this.matcherRe.exec(r);if(!l)return null;const x=l.findIndex((W,ne)=>ne>0&&void 0!==W),M=this.matchIndexes[x];return l.splice(0,x),Object.assign(l,M)}}class u{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(r){if(this.multiRegexes[r])return this.multiRegexes[r];const l=new i;return this.rules.slice(r).forEach(([x,M])=>l.addRule(x,M)),l.compile(),this.multiRegexes[r]=l,l}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(r,l){this.rules.push([r,l]),"begin"===l.type&&this.count++}exec(r){const l=this.getMatcher(this.regexIndex);l.lastIndex=this.lastIndex;let x=l.exec(r);if(this.resumingScanAtSamePosition()&&(!x||x.index!==this.lastIndex)){const M=this.getMatcher(0);M.lastIndex=this.lastIndex+1,x=M.exec(r)}return x&&(this.regexIndex+=x.position+1,this.regexIndex===this.count&&this.considerAll()),x}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=N(e.classNameAliases||{}),function _(c,r){const l=c;if(c.isCompiled)return l;[rt,at,_t,ut].forEach(M=>M(c,r)),e.compilerExtensions.forEach(M=>M(c,r)),c.__beforeBegin=null,[ct,ot,lt].forEach(M=>M(c,r)),c.isCompiled=!0;let x=null;return"object"==typeof c.keywords&&c.keywords.$pattern&&(c.keywords=Object.assign({},c.keywords),x=c.keywords.$pattern,delete c.keywords.$pattern),x=x||/\w+/,c.keywords&&(c.keywords=be(c.keywords,e.case_insensitive)),l.keywordPatternRe=t(x,!0),r&&(c.begin||(c.begin=/\B|\b/),l.beginRe=t(l.begin),!c.end&&!c.endsWithParent&&(c.end=/\B|\b/),c.end&&(l.endRe=t(l.end)),l.terminatorEnd=$(l.end)||"",c.endsWithParent&&r.terminatorEnd&&(l.terminatorEnd+=(c.end?"|":"")+r.terminatorEnd)),c.illegal&&(l.illegalRe=t(c.illegal)),c.contains||(c.contains=[]),c.contains=[].concat(...c.contains.map(function(M){return function wt(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return N(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:xe(e)?N(e,{starts:e.starts?N(e.starts):null}):Object.isFrozen(e)?N(e):e}("self"===M?c:M)})),c.contains.forEach(function(M){_(M,l)}),c.starts&&_(c.starts,r),l.matcher=function b(c){const r=new u;return c.contains.forEach(l=>r.addRule(l.begin,{rule:l,type:"begin"})),c.terminatorEnd&&r.addRule(c.terminatorEnd,{type:"end"}),c.illegal&&r.addRule(c.illegal,{type:"illegal"}),r}(l),l}(e)}function xe(e){return!!e&&(e.endsWithParent||xe(e.starts))}class Ot extends Error{constructor(t,i){super(t),this.name="HTMLInjectionError",this.html=i}}const te=U,Oe=N,Re=Symbol("nomatch"),Rt=7,ye=function(e){const t=Object.create(null),i=Object.create(null),u=[];let b=!0;const _="Could not find the language '{}', did you forget to load/include a language module?",c={disableAutodetect:!0,name:"Plain text",contains:[]};let r={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:Pe};function l(n){return r.noHighlightRe.test(n)}function M(n,a,h){let p="",w="";"object"==typeof a?(p=n,h=a.ignoreIllegals,w=a.language):(P("10.7.0","highlight(lang, code, ...args) has been deprecated."),P("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),w=n,p=a),void 0===h&&(h=!0);const S={code:p,language:w};Y("before:highlight",S);const B=S.result?S.result:W(S.language,S.code,h);return B.code=S.code,Y("after:highlight",B),B}function W(n,a,h,p){const w=Object.create(null);function S(s,o){return s.keywords[o]}function B(){if(!f.keywords)return void O.addText(E);let s=0;f.keywordPatternRe.lastIndex=0;let o=f.keywordPatternRe.exec(E),g="";for(;o;){g+=E.substring(s,o.index);const d=k.case_insensitive?o[0].toLowerCase():o[0],R=S(f,d);if(R){const[T,Gt]=R;O.addText(g),g="",w[d]=(w[d]||0)+1,w[d]<=Rt&&(V+=Gt),T.startsWith("_")?g+=o[0]:A(o[0],k.classNameAliases[T]||T)}else g+=o[0];s=f.keywordPatternRe.lastIndex,o=f.keywordPatternRe.exec(E)}g+=E.substring(s),O.addText(g)}function y(){null!=f.subLanguage?function Z(){if(""===E)return;let s=null;if("string"==typeof f.subLanguage){if(!t[f.subLanguage])return void O.addText(E);s=W(f.subLanguage,E,!0,De[f.subLanguage]),De[f.subLanguage]=s._top}else s=ie(E,f.subLanguage.length?f.subLanguage:null);f.relevance>0&&(V+=s.relevance),O.__addSublanguage(s._emitter,s.language)}():B(),E=""}function A(s,o){""!==s&&(O.startScope(o),O.addText(s),O.endScope())}function ke(s,o){let g=1;const d=o.length-1;for(;g<=d;){if(!s._emit[g]){g++;continue}const R=k.classNameAliases[s[g]]||s[g],T=o[g];R?A(T,R):(E=T,B(),E=""),g++}}function Te(s,o){return s.scope&&"string"==typeof s.scope&&O.openNode(k.classNameAliases[s.scope]||s.scope),s.beginScope&&(s.beginScope._wrap?(A(E,k.classNameAliases[s.beginScope._wrap]||s.beginScope._wrap),E=""):s.beginScope._multi&&(ke(s.beginScope,o),E="")),f=Object.create(s,{parent:{value:f}}),f}function Ie(s,o,g){let d=function $e(e,t){const i=e&&e.exec(t);return i&&0===i.index}(s.endRe,g);if(d){if(s["on:end"]){const R=new v(s);s["on:end"](o,R),R.isMatchIgnored&&(d=!1)}if(d){for(;s.endsParent&&s.parent;)s=s.parent;return s}}if(s.endsWithParent)return Ie(s.parent,o,g)}function Pt(s){return 0===f.matcher.regexIndex?(E+=s[0],1):(oe=!0,0)}function jt(s){const o=s[0],g=a.substring(s.index),d=Ie(f,s,g);if(!d)return Re;const R=f;f.endScope&&f.endScope._wrap?(y(),A(o,f.endScope._wrap)):f.endScope&&f.endScope._multi?(y(),ke(f.endScope,s)):R.skip?E+=o:(R.returnEnd||R.excludeEnd||(E+=o),y(),R.excludeEnd&&(E=o));do{f.scope&&O.closeNode(),!f.skip&&!f.subLanguage&&(V+=f.relevance),f=f.parent}while(f!==d.parent);return d.starts&&Te(d.starts,s),R.returnEnd?0:o.length}let J={};function Be(s,o){const g=o&&o[0];if(E+=s,null==g)return y(),0;if("begin"===J.type&&"end"===o.type&&J.index===o.index&&""===g){if(E+=a.slice(o.index,o.index+1),!b){const d=new Error(`0 width match regex (${n})`);throw d.languageName=n,d.badRule=J.rule,d}return 1}if(J=o,"begin"===o.type)return function Ht(s){const o=s[0],g=s.rule,d=new v(g),R=[g.__beforeBegin,g["on:begin"]];for(const T of R)if(T&&(T(s,d),d.isMatchIgnored))return Pt(o);return g.skip?E+=o:(g.excludeBegin&&(E+=o),y(),!g.returnBegin&&!g.excludeBegin&&(E=o)),Te(g,s),g.returnBegin?0:o.length}(o);if("illegal"===o.type&&!h){const d=new Error('Illegal lexeme "'+g+'" for mode "'+(f.scope||"<unnamed>")+'"');throw d.mode=f,d}if("end"===o.type){const d=jt(o);if(d!==Re)return d}if("illegal"===o.type&&""===g)return 1;if(ce>1e5&&ce>3*o.index)throw new Error("potential infinite loop, way more iterations than matches");return E+=g,g.length}const k=I(n);if(!k)throw C(_.replace("{}",n)),new Error('Unknown language: "'+n+'"');const $t=Mt(k);let re="",f=p||$t;const De={},O=new r.__emitter(r);!function Ut(){const s=[];for(let o=f;o!==k;o=o.parent)o.scope&&s.unshift(o.scope);s.forEach(o=>O.openNode(o))}();let E="",V=0,L=0,ce=0,oe=!1;try{if(k.__emitTokens)k.__emitTokens(a,O);else{for(f.matcher.considerAll();;){ce++,oe?oe=!1:f.matcher.considerAll(),f.matcher.lastIndex=L;const s=f.matcher.exec(a);if(!s)break;const g=Be(a.substring(L,s.index),s);L=s.index+g}Be(a.substring(L))}return O.finalize(),re=O.toHTML(),{language:n,value:re,relevance:V,illegal:!1,_emitter:O,_top:f}}catch(s){if(s.message&&s.message.includes("Illegal"))return{language:n,value:te(a),illegal:!0,relevance:0,_illegalBy:{message:s.message,index:L,context:a.slice(L-100,L+100),mode:s.mode,resultSoFar:re},_emitter:O};if(b)return{language:n,value:te(a),illegal:!1,relevance:0,errorRaised:s,_emitter:O,_top:f};throw s}}function ie(n,a){a=a||r.languages||Object.keys(t);const h=function ne(n){const a={value:te(n),illegal:!1,relevance:0,_top:c,_emitter:new r.__emitter(r)};return a._emitter.addText(n),a}(n),p=a.filter(I).filter(Ae).map(y=>W(y,n,!1));p.unshift(h);const w=p.sort((y,A)=>{if(y.relevance!==A.relevance)return A.relevance-y.relevance;if(y.language&&A.language){if(I(y.language).supersetOf===A.language)return 1;if(I(A.language).supersetOf===y.language)return-1}return 0}),[S,B]=w,Z=S;return Z.secondBest=B,Z}function se(n){let a=null;const h=function x(n){let a=n.className+" ";a+=n.parentNode?n.parentNode.className:"";const h=r.languageDetectRe.exec(a);if(h){const p=I(h[1]);return p||(Me(_.replace("{}",h[1])),Me("Falling back to no-highlight mode for this block.",n)),p?h[1]:"no-highlight"}return a.split(/\s+/).find(p=>l(p)||I(p))}(n);if(l(h))return;if(Y("before:highlightElement",{el:n,language:h}),n.dataset.highlighted)return void console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",n);if(n.children.length>0&&(r.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(n)),r.throwUnescapedHTML))throw new Ot("One of your code blocks includes unescaped HTML.",n.innerHTML);a=n;const p=a.textContent,w=h?M(p,{language:h,ignoreIllegals:!0}):ie(p);n.innerHTML=w.value,n.dataset.highlighted="yes",function yt(n,a,h){const p=a&&i[a]||h;n.classList.add("hljs"),n.classList.add(`language-${p}`)}(n,h,w.language),n.result={language:w.language,re:w.relevance,relevance:w.relevance},w.secondBest&&(n.secondBest={language:w.secondBest.language,relevance:w.secondBest.relevance}),Y("after:highlightElement",{el:n,result:w,text:p})}let Se=!1;function X(){"loading"!==document.readyState?document.querySelectorAll(r.cssSelector).forEach(se):Se=!0}function I(n){return n=(n||"").toLowerCase(),t[n]||t[i[n]]}function Ne(n,{languageName:a}){"string"==typeof n&&(n=[n]),n.forEach(h=>{i[h.toLowerCase()]=a})}function Ae(n){const a=I(n);return a&&!a.disableAutodetect}function Y(n,a){const h=n;u.forEach(function(p){p[h]&&p[h](a)})}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function kt(){Se&&X()},!1),Object.assign(e,{highlight:M,highlightAuto:ie,highlightAll:X,highlightElement:se,highlightBlock:function vt(n){return P("10.7.0","highlightBlock will be removed entirely in v12.0"),P("10.7.0","Please use highlightElement now."),se(n)},configure:function St(n){r=Oe(r,n)},initHighlighting:()=>{X(),P("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},initHighlightingOnLoad:function At(){X(),P("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")},registerLanguage:function Tt(n,a){let h=null;try{h=a(e)}catch(p){if(C("Language definition for '{}' could not be registered.".replace("{}",n)),!b)throw p;C(p),h=c}h.name||(h.name=n),t[n]=h,h.rawDefinition=a.bind(null,e),h.aliases&&Ne(h.aliases,{languageName:n})},unregisterLanguage:function It(n){delete t[n];for(const a of Object.keys(i))i[a]===n&&delete i[a]},listLanguages:function Bt(){return Object.keys(t)},getLanguage:I,registerAliases:Ne,autoDetection:Ae,inherit:Oe,addPlugin:function Ct(n){(function Dt(n){n["before:highlightBlock"]&&!n["before:highlightElement"]&&(n["before:highlightElement"]=a=>{n["before:highlightBlock"](Object.assign({block:a.el},a))}),n["after:highlightBlock"]&&!n["after:highlightElement"]&&(n["after:highlightElement"]=a=>{n["after:highlightBlock"](Object.assign({block:a.el},a))})})(n),u.push(n)},removePlugin:function Lt(n){const a=u.indexOf(n);-1!==a&&u.splice(a,1)}}),e.debugMode=function(){b=!1},e.safeMode=function(){b=!0},e.versionString="11.9.0",e.regex={concat:D,lookahead:fe,either:q,optional:je,anyNumberOfTimes:He};for(const n in F)"object"==typeof F[n]&&j(F[n]);return Object.assign(e,F),e},H=ye({});H.newInstance=()=>ye({}),ae.exports=H,H.HighlightJS=H,H.default=H},9358:(ae,j,v)=>{"use strict";v.r(j),v.d(j,{HighlightJS:()=>U,default:()=>N});var U=v(1075);const N=U}}]);
\ No newline at end of file
diff --git a/9358.f80cb2e11daaa9a5.js b/9358.f80cb2e11daaa9a5.js
new file mode 100644
index 000000000..141a0184f
--- /dev/null
+++ b/9358.f80cb2e11daaa9a5.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9358],{1075:le=>{var H={exports:{}};function D(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(function(t){var n=e[t];"object"==typeof n&&!Object.isFrozen(n)&&D(n)}),e}H.exports=D,H.exports.default=D;var K=H.exports;class W{constructor(t){void 0===t.data&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function ue(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function A(e,...t){const n=Object.create(null);for(const f in e)n[f]=e[f];return t.forEach(function(f){for(const b in f)n[b]=f[b]}),n}const fe=e=>!!e.kind;class Le{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=ue(t)}openNode(t){if(!fe(t))return;let n=t.kind;n=t.sublanguage?`language-${n}`:((e,{prefix:t})=>{if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((f,b)=>`${f}${"_".repeat(b+1)}`)].join(" ")}return`${t}${e}`})(n,{prefix:this.classPrefix}),this.span(n)}closeNode(t){fe(t)&&(this.buffer+="</span>")}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}class q{constructor(){this.rootNode={children:[]},this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n={kind:t,children:[]};this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return"string"==typeof n?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(f=>this._walk(t,f)),t.closeNode(n)),t}static _collapse(t){"string"!=typeof t&&t.children&&(t.children.every(n=>"string"==typeof n)?t.children=[t.children.join("")]:t.children.forEach(n=>{q._collapse(n)}))}}class Ce extends q{constructor(t){super(),this.options=t}addKeyword(t,n){""!==t&&(this.openNode(n),this.addText(t),this.closeNode())}addText(t){""!==t&&this.add(t)}addSublanguage(t,n){const f=t.root;f.kind=n,f.sublanguage=!0,this.add(f)}toHTML(){return new Le(this,this.options).value()}finalize(){return!0}}function j(e){return e?"string"==typeof e?e:e.source:null}function ge(e){return v("(?=",e,")")}function He(e){return v("(?:",e,")*")}function Pe(e){return v("(?:",e,")?")}function v(...e){return e.map(n=>j(n)).join("")}function m(...e){return"("+(function je(e){const t=e[e.length-1];return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}(e).capture?"":"?:")+e.map(f=>j(f)).join("|")+")"}function he(e){return new RegExp(e.toString()+"|").exec("").length-1}const $e=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function ee(e,{joinWith:t}){let n=0;return e.map(f=>{n+=1;const b=n;let _=j(f),c="";for(;_.length>0;){const r=$e.exec(_);if(!r){c+=_;break}c+=_.substring(0,r.index),_=_.substring(r.index+r[0].length),"\\"===r[0][0]&&r[1]?c+="\\"+String(Number(r[1])+b):(c+=r[0],"("===r[0]&&n++)}return c}).map(f=>`(${f})`).join(t)}const de="[a-zA-Z]\\w*",te="[a-zA-Z_]\\w*",pe="\\b\\d+(\\.\\d+)?",Ee="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",be="\\b(0b[01]+)",U={begin:"\\\\[\\s\\S]",relevance:0},Fe={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[U]},ze={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[U]},F=function(e,t,n={}){const f=A({scope:"comment",begin:e,end:t,contains:[]},n);f.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const b=m("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return f.contains.push({begin:v(/[ ]+/,"(",b,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),f},Ye=F("//","$"),Ze=F("/\\*","\\*/"),Je=F("#","$");var z=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:de,UNDERSCORE_IDENT_RE:te,NUMBER_RE:pe,C_NUMBER_RE:Ee,BINARY_NUMBER_RE:be,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=v(t,/.*\b/,e.binary,/\b.*/)),A({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,f)=>{0!==n.index&&f.ignoreMatch()}},e)},BACKSLASH_ESCAPE:U,APOS_STRING_MODE:Fe,QUOTE_STRING_MODE:ze,PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:F,C_LINE_COMMENT_MODE:Ye,C_BLOCK_COMMENT_MODE:Ze,HASH_COMMENT_MODE:Je,NUMBER_MODE:{scope:"number",begin:pe,relevance:0},C_NUMBER_MODE:{scope:"number",begin:Ee,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:be,relevance:0},REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[U,{begin:/\[/,end:/\]/,relevance:0,contains:[U]}]}]},TITLE_MODE:{scope:"title",begin:de,relevance:0},UNDERSCORE_TITLE_MODE:{scope:"title",begin:te,relevance:0},METHOD_GUARD:{begin:"\\.\\s*"+te,relevance:0},END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})}});function it(e,t){"."===e.input[e.index-1]&&t.ignoreMatch()}function st(e,t){void 0!==e.className&&(e.scope=e.className,delete e.className)}function rt(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=it,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function ct(e,t){Array.isArray(e.illegal)&&(e.illegal=m(...e.illegal))}function ot(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function at(e,t){void 0===e.relevance&&(e.relevance=1)}const lt=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(f=>{delete e[f]}),e.keywords=n.keywords,e.begin=v(n.beforeMatch,ge(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},ut=["of","and","for","in","not","or","if","then","parent","list","value"],ft="keyword";function _e(e,t,n=ft){const f=Object.create(null);return"string"==typeof e?b(n,e.split(" ")):Array.isArray(e)?b(n,e):Object.keys(e).forEach(function(_){Object.assign(f,_e(e[_],t,_))}),f;function b(_,c){t&&(c=c.map(r=>r.toLowerCase())),c.forEach(function(r){const l=r.split("|");f[l[0]]=[_,gt(l[0],l[1])]})}}function gt(e,t){return t?Number(t):function ht(e){return ut.includes(e.toLowerCase())}(e)?0:1}const Me={},L=e=>{console.error(e)},we=(e,...t)=>{console.log(`WARN: ${e}`,...t)},P=(e,t)=>{Me[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),Me[`${e}/${t}`]=!0)},X=new Error;function xe(e,t,{key:n}){let f=0;const b=e[n],_={},c={};for(let r=1;r<=t.length;r++)c[r+f]=b[r],_[r+f]=!0,f+=he(t[r-1]);e[n]=c,e[n]._emit=_,e[n]._multi=!0}function bt(e){(function Et(e){e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function dt(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw L("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),X;if("object"!=typeof e.beginScope||null===e.beginScope)throw L("beginScope must be object"),X;xe(e,e.begin,{key:"beginScope"}),e.begin=ee(e.begin,{joinWith:""})}}(e),function pt(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw L("skip, excludeEnd, returnEnd not compatible with endScope: {}"),X;if("object"!=typeof e.endScope||null===e.endScope)throw L("endScope must be object"),X;xe(e,e.end,{key:"endScope"}),e.end=ee(e.end,{joinWith:""})}}(e)}function _t(e){function t(c,r){return new RegExp(j(c),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(r?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(r,l){l.position=this.position++,this.matchIndexes[this.matchAt]=l,this.regexes.push([l,r]),this.matchAt+=he(r)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const r=this.regexes.map(l=>l[1]);this.matcherRe=t(ee(r,{joinWith:"|"}),!0),this.lastIndex=0}exec(r){this.matcherRe.lastIndex=this.lastIndex;const l=this.matcherRe.exec(r);if(!l)return null;const x=l.findIndex((G,ie)=>ie>0&&void 0!==G),M=this.matchIndexes[x];return l.splice(0,x),Object.assign(l,M)}}class f{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(r){if(this.multiRegexes[r])return this.multiRegexes[r];const l=new n;return this.rules.slice(r).forEach(([x,M])=>l.addRule(x,M)),l.compile(),this.multiRegexes[r]=l,l}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(r,l){this.rules.push([r,l]),"begin"===l.type&&this.count++}exec(r){const l=this.getMatcher(this.regexIndex);l.lastIndex=this.lastIndex;let x=l.exec(r);if(this.resumingScanAtSamePosition()&&(!x||x.index!==this.lastIndex)){const M=this.getMatcher(0);M.lastIndex=this.lastIndex+1,x=M.exec(r)}return x&&(this.regexIndex+=x.position+1,this.regexIndex===this.count&&this.considerAll()),x}}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=A(e.classNameAliases||{}),function _(c,r){const l=c;if(c.isCompiled)return l;[st,ot,bt,lt].forEach(M=>M(c,r)),e.compilerExtensions.forEach(M=>M(c,r)),c.__beforeBegin=null,[rt,ct,at].forEach(M=>M(c,r)),c.isCompiled=!0;let x=null;return"object"==typeof c.keywords&&c.keywords.$pattern&&(c.keywords=Object.assign({},c.keywords),x=c.keywords.$pattern,delete c.keywords.$pattern),x=x||/\w+/,c.keywords&&(c.keywords=_e(c.keywords,e.case_insensitive)),l.keywordPatternRe=t(x,!0),r&&(c.begin||(c.begin=/\B|\b/),l.beginRe=t(l.begin),!c.end&&!c.endsWithParent&&(c.end=/\B|\b/),c.end&&(l.endRe=t(l.end)),l.terminatorEnd=j(l.end)||"",c.endsWithParent&&r.terminatorEnd&&(l.terminatorEnd+=(c.end?"|":"")+r.terminatorEnd)),c.illegal&&(l.illegalRe=t(c.illegal)),c.contains||(c.contains=[]),c.contains=[].concat(...c.contains.map(function(M){return function Mt(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return A(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:Oe(e)?A(e,{starts:e.starts?A(e.starts):null}):Object.isFrozen(e)?A(e):e}("self"===M?c:M)})),c.contains.forEach(function(M){_(M,l)}),c.starts&&_(c.starts,r),l.matcher=function b(c){const r=new f;return c.contains.forEach(l=>r.addRule(l.begin,{rule:l,type:"begin"})),c.terminatorEnd&&r.addRule(c.terminatorEnd,{type:"end"}),c.illegal&&r.addRule(c.illegal,{type:"illegal"}),r}(l),l}(e)}function Oe(e){return!!e&&(e.endsWithParent||Oe(e.starts))}class xt extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const ne=ue,Re=A,ye=Symbol("nomatch"),Ot=7;var $=function(e){const t=Object.create(null),n=Object.create(null),f=[];let b=!0;const _="Could not find the language '{}', did you forget to load/include a language module?",c={disableAutodetect:!0,name:"Plain text",contains:[]};let r={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:Ce};function l(i){return r.noHighlightRe.test(i)}function M(i,a,h){let p="",w="";"object"==typeof a?(p=i,h=a.ignoreIllegals,w=a.language):(P("10.7.0","highlight(lang, code, ...args) has been deprecated."),P("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),w=i,p=a),void 0===h&&(h=!0);const S={code:p,language:w};Z("before:highlight",S);const T=S.result?S.result:G(S.language,S.code,h);return T.code=S.code,Z("after:highlight",T),T}function G(i,a,h,p){const w=Object.create(null);function S(s,o){return s.keywords[o]}function T(){if(!u.keywords)return void O.addText(E);let s=0;u.keywordPatternRe.lastIndex=0;let o=u.keywordPatternRe.exec(E),g="";for(;o;){g+=E.substring(s,o.index);const d=B.case_insensitive?o[0].toLowerCase():o[0],R=S(u,d);if(R){const[N,Ut]=R;O.addText(g),g="",w[d]=(w[d]||0)+1,w[d]<=Ot&&(Q+=Ut),N.startsWith("_")?g+=o[0]:O.addKeyword(o[0],B.classNameAliases[N]||N)}else g+=o[0];s=u.keywordPatternRe.lastIndex,o=u.keywordPatternRe.exec(E)}g+=E.substr(s),O.addText(g)}function y(){null!=u.subLanguage?function J(){if(""===E)return;let s=null;if("string"==typeof u.subLanguage){if(!t[u.subLanguage])return void O.addText(E);s=G(u.subLanguage,E,!0,Be[u.subLanguage]),Be[u.subLanguage]=s._top}else s=se(E,u.subLanguage.length?u.subLanguage:null);u.relevance>0&&(Q+=s.relevance),O.addSublanguage(s._emitter,s.language)}():T(),E=""}function I(s,o){let g=1;const d=o.length-1;for(;g<=d;){if(!s._emit[g]){g++;continue}const R=B.classNameAliases[s[g]]||s[g],N=o[g];R?O.addKeyword(N,R):(E=N,T(),E=""),g++}}function ke(s,o){return s.scope&&"string"==typeof s.scope&&O.openNode(B.classNameAliases[s.scope]||s.scope),s.beginScope&&(s.beginScope._wrap?(O.addKeyword(E,B.classNameAliases[s.beginScope._wrap]||s.beginScope._wrap),E=""):s.beginScope._multi&&(I(s.beginScope,o),E="")),u=Object.create(s,{parent:{value:u}}),u}function Te(s,o,g){let d=function Ue(e,t){const n=e&&e.exec(t);return n&&0===n.index}(s.endRe,g);if(d){if(s["on:end"]){const R=new W(s);s["on:end"](o,R),R.isMatchIgnored&&(d=!1)}if(d){for(;s.endsParent&&s.parent;)s=s.parent;return s}}if(s.endsWithParent)return Te(s.parent,o,g)}function Lt(s){return 0===u.matcher.regexIndex?(E+=s[0],1):(ae=!0,0)}function Ht(s){const o=s[0],g=a.substr(s.index),d=Te(u,s,g);if(!d)return ye;const R=u;u.endScope&&u.endScope._wrap?(y(),O.addKeyword(o,u.endScope._wrap)):u.endScope&&u.endScope._multi?(y(),I(u.endScope,s)):R.skip?E+=o:(R.returnEnd||R.excludeEnd||(E+=o),y(),R.excludeEnd&&(E=o));do{u.scope&&O.closeNode(),!u.skip&&!u.subLanguage&&(Q+=u.relevance),u=u.parent}while(u!==d.parent);return d.starts&&ke(d.starts,s),R.returnEnd?0:o.length}let V={};function Ie(s,o){const g=o&&o[0];if(E+=s,null==g)return y(),0;if("begin"===V.type&&"end"===o.type&&V.index===o.index&&""===g){if(E+=a.slice(o.index,o.index+1),!b){const d=new Error(`0 width match regex (${i})`);throw d.languageName=i,d.badRule=V.rule,d}return 1}if(V=o,"begin"===o.type)return function Ct(s){const o=s[0],g=s.rule,d=new W(g),R=[g.__beforeBegin,g["on:begin"]];for(const N of R)if(N&&(N(s,d),d.isMatchIgnored))return Lt(o);return g.skip?E+=o:(g.excludeBegin&&(E+=o),y(),!g.returnBegin&&!g.excludeBegin&&(E=o)),ke(g,s),g.returnBegin?0:o.length}(o);if("illegal"===o.type&&!h){const d=new Error('Illegal lexeme "'+g+'" for mode "'+(u.scope||"<unnamed>")+'"');throw d.mode=u,d}if("end"===o.type){const d=Ht(o);if(d!==ye)return d}if("illegal"===o.type&&""===g)return 1;if(oe>1e5&&oe>3*o.index)throw new Error("potential infinite loop, way more iterations than matches");return E+=g,g.length}const B=k(i);if(!B)throw L(_.replace("{}",i)),new Error('Unknown language: "'+i+'"');const jt=_t(B);let ce="",u=p||jt;const Be={},O=new r.__emitter(r);!function Pt(){const s=[];for(let o=u;o!==B;o=o.parent)o.scope&&s.unshift(o.scope);s.forEach(o=>O.openNode(o))}();let E="",Q=0,C=0,oe=0,ae=!1;try{for(u.matcher.considerAll();;){oe++,ae?ae=!1:u.matcher.considerAll(),u.matcher.lastIndex=C;const s=u.matcher.exec(a);if(!s)break;const g=Ie(a.substring(C,s.index),s);C=s.index+g}return Ie(a.substr(C)),O.closeAllNodes(),O.finalize(),ce=O.toHTML(),{language:i,value:ce,relevance:Q,illegal:!1,_emitter:O,_top:u}}catch(s){if(s.message&&s.message.includes("Illegal"))return{language:i,value:ne(a),illegal:!0,relevance:0,_illegalBy:{message:s.message,index:C,context:a.slice(C-100,C+100),mode:s.mode,resultSoFar:ce},_emitter:O};if(b)return{language:i,value:ne(a),illegal:!1,relevance:0,errorRaised:s,_emitter:O,_top:u};throw s}}function se(i,a){a=a||r.languages||Object.keys(t);const h=function ie(i){const a={value:ne(i),illegal:!1,relevance:0,_top:c,_emitter:new r.__emitter(r)};return a._emitter.addText(i),a}(i),p=a.filter(k).filter(Ae).map(y=>G(y,i,!1));p.unshift(h);const w=p.sort((y,I)=>{if(y.relevance!==I.relevance)return I.relevance-y.relevance;if(y.language&&I.language){if(k(y.language).supersetOf===I.language)return 1;if(k(I.language).supersetOf===y.language)return-1}return 0}),[S,T]=w,J=S;return J.secondBest=T,J}function re(i){let a=null;const h=function x(i){let a=i.className+" ";a+=i.parentNode?i.parentNode.className:"";const h=r.languageDetectRe.exec(a);if(h){const p=k(h[1]);return p||(we(_.replace("{}",h[1])),we("Falling back to no-highlight mode for this block.",i)),p?h[1]:"no-highlight"}return a.split(/\s+/).find(p=>l(p)||k(p))}(i);if(l(h))return;if(Z("before:highlightElement",{el:i,language:h}),i.children.length>0&&(r.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(i)),r.throwUnescapedHTML))throw new xt("One of your code blocks includes unescaped HTML.",i.innerHTML);a=i;const p=a.textContent,w=h?M(p,{language:h,ignoreIllegals:!0}):se(p);i.innerHTML=w.value,function Rt(i,a,h){const p=a&&n[a]||h;i.classList.add("hljs"),i.classList.add(`language-${p}`)}(i,h,w.language),i.result={language:w.language,re:w.relevance,relevance:w.relevance},w.secondBest&&(i.secondBest={language:w.secondBest.language,relevance:w.secondBest.relevance}),Z("after:highlightElement",{el:i,result:w,text:p})}let Se=!1;function Y(){"loading"!==document.readyState?document.querySelectorAll(r.cssSelector).forEach(re):Se=!0}function k(i){return i=(i||"").toLowerCase(),t[i]||t[n[i]]}function Ne(i,{languageName:a}){"string"==typeof i&&(i=[i]),i.forEach(h=>{n[h.toLowerCase()]=a})}function Ae(i){const a=k(i);return a&&!a.disableAutodetect}function Z(i,a){const h=i;f.forEach(function(p){p[h]&&p[h](a)})}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",function At(){Se&&Y()},!1),Object.assign(e,{highlight:M,highlightAuto:se,highlightAll:Y,highlightElement:re,highlightBlock:function vt(i){return P("10.7.0","highlightBlock will be removed entirely in v12.0"),P("10.7.0","Please use highlightElement now."),re(i)},configure:function yt(i){r=Re(r,i)},initHighlighting:()=>{Y(),P("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},initHighlightingOnLoad:function Nt(){Y(),P("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")},registerLanguage:function kt(i,a){let h=null;try{h=a(e)}catch(p){if(L("Language definition for '{}' could not be registered.".replace("{}",i)),!b)throw p;L(p),h=c}h.name||(h.name=i),t[i]=h,h.rawDefinition=a.bind(null,e),h.aliases&&Ne(h.aliases,{languageName:i})},unregisterLanguage:function Tt(i){delete t[i];for(const a of Object.keys(n))n[a]===i&&delete n[a]},listLanguages:function It(){return Object.keys(t)},getLanguage:k,registerAliases:Ne,autoDetection:Ae,inherit:Re,addPlugin:function Dt(i){(function Bt(i){i["before:highlightBlock"]&&!i["before:highlightElement"]&&(i["before:highlightElement"]=a=>{i["before:highlightBlock"](Object.assign({block:a.el},a))}),i["after:highlightBlock"]&&!i["after:highlightElement"]&&(i["after:highlightElement"]=a=>{i["after:highlightBlock"](Object.assign({block:a.el},a))})})(i),f.push(i)}}),e.debugMode=function(){b=!1},e.safeMode=function(){b=!0},e.versionString="11.5.1",e.regex={concat:v,lookahead:ge,either:m,optional:Pe,anyNumberOfTimes:He};for(const i in z)"object"==typeof z[i]&&K(z[i]);return Object.assign(e,z),e}({});le.exports=$,$.HighlightJS=$,$.default=$},9358:(le,H,D)=>{"use strict";D.r(H),D.d(H,{HighlightJS:()=>K,default:()=>W});var K=D(1075);const W=K}}]);
\ No newline at end of file
diff --git a/addons/phone/API/index.html b/addons/phone/API/index.html
index 18e370db5..e2dbb9cae 100644
--- a/addons/phone/API/index.html
+++ b/addons/phone/API/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.phone[_ngcontent-sc134]{max-width:25rem}.phone[_ngcontent-sc134]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc129]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:block;color:var(--tui-negative);word-wrap:break-word;animation:tuiPresent 1s infinite}.t-message-text[_ngcontent-sc129]{margin-top:.25rem;white-space:pre-line}.t-message-text_light[_ngcontent-sc129]{color:var(--tui-negative-night)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style><style ng-transition="demo">[_nghost-sc44]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}[data-size=m][_nghost-sc44]{width:2rem;height:1rem}[data-size=l][_nghost-sc44]{width:3rem;height:1.5rem}.t-checkbox[_ngcontent-sc44]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.t-checkbox[_ngcontent-sc44]:-webkit-autofill, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:hover, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc44]   .t-checkbox[_ngcontent-sc44]{pointer-events:none;cursor:default}.t-toggle[_ngcontent-sc44]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}[data-size=m][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:3rem;height:1rem;transform:translate(-1rem)}[data-size=l][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:4.5rem;height:1.5rem;transform:translate(-1.5rem)}._checked[_nghost-sc44]   .t-toggle[_ngcontent-sc44]{transform:translate(0)}.t-circle[_ngcontent-sc44]{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}._disabled[_nghost-sc44]   .t-circle_light[_ngcontent-sc44]{opacity:.24}[data-size=m][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:.75rem;height:.75rem}[data-size=l][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:1rem;height:1rem}._disabled[_nghost-sc44]   .t-circle[_ngcontent-sc44]{background-color:var(--tui-base-01)}.t-loader[_ngcontent-sc44]{min-width:auto}[_nghost-sc44]:not(._checked)   .t-loader[_ngcontent-sc44]{color:var(--tui-base-06)}[_nghost-sc44]:not(._checked)._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-base-05)}[_nghost-sc44]:not(._checked)[data-mode=onDark]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03-night)}[_nghost-sc44]:not(._checked)[data-mode=onDark]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[_nghost-sc44]:not(._checked)[data-mode=onLight]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03)}[_nghost-sc44]:not(._checked)[data-mode=onLight]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:.75rem;margin:0 .2rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:1rem;margin:0 .25rem}.t-icon-wrapper[_ngcontent-sc44]{display:flex}.t-icon[_ngcontent-sc44]{opacity:.8}.t-icon_off[_ngcontent-sc44]{color:var(--tui-base-06)}._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-base-05)}[data-mode=onDark][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03-night)}[data-mode=onDark]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[data-mode=onLight][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03)}[data-mode=onLight]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-icon[_ngcontent-sc44]{width:1rem;height:1rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-icon[_ngcontent-sc44]{margin:0 .125rem;width:1.5rem;height:1.5rem}[_nghost-sc44]:hover   .t-icon[_ngcontent-sc44]{opacity:1}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4351702025381586" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4351702025381586" htmlfor="tui_interactive_4351702025381586"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/addons/phone"><!----><span _ngcontent-sc4="" class="t-content"> @maskito/phone <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-sc134="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc134="" header="Phone" package="PHONE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(318,63%,83%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="PHONE">PHONE</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc134="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4691702025381696" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc134="" tuitextfieldcustomcontent="tuiIconPhoneLarge" class="phone ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc134="" type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" pattern="" tabindex="0" value="" id="tui_281702025381703" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4781702025381702" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_281702025381703" htmlfor="tui_281702025381703"> Enter phone </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-12 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-12 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc134="" _nghost-sc59="" class="ng-tns-c59-11 ng-star-inserted"><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-11 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-11"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-11">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-11">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [countryIsoCode] </code><!----></div><!----> Country ISO-code <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[countryIsoCode]" readonly="" aria-invalid="false" value="RU" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-11 ng-star-inserted">'RU'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="RU">RU</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [strict] </code><!----></div><!----> If true, it allows to enter only phone number of selected country (see countryIsoCode property). If false, all country phone number is allowed. <p _ngcontent-sc134="" class="ng-star-inserted"><strong _ngcontent-sc134="">Default:</strong><code _ngcontent-sc134="">true</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-toggle _ngcontent-sc59="" size="l" _nghost-sc44="" class="ng-tns-c59-11 _checked ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-sc44="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc44="" class="t-toggle"><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__check-icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOnLarge.svg?v=3.57.0#tuiIconToggleOnLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><div _ngcontent-sc44="" class="t-circle"></div><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__cancel-icon" class="t-icon t-icon_off ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOffLarge.svg?v=3.57.0#tuiIconToggleOffLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></div><input _ngcontent-sc44="" automation-id="tui-toggle__checkbox" role="switch" type="checkbox" class="t-checkbox" id="[strict]" aria-checked="true" checked="" tabindex="0"></div></tui-toggle><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><!----> Separator between groups of numbers in a phone number (excluding country code and area code). <p _ngcontent-sc134="" class="ng-star-inserted"><strong _ngcontent-sc134="">Default:</strong><code _ngcontent-sc134="">-</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly="" aria-invalid="false" value="-" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-11 ng-star-inserted">'-'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="-">-</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4281702045827270" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4281702045827270" htmlfor="tui_interactive_4281702045827270"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/addons/phone"><!----><span _ngcontent-sc4="" class="t-content"> @maskito/phone <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-sc134="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc134="" header="Phone" package="PHONE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(318,63%,83%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="PHONE">PHONE</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc134="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4621702045827372" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc134="" tuitextfieldcustomcontent="tuiIconPhoneLarge" class="phone ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc134="" type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" pattern="" tabindex="0" value="" id="tui_281702045827379" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4711702045827378" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_281702045827379" htmlfor="tui_281702045827379"> Enter phone </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-12 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-12 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc134="" _nghost-sc59="" class="ng-tns-c59-11 ng-star-inserted"><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-11 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-11"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-11">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-11">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [countryIsoCode] </code><!----></div><!----> Country ISO-code <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[countryIsoCode]" readonly="" aria-invalid="false" value="RU" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-11 ng-star-inserted">'RU'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="RU">RU</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [strict] </code><!----></div><!----> If true, it allows to enter only phone number of selected country (see countryIsoCode property). If false, all country phone number is allowed. <p _ngcontent-sc134="" class="ng-star-inserted"><strong _ngcontent-sc134="">Default:</strong><code _ngcontent-sc134="">true</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-toggle _ngcontent-sc59="" size="l" _nghost-sc44="" class="ng-tns-c59-11 _checked ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-sc44="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc44="" class="t-toggle"><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__check-icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOnLarge.svg?v=3.57.0#tuiIconToggleOnLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><div _ngcontent-sc44="" class="t-circle"></div><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__cancel-icon" class="t-icon t-icon_off ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOffLarge.svg?v=3.57.0#tuiIconToggleOffLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></div><input _ngcontent-sc44="" automation-id="tui-toggle__checkbox" role="switch" type="checkbox" class="t-checkbox" id="[strict]" aria-checked="true" checked="" tabindex="0"></div></tui-toggle><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-11 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-11"><code _ngcontent-sc59="" class="ng-tns-c59-11" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><!----> Separator between groups of numbers in a phone number (excluding country code and area code). <p _ngcontent-sc134="" class="ng-star-inserted"><strong _ngcontent-sc134="">Default:</strong><code _ngcontent-sc134="">-</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-11"><span _ngcontent-sc59="" class="type ng-tns-c59-11"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-11 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly="" aria-invalid="false" value="-" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-11 ng-star-inserted">'-'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="-">-</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/addons/phone/index.html b/addons/phone/index.html
index 46bfd71f4..c6092f9aa 100644
--- a/addons/phone/index.html
+++ b/addons/phone/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.phone[_ngcontent-sc108]{max-width:25rem}.phone[_ngcontent-sc108]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc103]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:block;color:var(--tui-negative);word-wrap:break-word;animation:tuiPresent 1s infinite}.t-message-text[_ngcontent-sc103]{margin-top:.25rem;white-space:pre-line}.t-message-text_light[_ngcontent-sc103]{color:var(--tui-negative-night)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2071702025372411" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2071702025372411" htmlfor="tui_interactive_2071702025372411"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/addons/phone"><!----><span _ngcontent-sc4="" class="t-content"> @maskito/phone <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-sc108="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc108="" header="Phone" package="PHONE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(318,63%,83%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="PHONE">PHONE</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><p _ngcontent-sc108="" class="ng-star-inserted"> This mask is based on the <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> libphonenumber-js </span><!----></a> package. </p> Use <code _ngcontent-sc108="" class="ng-star-inserted">maskitoPhoneOptionsGenerator</code> to create a mask for phone input. <tui-doc-example _ngcontent-sc108="" id="basic" description="Kazakhstan phone example" heading="basic" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="basic" class="ng-star-inserted">basic</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Kazakhstan phone example <!----><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+7 771 931-1111" id="tui_91702025372448" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2171702025372442" aria-invalid="false" value="+7 771 931-1111" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91702025372448" htmlfor="tui_91702025372448"> Basic </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+7 771 931-1111">+7 771 931-1111</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2071702045818158" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2071702045818158" htmlfor="tui_interactive_2071702045818158"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/addons/phone"><!----><span _ngcontent-sc4="" class="t-content"> @maskito/phone <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-sc108="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc108="" header="Phone" package="PHONE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(318,63%,83%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="PHONE">PHONE</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/addons/phone/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><p _ngcontent-sc108="" class="ng-star-inserted"> This mask is based on the <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> libphonenumber-js </span><!----></a> package. </p> Use <code _ngcontent-sc108="" class="ng-star-inserted">maskitoPhoneOptionsGenerator</code> to create a mask for phone input. <tui-doc-example _ngcontent-sc108="" id="basic" description="Kazakhstan phone example" heading="basic" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="basic" class="ng-star-inserted">basic</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Kazakhstan phone example <!----><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+7 771 931-1111" id="tui_91702045818198" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2171702045818186" aria-invalid="false" value="+7 771 931-1111" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91702045818198" htmlfor="tui_91702045818198"> Basic </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+7 771 931-1111">+7 771 931-1111</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="validation" heading="validation" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="validation" class="ng-star-inserted">validation</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="tui-space_top-0 ng-star-inserted"> For validating phone number you can use <code _ngcontent-sc108="">isValidPhoneNumber</code> , <code _ngcontent-sc108="">isPossiblePhoneNumber</code> functions from <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> libphonenumber-js </span><!----></a> package. <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Read more </span><!----></a></p><p _ngcontent-sc108="" class="ng-star-inserted">Below is an example of a Hungarian phone mask with an angular validator.</p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-2 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+36 20 123-3122" id="tui_101702025372452" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2191702025372444" aria-invalid="false" value="+36 20 123-3122" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101702025372452" htmlfor="tui_101702025372452"> Basic </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+36 20 123-3122">+36 20 123-3122</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-error _nghost-sc103="" class="ng-tns-c103-10 ng-untouched ng-pristine ng-valid ng-star-inserted"><!----></tui-error></phone-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="validation" heading="validation" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="validation" class="ng-star-inserted">validation</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="tui-space_top-0 ng-star-inserted"> For validating phone number you can use <code _ngcontent-sc108="">isValidPhoneNumber</code> , <code _ngcontent-sc108="">isPossiblePhoneNumber</code> functions from <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> libphonenumber-js </span><!----></a> package. <a _ngcontent-sc108="" href="https://www.npmjs.com/package/libphonenumber-js" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Read more </span><!----></a></p><p _ngcontent-sc108="" class="ng-star-inserted">Below is an example of a Hungarian phone mask with an angular validator.</p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-2 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+36 20 123-3122" id="tui_101702045818202" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2191702045818188" aria-invalid="false" value="+36 20 123-3122" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101702045818202" htmlfor="tui_101702045818202"> Basic </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+36 20 123-3122">+36 20 123-3122</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-error _nghost-sc103="" class="ng-tns-c103-10 ng-untouched ng-pristine ng-valid ng-star-inserted"><!----></tui-error></phone-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -64,7 +64,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="non-strict" heading="Non-strict mask" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Non-strict mask" class="ng-star-inserted">Non-strict mask</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="ng-star-inserted"> Setting the <code _ngcontent-sc108="">strict</code> option to <code _ngcontent-sc108="">false</code> enables non-strict mask mode and allow user to type any country phone number. </p><p _ngcontent-sc108="" class="ng-star-inserted"> The <code _ngcontent-sc108="">countryIsoCode</code> option is optional in that case, but if you specify it, the mask will try to add that country's calling code when you try to insert a phone number without a calling code. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-3 _ngcontent-sc108=""><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" pattern="" tabindex="0" value="" id="tui_111702025372454" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2211702025372445" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_111702025372454" htmlfor="tui_111702025372454"> Non-strict </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></phone-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="non-strict" heading="Non-strict mask" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Non-strict mask" class="ng-star-inserted">Non-strict mask</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="ng-star-inserted"> Setting the <code _ngcontent-sc108="">strict</code> option to <code _ngcontent-sc108="">false</code> enables non-strict mask mode and allow user to type any country phone number. </p><p _ngcontent-sc108="" class="ng-star-inserted"> The <code _ngcontent-sc108="">countryIsoCode</code> option is optional in that case, but if you specify it, the mask will try to add that country's calling code when you try to insert a phone number without a calling code. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-3 _ngcontent-sc108=""><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" pattern="" tabindex="0" value="" id="tui_111702045818205" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2211702045818190" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_111702045818205" htmlfor="tui_111702045818205"> Non-strict </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></phone-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -76,7 +76,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="lazy-metadata" heading="Lazy metadata" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Lazy metadata" class="ng-star-inserted">Lazy metadata</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="ng-star-inserted">You can load metadata lazily, below is an example of how to do it in Angular.</p><p _ngcontent-sc108="" class="ng-star-inserted"> You can also <a _ngcontent-sc108="" href="https://gitlab.com/catamphetamine/libphonenumber-js#customizing-metadata" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> customize the metadata </span><!----></a> to reduce metadata size. See instructions <a _ngcontent-sc108="" href="https://gitlab.com/catamphetamine/libphonenumber-metadata-generator" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> here </span><!----></a></p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-4 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+7 920 123-45-67" id="tui_121702025372457" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2231702025372446" aria-invalid="false" value="+7 920 123-4567" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_121702025372457" htmlfor="tui_121702025372457"> Lazy metadata </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+7 920 123-4567">+7 920 123-4567</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc108="" id="lazy-metadata" heading="Lazy metadata" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Lazy metadata" class="ng-star-inserted">Lazy metadata</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc108="" class="ng-star-inserted">You can load metadata lazily, below is an example of how to do it in Angular.</p><p _ngcontent-sc108="" class="ng-star-inserted"> You can also <a _ngcontent-sc108="" href="https://gitlab.com/catamphetamine/libphonenumber-js#customizing-metadata" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> customize the metadata </span><!----></a> to reduce metadata size. See instructions <a _ngcontent-sc108="" href="https://gitlab.com/catamphetamine/libphonenumber-metadata-generator" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> here </span><!----></a></p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-4 _ngcontent-sc108=""><tui-input tuitextfieldcustomcontent="tuiIconPhoneLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+7 920 123-45-67" id="tui_121702045818207" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2231702045818195" aria-invalid="false" value="+7 920 123-4567" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_121702045818207" htmlfor="tui_121702045818207"> Lazy metadata </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+7 920 123-4567">+7 920 123-4567</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPhoneLarge.svg?v=3.57.0#tuiIconPhoneLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -89,6 +89,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/browser-support/index.html b/browser-support/index.html
index e12dc0da3..918a3213d 100644
--- a/browser-support/index.html
+++ b/browser-support/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">td[_ngcontent-sc113]{width:18.75rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2691702025376467" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2691702025376467" htmlfor="tui_interactive_2691702025376467"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/browser-support"><!----><span _ngcontent-sc4="" class="t-content"> Browser support <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/changelog"><!----><span _ngcontent-sc4="" class="t-content"> Changelog <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><browser-support _nghost-sc113="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc113="" header="Browser support" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Browser support <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><h2 _ngcontent-sc113="" class="tui-text_h4 tui-space_top-0 tui-space_bottom-3">Desktop</h2><table _ngcontent-sc113="" class="tui-table"><tbody _ngcontent-sc113=""><tr _ngcontent-sc113="" class="tui-table__tr"><th _ngcontent-sc113="" class="tui-table__th">Browser</th><th _ngcontent-sc113="" class="tui-table__th">Version</th></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Google Chrome</td><td _ngcontent-sc113="" class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Mozilla Firefox</td><td _ngcontent-sc113="" class="tui-table__td"> 55+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Safari</td><td _ngcontent-sc113="" class="tui-table__td"> 12.1+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Opera</td><td _ngcontent-sc113="" class="tui-table__td"> 62+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Edge (Chromium)</td><td _ngcontent-sc113="" class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Microsoft Internet Explorer</td><td _ngcontent-sc113="" class="tui-table__td"><strong _ngcontent-sc113="" class="ng-star-inserted">Not supported</strong><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Edge (EdgeHTML)</td><td _ngcontent-sc113="" class="tui-table__td"><strong _ngcontent-sc113="" class="ng-star-inserted">Not supported</strong><!----></td></tr><!----></tbody></table><h2 _ngcontent-sc113="" class="tui-text_h4 tui-space_top-6 tui-space_bottom-3">Mobile</h2><table _ngcontent-sc113="" class="tui-table"><tbody _ngcontent-sc113=""><tr _ngcontent-sc113="" class="tui-table__tr"><th _ngcontent-sc113="" class="tui-table__th">Browser</th><th _ngcontent-sc113="" class="tui-table__th">Version</th></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Google Chrome</td><td _ngcontent-sc113="" class="tui-table__td">90+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Mozilla Firefox</td><td _ngcontent-sc113="" class="tui-table__td">99+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Safari</td><td _ngcontent-sc113="" class="tui-table__td">12.2+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Opera</td><td _ngcontent-sc113="" class="tui-table__td">64+</td></tr><!----></tbody></table><!----><!----></div></tui-doc-page><!----></browser-support><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2691702045822273" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2691702045822273" htmlfor="tui_interactive_2691702045822273"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/browser-support"><!----><span _ngcontent-sc4="" class="t-content"> Browser support <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/changelog"><!----><span _ngcontent-sc4="" class="t-content"> Changelog <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><browser-support _nghost-sc113="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc113="" header="Browser support" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Browser support <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><h2 _ngcontent-sc113="" class="tui-text_h4 tui-space_top-0 tui-space_bottom-3">Desktop</h2><table _ngcontent-sc113="" class="tui-table"><tbody _ngcontent-sc113=""><tr _ngcontent-sc113="" class="tui-table__tr"><th _ngcontent-sc113="" class="tui-table__th">Browser</th><th _ngcontent-sc113="" class="tui-table__th">Version</th></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Google Chrome</td><td _ngcontent-sc113="" class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Mozilla Firefox</td><td _ngcontent-sc113="" class="tui-table__td"> 55+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Safari</td><td _ngcontent-sc113="" class="tui-table__td"> 12.1+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Opera</td><td _ngcontent-sc113="" class="tui-table__td"> 62+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Edge (Chromium)</td><td _ngcontent-sc113="" class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Microsoft Internet Explorer</td><td _ngcontent-sc113="" class="tui-table__td"><strong _ngcontent-sc113="" class="ng-star-inserted">Not supported</strong><!----></td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Edge (EdgeHTML)</td><td _ngcontent-sc113="" class="tui-table__td"><strong _ngcontent-sc113="" class="ng-star-inserted">Not supported</strong><!----></td></tr><!----></tbody></table><h2 _ngcontent-sc113="" class="tui-text_h4 tui-space_top-6 tui-space_bottom-3">Mobile</h2><table _ngcontent-sc113="" class="tui-table"><tbody _ngcontent-sc113=""><tr _ngcontent-sc113="" class="tui-table__tr"><th _ngcontent-sc113="" class="tui-table__th">Browser</th><th _ngcontent-sc113="" class="tui-table__th">Version</th></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Google Chrome</td><td _ngcontent-sc113="" class="tui-table__td">90+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Mozilla Firefox</td><td _ngcontent-sc113="" class="tui-table__td">99+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Safari</td><td _ngcontent-sc113="" class="tui-table__td">12.2+</td></tr><tr _ngcontent-sc113="" class="tui-table__tr ng-star-inserted"><td _ngcontent-sc113="" class="tui-table__td">Opera</td><td _ngcontent-sc113="" class="tui-table__td">64+</td></tr><!----></tbody></table><!----><!----></div></tui-doc-page><!----></browser-support><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/changelog/index.html b/changelog/index.html
index 58d9a094e..9cda7fb80 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -23,7 +23,7 @@
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">markdown{max-width:58.25rem}markdown>:nth-child(1),markdown>:nth-child(2){display:none}markdown>*{margin-left:1.25rem}markdown h2{font-size:2em;padding-bottom:.5em;margin-left:0;border-bottom:1px solid var(--tui-base-03)}markdown h3{text-transform:uppercase;font-weight:400;font-size:1.5rem;margin:1rem 0}markdown h3:not([id^="feat"]):not([id^="bug"]):not([id^="deprecations"]){font-size:1.75rem;padding-bottom:.5em;margin:2rem 0 0;border-bottom:1px solid var(--tui-base-03)}markdown h3[id^=breaking]{margin-left:1.25rem;color:var(--tui-error-fill)}markdown code{color:#d45d8c}markdown h3[id^=feat]:before{content:"\1f680"}markdown h3[id^=bug]:before{content:"\1f41e"}markdown h3[id^=deprecations]:before{content:"\26a0\fe0f"}markdown h3[id^=feat]:before,markdown h3[id^=bug]:before,markdown h3[id^=deprecations]:before{margin-right:.5rem}
 </style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3341702025376930" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3341702025376930" htmlfor="tui_interactive_3341702025376930"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/browser-support"><!----><span _ngcontent-sc4="" class="t-content"> Browser support <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/changelog"><!----><span _ngcontent-sc4="" class="t-content"> Changelog <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><changelog class="ng-star-inserted"><tui-doc-page header="Changelog" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Changelog <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><markdown><h1>Changelog</h1>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3341702045822660" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3341702045822660" htmlfor="tui_interactive_3341702045822660"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/browser-support"><!----><span _ngcontent-sc4="" class="t-content"> Browser support <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/changelog"><!----><span _ngcontent-sc4="" class="t-content"> Changelog <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><changelog class="ng-star-inserted"><tui-doc-page header="Changelog" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Changelog <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><markdown><h1>Changelog</h1>
 <p>All notable changes to this project will be documented in this file. See
 <a href="https://github.com/conventional-changelog/standard-version">standard-version</a> for commit guidelines.</p>
 <h2><a href="https://github.com/taiga-family/maskito/compare/v1.8.2...v1.9.0">1.9.0</a> (2023-11-23)</h2>
@@ -473,6 +473,6 @@ <h2>0.1.0 (2023-02-14)</h2>
 </li>
 </ul>
 </markdown><!----><!----><!----></div></tui-doc-page></changelog><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/element-state/index.html b/core-concepts/element-state/index.html
index b66e53fa6..e4d6bccac 100644
--- a/core-concepts/element-state/index.html
+++ b/core-concepts/element-state/index.html
@@ -22,13 +22,13 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_251702025365081" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_251702025365081" htmlfor="tui_interactive_251702025365081"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><element-state-doc-page class="ng-star-inserted"><tui-doc-page header="Element state" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Element state <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><strong>Element&nbsp;state</strong> is a concept which describes the main properties of the masked element at the certain period of time. </p><p>It is an object which implements the following interface:</p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_251702045811039" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_251702045811039" htmlfor="tui_interactive_251702045811039"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><element-state-doc-page class="ng-star-inserted"><tui-doc-page header="Element state" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Element state <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><strong>Element&nbsp;state</strong> is a concept which describes the main properties of the masked element at the certain period of time. </p><p>It is an object which implements the following interface:</p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
         
     </div>
 </pre><!----></tui-doc-code></section><section><p> This concept is actively used throughout <strong>Maskito</strong> libraries, and you can find its usage in the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li class="tui-list__item"><a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li class="tui-list__item"><a tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section><!----><!----></div></tui-doc-page></element-state-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/mask-expression/index.html b/core-concepts/mask-expression/index.html
index d3eab3a58..9a43b2e6f 100644
--- a/core-concepts/mask-expression/index.html
+++ b/core-concepts/mask-expression/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">._hidden[_ngcontent-sc79]{display:none}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_191702025363906" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_191702025363906" htmlfor="tui_interactive_191702025363906"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><mask-expression-doc-page class="ng-star-inserted"><tui-doc-page header="Mask expression" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Mask expression <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div><strong>Mask expression</strong> is the the main concept of Maskito core library. It provides the developer with opportunity to predefine format of user's input. For example, you can set mask expression to accept only digits, only Latin letters or you can configure more complex patterns like a date string. </div><p> You can set mask expression using <code>mask</code> parameter of <a href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code>MaskitoOptions</code></span><!----></a> . </p><section class="tui-space_top-8"><h2>Types of mask expression</h2><ul class="tui-list"><li class="tui-list__item"><strong>RegExp mask expression</strong><p class="tui-space_top-0"> The most basic and comprehensible type. The only required knowledge is understanding of native JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Regular&nbsp;expression </span><!----></a> . </p><p>See the following example:</p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_191702045809872" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_191702045809872" htmlfor="tui_interactive_191702045809872"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><mask-expression-doc-page class="ng-star-inserted"><tui-doc-page header="Mask expression" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Mask expression <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div><strong>Mask expression</strong> is the the main concept of Maskito core library. It provides the developer with opportunity to predefine format of user's input. For example, you can set mask expression to accept only digits, only Latin letters or you can configure more complex patterns like a date string. </div><p> You can set mask expression using <code>mask</code> parameter of <a href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code>MaskitoOptions</code></span><!----></a> . </p><section class="tui-space_top-8"><h2>Types of mask expression</h2><ul class="tui-list"><li class="tui-list__item"><strong>RegExp mask expression</strong><p class="tui-space_top-0"> The most basic and comprehensible type. The only required knowledge is understanding of native JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Regular&nbsp;expression </span><!----></a> . </p><p>See the following example:</p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -41,6 +41,6 @@
         
     </div>
 </pre><!----></tui-doc-code><tui-notification status="warning" class="tui-space_top-6" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><div> Be careful! It can be not performance-friendly to generate new mask expression on every input change. </div><p class="tui-space_bottom-0">Think about optimization and memoization of the such function.</p></div><!----></tui-notification></li></ul></section><next-steps _nghost-sc79=""><section _ngcontent-sc79="" class="tui-space_top-12"><h2 _ngcontent-sc79="">Next steps</h2><p _ngcontent-sc79="">The following sections are recommended to explore core concepts further:</p><ul _ngcontent-sc79="" class="tui-list"><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> Plugins </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></mask-expression-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/overview/index.html b/core-concepts/overview/index.html
index 3a6c69194..03688c805 100644
--- a/core-concepts/overview/index.html
+++ b/core-concepts/overview/index.html
@@ -22,13 +22,13 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.islands-wrapper[_ngcontent-sc81]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}@media screen and (max-width: 47.9625em){.islands-wrapper[_ngcontent-sc81]{flex-direction:column}}.island[_ngcontent-sc81]{flex:1;min-width:14rem}@media screen and (min-width: 64em){.island[_ngcontent-sc81]{max-width:40%}}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc78]{display:block}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_131702025363881" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_131702025363881" htmlfor="tui_interactive_131702025363881"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><core-concepts-overview-doc-page _nghost-sc81="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc81="" header="Core concepts" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Core concepts <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section _ngcontent-sc81="" class="tui-space_bottom-4"><p _ngcontent-sc81="" class="tui-space_top-0"> The main entity of Maskito core library is <code _ngcontent-sc81="">Maskito</code> class which accepts 2 arguments in constructor: </p><ol _ngcontent-sc81="" class="tui-list tui-list_ordered"><li _ngcontent-sc81="" class="tui-list__item"> native <code _ngcontent-sc81="">HTMLInputElement</code> or <code _ngcontent-sc81="">HTMLTextAreaElement</code></li><li _ngcontent-sc81="" class="tui-list__item"> set of configurable <a _ngcontent-sc81="" href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code _ngcontent-sc81="">MaskitoOptions</code></span><!----></a></li></ol></section><tui-doc-code _ngcontent-sc81="" class="tui-space_bottom-4" _nghost-sc56=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_131702045809856" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_131702045809856" htmlfor="tui_interactive_131702045809856"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><core-concepts-overview-doc-page _nghost-sc81="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc81="" header="Core concepts" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Core concepts <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section _ngcontent-sc81="" class="tui-space_bottom-4"><p _ngcontent-sc81="" class="tui-space_top-0"> The main entity of Maskito core library is <code _ngcontent-sc81="">Maskito</code> class which accepts 2 arguments in constructor: </p><ol _ngcontent-sc81="" class="tui-list tui-list_ordered"><li _ngcontent-sc81="" class="tui-list__item"> native <code _ngcontent-sc81="">HTMLInputElement</code> or <code _ngcontent-sc81="">HTMLTextAreaElement</code></li><li _ngcontent-sc81="" class="tui-list__item"> set of configurable <a _ngcontent-sc81="" href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code _ngcontent-sc81="">MaskitoOptions</code></span><!----></a></li></ol></section><tui-doc-code _ngcontent-sc81="" class="tui-space_bottom-4" _nghost-sc56=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
         
     </div>
 </pre><!----></tui-doc-code><tui-notification _ngcontent-sc81="" status="warning" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><div _ngcontent-sc81=""><strong _ngcontent-sc81="">Avoid wasting computation power or memory resources!</strong></div><p _ngcontent-sc81="" class="tui-space_bottom-0"> The only available public method <code _ngcontent-sc81="">destroy</code> removes all created event listeners. Call it to clean everything up when the work is finished. </p></div><!----></tui-notification><section _ngcontent-sc81=""><p _ngcontent-sc81=""> To understand the capabilities of the Maskito library, you need to learn about the following features and concepts: </p><div _ngcontent-sc81="" class="islands-wrapper"><a _ngcontent-sc81="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/mask-expression"><h3 _ngcontent-sc81="" class="tui-island__title">Mask expression</h3><p _ngcontent-sc81="" class="tui-island__paragraph"> Learn how to predefine your mask format via mask&nbsp;expression. This section describes different&nbsp;types of mask&nbsp;expression and explains meaning of "fixed&nbsp;character" term. </p></a><a _ngcontent-sc81="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/processors"><h3 _ngcontent-sc81="" class="tui-island__title">Processors</h3><p _ngcontent-sc81="" class="tui-island__paragraph">Learn about preprocessors and postprocessors.</p></a><a _ngcontent-sc81="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/plugins"><h3 _ngcontent-sc81="" class="tui-island__title">Plugins</h3><p _ngcontent-sc81="" class="tui-island__paragraph"> Learn how you can augment masking with some custom logic bound to the masked HTML element. </p></a><a _ngcontent-sc81="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/overwrite-mode"><h3 _ngcontent-sc81="" class="tui-island__title">Overwrite mode</h3><p _ngcontent-sc81="" class="tui-island__paragraph"> Maskito can behave differently when user inserts new character in the middle of text field value. Learn how to control this behaviour via <code _ngcontent-sc81="">overwriteMode</code> parameter. </p></a><a _ngcontent-sc81="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/transformer"><h3 _ngcontent-sc81="" class="tui-island__title">Transformer</h3><p _ngcontent-sc81="" class="tui-island__paragraph"> Learn how to correctly programmatically update element's&nbsp;value via <code _ngcontent-sc81="">maskitoTransform</code> . </p></a></div></section><!----><!----></div></tui-doc-page></core-concepts-overview-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/overwrite-mode/index.html b/core-concepts/overwrite-mode/index.html
index f691d79e4..e25ce4830 100644
--- a/core-concepts/overwrite-mode/index.html
+++ b/core-concepts/overwrite-mode/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">._hidden[_ngcontent-sc79]{display:none}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc82]{position:relative;z-index:0;display:flex;flex-direction:column;min-height:var(--tui-textarea-height);border-radius:var(--tui-radius-m);color:var(--tui-text-01)}[data-mode=onDark][_nghost-sc82]{color:var(--tui-text-01-night)}[data-size=s][_nghost-sc82]{--tui-height: var(--tui-height-s);--tui-textarea-height: 4.5625rem;font:var(--tui-font-text-s)}[data-size=m][_nghost-sc82]{--tui-height: var(--tui-height-m);--tui-textarea-height: 5.5rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-sc82]{--tui-height: var(--tui-height-l);--tui-textarea-height: 6.75rem;font:var(--tui-font-text-m)}[data-size=m]._has-counter[_nghost-sc82]{--tui-textarea-height: 6.625rem}[data-size=l]._has-counter[_nghost-sc82]{--tui-textarea-height: 7.875rem}.t-outline[_ngcontent-sc82]{min-height:inherit}.t-content[_ngcontent-sc82]{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}._disabled[_nghost-sc82]   .t-content[_ngcontent-sc82]{cursor:auto;opacity:var(--tui-disabled-opacity)}[_nghost-sc82]:not(._expandable)   .t-content[_ngcontent-sc82]{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}._has-counter[_nghost-sc82]:not(._expandable)   .t-content[_ngcontent-sc82]{bottom:1.6875rem}._label-outside._has-counter[_nghost-sc82]:not(._expandable)   .t-content[_ngcontent-sc82]{bottom:1rem}.t-wrapper[_ngcontent-sc82]{position:relative;width:100%;height:100%;min-height:inherit;box-sizing:border-box;padding:calc((var(--tui-height) - 1.25rem) / 2) 0}[data-size=l]._label-outside[_nghost-sc82]   .t-wrapper[_ngcontent-sc82]{padding:calc((var(--tui-height) - 1.5rem) / 2) 0}[data-size=m][_nghost-sc82]:not(._label-outside)   .t-wrapper[_ngcontent-sc82]{padding:calc((var(--tui-height) - 2.25rem) / 2) 0}[data-size=l][_nghost-sc82]:not(._label-outside)   .t-wrapper[_ngcontent-sc82]{padding:calc((var(--tui-height) - 2.625rem) / 2) 0}table[data-size=m]._label-outside[_nghost-sc82]   .t-wrapper[_ngcontent-sc82], table   [data-size=m]._label-outside[_nghost-sc82]   .t-wrapper[_ngcontent-sc82]{padding-bottom:.75rem}table[data-size=l]._label-outside[_nghost-sc82]   .t-wrapper[_ngcontent-sc82], table   [data-size=l]._label-outside[_nghost-sc82]   .t-wrapper[_ngcontent-sc82]{padding-bottom:1rem}.t-input-wrapper[_ngcontent-sc82]{min-height:inherit;width:100%;flex:1}.t-relative[_ngcontent-sc82]{position:relative;min-height:inherit}.t-box[_ngcontent-sc82]{display:flex;min-height:calc(100% - 1rem);width:100%}[_nghost-sc82]:not(._expandable)   .t-box[_ngcontent-sc82]{height:calc(100% - 1rem)}[_nghost-sc82]:not(._expandable)._label-outside   .t-box[_ngcontent-sc82]{height:100%}._has-counter._expandable[_nghost-sc82]   .t-box[_ngcontent-sc82]{margin-bottom:1.25rem}[data-size=m][_nghost-sc82]:not(._label-outside)   .t-box[_ngcontent-sc82]{border-top:1rem solid transparent}[data-size=l][_nghost-sc82]:not(._label-outside)   .t-box[_ngcontent-sc82]{border-top:1.25rem solid transparent}.t-pseudo-content[_ngcontent-sc82]{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-top:0;border-bottom:0;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}[data-size=s][_nghost-sc82]   .t-pseudo-content[_ngcontent-sc82], [data-size=m][_nghost-sc82]   .t-pseudo-content[_ngcontent-sc82]{padding:0 .75rem}[data-size=l][_nghost-sc82]   .t-pseudo-content[_ngcontent-sc82]{padding:0 1rem}.t-pseudo-content__extra[_ngcontent-sc82]{background-color:var(--tui-error-bg-night)}.t-input[_ngcontent-sc82]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:none;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}.t-input[_ngcontent-sc82]:-webkit-autofill, .t-input[_ngcontent-sc82]:-webkit-autofill:hover, .t-input[_ngcontent-sc82]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-sc82]:not(:last-of-type){display:none}.t-input[_ngcontent-sc82]::placeholder{color:var(--tui-text-03);opacity:0}[data-mode=onDark][_nghost-sc82]   .t-input[_ngcontent-sc82]::placeholder{color:var(--tui-text-03-night)}._focused[_nghost-sc82]   .t-input[_ngcontent-sc82]:not(:-moz-read-only)::placeholder{opacity:1}._focused[_nghost-sc82]   .t-input[_ngcontent-sc82]:not(:read-only)::placeholder{opacity:1}[data-size=s][_nghost-sc82]   .t-input[_ngcontent-sc82], [data-size=m][_nghost-sc82]   .t-input[_ngcontent-sc82]{padding:0 .75rem}[data-size=l][_nghost-sc82]   .t-input[_ngcontent-sc82]{padding:0 1rem}[data-mode=onDark]._disabled[_nghost-sc82]   .t-input[_ngcontent-sc82]{color:var(--tui-text-03-night)}@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill){._ios[_nghost-sc82]   .t-input[_ngcontent-sc82]{padding-left:.8125rem}}.t-placeholder[_ngcontent-sc82]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;top:calc(var(--tui-height) / 2 - .625rem);left:0;max-width:100%;border:solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);box-sizing:border-box}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-sc82]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-sc82]{transform:translateY(-.625rem)}[data-size=m][_nghost-sc82]   .t-placeholder_raised[_ngcontent-sc82]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-sc82]:not(._focused)   .t-placeholder_raised[_ngcontent-sc82], ._invalid[_nghost-sc82]:not(._focused):hover   .t-placeholder_raised[_ngcontent-sc82]{color:var(--tui-error-fill)}._invalid[_nghost-sc82]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder_raised[_ngcontent-sc82], ._invalid[_nghost-sc82]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder_raised[_ngcontent-sc82]{color:var(--tui-error-fill-night)}._focused[_nghost-sc82]   .t-placeholder[_ngcontent-sc82], [data-size=m]._focused._label-outside[_nghost-sc82]   .t-placeholder[_ngcontent-sc82], [data-size=l]._focused._label-outside[_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{color:var(--tui-text-03)}[data-size=l][_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-sc82]   .t-placeholder_raised[_ngcontent-sc82]{font-size:.8156rem}[data-size=m]._focused[_nghost-sc82]:not(._label-outside)   .t-placeholder[_ngcontent-sc82], [data-size=l]._focused[_nghost-sc82]:not(._label-outside)   .t-placeholder[_ngcontent-sc82]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-sc82]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82], [data-size=l]._focused[_nghost-sc82]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82]{color:var(--tui-text-01-night)}._focused[_nghost-sc82]   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82], [data-size=m]._focused._label-outside[_nghost-sc82]   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82], [data-size=l]._focused._label-outside[_nghost-sc82]   [tuiWrapper][data-mode=onDark][_ngcontent-sc82]   .t-placeholder[_ngcontent-sc82]{color:var(--tui-text-02-night)}[data-size=s][_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{padding:0 .75rem}[data-size=m][_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{padding:0 .75rem}[data-size=l][_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{padding:0 1rem}._label-outside[_nghost-sc82]   .t-placeholder[_ngcontent-sc82]{overflow:initial;height:auto;white-space:initial}.t-icons[_ngcontent-sc82]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:calc((var(--tui-height) - 1.5rem) / 2) 1rem}[data-size=m][_nghost-sc82]   .t-icons[_ngcontent-sc82]{padding:calc((var(--tui-height) - 1.5rem) / 2) .625rem}.t-icons[_ngcontent-sc82] > [_ngcontent-sc82]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}.t-icon[_ngcontent-sc82]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}.t-icon_left[_ngcontent-sc82]{-webkit-margin-end:auto;margin-inline-end:auto}.t-cleaner[_ngcontent-sc82]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-sc82]   .t-cleaner[_ngcontent-sc82], ._disabled[_nghost-sc82]   .t-cleaner[_ngcontent-sc82]{pointer-events:none}.t-caret[_ngcontent-sc82]{display:inline-block;height:1rem;width:0}.t-counter[_ngcontent-sc82]{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}[data-mode=onDark][_nghost-sc82]   .t-counter[_ngcontent-sc82]{color:var(--tui-text-03-night)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_481702025366350" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_481702025366350" htmlfor="tui_interactive_481702025366350"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><overwrite-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Overwrite mode" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Overwrite mode <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Overwrite mode</strong> regulates behaviour of the mask when user inserts a new character somewhere in the middle of text field, overwriting the character at the current index. </p><section><p><code>overwriteMode</code> can be of a following type: </p><ul class="tui-list"><li class="tui-list__item"><code>shift</code> (default) </li><li class="tui-list__item"><code>replace</code></li><li class="tui-list__item"> function that receives element state as an argument and returns <code>shift</code> or <code>replace</code></li></ul></section><tui-doc-example id="shift" heading="Shift mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Shift mode" class="ng-star-inserted">Shift mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> The classic mode that everyone is used to. Inserting a new character in the middle of the text field value <strong class="ng-star-inserted">shifts</strong> all following characters to the right. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-shift-doc-example-1><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="0000" id="tui_01702025366388" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_581702025366375" aria-invalid="false" value="0000" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0000">0000</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></overwrite-mode-shift-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_481702045812277" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_481702045812277" htmlfor="tui_interactive_481702045812277"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><overwrite-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Overwrite mode" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Overwrite mode <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Overwrite mode</strong> regulates behaviour of the mask when user inserts a new character somewhere in the middle of text field, overwriting the character at the current index. </p><section><p><code>overwriteMode</code> can be of a following type: </p><ul class="tui-list"><li class="tui-list__item"><code>shift</code> (default) </li><li class="tui-list__item"><code>replace</code></li><li class="tui-list__item"> function that receives element state as an argument and returns <code>shift</code> or <code>replace</code></li></ul></section><tui-doc-example id="shift" heading="Shift mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Shift mode" class="ng-star-inserted">Shift mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> The classic mode that everyone is used to. Inserting a new character in the middle of the text field value <strong class="ng-star-inserted">shifts</strong> all following characters to the right. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-shift-doc-example-1><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="0000" id="tui_01702045812315" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_581702045812304" aria-invalid="false" value="0000" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0000">0000</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></overwrite-mode-shift-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="replace" heading="Replace mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Replace mode" class="ng-star-inserted">Replace mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> All new inserted characters <strong class="ng-star-inserted">replace</strong> the old characters at the same position. No character shifts. The length of the value remains the same after inserting new character somewhere in middle of the text field. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-replace-doc-example-2><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="0000" id="tui_11702025366393" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_601702025366377" aria-invalid="false" value="0000" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0000">0000</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></overwrite-mode-replace-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="replace" heading="Replace mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Replace mode" class="ng-star-inserted">Replace mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> All new inserted characters <strong class="ng-star-inserted">replace</strong> the old characters at the same position. No character shifts. The length of the value remains the same after inserting new character somewhere in middle of the text field. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-replace-doc-example-2><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="0000" id="tui_11702045812320" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_601702045812306" aria-invalid="false" value="0000" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0000">0000</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></overwrite-mode-replace-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -82,7 +82,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic" heading="Dynamically detected mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Dynamically detected mode" class="ng-star-inserted">Dynamically detected mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameter <code class="ng-star-inserted">overwriteMode</code> also accepts function that will called before each insertion of new characters. This function has one argument — current element state (read more about it in the <a tuilink="" _nghost-sc4="" href="/core-concepts/element-state" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> "Element&nbsp;state" </span><!----></a> section). And this function should return one of two possible values: <code class="ng-star-inserted">shift</code> or <code class="ng-star-inserted">replace</code> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-dynamic-doc-example-3><tui-textarea _nghost-sc82="" style="max-width:20rem;--border-start:0rem;--border-end:0rem;" class="_expandable _label-outside _has-value ng-untouched ng-pristine ng-valid" data-size="l"><!----><div _ngcontent-sc82="" automation-id="tui-text-area__wrapper" tuiwrapper="" class="t-outline" data-appearance="textfield"><!----><label _ngcontent-sc82="" class="t-content"><div _ngcontent-sc82="" class="t-wrapper"><!----><tui-scrollbar _ngcontent-sc82="" automation-id="tui-text-area__scrollbar" class="t-box _legacy" _nghost-sc11="" style="max-height:480px;"><!----><div _ngcontent-sc11="" class="t-content"><div _ngcontent-sc82="" class="t-input-wrapper"><div _ngcontent-sc82="" class="t-relative"><div _ngcontent-sc82="" aria-hidden="true" class="t-pseudo-content"><span _ngcontent-sc82="" textcontent="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled.">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</span><span _ngcontent-sc82="" class="t-pseudo-content__extra" textcontent=""></span><span _ngcontent-sc82="" class="t-caret"></span></div><textarea _ngcontent-sc82="" automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_611702025366379" value="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled." tabindex="0">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea><textarea type="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled." id="tui_21702025366398" inputmode="text" aria-invalid="false">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea></div></div></div></tui-scrollbar></div><div _ngcontent-sc82="" class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></overwrite-mode-dynamic-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic" heading="Dynamically detected mode" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Dynamically detected mode" class="ng-star-inserted">Dynamically detected mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameter <code class="ng-star-inserted">overwriteMode</code> also accepts function that will called before each insertion of new characters. This function has one argument — current element state (read more about it in the <a tuilink="" _nghost-sc4="" href="/core-concepts/element-state" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> "Element&nbsp;state" </span><!----></a> section). And this function should return one of two possible values: <code class="ng-star-inserted">shift</code> or <code class="ng-star-inserted">replace</code> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-dynamic-doc-example-3><tui-textarea _nghost-sc82="" style="max-width:20rem;--border-start:0rem;--border-end:0rem;" class="_expandable _label-outside _has-value ng-untouched ng-pristine ng-valid" data-size="l"><!----><div _ngcontent-sc82="" automation-id="tui-text-area__wrapper" tuiwrapper="" class="t-outline" data-appearance="textfield"><!----><label _ngcontent-sc82="" class="t-content"><div _ngcontent-sc82="" class="t-wrapper"><!----><tui-scrollbar _ngcontent-sc82="" automation-id="tui-text-area__scrollbar" class="t-box _legacy" _nghost-sc11="" style="max-height:480px;"><!----><div _ngcontent-sc11="" class="t-content"><div _ngcontent-sc82="" class="t-input-wrapper"><div _ngcontent-sc82="" class="t-relative"><div _ngcontent-sc82="" aria-hidden="true" class="t-pseudo-content"><span _ngcontent-sc82="" textcontent="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled.">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</span><span _ngcontent-sc82="" class="t-pseudo-content__extra" textcontent=""></span><span _ngcontent-sc82="" class="t-caret"></span></div><textarea _ngcontent-sc82="" automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_611702045812307" value="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled." tabindex="0">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea><textarea type="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — &quot;replace&quot; mode is enabled. Otherwise, &quot;shift&quot; mode is enabled." id="tui_21702045812324" inputmode="text" aria-invalid="false">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea></div></div></div></tui-scrollbar></div><div _ngcontent-sc82="" class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></overwrite-mode-dynamic-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -113,6 +113,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><next-steps _nghost-sc79=""><section _ngcontent-sc79="" class="tui-space_top-12"><h2 _ngcontent-sc79="">Next steps</h2><p _ngcontent-sc79="">The following sections are recommended to explore core concepts further:</p><ul _ngcontent-sc79="" class="tui-list"><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> Plugins </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></overwrite-mode-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/plugins/index.html b/core-concepts/plugins/index.html
index d505772f9..dd6f3a415 100644
--- a/core-concepts/plugins/index.html
+++ b/core-concepts/plugins/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">@keyframes _ngcontent-sc84_reject-0{0%{box-shadow:0 0 var(--tui-error-fill)}to{box-shadow:0 0 1rem var(--tui-error-bg)}}@keyframes _ngcontent-sc84_reject-1{0%{box-shadow:0 0 var(--tui-error-fill)}to{box-shadow:0 0 1rem var(--tui-error-bg)}}.input[_ngcontent-sc84]{max-width:20rem;animation:.3s 1}</style><style ng-transition="demo">._hidden[_ngcontent-sc83]{display:none}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_371702025366200" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_371702025366200" htmlfor="tui_interactive_371702025366200"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><plugins-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Plugins" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Plugins <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Plugins</strong> are functions that are called with input/textarea element and mask options as arguments upon mask initialization. They can optionally return cleanup logic and allow you to extend mask with arbitrary additional behavior. </p><tui-doc-example id="reject" heading="Visualize rejected characters" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Visualize rejected characters" class="ng-star-inserted">Visualize rejected characters</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification class="tui-space_bottom-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> This plugin is available as <code>maskitoRejectEvent</code> in <code>@maskito/kit</code></div><!----></tui-notification><plugins-reject-doc-example-1 _nghost-sc84=""><tui-input _ngcontent-sc84="" class="input ng-untouched ng-pristine ng-valid" _nghost-sc51="" style="animation-name:reject--1;" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc84="" type="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_01702025366242" inputmode="text" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_471702025366232" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_01702025366242" htmlfor="tui_01702025366242"> CVC </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></plugins-reject-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_371702045812181" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_371702045812181" htmlfor="tui_interactive_371702045812181"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><plugins-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Plugins" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Plugins <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Plugins</strong> are functions that are called with input/textarea element and mask options as arguments upon mask initialization. They can optionally return cleanup logic and allow you to extend mask with arbitrary additional behavior. </p><tui-doc-example id="reject" heading="Visualize rejected characters" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Visualize rejected characters" class="ng-star-inserted">Visualize rejected characters</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification class="tui-space_bottom-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> This plugin is available as <code>maskitoRejectEvent</code> in <code>@maskito/kit</code></div><!----></tui-notification><plugins-reject-doc-example-1 _nghost-sc84=""><tui-input _ngcontent-sc84="" class="input ng-untouched ng-pristine ng-valid" _nghost-sc51="" style="animation-name:reject--1;" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc84="" type="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_01702045812220" inputmode="text" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_471702045812211" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_01702045812220" htmlfor="tui_01702045812220"> CVC </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></plugins-reject-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -53,6 +53,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><next-steps _nghost-sc83=""><section _ngcontent-sc83="" class="tui-space_top-12"><h2 _ngcontent-sc83="">Next steps</h2><p _ngcontent-sc83="">The following sections are recommended to explore core concepts further:</p><ul _ngcontent-sc83="" class="tui-list"><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> Plugins </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></plugins-mode-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/processors/index.html b/core-concepts/processors/index.html
index ad073074a..1d9104b25 100644
--- a/core-concepts/processors/index.html
+++ b/core-concepts/processors/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">._hidden[_ngcontent-sc79]{display:none}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_331702025365139" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_331702025365139" htmlfor="tui_interactive_331702025365139"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><processors-doc-page class="ng-star-inserted"><tui-doc-page header="Processors" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Processors <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><a href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code>MaskitoOptions</code></span><!----></a> have optional parameters <code>preprocessors</code> and <code>postprocessors</code> . Both accept array of pure functions. These functions are triggered on every user's input ( <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> beforeinput </span><!----></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> input </span><!----></a> events). They provide an opportunity to modify value before&nbsp;/&nbsp;after the mask is applied. </p><section><p> Preprocessors and postprocessors accept different types of arguments but they have two important similarities: </p><ul class="tui-list"><li class="tui-list__item"> The first argument always contains object with information that you can change. Object with the same properties and updated values can be returned from the processor. It means that you can keep all properties untouched or you can change any or all of these properties. </li><li class="tui-list__item"> The rest arguments contain information that can be useful to build some complex logic, but you cannot change it. </li></ul></section></section><tui-notification class="tui-space_bottom-12" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Before you learn more about processors, you should learn a single prerequisite — meaning of the term <a tuilink="" _nghost-sc4="" href="/core-concepts/element-state" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Element&nbsp;state" </span><!----></a> . </div><!----></tui-notification><section class="tui-space_bottom-12"><h2>Preprocessors</h2><p> Each preprocessor is a function that is called <strong>before</strong> mask is applied. </p><p> For example, if user types a new character, all preprocessors will be called first, and only then final value that they returned will be passed into the mask, and finally the mask will accept or reject new typed character and update actual value of the text field. </p><section class="tui-space_bottom-6"><p>Preprocessor accepts two arguments:</p><ol class="tui-list tui-list_ordered"><li class="tui-list__item"><strong> Object with two properties: <code>elementState</code> and <code>data</code> . </strong> Object of the same interface with updated or unchanged properties can be returned from the preprocessor. <tui-doc-code class="tui-space_top-1" _nghost-sc56=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_331702045811092" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_331702045811092" htmlfor="tui_interactive_331702045811092"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><processors-doc-page class="ng-star-inserted"><tui-doc-page header="Processors" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Processors <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><a href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"><code>MaskitoOptions</code></span><!----></a> have optional parameters <code>preprocessors</code> and <code>postprocessors</code> . Both accept array of pure functions. These functions are triggered on every user's input ( <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> beforeinput </span><!----></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> input </span><!----></a> events). They provide an opportunity to modify value before&nbsp;/&nbsp;after the mask is applied. </p><section><p> Preprocessors and postprocessors accept different types of arguments but they have two important similarities: </p><ul class="tui-list"><li class="tui-list__item"> The first argument always contains object with information that you can change. Object with the same properties and updated values can be returned from the processor. It means that you can keep all properties untouched or you can change any or all of these properties. </li><li class="tui-list__item"> The rest arguments contain information that can be useful to build some complex logic, but you cannot change it. </li></ul></section></section><tui-notification class="tui-space_bottom-12" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Before you learn more about processors, you should learn a single prerequisite — meaning of the term <a tuilink="" _nghost-sc4="" href="/core-concepts/element-state" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Element&nbsp;state" </span><!----></a> . </div><!----></tui-notification><section class="tui-space_bottom-12"><h2>Preprocessors</h2><p> Each preprocessor is a function that is called <strong>before</strong> mask is applied. </p><p> For example, if user types a new character, all preprocessors will be called first, and only then final value that they returned will be passed into the mask, and finally the mask will accept or reject new typed character and update actual value of the text field. </p><section class="tui-space_bottom-6"><p>Preprocessor accepts two arguments:</p><ol class="tui-list tui-list_ordered"><li class="tui-list__item"><strong> Object with two properties: <code>elementState</code> and <code>data</code> . </strong> Object of the same interface with updated or unchanged properties can be returned from the preprocessor. <tui-doc-code class="tui-space_top-1" _nghost-sc56=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -47,6 +47,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><tui-notification _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Stacking of multiple processors</strong><p> The <strong>Maskito</strong> team likes code decomposition and promotes it! Don't put all complex logic inside a single processor. Both parameters <code>preprocessors</code> and <code>postprocessors</code> accepts <strong>array</strong> of same type processors. Break your code into the several independent processors so that each processor implements only a single task. </p></div><!----></tui-notification><next-steps _nghost-sc79=""><section _ngcontent-sc79="" class="tui-space_top-12"><h2 _ngcontent-sc79="">Next steps</h2><p _ngcontent-sc79="">The following sections are recommended to explore core concepts further:</p><ul _ngcontent-sc79="" class="tui-list"><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> Plugins </span><!----></a></li><li _ngcontent-sc79="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc79="" tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></processors-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/transformer/index.html b/core-concepts/transformer/index.html
index eb552cd67..506333fc7 100644
--- a/core-concepts/transformer/index.html
+++ b/core-concepts/transformer/index.html
@@ -22,13 +22,13 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">._hidden[_ngcontent-sc83]{display:none}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_571702025367382" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_571702025367382" htmlfor="tui_interactive_571702025367382"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><transformer-doc-page class="ng-star-inserted"><tui-doc-page header="Transformer" package="CORE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Transformer <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(207,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="CORE">CORE</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"><strong>Maskito</strong> libraries were created to prevent user from typing invalid value. <br><strong>Maskito</strong> listens <code>beforeinput</code> and <code>input</code> events. Programmatic (by developer) changes of input's value don't trigger these events! </p><tui-notification _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Maskito</strong> is based on the assumption that developer is capable to programmatically patch input with <u>valid</u> value! </div><!----></tui-notification><p> If you need to programmatically patch input's value but you are not sure that your value is valid (for example, you get it from the server), you should use <code>maskitoTransform</code> utility . </p></section><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_571702045813338" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_571702045813338" htmlfor="tui_interactive_571702045813338"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overview"><!----><span _ngcontent-sc4="" class="t-content"> Overview <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/mask-expression"><!----><span _ngcontent-sc4="" class="t-content"> Mask expression <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/element-state"><!----><span _ngcontent-sc4="" class="t-content"> Element state <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/processors"><!----><span _ngcontent-sc4="" class="t-content"> Processors <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/plugins"><!----><span _ngcontent-sc4="" class="t-content"> Plugins <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/core-concepts/overwrite-mode"><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/core-concepts/transformer"><!----><span _ngcontent-sc4="" class="t-content"> Transformer <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><transformer-doc-page class="ng-star-inserted"><tui-doc-page header="Transformer" package="CORE" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Transformer <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(207,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="CORE">CORE</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"><strong>Maskito</strong> libraries were created to prevent user from typing invalid value. <br><strong>Maskito</strong> listens <code>beforeinput</code> and <code>input</code> events. Programmatic (by developer) changes of input's value don't trigger these events! </p><tui-notification _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Maskito</strong> is based on the assumption that developer is capable to programmatically patch input with <u>valid</u> value! </div><!----></tui-notification><p> If you need to programmatically patch input's value but you are not sure that your value is valid (for example, you get it from the server), you should use <code>maskitoTransform</code> utility . </p></section><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
         
     </div>
 </pre><!----></tui-doc-code><next-steps _nghost-sc83=""><section _ngcontent-sc83="" class="tui-space_top-12"><h2 _ngcontent-sc83="">Next steps</h2><p _ngcontent-sc83="">The following sections are recommended to explore core concepts further:</p><ul _ngcontent-sc83="" class="tui-list"><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Mask expression </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> Processors </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> Plugins </span><!----></a></li><li _ngcontent-sc83="" routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-sc83="" tuilink="" _nghost-sc4="" href="/core-concepts/overwrite-mode" class=""><!----><span _ngcontent-sc4="" class="t-content"> Overwrite mode </span><!----></a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></transformer-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/cypress/index.html b/cypress/index.html
index 6108050be..d977a671b 100644
--- a/cypress/index.html
+++ b/cypress/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.tests-wrapper[_ngcontent-sc120]{display:flex;flex-direction:column;gap:3rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2911702025377828" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2911702025377828" htmlfor="tui_interactive_2911702025377828"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><cypress-doc-page _nghost-sc120="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc120="" header="Cypress" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Cypress <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/cypress" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Tests </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><div _ngcontent-sc120="" class="tests-wrapper ng-star-inserted"><test-doc-example-1 _ngcontent-sc120="" id="predicate"><div role="group" tuigroup="" class="tui-group tui-group_rounded tui-group_orientation_horizontal"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3031702025377848" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3031702025377848" htmlfor="tui_interactive_3031702025377848"> Card number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3041702025377848" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3041702025377848" htmlfor="tui_interactive_3041702025377848">Name</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></div><div role="group" id="async-predicate" tuigroup="" class="tui-group tui-group_rounded tui-group_orientation_horizontal"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3051702025377849" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3051702025377849" htmlfor="tui_interactive_3051702025377849">Card number</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></div></test-doc-example-1><test-doc-example-2 _ngcontent-sc120="" id="maxlength"><input maxlength="3" value=""><input maxlength="6" value=""></test-doc-example-2><test-doc-example-3 _ngcontent-sc120="" id="mirrored-prefix-postfix"><input value="$ 100 per day"></test-doc-example-3><test-doc-example-4 _ngcontent-sc120="" id="runtime-postfix-changes"><input placeholder="Enter number" value="1 year"></test-doc-example-4><test-doc-example-5 _ngcontent-sc120="" id="react-async-predicate"></test-doc-example-5><test-doc-example-6 _ngcontent-sc120="" id="multi-character-prefix"><input placeholder="Type 'E', 'U' or 'R' character" value=""></test-doc-example-6></div><!----><!----><!----><!----></div></tui-doc-page></cypress-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2911702045823611" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2911702045823611" htmlfor="tui_interactive_2911702045823611"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><cypress-doc-page _nghost-sc120="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc120="" header="Cypress" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Cypress <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/cypress" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Tests </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><div _ngcontent-sc120="" class="tests-wrapper ng-star-inserted"><test-doc-example-1 _ngcontent-sc120="" id="predicate"><div role="group" tuigroup="" class="tui-group tui-group_rounded tui-group_orientation_horizontal"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3031702045823635" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3031702045823635" htmlfor="tui_interactive_3031702045823635"> Card number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3041702045823636" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3041702045823636" htmlfor="tui_interactive_3041702045823636">Name</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></div><div role="group" id="async-predicate" tuigroup="" class="tui-group tui-group_rounded tui-group_orientation_horizontal"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3051702045823636" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3051702045823636" htmlfor="tui_interactive_3051702045823636">Card number</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></div></test-doc-example-1><test-doc-example-2 _ngcontent-sc120="" id="maxlength"><input maxlength="3" value=""><input maxlength="6" value=""></test-doc-example-2><test-doc-example-3 _ngcontent-sc120="" id="mirrored-prefix-postfix"><input value="$ 100 per day"></test-doc-example-3><test-doc-example-4 _ngcontent-sc120="" id="runtime-postfix-changes"><input placeholder="Enter number" value="1 year"></test-doc-example-4><test-doc-example-5 _ngcontent-sc120="" id="react-async-predicate"></test-doc-example-5><test-doc-example-6 _ngcontent-sc120="" id="multi-character-prefix"><input placeholder="Type 'E', 'U' or 'R' character" value=""></test-doc-example-6></div><!----><!----><!----><!----></div></tui-doc-page></cypress-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/angular/Setup/index.html b/frameworks/angular/Setup/index.html
index 37f3cf5c0..ad0a0da8d 100644
--- a/frameworks/angular/Setup/index.html
+++ b/frameworks/angular/Setup/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.example[_ngcontent-sc92]{display:block;width:20rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_5261702025381530" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_5261702025381530" htmlfor="tui_interactive_5261702025381530"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page _nghost-sc92="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc92="" header="Angular" path="angular" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Angular <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Overview </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular/Setup" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Setup </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><section _ngcontent-sc92="" class="ng-star-inserted"><ol _ngcontent-sc92="" class="tui-list tui-list_ordered"><li _ngcontent-sc92="" class="tui-list__item"> Install libraries <tui-doc-code _ngcontent-sc92="" code="npm install @maskito/{core,angular}" filename="/your/project/path>" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> /your/project/path&gt;
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_5101702045827090" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_5101702045827090" htmlfor="tui_interactive_5101702045827090"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page _nghost-sc92="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc92="" header="Angular" path="angular" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Angular <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Overview </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular/Setup" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Setup </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><section _ngcontent-sc92="" class="ng-star-inserted"><ol _ngcontent-sc92="" class="tui-list tui-list_ordered"><li _ngcontent-sc92="" class="tui-list__item"> Install libraries <tui-doc-code _ngcontent-sc92="" code="npm install @maskito/{core,angular}" filename="/your/project/path>" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> /your/project/path&gt;
 </p><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
@@ -37,6 +37,6 @@
         
     </div>
 </pre><!----></tui-doc-code></li></ol></section><!----><!----><!----><!----></div></tui-doc-page></angular-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/angular/index.html b/frameworks/angular/index.html
index c43fb699f..1978e1c72 100644
--- a/frameworks/angular/index.html
+++ b/frameworks/angular/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.example[_ngcontent-sc92]{display:block;width:20rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_851702025367630" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_851702025367630" htmlfor="tui_interactive_851702025367630"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page _nghost-sc92="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc92="" header="Angular" path="angular" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Angular <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Overview </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular/Setup" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Setup </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><code _ngcontent-sc92="" class="ng-star-inserted">@maskito/angular</code> is a light-weighted library to use <strong _ngcontent-sc92="" class="ng-star-inserted">Maskito</strong> in an Angular-way. <tui-notification _ngcontent-sc92="" status="warning" class="tui-space_top-6 ng-star-inserted" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong _ngcontent-sc92="">Prerequisites</strong><p _ngcontent-sc92="" class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a _ngcontent-sc92="" tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section _ngcontent-sc92="" class="tui-space_top-12 ng-star-inserted"><h2 _ngcontent-sc92="">Write less code</h2><ul _ngcontent-sc92="" class="tui-list"><li _ngcontent-sc92="" class="tui-list__item"><strong _ngcontent-sc92="">No need to query element from DOM.</strong> Just pass all required options to <code _ngcontent-sc92="">[maskito]</code> directive. </li><li _ngcontent-sc92="" class="tui-list__item"><strong _ngcontent-sc92="">No need to worry about clean-ups.</strong> All created event listeners are automatically removed after element is detached from DOM. </li></ul></section><section _ngcontent-sc92="" class="tui-space_top-12 ng-star-inserted"><h2 _ngcontent-sc92="">Basic directive approach</h2><p _ngcontent-sc92="">Use it when you have direct access to native input element.</p><tui-doc-code _ngcontent-sc92="" filename="your.component.ts" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> your.component.ts
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_851702045813507" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_851702045813507" htmlfor="tui_interactive_851702045813507"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page _nghost-sc92="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc92="" header="Angular" path="angular" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Angular <!----><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Overview </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/frameworks/angular/Setup" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Setup </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><code _ngcontent-sc92="" class="ng-star-inserted">@maskito/angular</code> is a light-weighted library to use <strong _ngcontent-sc92="" class="ng-star-inserted">Maskito</strong> in an Angular-way. <tui-notification _ngcontent-sc92="" status="warning" class="tui-space_top-6 ng-star-inserted" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong _ngcontent-sc92="">Prerequisites</strong><p _ngcontent-sc92="" class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a _ngcontent-sc92="" tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section _ngcontent-sc92="" class="tui-space_top-12 ng-star-inserted"><h2 _ngcontent-sc92="">Write less code</h2><ul _ngcontent-sc92="" class="tui-list"><li _ngcontent-sc92="" class="tui-list__item"><strong _ngcontent-sc92="">No need to query element from DOM.</strong> Just pass all required options to <code _ngcontent-sc92="">[maskito]</code> directive. </li><li _ngcontent-sc92="" class="tui-list__item"><strong _ngcontent-sc92="">No need to worry about clean-ups.</strong> All created event listeners are automatically removed after element is detached from DOM. </li></ul></section><section _ngcontent-sc92="" class="tui-space_top-12 ng-star-inserted"><h2 _ngcontent-sc92="">Basic directive approach</h2><p _ngcontent-sc92="">Use it when you have direct access to native input element.</p><tui-doc-code _ngcontent-sc92="" filename="your.component.ts" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> your.component.ts
 </p><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
@@ -36,9 +36,9 @@
         <!----></span><!----></div></button>
         
     </div>
-</pre><!----></tui-doc-code></section><tui-doc-example _ngcontent-sc92="" description="See querying nested input in action" heading="Custom input" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Custom input" class="ng-star-inserted">Custom input</span><!----><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> See querying nested input in action <!----><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> TypeScript <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Default <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Custom <!----><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification _ngcontent-sc92="" class="example tui-space_bottom-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Default behavior is enough for <a _ngcontent-sc92="" href="https://github.com/Tinkoff/taiga-ui" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Taiga UI </span><!----></a> inputs </div><!----></tui-notification><nested-doc-example-1 _ngcontent-sc92="" class="example"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_951702025367663" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_951702025367663" htmlfor="tui_interactive_951702025367663"> Name on the card
-</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></nested-doc-example-1><tui-notification _ngcontent-sc92="" class="example tui-space_vertical-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Custom predicate is required if target input is not the first on in the DOM </div><!----></tui-notification><nested-doc-example-2 _ngcontent-sc92="" class="example"><tui-checkbox-labeled class="tui-space_bottom-3 ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="outline" class=""><tui-svg _ngcontent-sc40="" class="t-mark ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_981702025367665" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Add card holder name
-</div></label></tui-checkbox-labeled><tui-input _nghost-sc51="" class="ng-untouched ng-pristine _disabled" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _disabled" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield" data-state="disabled"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine" id="tui_interactive_991702025367667" aria-invalid="false" value="" tabindex="-1" disabled=""><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="" htmlfor=""> Name on the card
+</pre><!----></tui-doc-code></section><tui-doc-example _ngcontent-sc92="" description="See querying nested input in action" heading="Custom input" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Custom input" class="ng-star-inserted">Custom input</span><!----><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> See querying nested input in action <!----><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> TypeScript <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Default <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Custom <!----><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification _ngcontent-sc92="" class="example tui-space_bottom-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Default behavior is enough for <a _ngcontent-sc92="" href="https://github.com/Tinkoff/taiga-ui" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Taiga UI </span><!----></a> inputs </div><!----></tui-notification><nested-doc-example-1 _ngcontent-sc92="" class="example"><tui-input _nghost-sc51="" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_951702045813539" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_951702045813539" htmlfor="tui_interactive_951702045813539"> Name on the card
+</label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></nested-doc-example-1><tui-notification _ngcontent-sc92="" class="example tui-space_vertical-3" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Custom predicate is required if target input is not the first on in the DOM </div><!----></tui-notification><nested-doc-example-2 _ngcontent-sc92="" class="example"><tui-checkbox-labeled class="tui-space_bottom-3 ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="outline" class=""><tui-svg _ngcontent-sc40="" class="t-mark ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_981702045813540" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Add card holder name
+</div></label></tui-checkbox-labeled><tui-input _nghost-sc51="" class="ng-untouched ng-pristine _disabled" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _disabled" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield" data-state="disabled"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine" id="tui_interactive_991702045813542" aria-invalid="false" value="" tabindex="-1" disabled=""><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="" htmlfor=""> Name on the card
 </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></nested-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></angular-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/react/index.html b/frameworks/react/index.html
index 49bf8e434..f45c002d0 100644
--- a/frameworks/react/index.html
+++ b/frameworks/react/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_691702025368484" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_691702025368484" htmlfor="tui_interactive_691702025368484"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><react-doc-page class="ng-star-inserted"><tui-doc-page header="React" path="react" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> React <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/react" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>@maskito/react</code> is a light-weighted library to use <strong>Maskito</strong> in an React-way. </p><tui-notification status="warning" class="tui-space_top-6" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,react}" _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_691702045814460" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_691702045814460" htmlfor="tui_interactive_691702045814460"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><react-doc-page class="ng-star-inserted"><tui-doc-page header="React" path="react" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> React <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/react" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>@maskito/react</code> is a light-weighted library to use <strong>Maskito</strong> in an React-way. </p><tui-notification status="warning" class="tui-space_top-6" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,react}" _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -59,6 +59,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><!----><!----></div></tui-doc-page></react-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/vue/index.html b/frameworks/vue/index.html
index 50bdb7d24..5afe038a4 100644
--- a/frameworks/vue/index.html
+++ b/frameworks/vue/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1121702025368829" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1121702025368829" htmlfor="tui_interactive_1121702025368829"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><vue-doc-page class="ng-star-inserted"><tui-doc-page header="Vue" path="vue" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Vue <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/vue" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>@maskito/vue</code> is a light-weighted library to use <strong>Maskito</strong> in as a Vue directive. </p><tui-notification status="warning" class="tui-space_top-6" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,vue}" _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1121702045814666" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1121702045814666" htmlfor="tui_interactive_1121702045814666"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/angular"><!----><span _ngcontent-sc4="" class="t-content"> Angular <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/frameworks/react"><!----><span _ngcontent-sc4="" class="t-content"> React <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/frameworks/vue"><!----><span _ngcontent-sc4="" class="t-content"> Vue <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><vue-doc-page class="ng-star-inserted"><tui-doc-page header="Vue" path="vue" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Vue <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/vue" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>@maskito/vue</code> is a light-weighted library to use <strong>Maskito</strong> in as a Vue directive. </p><tui-notification status="warning" class="tui-space_top-6" _nghost-sc20="" data-status="warning" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> first. </p></div><!----></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,vue}" _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -47,6 +47,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><!----><!----></div></tui-doc-page></vue-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/getting-started/maskito-libraries/index.html b/getting-started/maskito-libraries/index.html
index 788ba7ca0..98f9c111c 100644
--- a/getting-started/maskito-libraries/index.html
+++ b/getting-started/maskito-libraries/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_21702025362592" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_21702025362592" htmlfor="tui_interactive_21702025362592"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><maskito-libraries-doc-page class="ng-star-inserted"><tui-doc-page header="Maskito libraries" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Maskito libraries <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Maskito</strong> is a collection of libraries. Explore them and learn how to install and use them. </p><ul class="tui-list"><li class="tui-list__item tui-space_bottom-12"><strong>@maskito/core</strong><p class="tui-space_top-0"> It is the main zero-dependency and framework-agnostic package. It can be used alone in vanilla JavaScript project. It listens to <code>beforeinput</code> and <code>input</code> events to validate and calibrate text field value. </p><tui-notification status="info" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> All other Maskito's packages require <code>@maskito/core</code> as peer-dependency. </div><!----></tui-notification><tui-doc-code code="npm install @maskito/core" filename="/your/project/path>" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> /your/project/path&gt;
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_21702045808530" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_21702045808530" htmlfor="tui_interactive_21702045808530"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><maskito-libraries-doc-page class="ng-star-inserted"><tui-doc-page header="Maskito libraries" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Maskito libraries <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><strong>Maskito</strong> is a collection of libraries. Explore them and learn how to install and use them. </p><ul class="tui-list"><li class="tui-list__item tui-space_bottom-12"><strong>@maskito/core</strong><p class="tui-space_top-0"> It is the main zero-dependency and framework-agnostic package. It can be used alone in vanilla JavaScript project. It listens to <code>beforeinput</code> and <code>input</code> events to validate and calibrate text field value. </p><tui-notification status="info" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> All other Maskito's packages require <code>@maskito/core</code> as peer-dependency. </div><!----></tui-notification><tui-doc-code code="npm install @maskito/core" filename="/your/project/path>" _nghost-sc56="" class="_has-filename"><p _ngcontent-sc56="" class="t-header ng-star-inserted"> /your/project/path&gt;
 </p><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
@@ -65,6 +65,6 @@
         
     </div>
 </pre><!----></tui-doc-code><p> Learn more about this library in <a tuilink="" _nghost-sc4="" href="/frameworks/vue" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Vue" </span><!----></a> section. </p></li></ul><!----><!----></div></tui-doc-page></maskito-libraries-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/getting-started/what-is-maskito/index.html b/getting-started/what-is-maskito/index.html
index 9935ce474..fcc9fddd6 100644
--- a/getting-started/what-is-maskito/index.html
+++ b/getting-started/what-is-maskito/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.islands-wrapper[_ngcontent-sc80]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.island[_ngcontent-sc80]{flex:1;min-width:18rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc78]{display:block}</style><style ng-transition="demo">[_nghost-sc79]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}[data-size=xs][_nghost-sc79]{width:2rem;height:2rem}[data-size=s][_nghost-sc79]{width:3rem;height:3rem}[data-size=m][_nghost-sc79]{width:4rem;height:4rem}[data-size=l][_nghost-sc79]{width:6rem;height:6rem}[data-size=xl][_nghost-sc79]{width:8rem;height:8rem}[new][data-size=xxs][_nghost-sc79]{width:1.5rem;height:1.5rem}[new][data-size=xxs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(.58)}[new][data-size=xs][_nghost-sc79]{width:2rem;height:2rem}[new][data-size=xs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(.83)}[new][data-size=s][_nghost-sc79]{width:2.5rem;height:2.5rem}[new][data-size=s][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[new][data-size=m][_nghost-sc79]{width:3rem;height:3rem}[new][data-size=m][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[new][data-size=l][_nghost-sc79]{width:4rem;height:4rem}[new][data-size=l][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1.33)}[new][data-size=xl][_nghost-sc79]{width:6rem;height:6rem}[new][data-size=xl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2.33)}[new][data-size=xxl][_nghost-sc79]{width:8rem;height:8rem}[new][data-size=xxl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(3.33)}[data-mode=onDark][_nghost-sc79]:not([data-marker-mode]){color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}[data-marker-mode=primary][_nghost-sc79]{color:var(--tui-primary-text);background-color:var(--tui-primary)}[data-marker-mode=white][_nghost-sc79]{color:var(--tui-text-03);background-color:var(--tui-base-01)}[data-marker-mode=warning][_nghost-sc79]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}[data-marker-mode=secondary][_nghost-sc79]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}[data-marker-mode=error][_nghost-sc79]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}[data-marker-mode=success][_nghost-sc79]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}[data-marker-mode=link][_nghost-sc79]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-link);background-color:var(--tui-secondary)}a[data-marker-mode=link][_nghost-sc79], button[data-marker-mode=link][_nghost-sc79]{cursor:pointer}a[data-marker-mode=link][_nghost-sc79]:hover, button[data-marker-mode=link][_nghost-sc79]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}a[data-marker-mode=link][_nghost-sc79]:active, button[data-marker-mode=link][_nghost-sc79]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.t-icon[_ngcontent-sc79]{width:1.5rem;height:1.5rem}[data-size=xs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[data-size=s][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[data-size=m][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1.33)}[data-size=l][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2)}[data-size=xl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2.67)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_21702025362595" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_21702025362595" htmlfor="tui_interactive_21702025362595"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-sc80="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc80="" header="What is Maskito?" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> What is Maskito? <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div _ngcontent-sc80=""><strong _ngcontent-sc80="">Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-sc80=""> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Why Maskito?</h2><ul _ngcontent-sc80="" class="tui-list"><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> is robust. The whole project is developed with <code _ngcontent-sc80="">strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-sc80="" href="https://www.cypress.io" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Cypress </span><!----></a> tests. </li><li _ngcontent-sc80="" class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-sc80="" class="tui-list__item"> You can use it with <code _ngcontent-sc80="">HTMLInputElement</code> and <code _ngcontent-sc80="">HTMLTextAreaElement</code> . </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/angular" class=""><!----><span _ngcontent-sc4="" class="t-content"> Angular </span><!----></a> , <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/react" class=""><!----><span _ngcontent-sc4="" class="t-content"> React </span><!----></a> and <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/vue" class=""><!----><span _ngcontent-sc4="" class="t-content"> Vue </span><!----></a> as well. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-sc80=""> No textfield with invalid value! Use Maskito. <strong _ngcontent-sc80="">Mask it!</strong></p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Learn about Maskito</h2><div _ngcontent-sc80="" class="islands-wrapper"><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/getting-started/maskito-libraries"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconGridLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconGridLarge.svg?v=3.57.0#tuiIconGridLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Explore libraries</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Maskito consists of several libraries. Explore them and learn how to install and use them. </p></div></div></a><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/overview"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconSettingsLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSettingsLarge.svg?v=3.57.0#tuiIconSettingsLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Core concepts</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </p></div></div></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_21702045808536" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_21702045808536" htmlfor="tui_interactive_21702045808536"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-sc80="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc80="" header="What is Maskito?" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> What is Maskito? <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div _ngcontent-sc80=""><strong _ngcontent-sc80="">Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-sc80=""> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Why Maskito?</h2><ul _ngcontent-sc80="" class="tui-list"><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> is robust. The whole project is developed with <code _ngcontent-sc80="">strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-sc80="" href="https://www.cypress.io" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Cypress </span><!----></a> tests. </li><li _ngcontent-sc80="" class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-sc80="" class="tui-list__item"> You can use it with <code _ngcontent-sc80="">HTMLInputElement</code> and <code _ngcontent-sc80="">HTMLTextAreaElement</code> . </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/angular" class=""><!----><span _ngcontent-sc4="" class="t-content"> Angular </span><!----></a> , <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/react" class=""><!----><span _ngcontent-sc4="" class="t-content"> React </span><!----></a> and <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/vue" class=""><!----><span _ngcontent-sc4="" class="t-content"> Vue </span><!----></a> as well. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-sc80=""> No textfield with invalid value! Use Maskito. <strong _ngcontent-sc80="">Mask it!</strong></p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Learn about Maskito</h2><div _ngcontent-sc80="" class="islands-wrapper"><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/getting-started/maskito-libraries"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconGridLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconGridLarge.svg?v=3.57.0#tuiIconGridLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Explore libraries</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Maskito consists of several libraries. Explore them and learn how to install and use them. </p></div></div></a><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/overview"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconSettingsLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSettingsLarge.svg?v=3.57.0#tuiIconSettingsLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Core concepts</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </p></div></div></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9e54e2124..9cb91fe56 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.islands-wrapper[_ngcontent-sc80]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.island[_ngcontent-sc80]{flex:1;min-width:18rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc78]{display:block}</style><style ng-transition="demo">[_nghost-sc79]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}[data-size=xs][_nghost-sc79]{width:2rem;height:2rem}[data-size=s][_nghost-sc79]{width:3rem;height:3rem}[data-size=m][_nghost-sc79]{width:4rem;height:4rem}[data-size=l][_nghost-sc79]{width:6rem;height:6rem}[data-size=xl][_nghost-sc79]{width:8rem;height:8rem}[new][data-size=xxs][_nghost-sc79]{width:1.5rem;height:1.5rem}[new][data-size=xxs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(.58)}[new][data-size=xs][_nghost-sc79]{width:2rem;height:2rem}[new][data-size=xs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(.83)}[new][data-size=s][_nghost-sc79]{width:2.5rem;height:2.5rem}[new][data-size=s][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[new][data-size=m][_nghost-sc79]{width:3rem;height:3rem}[new][data-size=m][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[new][data-size=l][_nghost-sc79]{width:4rem;height:4rem}[new][data-size=l][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1.33)}[new][data-size=xl][_nghost-sc79]{width:6rem;height:6rem}[new][data-size=xl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2.33)}[new][data-size=xxl][_nghost-sc79]{width:8rem;height:8rem}[new][data-size=xxl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(3.33)}[data-mode=onDark][_nghost-sc79]:not([data-marker-mode]){color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}[data-marker-mode=primary][_nghost-sc79]{color:var(--tui-primary-text);background-color:var(--tui-primary)}[data-marker-mode=white][_nghost-sc79]{color:var(--tui-text-03);background-color:var(--tui-base-01)}[data-marker-mode=warning][_nghost-sc79]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}[data-marker-mode=secondary][_nghost-sc79]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}[data-marker-mode=error][_nghost-sc79]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}[data-marker-mode=success][_nghost-sc79]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}[data-marker-mode=link][_nghost-sc79]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-link);background-color:var(--tui-secondary)}a[data-marker-mode=link][_nghost-sc79], button[data-marker-mode=link][_nghost-sc79]{cursor:pointer}a[data-marker-mode=link][_nghost-sc79]:hover, button[data-marker-mode=link][_nghost-sc79]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}a[data-marker-mode=link][_nghost-sc79]:active, button[data-marker-mode=link][_nghost-sc79]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.t-icon[_ngcontent-sc79]{width:1.5rem;height:1.5rem}[data-size=xs][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[data-size=s][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1)}[data-size=m][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(1.33)}[data-size=l][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2)}[data-size=xl][_nghost-sc79]   .t-icon[_ngcontent-sc79]{transform:scale(2.67)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4241702025380518" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4241702025380518" htmlfor="tui_interactive_4241702025380518"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-sc80="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc80="" header="What is Maskito?" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> What is Maskito? <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div _ngcontent-sc80=""><strong _ngcontent-sc80="">Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-sc80=""> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Why Maskito?</h2><ul _ngcontent-sc80="" class="tui-list"><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> is robust. The whole project is developed with <code _ngcontent-sc80="">strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-sc80="" href="https://www.cypress.io" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Cypress </span><!----></a> tests. </li><li _ngcontent-sc80="" class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-sc80="" class="tui-list__item"> You can use it with <code _ngcontent-sc80="">HTMLInputElement</code> and <code _ngcontent-sc80="">HTMLTextAreaElement</code> . </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/angular" class=""><!----><span _ngcontent-sc4="" class="t-content"> Angular </span><!----></a> , <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/react" class=""><!----><span _ngcontent-sc4="" class="t-content"> React </span><!----></a> and <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/vue" class=""><!----><span _ngcontent-sc4="" class="t-content"> Vue </span><!----></a> as well. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-sc80=""> No textfield with invalid value! Use Maskito. <strong _ngcontent-sc80="">Mask it!</strong></p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Learn about Maskito</h2><div _ngcontent-sc80="" class="islands-wrapper"><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/getting-started/maskito-libraries"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconGridLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconGridLarge.svg?v=3.57.0#tuiIconGridLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Explore libraries</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Maskito consists of several libraries. Explore them and learn how to install and use them. </p></div></div></a><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/overview"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconSettingsLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSettingsLarge.svg?v=3.57.0#tuiIconSettingsLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Core concepts</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </p></div></div></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4171702045826207" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4171702045826207" htmlfor="tui_interactive_4171702045826207"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/getting-started/what-is-maskito"><!----><span _ngcontent-sc4="" class="t-content"> What is Maskito? <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/getting-started/maskito-libraries"><!----><span _ngcontent-sc4="" class="t-content"> Maskito libraries <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-sc80="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc80="" header="What is Maskito?" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> What is Maskito? <!----><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><div _ngcontent-sc80=""><strong _ngcontent-sc80="">Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-sc80=""> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Why Maskito?</h2><ul _ngcontent-sc80="" class="tui-list"><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> is robust. The whole project is developed with <code _ngcontent-sc80="">strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-sc80="" href="https://www.cypress.io" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class=""><!----><span _ngcontent-sc4="" class="t-content"> Cypress </span><!----></a> tests. </li><li _ngcontent-sc80="" class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-sc80="" class="tui-list__item"> You can use it with <code _ngcontent-sc80="">HTMLInputElement</code> and <code _ngcontent-sc80="">HTMLTextAreaElement</code> . </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/angular" class=""><!----><span _ngcontent-sc4="" class="t-content"> Angular </span><!----></a> , <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/react" class=""><!----><span _ngcontent-sc4="" class="t-content"> React </span><!----></a> and <a _ngcontent-sc80="" tuilink="" _nghost-sc4="" href="/frameworks/vue" class=""><!----><span _ngcontent-sc4="" class="t-content"> Vue </span><!----></a> as well. </li><li _ngcontent-sc80="" class="tui-list__item"><strong _ngcontent-sc80="">Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-sc80=""> No textfield with invalid value! Use Maskito. <strong _ngcontent-sc80="">Mask it!</strong></p><section _ngcontent-sc80="" class="tui-space_top-8"><h2 _ngcontent-sc80="">Learn about Maskito</h2><div _ngcontent-sc80="" class="islands-wrapper"><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/getting-started/maskito-libraries"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconGridLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconGridLarge.svg?v=3.57.0#tuiIconGridLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Explore libraries</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Maskito consists of several libraries. Explore them and learn how to install and use them. </p></div></div></a><a _ngcontent-sc80="" tuiisland="" class="tui-island island tui-island_hoverable tui-island_size_m tui-island_text-align_left" _nghost-sc78="" href="/core-concepts/overview"><div _ngcontent-sc80="" class="tui-island__content"><tui-marker-icon _ngcontent-sc80="" mode="link" size="s" src="tuiIconSettingsLarge" class="tui-island__figure" _nghost-sc79="" data-marker-mode="link" data-size="s"><tui-svg _ngcontent-sc79="" class="t-icon" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSettingsLarge.svg?v=3.57.0#tuiIconSettingsLarge"></use></svg><!----><!----><!----><!----></tui-svg></tui-marker-icon><div _ngcontent-sc80=""><h3 _ngcontent-sc80="" class="tui-island__title">Core concepts</h3><p _ngcontent-sc80="" class="tui-island__paragraph"> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </p></div></div></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/index.original.html b/index.original.html
index 54a9e9cf0..7b99ab0df 100644
--- a/index.original.html
+++ b/index.original.html
@@ -18,6 +18,6 @@
     <style>:root{--tui-heading-font:"Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-text-font:"Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-font-heading:var(--tui-heading-font);--tui-font-heading-1:bold 3.125rem/3.5rem var(--tui-font-heading);--tui-font-heading-2:bold 2.75rem/3rem var(--tui-font-heading);--tui-font-heading-3:bold 2.25rem/2.5rem var(--tui-font-heading);--tui-font-heading-4:bold 1.75rem/2rem var(--tui-font-heading);--tui-font-heading-5:bold 1.5rem/1.75rem var(--tui-font-heading);--tui-font-heading-6:bold 1.25rem/1.5rem var(--tui-font-heading);--tui-font-text:var(--tui-text-font);--tui-font-text-xl:normal 1.1875rem/1.75rem var(--tui-font-text);--tui-font-text-l:normal 1.0625rem/1.75rem var(--tui-font-text);--tui-font-text-l-2:normal 1.0625rem/1.5rem var(--tui-font-text);--tui-font-text-m:normal 1rem/1.5rem var(--tui-font-text);--tui-font-text-m-2:normal 1rem/1.25rem var(--tui-font-text);--tui-font-text-s:normal .8125rem/1.25rem var(--tui-font-text);--tui-font-text-s-2:normal .8125rem/1rem var(--tui-font-text);--tui-font-text-xs:normal .6875rem/1rem var(--tui-font-text);--tui-font-text-xs-2:normal .6875rem/.8125rem var(--tui-font-text);--tui-radius-xs:.25rem;--tui-radius-s:.5rem;--tui-radius-m:.75rem;--tui-radius-l:.75rem;--tui-radius-xl:1.5rem;--tui-height-xs:1.5rem;--tui-height-s:2rem;--tui-height-m:2.75rem;--tui-height-l:3.5rem;--tui-padding-s:.75rem;--tui-padding-m:.75rem;--tui-padding-l:1rem;--tui-duration:.3s;--tui-backdrop:none;--tui-disabled-opacity:.56;--tui-autofill:#fff5c0;--tui-base-01:#fff;--tui-base-02:#f6f6f6;--tui-base-03:#ededed;--tui-base-04:#d7d7d7;--tui-base-05:#b0b0b0;--tui-base-06:#959595;--tui-base-07:#808080;--tui-base-08:#333;--tui-base-09:#000;--tui-primary:#526ed3;--tui-primary-hover:#6c86e2;--tui-primary-active:#314692;--tui-primary-text:#fff;--tui-secondary:#ebefff;--tui-secondary-hover:#dfe3f3;--tui-secondary-active:#d8ddf2;--tui-accent:#ff7043;--tui-accent-hover:#ff9a94;--tui-accent-active:#e7716a;--tui-accent-text:#fff;--tui-selection:rgba(112, 182, 246, .12);--tui-focus:rgba(51, 51, 51, .64);--tui-clear:rgba(0, 0, 0, .04);--tui-clear-disabled:rgba(0, 0, 0, .04);--tui-clear-hover:rgba(0, 0, 0, .16);--tui-clear-active:rgba(0, 0, 0, .2);--tui-clear-inverse:rgba(255, 255, 255, .16);--tui-clear-inverse-hover:rgba(255, 255, 255, .24);--tui-clear-inverse-active:rgba(255, 255, 255, .4);--tui-elevation-01:#fff;--tui-elevation-02:#fff;--tui-error-fill:#f45725;--tui-error-bg:rgba(244, 87, 37, .12);--tui-error-bg-hover:rgba(244, 87, 37, .24);--tui-success-fill:#4ac99b;--tui-success-bg:rgba(74, 201, 155, .12);--tui-success-bg-hover:rgba(74, 201, 155, .24);--tui-warning-fill:#ffc700;--tui-warning-bg:rgba(255, 199, 0, .12);--tui-warning-bg-hover:rgba(255, 199, 0, .24);--tui-info-fill:#70b6f6;--tui-info-bg:rgba(112, 182, 246, .12);--tui-info-bg-hover:rgba(112, 182, 246, .24);--tui-neutral-fill:#79818c;--tui-neutral-bg:rgba(121, 129, 140, .12);--tui-neutral-bg-hover:rgba(121, 129, 140, .24);--tui-text-01:#1b1f3b;--tui-text-02:rgba(27, 31, 59, .65);--tui-text-03:rgba(27, 31, 59, .4);--tui-link:#526ed3;--tui-link-hover:#6c86e2;--tui-positive:#3aa981;--tui-positive-hover:#7ac5aa;--tui-negative:#dd4c1e;--tui-negative-hover:#e38163;--tui-error-fill-night:#ff8c67;--tui-error-bg-night:rgba(244, 87, 37, .32);--tui-error-bg-night-hover:rgba(244, 87, 37, .4);--tui-success-fill-night:#4ac99b;--tui-success-bg-night:rgba(74, 201, 155, .32);--tui-success-bg-night-hover:rgba(74, 201, 155, .4);--tui-warning-fill-night:#ffc700;--tui-warning-bg-night:rgba(255, 199, 0, .32);--tui-warning-bg-night-hover:rgba(255, 199, 0, .4);--tui-info-fill-night:#70b6f6;--tui-info-bg-night:rgba(112, 182, 246, .32);--tui-info-bg-night-hover:rgba(112, 182, 246, .4);--tui-neutral-fill-night:#959ba4;--tui-neutral-bg-night:rgba(149, 155, 164, .32);--tui-neutral-bg-night-hover:rgba(149, 155, 164, .48);--tui-autofill-night:#554a2a;--tui-text-01-night:#ffffff;--tui-text-02-night:rgba(255, 255, 255, .72);--tui-text-03-night:rgba(255, 255, 255, .6);--tui-link-night:#6788ff;--tui-link-night-hover:#526ed3;--tui-positive-night:#44c596;--tui-positive-night-hover:#3aa981;--tui-negative-night:#ff8c67;--tui-negative-night-hover:#bb593a;--tui-support-01:#a8cef1;--tui-support-02:#3682db;--tui-support-03:#8dda71;--tui-support-04:#34b41f;--tui-support-05:#e29398;--tui-support-06:#b8474e;--tui-support-07:#fcc068;--tui-support-08:#ff8a00;--tui-support-09:#dab3f9;--tui-support-10:#7b439e;--tui-support-11:#fee797;--tui-support-12:#fcbb14;--tui-support-13:#ea97c4;--tui-support-14:#bd65a4;--tui-support-15:#7fd7cc;--tui-support-16:#2fad96;--tui-support-17:#d4aca2;--tui-support-18:#9d6f64;--tui-support-19:#d2e9a2;--tui-support-20:#aadc42;--tui-support-21:#a0c5df;--tui-chart-0:var(--tui-primary);--tui-chart-1:var(--tui-support-13);--tui-chart-2:var(--tui-support-21);--tui-chart-3:var(--tui-support-11);--tui-chart-4:var(--tui-base-05);--tui-shadow:0 .25rem 1.5rem rgba(0, 0, 0, .12);--tui-shadow-hover:0 .75rem 2.25rem rgba(0, 0, 0, .2);--tui-shadow-dropdown:0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);--tui-shadow-modal:0 1.125rem 1.875rem rgba(0, 0, 0, .48);--tui-shadow-sidebar:.25rem 0 1.5rem rgba(0, 0, 0, .12);--tui-shadow-navigation:0 .125rem 1rem rgba(0, 0, 0, .08);--tui-shadow-sheet:0 -1rem 1.75rem rgba(0, 0, 0, .24)}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")}html{height:100%;font-size:16px}body{height:100%;min-height:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{-webkit-overflow-scrolling:touch}@supports (-webkit-hyphens: none) and (text-align-last: right){:after{content:none}}body{margin:0}html,body{height:100%}</style><link rel="stylesheet" href="styles.9cb6f1b00bfe619b.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.9cb6f1b00bfe619b.css"></noscript></head>
     <body>
         <my-app>Loading...</my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-range/API/index.html b/kit/date-range/API/index.html
index 9195ed63d..ab59fd0ea 100644
--- a/kit/date-range/API/index.html
+++ b/kit/date-range/API/index.html
@@ -20,9 +20,9 @@
 </style><style ng-transition="demo">[_nghost-sc61]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input[_ngcontent-sc61]{margin:1.25rem}.t-navigation[_ngcontent-sc61]{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar[_ngcontent-sc61]{scroll-behavior:smooth;width:100%}tui-root._reduced-motion[_nghost-sc61]   .t-scrollbar[_ngcontent-sc61], tui-root._reduced-motion   [_nghost-sc61]   .t-scrollbar[_ngcontent-sc61]{scroll-behavior:auto}.t-items-container[_ngcontent-sc61]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-sc61]{margin-left:.5rem}.t-expand[_ngcontent-sc61]{margin-left:.25rem}.t-section[_ngcontent-sc61]{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered[_ngcontent-sc61]{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection[_ngcontent-sc61]{margin-left:.5rem}.t-sublink[_ngcontent-sc61]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small[_ngcontent-sc61]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-sc61]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-sc61]{color:var(--tui-text-01)}.t-icon[_ngcontent-sc61]{margin-left:.5rem}.t-chevron[_ngcontent-sc61]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-sc61]{transform:rotate(90deg)}</style><style ng-transition="demo">[_nghost-sc62]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-navigation);height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}@supports (background: color-mix(in srgb,var(--tui-base-01),transparent 50%)){[_nghost-sc62]{background:color-mix(in srgb,var(--tui-base-01),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-sc62]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-sc62]{display:block}.t-menu[_ngcontent-sc62]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-sc62]{display:none}}.t-navigation[_ngcontent-sc62]{min-height:100%}</style><style ng-transition="demo">[_nghost-sc3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;color:inherit}[data-shape=rounded][_nghost-sc3]{border-radius:6.25rem}[data-size=xs][_nghost-sc3]{height:var(--tui-height-xs);font-weight:normal}[data-size=xs][data-shape=square][_nghost-sc3], [data-size=xs][tuiIconButton][_nghost-sc3]{width:var(--tui-height-xs)}[data-size=s][_nghost-sc3]{height:var(--tui-height-s);font-weight:normal}[data-size=s][data-shape=square][_nghost-sc3], [data-size=s][tuiIconButton][_nghost-sc3]{width:var(--tui-height-s)}[data-size=m][_nghost-sc3]{height:var(--tui-height-m);font:var(--tui-font-text-m);font-weight:bold}[data-size=m][data-shape=square][_nghost-sc3], [data-size=m][tuiIconButton][_nghost-sc3]{width:var(--tui-height-m)}[data-size=l][_nghost-sc3]{height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:bold}[data-size=l][data-shape=square][_nghost-sc3], [data-size=l][tuiIconButton][_nghost-sc3]{width:var(--tui-height-l)}[data-size=xl][_nghost-sc3]{height:3.75rem;font:var(--tui-font-text-m);font-weight:bold}[data-size=xl][data-shape=square][_nghost-sc3], [data-size=xl][tuiIconButton][_nghost-sc3]{width:3.75rem}[tuiIconButton][_nghost-sc3]{font-size:0!important}[tuiIconButton][_nghost-sc3]   .t-left[_ngcontent-sc3], [tuiIconButton][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0!important}.t-loader[_ngcontent-sc3]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left[_ngcontent-sc3]{margin-right:.5rem}[data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3]{margin-right:.375rem}[data-size=xs][_nghost-sc3]   .t-left[_ngcontent-sc3]{margin-right:.25rem}.t-right[_ngcontent-sc3]{margin:0 -.25rem 0 .25rem}[data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0 -.25rem 0 .375rem}[data-size=xs][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0 -.125rem 0 .25rem}.t-icon[_ngcontent-sc3]{display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}.t-left[_ngcontent-sc3], .t-right[_ngcontent-sc3]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}[data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3], [data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3], [data-size=xs][_nghost-sc3]   .t-left[_ngcontent-sc3], [data-size=xs][_nghost-sc3]   .t-right[_ngcontent-sc3]{width:1rem;height:1rem}[tuiIconButton][data-appearance=icon][data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3], [tuiIconButton][data-appearance=icon][data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3]{width:1.5rem;height:1.5rem}.t-wrapper[_ngcontent-sc3]{box-sizing:border-box;cursor:pointer;isolation:isolate}[data-size=xs][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, .375rem)}[data-size=xs][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]:after{border-width:1px}[data-size=s][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, .75rem)}[data-size=m][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 1.5rem)}[data-size=l][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 2.25rem)}[data-size=xl][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 2.5rem)}[data-shape=square][_nghost-sc3]   .t-wrapper[_ngcontent-sc3], [tuiIconButton][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0}.t-content[_ngcontent-sc3]{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}._loading[_nghost-sc3]   .t-content[_ngcontent-sc3]{opacity:0}</style><style ng-transition="demo">[_nghost-sc25]{display:none}</style><style ng-transition="demo">[_nghost-sc9]{position:relative;z-index:0;display:block;height:100%}[_nghost-sc9]:before{content:"";display:block;overflow:hidden}.t-position-fixed-offset[_ngcontent-sc9]{position:fixed;left:0;top:0;pointer-events:none;visibility:hidden;width:100%;height:100%}</style><style ng-transition="demo">[_nghost-sc23]{position:fixed;left:0;bottom:0;width:100%;height:0}.t-overlay[_ngcontent-sc23], .t-dialog[_ngcontent-sc23]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;outline:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.t-overlay.ng-animating[_ngcontent-sc23], .t-dialog.ng-animating[_ngcontent-sc23]{overflow:clip}.t-overlay[_ngcontent-sc23]::-webkit-scrollbar, .t-dialog[_ngcontent-sc23]::-webkit-scrollbar, .t-overlay[_ngcontent-sc23]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-sc23]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-dialog[_ngcontent-sc23]{bottom:auto;height:100%}.t-overlay[_ngcontent-sc23]{height:100%;pointer-events:none;touch-action:none;opacity:0;letter-spacing:normal;transition:opacity var(--tui-duration, .3s),letter-spacing .01s;background:rgba(0,0,0,.75);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none)}.t-overlay_visible[_ngcontent-sc23]{opacity:1;letter-spacing:1px}.t-dialog[_ngcontent-sc23]:last-of-type{z-index:1}.t-scrollbars[_ngcontent-sc23]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;color:#747474}</style><style ng-transition="demo">tui-alert-host>.t-wrapper{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;pointer-events:none}tui-alert-host>.t-wrapper>*{pointer-events:auto}
 </style><style ng-transition="demo">[_nghost-sc26]{position:fixed;top:0;left:0;width:100%;height:0}</style><style ng-transition="demo">[_nghost-sc51]{display:block;border-radius:var(--tui-radius-m);text-align:left}._disabled[_nghost-sc51]{pointer-events:none}.t-hosted[_ngcontent-sc51]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc51]{border-radius:inherit;text-align:inherit}</style><style ng-transition="demo">[_nghost-sc11]{position:relative;display:flex;isolation:isolate;overflow:auto}[_nghost-sc11]:not(._legacy){scrollbar-width:none;-ms-overflow-style:none}[_nghost-sc11]:not(._legacy)::-webkit-scrollbar, [_nghost-sc11]:not(._legacy)::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}._legacy[_nghost-sc11]{overflow:overlay}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){._legacy[_nghost-sc11]::-webkit-scrollbar, ._legacy[_nghost-sc11]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}._legacy[_nghost-sc11]::-webkit-scrollbar{background-color:transparent}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}.t-content[_ngcontent-sc11]{isolation:isolate;flex:1;flex-basis:auto;width:100%;height:-webkit-max-content;height:max-content}.t-bars[_ngcontent-sc11]{color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc53]{display:block}.t-group[_ngcontent-sc53]{display:flex}</style><style ng-transition="demo">[_nghost-sc28]{display:inline-flex}.t-wrapper[_ngcontent-sc28]{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown[_ngcontent-sc28]{height:100%}.t-primitive[_ngcontent-sc28]{padding:1rem}</style><style ng-transition="demo">[_nghost-sc18]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}[data-size=s][_nghost-sc18]{--tui-height: var(--tui-height-s)}[data-size=m][_nghost-sc18]{--tui-height: var(--tui-height-m)}[data-size=l][_nghost-sc18]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-sc18]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-sc18]:-webkit-autofill, .t-input[_ngcontent-sc18]:-webkit-autofill:hover, .t-input[_ngcontent-sc18]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-sc18]:-webkit-autofill, .t-input[_ngcontent-sc18]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-sc18]::-webkit-caps-lock-indicator, .t-input[_ngcontent-sc18]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-sc18]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc18]:not(._readonly)   .t-input[_ngcontent-sc18]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill, [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill:hover, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill:focus, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]::placeholder, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="s"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield._disabled[_nghost-sc18], tui-primitive-textfield._disabled   [_nghost-sc18], .t-input   tui-textarea._disabled[_nghost-sc18], tui-textarea._disabled   [_nghost-sc18], .t-input   tui-text-area._disabled[_nghost-sc18], tui-text-area._disabled   [_nghost-sc18]{pointer-events:none}[data-size=l][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18]:-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18]:-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc18]   input.t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield._hidden[_nghost-sc18], tui-primitive-textfield._hidden   [_nghost-sc18]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-sc18]{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-sc18]{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder[_ngcontent-sc18]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-sc18]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-sc18]{transform:translateY(-.625rem)}[data-size=m][_nghost-sc18]   .t-placeholder_raised[_ngcontent-sc18]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-sc18]:not(._focused)   .t-placeholder_raised[_ngcontent-sc18], ._invalid[_nghost-sc18]:not(._focused):hover   .t-placeholder_raised[_ngcontent-sc18]{color:var(--tui-error-fill)}._invalid[_nghost-sc18]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder_raised[_ngcontent-sc18], ._invalid[_nghost-sc18]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder_raised[_ngcontent-sc18]{color:var(--tui-error-fill-night)}._focused[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=m]._focused._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-03)}[data-size=l][_nghost-sc18]   .t-placeholder[_ngcontent-sc18]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-sc18]   .t-placeholder_raised[_ngcontent-sc18]{font-size:.8156rem}[data-size=m]._focused[_nghost-sc18]:not(._label-outside)   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused[_nghost-sc18]:not(._label-outside)   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-sc18]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused[_nghost-sc18]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-01-night)}._focused[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=m]._focused._label-outside[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused._label-outside[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-02-night)}.t-cleaner[_ngcontent-sc18]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-sc18]   .t-cleaner[_ngcontent-sc18], ._disabled[_nghost-sc18]   .t-cleaner[_ngcontent-sc18]{pointer-events:none}.t-icon[_ngcontent-sc18]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}[data-size=m][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=l][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons[_ngcontent-sc18]{display:flex;align-items:center}[data-size=m][_nghost-sc18]   .t-icons[_ngcontent-sc18]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=s][_nghost-sc18]   .t-icons[_ngcontent-sc18]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}[_nghost-sc18]:not([data-size="s"])   .t-icons[_ngcontent-sc18] > [_ngcontent-sc18]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}._autofilled[data-size=s][_nghost-sc18]   .t-placeholder[_ngcontent-sc18], ._autofilled._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], ._autofilled[_nghost-sc18]   .t-value-decoration[_ngcontent-sc18]:not(.t-has-value){visibility:hidden}.t-custom-content[_ngcontent-sc18]{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon[_ngcontent-sc18]{width:2rem;height:100%}.t-input[_ngcontent-sc18]:not(:first-child){display:none}[data-size][_nghost-sc18]   .t-input_template[_ngcontent-sc18]{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template[_ngcontent-sc18]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-sc18]{position:relative;pointer-events:none}</style><style ng-transition="demo">.tui-autofill input,input.tui-autofill{transition:box-shadow .01s}
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
-</style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style></head>
+</style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3531702025379299" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3531702025379299" htmlfor="tui_interactive_3531702025379299"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateRange <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4001702025379446" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_231702025379458" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4091702025379456" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231702025379458" htmlfor="tui_231702025379458"> Enter dates </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateSeparator] </code><!----></div><!----> Separator between date segments (days, months and years). <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [rangeSeparator] </code><!----></div><!----> Separator between dates of the date range. <p class="ng-star-inserted"><strong>Default:</strong><code>&nbsp;–&nbsp;</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[rangeSeparator]" aria-invalid="false" value="&nbsp;–&nbsp;" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="&nbsp;–&nbsp;">&nbsp;–&nbsp;</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01">0001-01-01</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31">9999-12-31</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [minLength] </code><!----></div><!----> Minimal length of the range <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[minLength]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [maxLength] </code><!----></div><!----> Maximal length of the range <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[maxLength]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 t-deprecated ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><span _ngcontent-sc59="" class="t-deprecated-label ng-tns-c59-10 ng-star-inserted"> deprecated </span><!----> Use <code class="ng-star-inserted">dateSeparator</code> instead. <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10">  <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3531702045825085" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3531702045825085" htmlfor="tui_interactive_3531702045825085"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateRange <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_3931702045825204" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_231702045825211" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4021702045825210" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231702045825211" htmlfor="tui_231702045825211"> Enter dates </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateSeparator] </code><!----></div><!----> Separator between date segments (days, months and years). <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [rangeSeparator] </code><!----></div><!----> Separator between dates of the date range. <p class="ng-star-inserted"><strong>Default:</strong><code>&nbsp;–&nbsp;</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[rangeSeparator]" aria-invalid="false" value="&nbsp;–&nbsp;" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="&nbsp;–&nbsp;">&nbsp;–&nbsp;</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01">0001-01-01</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31">9999-12-31</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [minLength] </code><!----></div><!----> Minimal length of the range <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[minLength]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [maxLength] </code><!----></div><!----> Maximal length of the range <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[maxLength]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 t-deprecated ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><span _ngcontent-sc59="" class="t-deprecated-label ng-tns-c59-10 ng-star-inserted"> deprecated </span><!----> Use <code class="ng-star-inserted">dateSeparator</code> instead. <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10">  <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-range/index.html b/kit/date-range/index.html
index ee0df1003..0add04cb6 100644
--- a/kit/date-range/index.html
+++ b/kit/date-range/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1591702025371156" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1591702025371156" htmlfor="tui_interactive_1591702025371156"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateRange <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateRangeOptionsGenerator</code> to create a mask to input a range of dates. <tui-doc-example id="date-localization" heading="Date localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date localization" class="ng-star-inserted">Date localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">mode</code> and <code class="ng-star-inserted">separator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:4.5rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09/20/2020&nbsp;–&nbsp;02/06/2023" id="tui_51702025371193" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1691702025371187" aria-invalid="false" value="09/20/2020&nbsp;–&nbsp;02/06/2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_51702025371193" htmlfor="tui_51702025371193"> US format </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09/20/2020&nbsp;–&nbsp;02/06/2023">09/20/2020&nbsp;–&nbsp;02/06/2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1591702045816936" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1591702045816936" htmlfor="tui_interactive_1591702045816936"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateRange <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-range/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateRangeOptionsGenerator</code> to create a mask to input a range of dates. <tui-doc-example id="date-localization" heading="Date localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date localization" class="ng-star-inserted">Date localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">mode</code> and <code class="ng-star-inserted">separator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:4.5rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09/20/2020&nbsp;–&nbsp;02/06/2023" id="tui_51702045816969" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1691702045816963" aria-invalid="false" value="09/20/2020&nbsp;–&nbsp;02/06/2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_51702045816969" htmlfor="tui_51702045816969"> US format </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09/20/2020&nbsp;–&nbsp;02/06/2023">09/20/2020&nbsp;–&nbsp;02/06/2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max dates" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max dates" class="ng-star-inserted">Min and max dates</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-2><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="19.11.1711&nbsp;–&nbsp;15.04.1765" id="tui_61702025371197" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1711702025371188" aria-invalid="false" value="19.11.1711&nbsp;–&nbsp;15.04.1765" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="19.11.1711&nbsp;–&nbsp;15.04.1765">19.11.1711&nbsp;–&nbsp;15.04.1765</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max dates" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max dates" class="ng-star-inserted">Min and max dates</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-2><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="19.11.1711&nbsp;–&nbsp;15.04.1765" id="tui_61702045816973" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1711702045816964" aria-invalid="false" value="19.11.1711&nbsp;–&nbsp;15.04.1765" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="19.11.1711&nbsp;–&nbsp;15.04.1765">19.11.1711&nbsp;–&nbsp;15.04.1765</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -82,7 +82,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max-length" heading="Min and max length of range" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max length of range" class="ng-star-inserted">Min and max length of range</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">minLength</code> and <code class="ng-star-inserted">maxLength</code> parameters to set minimal and maximal length of the date range. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-3><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:4.5rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="01.01.2023&nbsp;–&nbsp;05.01.2023" id="tui_71702025371200" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1731702025371189" aria-invalid="false" value="01.01.2023&nbsp;–&nbsp;05.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="01.01.2023&nbsp;–&nbsp;05.01.2023">01.01.2023&nbsp;–&nbsp;05.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max-length" heading="Min and max length of range" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max length of range" class="ng-star-inserted">Min and max length of range</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">minLength</code> and <code class="ng-star-inserted">maxLength</code> parameters to set minimal and maximal length of the date range. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-3><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:4.5rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="01.01.2023&nbsp;–&nbsp;05.01.2023" id="tui_71702045816978" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1731702045816965" aria-invalid="false" value="01.01.2023&nbsp;–&nbsp;05.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="01.01.2023&nbsp;–&nbsp;05.01.2023">01.01.2023&nbsp;–&nbsp;05.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><tui-tooltip _ngcontent-sc18="" automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-sc7="" data-appearance=""><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -112,7 +112,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="custom-range-separator" heading="Custom range separator" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Custom range separator" class="ng-star-inserted">Custom range separator</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">rangeSeparator</code> parameter to customize separator between dates of the date range. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-4><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="01.01.2023 ~ 05.01.2023" id="tui_81702025371203" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1751702025371191" aria-invalid="false" value="01.01.2023 ~ 05.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="01.01.2023 ~ 05.01.2023">01.01.2023 ~ 05.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-4></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="custom-range-separator" heading="Custom range separator" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Custom range separator" class="ng-star-inserted">Custom range separator</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">rangeSeparator</code> parameter to customize separator between dates of the date range. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-4><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="01.01.2023 ~ 05.01.2023" id="tui_81702045816981" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1751702045816967" aria-invalid="false" value="01.01.2023 ~ 05.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="01.01.2023 ~ 05.01.2023">01.01.2023 ~ 05.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-range-mask-doc-example-4></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -143,6 +143,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-time/API/index.html b/kit/date-time/API/index.html
index 170a5b6ed..5083183f9 100644
--- a/kit/date-time/API/index.html
+++ b/kit/date-time/API/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4761702025380408" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4761702025380408" htmlfor="tui_interactive_4761702025380408"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateTime <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_5051702025380509" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_311702025380516" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_5141702025380515" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_311702025380516" htmlfor="tui_311702025380516"> Enter date and time </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateMode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateMode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [timeMode] </code><!----></div><!----> Time format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[timeMode]" readonly="" aria-invalid="false" value="HH:MM" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="HH:MM">HH:MM</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateSeparator] </code><!----></div><!----> Date separator <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01T00:00:00" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01T00:00:00'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01T00:00:00">0001-01-01T00:00:00</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31T23:59:59" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31T23:59:59'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31T23:59:59">9999-12-31T23:59:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4601702045825997" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4601702045825997" htmlfor="tui_interactive_4601702045825997"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateTime <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4891702045826070" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_311702045826076" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4981702045826075" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_311702045826076" htmlfor="tui_311702045826076"> Enter date and time </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateMode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateMode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [timeMode] </code><!----></div><!----> Time format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[timeMode]" readonly="" aria-invalid="false" value="HH:MM" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="HH:MM">HH:MM</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [dateSeparator] </code><!----></div><!----> Date separator <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[dateSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01T00:00:00" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01T00:00:00'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01T00:00:00">0001-01-01T00:00:00</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31T23:59:59" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31T23:59:59'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31T23:59:59">9999-12-31T23:59:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-time/index.html b/kit/date-time/index.html
index 7b542b767..6931477de 100644
--- a/kit/date-time/index.html
+++ b/kit/date-time/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1711702025372037" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1711702025372037" htmlfor="tui_interactive_1711702025372037"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateTime <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateTimeOptionsGenerator</code> to create a mask to input both date and time. <tui-doc-example id="localization" heading="Localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Localization" class="ng-star-inserted">Localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateMode</code> , <code class="ng-star-inserted">timeMode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09/20/2020, 15:30" id="tui_81702025372072" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1811702025372068" aria-invalid="false" value="09/20/2020, 15:30" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_81702025372072" htmlfor="tui_81702025372072"> Localization </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09/20/2020, 15:30">09/20/2020, 15:30</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-time-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1711702045817891" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1711702045817891" htmlfor="tui_interactive_1711702045817891"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> DateTime <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date-time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateTimeOptionsGenerator</code> to create a mask to input both date and time. <tui-doc-example id="localization" heading="Localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Localization" class="ng-star-inserted">Localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateMode</code> , <code class="ng-star-inserted">timeMode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09/20/2020, 15:30" id="tui_81702045817920" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1811702045817917" aria-invalid="false" value="09/20/2020, 15:30" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_81702045817920" htmlfor="tui_81702045817920"> Localization </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09/20/2020, 15:30">09/20/2020, 15:30</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-time-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max" class="ng-star-inserted">Min and max</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow to set the earliest and the latest available dates. They accept native <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-2><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09-01-2018, 15:30" id="tui_91702025372074" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1831702025372070" aria-invalid="false" value="09-01-2018,&nbsp;15:30" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91702025372074" htmlfor="tui_91702025372074"> Min-max </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09-01-2018,&nbsp;15:30">09-01-2018,&nbsp;15:30</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-time-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min and max" class="ng-star-inserted">Min and max</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow to set the earliest and the latest available dates. They accept native <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-2><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="09-01-2018, 15:30" id="tui_91702045817926" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1831702045817919" aria-invalid="false" value="09-01-2018,&nbsp;15:30" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91702045817926" htmlfor="tui_91702045817926"> Min-max </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="09-01-2018,&nbsp;15:30">09-01-2018,&nbsp;15:30</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-time-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date/API/index.html b/kit/date/API/index.html
index ff61bd056..c932b3060 100644
--- a/kit/date/API/index.html
+++ b/kit/date/API/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.input-date[_ngcontent-sc130]{max-width:25rem}.input-date[_ngcontent-sc130]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4271702025379286" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4271702025379286" htmlfor="tui_interactive_4271702025379286"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-sc130="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc130="" header="Date" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Date <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc130="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4561702025379377" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc130="" tuitextfieldcustomcontent="tuiIconCalendarLarge" class="input-date ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc130="" type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_281702025379387" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4651702025379386" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_281702025379387" htmlfor="tui_281702025379387"> Enter date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc130="" _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><!----> Symbol for separating date-segments (days, months, years) <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">.</code> (dot) </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly="" aria-invalid="false" value="." tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'.'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">new Date('0001-01-01')</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01">0001-01-01</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">new Date('9999-12-31')</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31">9999-12-31</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4111702045824907" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_4111702045824907" htmlfor="tui_interactive_4111702045824907"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-sc130="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc130="" header="Date" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Date <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc130="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_4401702045824985" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc130="" tuitextfieldcustomcontent="tuiIconCalendarLarge" class="input-date ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc130="" type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_281702045824994" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4491702045824993" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_281702045824994" htmlfor="tui_281702045824994"> Enter date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc130="" _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Date format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoDateMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="dd/mm/yyyy" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="dd/mm/yyyy">dd/mm/yyyy</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [separator] </code><!----></div><!----> Symbol for separating date-segments (days, months, years) <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">.</code> (dot) </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly="" aria-invalid="false" value="." tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'.'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> Earliest date <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">new Date('0001-01-01')</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly="" aria-invalid="false" value="0001-01-01" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0001-01-01">0001-01-01</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> Latest date <p _ngcontent-sc130="" class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-sc130="">Default:</strong><code _ngcontent-sc130="">new Date('9999-12-31')</code></p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> Date <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly="" aria-invalid="false" value="9999-12-31" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9999-12-31">9999-12-31</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date/index.html b/kit/date/index.html
index e4cf81c66..ee367f13f 100644
--- a/kit/date/index.html
+++ b/kit/date/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.input-date[_ngcontent-sc100]{max-width:25rem}.input-date[_ngcontent-sc100]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1411702025370864" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1411702025370864" htmlfor="tui_interactive_1411702025370864"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-sc100="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc100="" header="Date" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Date <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code _ngcontent-sc100="" class="ng-star-inserted">maskitoDateOptionsGenerator</code> to create a mask for date input. <tui-doc-example _ngcontent-sc100="" id="date-localization" heading="Date localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date localization" class="ng-star-inserted">Date localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code _ngcontent-sc100="" class="ng-star-inserted">mode</code> and <code _ngcontent-sc100="" class="ng-star-inserted">separator</code> properties to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-1 _ngcontent-sc100=""><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="2005/10/21" id="tui_61702025370899" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1511702025370894" aria-invalid="false" value="2005/10/21" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61702025370899" htmlfor="tui_61702025370899"> Localization </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="2005/10/21">2005/10/21</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1411702045816747" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1411702045816747" htmlfor="tui_interactive_1411702045816747"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-sc100="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc100="" header="Date" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Date <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/date/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code _ngcontent-sc100="" class="ng-star-inserted">maskitoDateOptionsGenerator</code> to create a mask for date input. <tui-doc-example _ngcontent-sc100="" id="date-localization" heading="Date localization" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date localization" class="ng-star-inserted">Date localization</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code _ngcontent-sc100="" class="ng-star-inserted">mode</code> and <code _ngcontent-sc100="" class="ng-star-inserted">separator</code> properties to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-1 _ngcontent-sc100=""><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="2005/10/21" id="tui_61702045816788" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1511702045816784" aria-invalid="false" value="2005/10/21" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61702045816788" htmlfor="tui_61702045816788"> Localization </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="2005/10/21">2005/10/21</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc100="" id="min-max" heading="Min/Max" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min/Max" class="ng-star-inserted">Min/Max</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Properties <code _ngcontent-sc100="" class="ng-star-inserted">min</code> and <code _ngcontent-sc100="" class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a _ngcontent-sc100="" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-2 _ngcontent-sc100=""><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="20.01.2023" id="tui_71702025370903" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1531702025370896" aria-invalid="false" value="20.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_71702025370903" htmlfor="tui_71702025370903"> Date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="20.01.2023">20.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc100="" id="min-max" heading="Min/Max" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Min/Max" class="ng-star-inserted">Min/Max</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Properties <code _ngcontent-sc100="" class="ng-star-inserted">min</code> and <code _ngcontent-sc100="" class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a _ngcontent-sc100="" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" tuilink="" _nghost-sc4="" class="ng-star-inserted"><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-2 _ngcontent-sc100=""><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="20.01.2023" id="tui_71702045816792" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1531702045816786" aria-invalid="false" value="20.01.2023" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_71702045816792" htmlfor="tui_71702045816792"> Date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="20.01.2023">20.01.2023</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></date-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/number/API/index.html b/kit/number/API/index.html
index c293bf489..15ab25d12 100644
--- a/kit/number/API/index.html
+++ b/kit/number/API/index.html
@@ -20,9 +20,9 @@
 </style><style ng-transition="demo">[_nghost-sc61]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input[_ngcontent-sc61]{margin:1.25rem}.t-navigation[_ngcontent-sc61]{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar[_ngcontent-sc61]{scroll-behavior:smooth;width:100%}tui-root._reduced-motion[_nghost-sc61]   .t-scrollbar[_ngcontent-sc61], tui-root._reduced-motion   [_nghost-sc61]   .t-scrollbar[_ngcontent-sc61]{scroll-behavior:auto}.t-items-container[_ngcontent-sc61]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-sc61]{margin-left:.5rem}.t-expand[_ngcontent-sc61]{margin-left:.25rem}.t-section[_ngcontent-sc61]{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered[_ngcontent-sc61]{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection[_ngcontent-sc61]{margin-left:.5rem}.t-sublink[_ngcontent-sc61]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small[_ngcontent-sc61]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-sc61]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-sc61]{color:var(--tui-text-01)}.t-icon[_ngcontent-sc61]{margin-left:.5rem}.t-chevron[_ngcontent-sc61]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-sc61]{transform:rotate(90deg)}</style><style ng-transition="demo">[_nghost-sc62]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-navigation);height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}@supports (background: color-mix(in srgb,var(--tui-base-01),transparent 50%)){[_nghost-sc62]{background:color-mix(in srgb,var(--tui-base-01),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-sc62]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-sc62]{display:block}.t-menu[_ngcontent-sc62]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-sc62]{display:none}}.t-navigation[_ngcontent-sc62]{min-height:100%}</style><style ng-transition="demo">[_nghost-sc3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;color:inherit}[data-shape=rounded][_nghost-sc3]{border-radius:6.25rem}[data-size=xs][_nghost-sc3]{height:var(--tui-height-xs);font-weight:normal}[data-size=xs][data-shape=square][_nghost-sc3], [data-size=xs][tuiIconButton][_nghost-sc3]{width:var(--tui-height-xs)}[data-size=s][_nghost-sc3]{height:var(--tui-height-s);font-weight:normal}[data-size=s][data-shape=square][_nghost-sc3], [data-size=s][tuiIconButton][_nghost-sc3]{width:var(--tui-height-s)}[data-size=m][_nghost-sc3]{height:var(--tui-height-m);font:var(--tui-font-text-m);font-weight:bold}[data-size=m][data-shape=square][_nghost-sc3], [data-size=m][tuiIconButton][_nghost-sc3]{width:var(--tui-height-m)}[data-size=l][_nghost-sc3]{height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:bold}[data-size=l][data-shape=square][_nghost-sc3], [data-size=l][tuiIconButton][_nghost-sc3]{width:var(--tui-height-l)}[data-size=xl][_nghost-sc3]{height:3.75rem;font:var(--tui-font-text-m);font-weight:bold}[data-size=xl][data-shape=square][_nghost-sc3], [data-size=xl][tuiIconButton][_nghost-sc3]{width:3.75rem}[tuiIconButton][_nghost-sc3]{font-size:0!important}[tuiIconButton][_nghost-sc3]   .t-left[_ngcontent-sc3], [tuiIconButton][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0!important}.t-loader[_ngcontent-sc3]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left[_ngcontent-sc3]{margin-right:.5rem}[data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3]{margin-right:.375rem}[data-size=xs][_nghost-sc3]   .t-left[_ngcontent-sc3]{margin-right:.25rem}.t-right[_ngcontent-sc3]{margin:0 -.25rem 0 .25rem}[data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0 -.25rem 0 .375rem}[data-size=xs][_nghost-sc3]   .t-right[_ngcontent-sc3]{margin:0 -.125rem 0 .25rem}.t-icon[_ngcontent-sc3]{display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}.t-left[_ngcontent-sc3], .t-right[_ngcontent-sc3]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}[data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3], [data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3], [data-size=xs][_nghost-sc3]   .t-left[_ngcontent-sc3], [data-size=xs][_nghost-sc3]   .t-right[_ngcontent-sc3]{width:1rem;height:1rem}[tuiIconButton][data-appearance=icon][data-size=s][_nghost-sc3]   .t-left[_ngcontent-sc3], [tuiIconButton][data-appearance=icon][data-size=s][_nghost-sc3]   .t-right[_ngcontent-sc3]{width:1.5rem;height:1.5rem}.t-wrapper[_ngcontent-sc3]{box-sizing:border-box;cursor:pointer;isolation:isolate}[data-size=xs][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, .375rem)}[data-size=xs][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]:after{border-width:1px}[data-size=s][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, .75rem)}[data-size=m][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 1.5rem)}[data-size=l][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 2.25rem)}[data-size=xl][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0 var(--tui-padding, 2.5rem)}[data-shape=square][_nghost-sc3]   .t-wrapper[_ngcontent-sc3], [tuiIconButton][_nghost-sc3]   .t-wrapper[_ngcontent-sc3]{padding:0}.t-content[_ngcontent-sc3]{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}._loading[_nghost-sc3]   .t-content[_ngcontent-sc3]{opacity:0}</style><style ng-transition="demo">[_nghost-sc25]{display:none}</style><style ng-transition="demo">[_nghost-sc9]{position:relative;z-index:0;display:block;height:100%}[_nghost-sc9]:before{content:"";display:block;overflow:hidden}.t-position-fixed-offset[_ngcontent-sc9]{position:fixed;left:0;top:0;pointer-events:none;visibility:hidden;width:100%;height:100%}</style><style ng-transition="demo">[_nghost-sc23]{position:fixed;left:0;bottom:0;width:100%;height:0}.t-overlay[_ngcontent-sc23], .t-dialog[_ngcontent-sc23]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;outline:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.t-overlay.ng-animating[_ngcontent-sc23], .t-dialog.ng-animating[_ngcontent-sc23]{overflow:clip}.t-overlay[_ngcontent-sc23]::-webkit-scrollbar, .t-dialog[_ngcontent-sc23]::-webkit-scrollbar, .t-overlay[_ngcontent-sc23]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-sc23]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-dialog[_ngcontent-sc23]{bottom:auto;height:100%}.t-overlay[_ngcontent-sc23]{height:100%;pointer-events:none;touch-action:none;opacity:0;letter-spacing:normal;transition:opacity var(--tui-duration, .3s),letter-spacing .01s;background:rgba(0,0,0,.75);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none)}.t-overlay_visible[_ngcontent-sc23]{opacity:1;letter-spacing:1px}.t-dialog[_ngcontent-sc23]:last-of-type{z-index:1}.t-scrollbars[_ngcontent-sc23]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;color:#747474}</style><style ng-transition="demo">tui-alert-host>.t-wrapper{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;pointer-events:none}tui-alert-host>.t-wrapper>*{pointer-events:auto}
 </style><style ng-transition="demo">[_nghost-sc26]{position:fixed;top:0;left:0;width:100%;height:0}</style><style ng-transition="demo">[_nghost-sc51]{display:block;border-radius:var(--tui-radius-m);text-align:left}._disabled[_nghost-sc51]{pointer-events:none}.t-hosted[_ngcontent-sc51]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc51]{border-radius:inherit;text-align:inherit}</style><style ng-transition="demo">[_nghost-sc11]{position:relative;display:flex;isolation:isolate;overflow:auto}[_nghost-sc11]:not(._legacy){scrollbar-width:none;-ms-overflow-style:none}[_nghost-sc11]:not(._legacy)::-webkit-scrollbar, [_nghost-sc11]:not(._legacy)::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}._legacy[_nghost-sc11]{overflow:overlay}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){._legacy[_nghost-sc11]::-webkit-scrollbar, ._legacy[_nghost-sc11]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}._legacy[_nghost-sc11]::-webkit-scrollbar{background-color:transparent}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}._legacy[_nghost-sc11]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}.t-content[_ngcontent-sc11]{isolation:isolate;flex:1;flex-basis:auto;width:100%;height:-webkit-max-content;height:max-content}.t-bars[_ngcontent-sc11]{color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc53]{display:block}.t-group[_ngcontent-sc53]{display:flex}</style><style ng-transition="demo">[_nghost-sc28]{display:inline-flex}.t-wrapper[_ngcontent-sc28]{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown[_ngcontent-sc28]{height:100%}.t-primitive[_ngcontent-sc28]{padding:1rem}</style><style ng-transition="demo">[_nghost-sc18]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}[data-size=s][_nghost-sc18]{--tui-height: var(--tui-height-s)}[data-size=m][_nghost-sc18]{--tui-height: var(--tui-height-m)}[data-size=l][_nghost-sc18]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-sc18]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-sc18]:-webkit-autofill, .t-input[_ngcontent-sc18]:-webkit-autofill:hover, .t-input[_ngcontent-sc18]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-sc18]:-webkit-autofill, .t-input[_ngcontent-sc18]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-sc18]::-webkit-caps-lock-indicator, .t-input[_ngcontent-sc18]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-sc18]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-sc18]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc18]:not(._readonly)   .t-input[_ngcontent-sc18]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc18]   .t-input[_ngcontent-sc18]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill, [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill:hover, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]:-webkit-autofill:focus, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-input[_ngcontent-sc18]::placeholder, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-sc18]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc18]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="s"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"][_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc18]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-sc18]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc18]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-sc18]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc18]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc18]   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield._disabled[_nghost-sc18], tui-primitive-textfield._disabled   [_nghost-sc18], .t-input   tui-textarea._disabled[_nghost-sc18], tui-textarea._disabled   [_nghost-sc18], .t-input   tui-text-area._disabled[_nghost-sc18], tui-text-area._disabled   [_nghost-sc18]{pointer-events:none}[data-size=l][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18]:-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc18]:not(._label-outside)   .t-input[_ngcontent-sc18]:-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc18]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc18]   input.t-input[_ngcontent-sc18], .t-input   tui-primitive-textfield._hidden[_nghost-sc18], tui-primitive-textfield._hidden   [_nghost-sc18]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-sc18]{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc18]   .t-content[_ngcontent-sc18]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-sc18]{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder[_ngcontent-sc18]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-sc18]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-sc18]{transform:translateY(-.625rem)}[data-size=m][_nghost-sc18]   .t-placeholder_raised[_ngcontent-sc18]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-sc18]:not(._focused)   .t-placeholder_raised[_ngcontent-sc18], ._invalid[_nghost-sc18]:not(._focused):hover   .t-placeholder_raised[_ngcontent-sc18]{color:var(--tui-error-fill)}._invalid[_nghost-sc18]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder_raised[_ngcontent-sc18], ._invalid[_nghost-sc18]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder_raised[_ngcontent-sc18]{color:var(--tui-error-fill-night)}._focused[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=m]._focused._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-03)}[data-size=l][_nghost-sc18]   .t-placeholder[_ngcontent-sc18]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-sc18]   .t-placeholder_raised[_ngcontent-sc18]{font-size:.8156rem}[data-size=m]._focused[_nghost-sc18]:not(._label-outside)   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused[_nghost-sc18]:not(._label-outside)   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-sc18]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused[_nghost-sc18]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-01-night)}._focused[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=m]._focused._label-outside[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18], [data-size=l]._focused._label-outside[_nghost-sc18]   [tuiWrapper][data-mode=onDark][_ngcontent-sc18]   .t-placeholder[_ngcontent-sc18]{color:var(--tui-text-02-night)}.t-cleaner[_ngcontent-sc18]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-sc18]   .t-cleaner[_ngcontent-sc18], ._disabled[_nghost-sc18]   .t-cleaner[_ngcontent-sc18]{pointer-events:none}.t-icon[_ngcontent-sc18]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}[data-size=m][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=l][_nghost-sc18]   .t-icon_left[_ngcontent-sc18]{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons[_ngcontent-sc18]{display:flex;align-items:center}[data-size=m][_nghost-sc18]   .t-icons[_ngcontent-sc18]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=s][_nghost-sc18]   .t-icons[_ngcontent-sc18]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}[_nghost-sc18]:not([data-size="s"])   .t-icons[_ngcontent-sc18] > [_ngcontent-sc18]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}._autofilled[data-size=s][_nghost-sc18]   .t-placeholder[_ngcontent-sc18], ._autofilled._label-outside[_nghost-sc18]   .t-placeholder[_ngcontent-sc18], ._autofilled[_nghost-sc18]   .t-value-decoration[_ngcontent-sc18]:not(.t-has-value){visibility:hidden}.t-custom-content[_ngcontent-sc18]{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon[_ngcontent-sc18]{width:2rem;height:100%}.t-input[_ngcontent-sc18]:not(:first-child){display:none}[data-size][_nghost-sc18]   .t-input_template[_ngcontent-sc18]{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template[_ngcontent-sc18]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-sc18]{position:relative;pointer-events:none}</style><style ng-transition="demo">.tui-autofill input,input.tui-autofill{transition:box-shadow .01s}
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
-</style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc120]{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label[_ngcontent-sc120]{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}._control[_nghost-sc120]   .t-label[_ngcontent-sc120]{margin-bottom:.25rem}.t-text[_ngcontent-sc120]{display:block;overflow:inherit;text-overflow:ellipsis}[_nghost-sc120]:not(._control)   .t-text[_ngcontent-sc120]{color:var(--tui-text-02)}[data-mode="onDark"][_nghost-sc120]   .t-text[_ngcontent-sc120]{color:var(--tui-text-02-night)}.t-content[_ngcontent-sc120]{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style><style ng-transition="demo">[_nghost-sc44]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}[data-size=m][_nghost-sc44]{width:2rem;height:1rem}[data-size=l][_nghost-sc44]{width:3rem;height:1.5rem}.t-checkbox[_ngcontent-sc44]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.t-checkbox[_ngcontent-sc44]:-webkit-autofill, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:hover, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc44]   .t-checkbox[_ngcontent-sc44]{pointer-events:none;cursor:default}.t-toggle[_ngcontent-sc44]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}[data-size=m][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:3rem;height:1rem;transform:translate(-1rem)}[data-size=l][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:4.5rem;height:1.5rem;transform:translate(-1.5rem)}._checked[_nghost-sc44]   .t-toggle[_ngcontent-sc44]{transform:translate(0)}.t-circle[_ngcontent-sc44]{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}._disabled[_nghost-sc44]   .t-circle_light[_ngcontent-sc44]{opacity:.24}[data-size=m][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:.75rem;height:.75rem}[data-size=l][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:1rem;height:1rem}._disabled[_nghost-sc44]   .t-circle[_ngcontent-sc44]{background-color:var(--tui-base-01)}.t-loader[_ngcontent-sc44]{min-width:auto}[_nghost-sc44]:not(._checked)   .t-loader[_ngcontent-sc44]{color:var(--tui-base-06)}[_nghost-sc44]:not(._checked)._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-base-05)}[_nghost-sc44]:not(._checked)[data-mode=onDark]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03-night)}[_nghost-sc44]:not(._checked)[data-mode=onDark]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[_nghost-sc44]:not(._checked)[data-mode=onLight]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03)}[_nghost-sc44]:not(._checked)[data-mode=onLight]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:.75rem;margin:0 .2rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:1rem;margin:0 .25rem}.t-icon-wrapper[_ngcontent-sc44]{display:flex}.t-icon[_ngcontent-sc44]{opacity:.8}.t-icon_off[_ngcontent-sc44]{color:var(--tui-base-06)}._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-base-05)}[data-mode=onDark][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03-night)}[data-mode=onDark]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[data-mode=onLight][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03)}[data-mode=onLight]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-icon[_ngcontent-sc44]{width:1rem;height:1rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-icon[_ngcontent-sc44]{margin:0 .125rem;width:1.5rem;height:1.5rem}[_nghost-sc44]:hover   .t-icon[_ngcontent-sc44]{opacity:1}</style><style ng-transition="demo">[_nghost-sc45]{display:flex;border-radius:var(--tui-radius-m);text-align:left}.t-textfield[_ngcontent-sc45]{flex:1;max-width:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-sc45]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.t-value-content[_ngcontent-sc45]{width:100%}.t-buttons[_ngcontent-sc45]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]{flex-direction:row-reverse}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]:first-child{margin:0 0 0 .125rem;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]:last-child{border-radius:0}[data-size=m][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]{width:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]{width:calc(var(--tui-height-l) * .75)}.t-button[_ngcontent-sc45]{display:flex;flex:1;height:auto;border-radius:0}.t-button[_ngcontent-sc45]:first-child{margin-bottom:.125rem;border-top-right-radius:inherit}.t-button[_ngcontent-sc45]:last-child{border-bottom-right-radius:inherit}</style></head>
+</style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc120]{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label[_ngcontent-sc120]{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}._control[_nghost-sc120]   .t-label[_ngcontent-sc120]{margin-bottom:.25rem}.t-text[_ngcontent-sc120]{display:block;overflow:inherit;text-overflow:ellipsis}[_nghost-sc120]:not(._control)   .t-text[_ngcontent-sc120]{color:var(--tui-text-02)}[data-mode="onDark"][_nghost-sc120]   .t-text[_ngcontent-sc120]{color:var(--tui-text-02-night)}.t-content[_ngcontent-sc120]{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style><style ng-transition="demo">[_nghost-sc44]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}[data-size=m][_nghost-sc44]{width:2rem;height:1rem}[data-size=l][_nghost-sc44]{width:3rem;height:1.5rem}.t-checkbox[_ngcontent-sc44]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.t-checkbox[_ngcontent-sc44]:-webkit-autofill, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:hover, .t-checkbox[_ngcontent-sc44]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc44]   .t-checkbox[_ngcontent-sc44]{pointer-events:none;cursor:default}.t-toggle[_ngcontent-sc44]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}[data-size=m][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:3rem;height:1rem;transform:translate(-1rem)}[data-size=l][_nghost-sc44]   .t-toggle[_ngcontent-sc44]{width:4.5rem;height:1.5rem;transform:translate(-1.5rem)}._checked[_nghost-sc44]   .t-toggle[_ngcontent-sc44]{transform:translate(0)}.t-circle[_ngcontent-sc44]{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}._disabled[_nghost-sc44]   .t-circle_light[_ngcontent-sc44]{opacity:.24}[data-size=m][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:.75rem;height:.75rem}[data-size=l][_nghost-sc44]   .t-circle[_ngcontent-sc44]{width:1rem;height:1rem}._disabled[_nghost-sc44]   .t-circle[_ngcontent-sc44]{background-color:var(--tui-base-01)}.t-loader[_ngcontent-sc44]{min-width:auto}[_nghost-sc44]:not(._checked)   .t-loader[_ngcontent-sc44]{color:var(--tui-base-06)}[_nghost-sc44]:not(._checked)._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-base-05)}[_nghost-sc44]:not(._checked)[data-mode=onDark]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03-night)}[_nghost-sc44]:not(._checked)[data-mode=onDark]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[_nghost-sc44]:not(._checked)[data-mode=onLight]   .t-loader[_ngcontent-sc44]{color:var(--tui-text-03)}[_nghost-sc44]:not(._checked)[data-mode=onLight]._disabled   .t-loader[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:.75rem;margin:0 .2rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-loader[_ngcontent-sc44]{width:1rem;margin:0 .25rem}.t-icon-wrapper[_ngcontent-sc44]{display:flex}.t-icon[_ngcontent-sc44]{opacity:.8}.t-icon_off[_ngcontent-sc44]{color:var(--tui-base-06)}._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-base-05)}[data-mode=onDark][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03-night)}[data-mode=onDark]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-inverse-active)}[data-mode=onLight][_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-text-03)}[data-mode=onLight]._disabled[_nghost-sc44]   .t-icon_off[_ngcontent-sc44]{color:var(--tui-clear-active)}[data-size=m][_nghost-sc44]   .t-icon[_ngcontent-sc44]{width:1rem;height:1rem;transform:scale(.75)}[data-size=l][_nghost-sc44]   .t-icon[_ngcontent-sc44]{margin:0 .125rem;width:1.5rem;height:1.5rem}[_nghost-sc44]:hover   .t-icon[_ngcontent-sc44]{opacity:1}</style><style ng-transition="demo">[_nghost-sc45]{display:flex;border-radius:var(--tui-radius-m);text-align:left}.t-textfield[_ngcontent-sc45]{flex:1;max-width:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-sc45]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.t-value-content[_ngcontent-sc45]{width:100%}.t-buttons[_ngcontent-sc45]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]{flex-direction:row-reverse}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]:first-child{margin:0 0 0 .125rem;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[data-size=s][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]:last-child{border-radius:0}[data-size=m][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]{width:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-sc45] + .t-buttons[_ngcontent-sc45]   .t-button[_ngcontent-sc45]{width:calc(var(--tui-height-l) * .75)}.t-button[_ngcontent-sc45]{display:flex;flex:1;height:auto;border-radius:0}.t-button[_ngcontent-sc45]:first-child{margin-bottom:.125rem;border-top-right-radius:inherit}.t-button[_ngcontent-sc45]:last-child{border-bottom-right-radius:inherit}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3451702025378041" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3451702025378041" htmlfor="tui_interactive_3451702025378041"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Number <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_3981702025378232" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuihintcontent="Only digits (+ decimal separator) are allowed" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_251702025378250" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4071702025378248" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251702025378250" htmlfor="tui_251702025378250"> Enter a number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [precision] </code><!----></div><!----> A number of digits after <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"> Use <code>Infinity</code> for an untouched decimal part. </p><p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (decimal part is forbidden). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[precision]" readonly="" aria-invalid="false" value="0" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">0</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0">0</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalSeparator] </code><!----></div><!----> Symbol for separating fraction. <p class="ng-star-inserted"><strong>Default:</strong> dot. </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalPseudoSeparators] </code><!----></div><!----> Symbols to be replaced with <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>['.', 'ю', 'б']</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string[] <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalPseudoSeparators]" readonly="" aria-invalid="false" value=".,,,б,ю" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">['.', ',', 'б', 'ю']</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".,,,б,ю">.,,,б,ю</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalZeroPadding] </code><!----></div><!----> If number of digits after <code class="ng-star-inserted">decimalSeparator</code> is <strong class="ng-star-inserted">always equal</strong> to the <code class="ng-star-inserted">precision</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>false</code> (number of digits can be less than precision) . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-toggle _ngcontent-sc59="" size="l" _nghost-sc44="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-sc44="" tuiwrapper="" data-appearance="secondary" class=""><div _ngcontent-sc44="" class="t-toggle"><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__check-icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOnLarge.svg?v=3.57.0#tuiIconToggleOnLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><div _ngcontent-sc44="" class="t-circle"></div><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__cancel-icon" class="t-icon t-icon_off ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOffLarge.svg?v=3.57.0#tuiIconToggleOffLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></div><input _ngcontent-sc44="" automation-id="tui-toggle__checkbox" role="switch" type="checkbox" class="t-checkbox" id="[decimalZeroPadding]" aria-checked="false" tabindex="0"></div></tui-toggle><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [thousandSeparator] </code><!----></div><!----> Symbol for separating thousands. <p class="ng-star-inserted"><strong>Default:</strong> non-breaking space. </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[thousandSeparator]" aria-invalid="false" value="&nbsp;" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="&nbsp;">&nbsp;</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> The lowest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MIN_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><tui-input-number _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc45="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-sc45="" tuitextfieldpostfix="" tuitextfieldprefix="" tuivalueaccessor="" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4161702025378279" aria-invalid="false" value="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" tabindex="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991">−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-sc45="" class="t-buttons ng-star-inserted"><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPlus.svg?v=3.57.0#tuiIconPlus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> + <!----></span><!----></div></button><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button _disabled" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield" disabled=""><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield" data-state="disabled"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMinus.svg?v=3.57.0#tuiIconMinus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> - <!----></span><!----></div></button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> The greatest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MAX_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><tui-input-number _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc45="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-sc45="" tuitextfieldpostfix="" tuitextfieldprefix="" tuivalueaccessor="" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4201702025378284" aria-invalid="false" value="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" tabindex="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991">9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-sc45="" class="t-buttons ng-star-inserted"><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button _disabled" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield" disabled=""><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield" data-state="disabled"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPlus.svg?v=3.57.0#tuiIconPlus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> + <!----></span><!----></div></button><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMinus.svg?v=3.57.0#tuiIconMinus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> - <!----></span><!----></div></button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [prefix] </code><!----></div><!----> A prefix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no prefix). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[prefix]" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="[prefix]" htmlfor="[prefix]"></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [postfix] </code><!----></div><!----> A postfix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no postfix). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[postfix]" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="[postfix]" htmlfor="[postfix]"></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3451702045823782" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3451702045823782" htmlfor="tui_interactive_3451702045823782"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Number <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_3821702045823909" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input tuihintcontent="Only digits (+ decimal separator) are allowed" _nghost-sc51="" class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_251702045823924" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3911702045823922" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251702045823924" htmlfor="tui_251702045823924"> Enter a number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [precision] </code><!----></div><!----> A number of digits after <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"> Use <code>Infinity</code> for an untouched decimal part. </p><p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (decimal part is forbidden). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[precision]" readonly="" aria-invalid="false" value="0" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">0</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="0">0</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalSeparator] </code><!----></div><!----> Symbol for separating fraction. <p class="ng-star-inserted"><strong>Default:</strong> dot. </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalSeparator]" aria-invalid="false" value="." tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".">.</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalPseudoSeparators] </code><!----></div><!----> Symbols to be replaced with <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>['.', 'ю', 'б']</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string[] <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalPseudoSeparators]" readonly="" aria-invalid="false" value=".,,,б,ю" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">['.', ',', 'б', 'ю']</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=".,,,б,ю">.,,,б,ю</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [decimalZeroPadding] </code><!----></div><!----> If number of digits after <code class="ng-star-inserted">decimalSeparator</code> is <strong class="ng-star-inserted">always equal</strong> to the <code class="ng-star-inserted">precision</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>false</code> (number of digits can be less than precision) . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-toggle _ngcontent-sc59="" size="l" _nghost-sc44="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-sc44="" tuiwrapper="" data-appearance="secondary" class=""><div _ngcontent-sc44="" class="t-toggle"><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__check-icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOnLarge.svg?v=3.57.0#tuiIconToggleOnLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><div _ngcontent-sc44="" class="t-circle"></div><!----><span _ngcontent-sc44="" class="t-icon-wrapper ng-star-inserted"><tui-svg _ngcontent-sc44="" automation-id="tui-toggle__cancel-icon" class="t-icon t-icon_off ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconToggleOffLarge.svg?v=3.57.0#tuiIconToggleOffLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></div><input _ngcontent-sc44="" automation-id="tui-toggle__checkbox" role="switch" type="checkbox" class="t-checkbox" id="[decimalZeroPadding]" aria-checked="false" tabindex="0"></div></tui-toggle><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [thousandSeparator] </code><!----></div><!----> Symbol for separating thousands. <p class="ng-star-inserted"><strong>Default:</strong> non-breaking space. </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[thousandSeparator]" aria-invalid="false" value="&nbsp;" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="&nbsp;">&nbsp;</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><span _ngcontent-sc18="" appearance="icon" automation-id="tui-primitive-textfield__cleaner" tuiwrapper="" class="t-cleaner ng-star-inserted" data-appearance="icon"><tui-svg _ngcontent-sc18="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClose.svg?v=3.57.0#tuiIconClose"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [min] </code><!----></div><!----> The lowest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MIN_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><tui-input-number _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc45="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-sc45="" tuitextfieldpostfix="" tuitextfieldprefix="" tuivalueaccessor="" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4001702045823952" aria-invalid="false" value="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" tabindex="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991">−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-sc45="" class="t-buttons ng-star-inserted"><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPlus.svg?v=3.57.0#tuiIconPlus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> + <!----></span><!----></div></button><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button _disabled" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield" disabled=""><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield" data-state="disabled"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMinus.svg?v=3.57.0#tuiIconMinus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> - <!----></span><!----></div></button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [max] </code><!----></div><!----> The greatest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MAX_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><tui-input-number _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc45="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-sc45="" tuitextfieldpostfix="" tuitextfieldprefix="" tuivalueaccessor="" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_4041702045823957" aria-invalid="false" value="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" tabindex="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991">9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-sc45="" class="t-buttons ng-star-inserted"><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button _disabled" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield" disabled=""><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield" data-state="disabled"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconPlus.svg?v=3.57.0#tuiIconPlus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> + <!----></span><!----></div></button><button _ngcontent-sc45="" size="s" tuiiconbutton="" type="button" class="t-button" _nghost-sc3="" tabindex="-1" data-size="s" data-appearance="textfield"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="textfield"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMinus.svg?v=3.57.0#tuiIconMinus"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----> - <!----></span><!----></div></button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [prefix] </code><!----></div><!----> A prefix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no prefix). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[prefix]" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="[prefix]" htmlfor="[prefix]"></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [postfix] </code><!----></div><!----> A postfix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no postfix). </p><!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><!----><tui-primitive-textfield _ngcontent-sc59="" tuitextfieldsize="m" _nghost-sc18="" class="ng-tns-c59-10 _label-outside ng-star-inserted" data-size="m" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[postfix]" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="[postfix]" htmlfor="[postfix]"></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/number/index.html b/kit/number/index.html
index 75f2c5a67..f9b8f156d 100644
--- a/kit/number/index.html
+++ b/kit/number/index.html
@@ -22,13 +22,13 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc90]{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label[_ngcontent-sc90]{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}._control[_nghost-sc90]   .t-label[_ngcontent-sc90]{margin-bottom:.25rem}.t-text[_ngcontent-sc90]{display:block;overflow:inherit;text-overflow:ellipsis}[_nghost-sc90]:not(._control)   .t-text[_ngcontent-sc90]{color:var(--tui-text-02)}[data-mode="onDark"][_nghost-sc90]   .t-text[_ngcontent-sc90]{color:var(--tui-text-02-night)}.t-content[_ngcontent-sc90]{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_871702025369601" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_871702025369601" htmlfor="tui_interactive_871702025369601"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Number <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoNumberOptionsGenerator</code> to create a mask for entering a formatted number. <tui-notification class="tui-space_top-4 ng-star-inserted" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Despite the name of the mask, element's raw value is still string. <p> Use <code>maskitoParseNumber</code> to get number-type value. </p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_871702045815543" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_871702045815543" htmlfor="tui_interactive_871702045815543"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Number <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/number/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoNumberOptionsGenerator</code> to create a mask for entering a formatted number. <tui-notification class="tui-space_top-4 ng-star-inserted" _nghost-sc20="" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Despite the name of the mask, element's raw value is still string. <p> Use <code>maskitoParseNumber</code> to get number-type value. </p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
         
     </div>
-</pre><!----></tui-doc-code></div><!----></tui-notification><tui-doc-example id="high-precision" heading="High precision" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="High precision" class="ng-star-inserted">High precision</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">precision</code> parameter to configure the number of digits after decimal separator. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-1><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" placeholder="3,141..." tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_11702025369650" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_971702025369640" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_11702025369650" htmlfor="tui_11702025369650"><strong>π</strong> -value </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code></div><!----></tui-notification><tui-doc-example id="high-precision" heading="High precision" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="High precision" class="ng-star-inserted">High precision</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">precision</code> parameter to configure the number of digits after decimal separator. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-1><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" placeholder="3,141..." tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_11702045815585" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_971702045815576" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_11702045815585" htmlfor="tui_11702045815585"><strong>π</strong> -value </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -58,7 +58,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="separators" heading="Separators" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Separators" class="ng-star-inserted">Separators</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">decimalSeparator</code> and <code class="ng-star-inserted">thousandSeparator</code> to get mask with locale specific representation of numbers. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><tui-notification class="tui-space_bottom-4" _nghost-sc20="" style="max-width:30rem;" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> In Germany people use comma as decimal separator and dot for thousands </div><!----></tui-notification><number-mask-doc-example-2><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" placeholder="1.000,42" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_21702025369653" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_991702025369642" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_21702025369653" htmlfor="tui_21702025369653"> Type number like a German </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="separators" heading="Separators" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Separators" class="ng-star-inserted">Separators</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">decimalSeparator</code> and <code class="ng-star-inserted">thousandSeparator</code> to get mask with locale specific representation of numbers. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><tui-notification class="tui-space_bottom-4" _nghost-sc20="" style="max-width:30rem;" data-status="info" data-size="m"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconInfo.svg?v=3.57.0#tuiIconInfo"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> In Germany people use comma as decimal separator and dot for thousands </div><!----></tui-notification><number-mask-doc-example-2><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" placeholder="1.000,42" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_21702045815588" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_991702045815578" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_21702045815588" htmlfor="tui_21702045815588"> Type number like a German </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -88,7 +88,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="postfix" heading="Postfix" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Postfix" class="ng-star-inserted">Postfix</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><div class="ng-star-inserted"> Use <code>postfix</code> parameter to set non-removable text after the number. </div><div class="ng-star-inserted"> Additionally you can use <code>maskitoCaretGuard</code> to clamp caret inside allowable range. </div><div class="tui-space_top-4 ng-star-inserted"> This example also shows how to restrict the greatest permitted value via <code>max</code> parameter. </div><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-3><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="97%" id="tui_31702025369655" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1011702025369644" aria-invalid="false" value="97%" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="97%">97%</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="postfix" heading="Postfix" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Postfix" class="ng-star-inserted">Postfix</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><div class="ng-star-inserted"> Use <code>postfix</code> parameter to set non-removable text after the number. </div><div class="ng-star-inserted"> Additionally you can use <code>maskitoCaretGuard</code> to clamp caret inside allowable range. </div><div class="tui-space_top-4 ng-star-inserted"> This example also shows how to restrict the greatest permitted value via <code>max</code> parameter. </div><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-3><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="97%" id="tui_31702045815590" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1011702045815579" aria-invalid="false" value="97%" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="97%">97%</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -118,7 +118,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="decimal-zero-padding" heading="Decimal zero padding" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Decimal zero padding" class="ng-star-inserted">Decimal zero padding</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> Set <code>decimalZeroPadding: true</code> to always show trailing zeroes. </p><p class="ng-star-inserted"> Non removable dollar sign is achieved by using <code>prefix</code> parameter. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-4><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="$100.00" id="tui_41702025369657" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1031702025369645" aria-invalid="false" value="$100.00" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_41702025369657" htmlfor="tui_41702025369657"> Cost </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="$100.00">$100.00</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-4></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="decimal-zero-padding" heading="Decimal zero padding" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Decimal zero padding" class="ng-star-inserted">Decimal zero padding</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> Set <code>decimalZeroPadding: true</code> to always show trailing zeroes. </p><p class="ng-star-inserted"> Non removable dollar sign is achieved by using <code>prefix</code> parameter. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-4><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="$100.00" id="tui_41702045815593" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1031702045815581" aria-invalid="false" value="$100.00" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_41702045815593" htmlfor="tui_41702045815593"> Cost </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="$100.00">$100.00</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></number-mask-doc-example-4></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -148,7 +148,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic-decimal-zero-padding" heading="Dynamic decimal zero padding" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Dynamic decimal zero padding" class="ng-star-inserted">Dynamic decimal zero padding</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><div class="ng-star-inserted">You can change options on the fly to build complex logic.</div><div class="ng-star-inserted"> This example shows how to initially disable <code>decimalZeroPadding</code> and enable it only after user inserts decimal separator. </div><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-5><label tuilabel="Enable decimal zero padding by typing dot" _nghost-sc90="" class="_control"><span _ngcontent-sc90="" class="t-label"><span _ngcontent-sc90="" class="t-text ng-star-inserted" textcontent="Enable decimal zero padding by typing dot">Enable decimal zero padding by typing dot</span><!----></span><span _ngcontent-sc90="" class="t-content"><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="42" id="tui_51702025369661" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1051702025369647" aria-invalid="false" value="42" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="42">42</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></span></label></number-mask-doc-example-5></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic-decimal-zero-padding" heading="Dynamic decimal zero padding" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Dynamic decimal zero padding" class="ng-star-inserted">Dynamic decimal zero padding</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><div class="ng-star-inserted">You can change options on the fly to build complex logic.</div><div class="ng-star-inserted"> This example shows how to initially disable <code>decimalZeroPadding</code> and enable it only after user inserts decimal separator. </div><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-5><label tuilabel="Enable decimal zero padding by typing dot" _nghost-sc90="" class="_control"><span _ngcontent-sc90="" class="t-label"><span _ngcontent-sc90="" class="t-text ng-star-inserted" textcontent="Enable decimal zero padding by typing dot">Enable decimal zero padding by typing dot</span><!----></span><span _ngcontent-sc90="" class="t-content"><tui-input _nghost-sc51="" style="max-width:30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="42" id="tui_51702045815596" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1051702045815582" aria-invalid="false" value="42" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="42">42</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></span></label></number-mask-doc-example-5></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -161,6 +161,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/time/API/index.html b/kit/time/API/index.html
index 66f74e6ab..a6231a823 100644
--- a/kit/time/API/index.html
+++ b/kit/time/API/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.input-time[_ngcontent-sc123]{max-width:25rem}.input-time[_ngcontent-sc123]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style><style ng-transition="demo">[_nghost-sc58]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-sc58]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-sc58] > *[_ngcontent-sc58]{pointer-events:auto}.t-wrapper[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-sc58]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-sc58]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-sc58]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-sc58]   .t-wrapper[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-wrapper[_ngcontent-sc58]{min-height:auto}.t-content[_ngcontent-sc58]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-sc58]   .t-content[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-content[_ngcontent-sc58]{padding:1rem}.t-form[_ngcontent-sc58]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-sc58]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-sc58]{width:100%}.t-icon[_ngcontent-sc58]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-sc58]{transform:rotate(180deg)}.t-value[_ngcontent-sc58]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-sc58]{width:12.5rem}.t-select[_ngcontent-sc58]{max-width:15rem}.t-resizer[_ngcontent-sc58]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-sc58]:before, .t-resizer[_ngcontent-sc58]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-sc58]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-sc58]   .t-resizer[_ngcontent-sc58], tui-root._mobile   [_nghost-sc58]   .t-resizer[_ngcontent-sc58]{display:none}.t-resizer-text[_ngcontent-sc58]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-sc58]   .t-resizer-text[_ngcontent-sc58]{background:#3e464e}.t-group[_ngcontent-sc58], .t-checkbox[_ngcontent-sc58]{margin-left:.75rem}.t-button[_ngcontent-sc58], .t-form-controls[_ngcontent-sc58]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-sc58]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}</style><style ng-transition="demo">[_nghost-sc59]{display:block;min-width:100%}.t-table[_ngcontent-sc59]{width:100%;table-layout:fixed}.t-row[_ngcontent-sc59]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-sc59]   .t-row[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row[_ngcontent-sc59]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-sc59]   .t-row_header[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-row_header[_ngcontent-sc59]{display:none}.t-cell[_ngcontent-sc59]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-sc59]:first-child{padding-left:0}.t-cell[_ngcontent-sc59]:last-child{padding-right:0}.t-cell_prop[_ngcontent-sc59]{width:40%}.t-cell_value[_ngcontent-sc59]{text-align:right}tui-root._mobile[_nghost-sc59]   .t-cell[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-cell[_ngcontent-sc59]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-sc59]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-sc59]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-sc59]   .t-th_value[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-th_value[_ngcontent-sc59]{width:9.375rem}.t-property[_ngcontent-sc59]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-sc59]   .t-property[_ngcontent-sc59], tui-root._mobile   [_nghost-sc59]   .t-property[_ngcontent-sc59]{padding:.5rem 0}.t-type[_ngcontent-sc59]{font-family:monospace}.t-deprecated[_ngcontent-sc59]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-sc59]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-sc59]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-sc59]{text-align:left;opacity:0}.t-heading[_ngcontent-sc59]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-sc59]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-sc59]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-sc59]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}</style><style ng-transition="demo">[_nghost-sc42]{position:relative;display:block;line-height:0}._disabled[_nghost-sc42], ._readonly[_nghost-sc42]{pointer-events:none}.t-wrapper[_ngcontent-sc42]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{cursor:default}[data-mode=onDark][_nghost-sc42]   .t-wrapper[_ngcontent-sc42]{color:var(--tui-text-01-night)}.t-content[_ngcontent-sc42]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-sc42]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-sc42]   .t-content[_ngcontent-sc42]{margin-left:.5rem}[data-size=l][_nghost-sc42]   .t-content[_ngcontent-sc42]{font:var(--tui-font-text-m);margin-left:.75rem}</style><style ng-transition="demo">[_nghost-sc41]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-sc41]{width:1rem;height:1rem}[data-size=l][_nghost-sc41]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc41]   tui-primitive-checkbox[_ngcontent-sc41]{pointer-events:none}.t-native[_ngcontent-sc41]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc41]:-webkit-autofill, .t-native[_ngcontent-sc41]:-webkit-autofill:hover, .t-native[_ngcontent-sc41]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}</style><style ng-transition="demo">[_nghost-sc40]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-sc40]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc40]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-sc40]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-sc40]{transform:scale(1)}</style><style ng-transition="demo">[_nghost-sc7]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-sc7]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-sc7]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-sc7]   .t-tooltip-icon[_ngcontent-sc7]{opacity:1}</style><style ng-transition="demo">[_nghost-sc39]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-sc39]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-sc39], [data-size=l][_nghost-sc39]{font:var(--tui-font-text-m)}._disabled[_nghost-sc39], ._readonly[_nghost-sc39]{pointer-events:none}.t-wrapper[_ngcontent-sc39]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-right:.5rem}[data-align=right][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-sc39]   .t-wrapper[_ngcontent-sc39]{padding:0 2.25rem}[data-size=xs][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-sc39]   .t-view[_ngcontent-sc39]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-sc39]   .t-view[_ngcontent-sc39]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-sc39]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-s)}[data-size=m][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-m)}[data-size=l][_nghost-sc39]   .t-label[_ngcontent-sc39]{min-height:var(--tui-height-l)}._hidden_input[_nghost-sc39]   .t-label[_ngcontent-sc39]{text-align:center;justify-content:center}.t-content[_ngcontent-sc39]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc38]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-sc38]{width:1rem;height:1rem}[data-size=l][_nghost-sc38]{width:1.5rem;height:1.5rem}._readonly[_nghost-sc38]{pointer-events:none}.t-mark[_ngcontent-sc38]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-sc38]{transform:scale(1)}[data-size=m][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-sc38]   .t-mark[_ngcontent-sc38]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-sc38]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-sc38]:-webkit-autofill, .t-native[_ngcontent-sc38]:-webkit-autofill:hover, .t-native[_ngcontent-sc38]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-sc38]   .t-native[_ngcontent-sc38]{cursor:default}</style><style ng-transition="demo">[_nghost-sc36]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-sc36]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-sc36]     input{cursor:default}.t-hosted[_ngcontent-sc36]{display:block;border-radius:inherit}.t-textfield[_ngcontent-sc36]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-sc36]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-sc36]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-transition="demo">[_nghost-sc32]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-sc32]{transform:rotate(180deg)}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3081702025378150" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3081702025378150" htmlfor="tui_interactive_3081702025378150"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-sc123="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc123="" header="Time" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Time <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc123="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_3371702025378269" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc123="" tuitextfieldcustomcontent="tuiIconClockLarge" class="input-time ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc123="" type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_181702025378281" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3461702025378280" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_181702025378281" htmlfor="tui_181702025378281"> Enter time </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc123="" _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Time format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="HH:MM" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="HH:MM">HH:MM</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [timeSegmentMaxValues] </code><!----></div><!----> Max value for every time segment <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[timeSegmentMaxValues]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{hours: 23, minutes: 59, seconds: 59, milliseconds: 999}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3081702045823976" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3081702045823976" htmlfor="tui_interactive_3081702045823976"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-sc123="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc123="" header="Time" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Time <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted t-overflown"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-sc123="" _nghost-sc58="" class="_sticky ng-star-inserted"><div _ngcontent-sc58="" class="t-bg-toggle"><!----> tuiMode: <tui-tooltip _ngcontent-sc58="" describeid="form" _nghost-sc7="" data-appearance="" class="ng-star-inserted"><span _ngcontent-sc7="" appearance="icon" automation-id="tui-tooltip__icon" tuiwrapper="" class="t-tooltip-icon" data-appearance="icon"><tui-svg _ngcontent-sc7="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconHelpCircle.svg?v=3.57.0#tuiIconHelpCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></tui-tooltip><div _ngcontent-sc58="" role="group" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_rounded tui-group_orientation_horizontal ng-star-inserted"><tui-radio-block _ngcontent-sc58="" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid _active" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock-active"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="primary" class=""><div _ngcontent-sc38="" class="t-mark t-mark_visible"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" checked="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> null </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onDark" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onDark </div></div></label></tui-radio-block><tui-radio-block _ngcontent-sc58="" item="onLight" nativeid="form" size="s" class="tui-group__auto-width-item _hidden_input ng-untouched ng-pristine ng-valid" _nghost-sc39="" data-align="right" data-size="s"><!----><label _ngcontent-sc39="" tuiwrapper="" class="t-wrapper" data-appearance="whiteblock"><tui-radio _ngcontent-sc39="" class="t-view ng-untouched ng-pristine ng-valid" _nghost-sc38="" data-focused="false" data-size="m"><div _ngcontent-sc38="" tuiwrapper="" data-appearance="outline" class=""><div _ngcontent-sc38="" class="t-mark"></div><input _ngcontent-sc38="" type="radio" class="t-native" id="form" name="" tabindex="0"></div></tui-radio><div _ngcontent-sc39="" class="t-label"><div _ngcontent-sc39="" class="t-content"> onLight </div></div></label></tui-radio-block></div><!----><!----><tui-checkbox-labeled _ngcontent-sc58="" size="m" class="t-checkbox ng-untouched ng-pristine ng-valid" _nghost-sc42="" data-size="m"><label _ngcontent-sc42="" class="t-wrapper"><tui-checkbox _ngcontent-sc42="" _nghost-sc41="" class="ng-untouched ng-pristine ng-valid" data-size="m"><tui-primitive-checkbox _ngcontent-sc41="" _nghost-sc40="" data-size="m"><div _ngcontent-sc40="" tuiwrapper="" data-appearance="primary" class=""><tui-svg _ngcontent-sc40="" class="t-mark t-mark_on ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCheck.svg?v=3.57.0#tuiIconCheck"></use></svg><!----><!----><!----><!----></tui-svg><!----><input _ngcontent-sc41="" automation-id="tui-checkbox__native" type="checkbox" class="t-native" id="tui_interactive_3371702045824056" checked="" tabindex="0"></div></tui-primitive-checkbox></tui-checkbox><div _ngcontent-sc42="" class="t-content"> Background </div></label></tui-checkbox-labeled></div><div _ngcontent-sc58="" tuiresizeable="" class="t-wrapper"><div _ngcontent-sc58="" id="demo-content" class="t-content"><div _ngcontent-sc58=""><form _ngcontent-sc58="" novalidate="" class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-sc58="" class="t-input-wrapper"><tui-input _ngcontent-sc123="" tuitextfieldcustomcontent="tuiIconClockLarge" class="input-time ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc123="" type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_181702045824067" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3461702045824066" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_181702045824067" htmlfor="tui_181702045824067"> Enter time </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></div><button _ngcontent-sc58="" automation-id="tui-demo-button__toggle-details" size="s" tuibutton="" type="button" class="t-button" _nghost-sc3="" tabindex="0" data-size="s" data-appearance="primary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="primary"><span _ngcontent-sc3="" class="t-content"><!----> Form value <span _ngcontent-sc3="" class="t-right ng-star-inserted"><tui-svg _ngcontent-sc58="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----></span><!----></div></button><!----><tui-expand _ngcontent-sc58="" class="t-expand ng-tns-c8-11 ng-star-inserted" _nghost-sc8="" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-11 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-sc58="" class="t-resizer" style="touch-action:none;cursor:ew-resize;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-sc123="" _nghost-sc59="" class="ng-tns-c59-10 ng-star-inserted"><!----><!----><!----><table _ngcontent-sc59="" class="t-table ng-tns-c59-10 ng-star-inserted"><tbody><tr _ngcontent-sc59="" class="t-row t-row_header ng-tns-c59-10"><th _ngcontent-sc59="" class="t-th t-cell t-cell_prop ng-tns-c59-10">Name and description</th><th _ngcontent-sc59="" class="t-th ng-tns-c59-10">Type</th><th _ngcontent-sc59="" class="t-th t-cell t-th_value ng-tns-c59-10 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [mode] </code><!----></div><!----> Time format mode <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeMode <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly="" aria-invalid="false" value="HH:MM" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="HH:MM">HH:MM</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-sc59="" class="t-row ng-tns-c59-10 ng-star-inserted"><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><div _ngcontent-sc59="" automation-id="tui-documentation__property-name" class="t-property ng-tns-c59-10"><code _ngcontent-sc59="" class="ng-tns-c59-10" style="color:var(--tui-accent-active);"> [timeSegmentMaxValues] </code><!----></div><!----> Max value for every time segment <!----></td><td _ngcontent-sc59="" class="t-cell ng-tns-c59-10"><span _ngcontent-sc59="" class="type ng-tns-c59-10"><code _ngcontent-sc59="" class="t-code-type ng-tns-c59-10"> MaskitoTimeSegments&lt;number&gt; <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-sc59="" class="t-cell t-cell_value ng-tns-c59-10 ng-star-inserted"><tui-select _ngcontent-sc59="" tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-sc36="" class="ng-tns-c59-10 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-hosted-dropdown _ngcontent-sc36="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc36="" automation-id="tui-select__textfield" class="t-textfield _label-outside _hidden" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:0rem;--border-end:1.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><!----><!----><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="[timeSegmentMaxValues]" readonly="" aria-invalid="false" value="[object Object]" tabindex="0"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-sc36="" automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-sc59="" class="ng-tns-c59-10 ng-star-inserted">{hours: 23, minutes: 59, seconds: 59, milliseconds: 999}</code><!----></div><!----></div><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="[object Object]">[object Object]</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><div _ngcontent-sc18="" class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-sc36="" appearance="icon" tuiwrapper="" class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-sc32="" class="ng-star-inserted"><tui-svg _ngcontent-sc32="" _nghost-sc1="" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----><!----></div><!----></tui-hosted-dropdown></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></tbody></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/time/index.html b/kit/time/index.html
index 4ab81127f..ef875540b 100644
--- a/kit/time/index.html
+++ b/kit/time/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.input-time[_ngcontent-sc97]{max-width:25rem}.input-time[_ngcontent-sc97]:not(:last-child){margin-bottom:1rem}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1291702025369947" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1291702025369947" htmlfor="tui_interactive_1291702025369947"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-sc97="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc97="" header="Time" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Time <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code _ngcontent-sc97="" class="ng-star-inserted">maskitoTimeOptionsGenerator</code> to create a mask for time input. <tui-doc-example _ngcontent-sc97="" id="mode" heading="Mode" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Mode" class="ng-star-inserted">Mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc97="" class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Use <code _ngcontent-sc97="">mode</code> property to set time format. </p><p _ngcontent-sc97="" class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-sc97="">Available options</strong> : <code _ngcontent-sc97="">HH:MM</code> , <code _ngcontent-sc97="">HH:MM:SS</code> or <code _ngcontent-sc97="">HH:MM:SS.MSS</code> . </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-1 _ngcontent-sc97=""><tui-input tuitextfieldcustomcontent="tuiIconClockLarge" tuitextfieldfiller="hh:mm:ss" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="23:59:59" id="tui_31702025369977" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1391702025369973" aria-invalid="false" value="23:59:59" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_31702025369977" htmlfor="tui_31702025369977"> HH:MM:SS </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="23:59:59">23:59:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></time-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1291702045815757" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1291702045815757" htmlfor="tui_interactive_1291702045815757"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style=""><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/number"><!----><span _ngcontent-sc4="" class="t-content"> Number <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/kit/time"><!----><span _ngcontent-sc4="" class="t-content"> Time <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date"><!----><span _ngcontent-sc4="" class="t-content"> Date <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-range"><!----><span _ngcontent-sc4="" class="t-content"> DateRange <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/kit/date-time"><!----><span _ngcontent-sc4="" class="t-content"> DateTime <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-sc97="" class="ng-star-inserted"><tui-doc-page _ngcontent-sc97="" header="Time" package="KIT" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Time <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(262,62%,82%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="KIT">KIT</span><!----><!----></div><!----></tui-tag><!----></h1><tui-tabs-with-more _ngcontent-sc67="" class="t-tabs _underline ng-star-inserted" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><!----><span _ngcontent-sc46="" class="t-highlight"> Description and examples </span></a><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><a _ngcontent-sc67="" type="button" routerlinkactive="" tuitab="" _nghost-sc46="" href="/kit/time/API" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> API </span></a><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><a appearance="icon" size="s" target="_blank" tuiiconbutton="" type="button" _nghost-sc3="" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" title="Source code" class="ng-star-inserted" tabindex="0" data-size="s" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCode.svg?v=3.57.0#tuiIconCode"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></a><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><!----><!----><!----> Use <code _ngcontent-sc97="" class="ng-star-inserted">maskitoTimeOptionsGenerator</code> to create a mask for time input. <tui-doc-example _ngcontent-sc97="" id="mode" heading="Mode" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Mode" class="ng-star-inserted">Mode</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc97="" class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Use <code _ngcontent-sc97="">mode</code> property to set time format. </p><p _ngcontent-sc97="" class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-sc97="">Available options</strong> : <code _ngcontent-sc97="">HH:MM</code> , <code _ngcontent-sc97="">HH:MM:SS</code> or <code _ngcontent-sc97="">HH:MM:SS.MSS</code> . </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-1 _ngcontent-sc97=""><tui-input tuitextfieldcustomcontent="tuiIconClockLarge" tuitextfieldfiller="hh:mm:ss" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="23:59:59" id="tui_31702045815784" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1391702045815780" aria-invalid="false" value="23:59:59" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_31702045815784" htmlfor="tui_31702045815784"> HH:MM:SS </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="23:59:59">23:59:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></time-mask-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc97="" id="twelve-hours" heading="12-hours format" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="12-hours format" class="ng-star-inserted">12-hours format</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc97="" class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-sc97="">timeSegmentMaxValues</code> allows you to set max value for every time segment. </p><p _ngcontent-sc97="" class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-sc97="">Time segments</strong> are units of the time which form time string. For example, <code _ngcontent-sc97="">HH:MM</code> consists of two time segments: hours and minutes. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-2 _ngcontent-sc97=""><tui-input tuitextfieldcustomcontent="tuiIconClockLarge" tuitextfieldfiller="hh:mm" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="11:59" id="tui_41702025369979" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1411702025369974" aria-invalid="false" value="11:59" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="11:59">11:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></time-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-sc97="" id="twelve-hours" heading="12-hours format" _nghost-sc60="" class="_fullsize ng-star-inserted"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="12-hours format" class="ng-star-inserted">12-hours format</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p _ngcontent-sc97="" class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-sc97="">timeSegmentMaxValues</code> allows you to set max value for every time segment. </p><p _ngcontent-sc97="" class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-sc97="">Time segments</strong> are units of the time which form time string. For example, <code _ngcontent-sc97="">HH:MM</code> consists of two time segments: hours and minutes. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-2 _ngcontent-sc97=""><tui-input tuitextfieldcustomcontent="tuiIconClockLarge" tuitextfieldfiller="hh:mm" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="text" tuitextfield="" _nghost-sc19="" tabindex="0" value="11:59" id="tui_41702045815786" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1411702045815782" aria-invalid="false" value="11:59" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="11:59">11:59</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconClockLarge.svg?v=3.57.0#tuiIconClockLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></time-mask-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/main.94bffbfe16084479.js b/main.94bffbfe16084479.js
new file mode 100644
index 000000000..a2de6e288
--- /dev/null
+++ b/main.94bffbfe16084479.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[179,6429],{2579:(Ve,ae,s)=>{"use strict";s.d(ae,{Ct:()=>Q,H3:()=>le,L1:()=>S,UA:()=>Z,m9:()=>w,s5:()=>ue,ux:()=>z,yZ:()=>we});var e=s(4537),o=s(882),p=s(2759),_=s(4121),g=s(9761),f=s(8002),m=s(7519),C=s(7349),O=s(8692);const w=new e.OlP("An abstraction over global window object",{factory:()=>{const{defaultView:Ee}=(0,e.f3M)(O.K0);if(!Ee)throw new Error("Window is not available");return Ee}}),S=new e.OlP("Shared Observable based on `window.requestAnimationFrame`",{factory:()=>{const{requestAnimationFrame:Ee,cancelAnimationFrame:$e}=(0,e.f3M)(w);return new o.y(G=>{let he=NaN;const ye=te=>{G.next(te),he=Ee(ye)};return he=Ee(ye),()=>{$e(he)}}).pipe((0,_.B)())}}),z=(new e.OlP("An abstraction over window.caches object",{factory:()=>(0,e.f3M)(w).caches}),new e.OlP("An abstraction over window.crypto object",{factory:()=>(0,e.f3M)(w).crypto}),new e.OlP("An abstraction over window.CSS object",{factory:()=>(0,e.f3M)(w).CSS||{escape:Ee=>Ee,supports:()=>!1}})),Z=new e.OlP("An abstraction over window.history object",{factory:()=>(0,e.f3M)(w).history}),le=new e.OlP("An abstraction over window.localStorage object",{factory:()=>(0,e.f3M)(w).localStorage}),Q=new e.OlP("An abstraction over window.location object",{factory:()=>(0,e.f3M)(w).location}),ue=new e.OlP("An abstraction over window.navigator object",{factory:()=>(0,e.f3M)(w).navigator}),we=(new e.OlP("An abstraction over window.navigator.mediaDevices object",{factory:()=>(0,e.f3M)(ue).mediaDevices}),new e.OlP("An abstraction over window.navigator.connection object",{factory:()=>(0,e.f3M)(ue).connection||null}),new e.OlP("Shared Observable based on `document visibility changed`",{factory:()=>{const Ee=(0,e.f3M)(O.K0);return(0,p.R)(Ee,"visibilitychange").pipe((0,g.O)(0),(0,f.U)(()=>"hidden"!==Ee.visibilityState),(0,m.x)(),(0,C.d)({refCount:!1,bufferSize:1}))}}),new e.OlP("An abstraction over window.performance object",{factory:()=>(0,e.f3M)(w).performance}),new e.OlP("An abstraction over window.screen object",{factory:()=>(0,e.f3M)(w).screen}),new e.OlP("An abstraction over window.sessionStorage object",{factory:()=>(0,e.f3M)(w).sessionStorage}),new e.OlP("An abstraction over SpeechRecognition class",{factory:()=>{const Ee=(0,e.f3M)(w);return Ee.speechRecognition||Ee.webkitSpeechRecognition||null}}),new e.OlP("An abstraction over window.speechSynthesis object",{factory:()=>(0,e.f3M)(w).speechSynthesis}),new e.OlP("An abstraction over window.navigator.userAgent object",{factory:()=>(0,e.f3M)(ue).userAgent}))},9658:(Ve,ae,s)=>{"use strict";s.d(ae,{c0:()=>kd,JF:()=>Rd,FU:()=>Af,mG:()=>kl,zb:()=>Nd,Lx:()=>Ul,B7:()=>Fl,f2:()=>zl,u4:()=>Pf,$5:()=>Zl,qn:()=>Kl,qo:()=>Ca,Lq:()=>zd,nj:()=>ya,hs:()=>Ld});var e=s(4537),o=s(4548),p=s(4427),_=s(6215),g=s(9765),f=s(8653),m=s(6682),C=s(3190),O=s(8002),w=s(9761),S=s(6782),y=s(5435),U=s(9773),z=s(5257),Z=s(7519),le=s(4121),Q=s(2628),ue=s(2847),de=s(1515),X=s(4789),B=s(3770),K=s(719),ne=s(8692);const We=["wrapper"];function Le(l,T){if(1&l&&(e.TgZ(0,"tui-loader",4),e.GkF(1,5),e.qZA()),2&l){const a=e.oxw(2);e.Q6J("overlay",!0)("showLoader",a.loading),e.xp6(1),e.Q6J("ngTemplateOutlet",a.content)}}function Je(l,T){if(1&l&&(e.ynx(0),e.Hsn(1),e.YNc(2,Le,2,3,"tui-loader",3),e.BQk()),2&l){const a=e.oxw();e.xp6(2),e.Q6J("ngIf",a.async)("ngIfElse",a.content)}}const we=["*"];let Ee=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiExpandContent",""]]}),l})();let G=(()=>{class l{constructor(a){this.cdr=a,this.state=0,this.async=!1,this.content=null,this.expanded=null}set expandedSetter(a){if(null!==this.expanded)return 0!==this.state?(this.expanded=a,void(this.state=3)):(this.expanded=a,void this.retrigger(this.async&&a?1:3));this.expanded=a}get overflow(){return 0!==this.state}get loading(){return!!this.expanded&&this.async&&1===this.state}get height(){const{expanded:a,state:d,contentWrapper:H}=this;return a&&2===d||!a&&3===d?0:H&&(!a&&2===d||a&&3===d)?H.nativeElement.offsetHeight:H&&a&&1===d?Math.max(H.nativeElement.offsetHeight,48):null}get contentVisible(){return this.expanded||0!==this.state}onTransitionEnd({propertyName:a}){"opacity"===a&&3===this.state&&(this.state=0)}onExpandLoaded(a){a.stopPropagation(),1===this.state&&this.retrigger(3)}retrigger(a){this.state=2,setTimeout(()=>{2===this.state&&(this.state=a,this.cdr.markForCheck())})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-expand"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Ee,5,e.Rgc),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.content=Ce.first)}},viewQuery:function(a,d){if(1&a&&e.Gf(We,5),2&a){let H;e.iGM(H=e.CRH())&&(d.contentWrapper=H.first)}},hostVars:9,hostBindings:function(a,d){1&a&&e.NdJ("transitionend.self",function(Ce){return d.onTransitionEnd(Ce)})("tui-expand-loaded",function(Ce){return d.onExpandLoaded(Ce)}),2&a&&(e.uIk("aria-expanded",d.expanded),e.Udp("height",d.height,"px"),e.ekj("_expanded",d.expanded)("_overflow",d.overflow)("_loading",d.loading))},inputs:{async:"async",expandedSetter:["expanded","expandedSetter"]},ngContentSelectors:we,decls:3,vars:3,consts:[[1,"t-wrapper"],["wrapper",""],[4,"ngIf"],["size","l",3,"overlay","showLoader",4,"ngIf","ngIfElse"],["size","l",3,"overlay","showLoader"],[3,"ngTemplateOutlet"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"div",0,1),e.YNc(2,Je,3,2,"ng-container",2),e.qZA()),2&a&&(e.Q6J("@tuiParentAnimation",void 0)("@.disabled",d.overflow),e.xp6(2),e.Q6J("ngIf",d.contentVisible))},dependencies:[K.kM,ne.O5,ne.tP],styles:['[_nghost-%COMP%]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-%COMP%]{overflow:hidden}._expanded[_nghost-%COMP%]{opacity:1;transform:translate(0)}._loading[_nghost-%COMP%]{opacity:.99}.t-wrapper[_ngcontent-%COMP%]:before, .t-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}'],data:{animation:[B.Kx]},changeDetection:0}),l})(),he=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,K.dS]]}),l})();var ye=s(5452),te=s(6409),Re=s(442),q=s(5111),ce=s(5974),be=s(5640),N=s(885),_e=s(8952),ze=s(134),Ct=s(6480);let Et=(()=>{class l extends Ct.GM{}return l.\u0275fac=function(){let T;return function(d){return(T||(T=e.n5z(l)))(d||l)}}(),l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-theme-night"]],features:[e.qOj],decls:0,vars:0,template:function(a,d){},styles:[":root{--tui-base-01: #222;--tui-base-02: #333;--tui-base-03: #808080;--tui-base-04: #959595;--tui-base-05: #b0b0b0;--tui-base-06: #d7d7d7;--tui-base-07: #ededed;--tui-base-08: #f6f6f6;--tui-base-09: #fff;--tui-focus: rgba(51, 51, 51, .64);--tui-secondary: rgba(255, 255, 255, .16);--tui-secondary-hover: rgba(255, 255, 255, .24);--tui-secondary-active: rgba(255, 255, 255, .4);--tui-clear: rgba(255, 255, 255, .16);--tui-clear-disabled: rgba(255, 255, 255, .08);--tui-clear-hover: rgba(255, 255, 255, .24);--tui-clear-active: rgba(255, 255, 255, .4);--tui-error-fill: #ff8c67;--tui-error-bg: rgba(244, 87, 37, .32);--tui-error-bg-hover: rgba(244, 87, 37, .4);--tui-success-fill: #4ac99b;--tui-success-bg: rgba(74, 201, 155, .32);--tui-success-bg-hover: rgba(74, 201, 155, .4);--tui-warning-fill: #ffc700;--tui-warning-bg: rgba(255, 199, 0, .32);--tui-warning-bg-hover: rgba(255, 199, 0, .4);--tui-info-fill: #70b6f6;--tui-info-bg: rgba(112, 182, 246, .32);--tui-info-bg-hover: rgba(112, 182, 246, .4);--tui-neutral-fill: #959ba4;--tui-neutral-bg: rgba(149, 155, 164, .32);--tui-neutral-bg-hover: rgba(149, 155, 164, .48);--tui-text-01: #ffffff;--tui-text-02: rgba(255, 255, 255, .72);--tui-text-03: rgba(255, 255, 255, .6);--tui-link: #6788ff;--tui-link-hover: #526ed3;--tui-positive: #44c596;--tui-positive-hover: #3aa981;--tui-negative: #ff8c67;--tui-negative-hover: #bb593a;--tui-autofill: var(--tui-autofill-night);--tui-elevation-01: #222;--tui-elevation-02: #222;--tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);--tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);--tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);--tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);--tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);--tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);--tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)}tui-notification{--tui-base-01: #000}\n"],encapsulation:2,changeDetection:0}),l})(),Gt=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var St=s(1359),qt=s(5122),Ot=s(4091),Ht=s(5998),Pt=s(2579),Tt=s(7881),xt=s(8033),Wt=s(1927),sn=s(5917),_n=s(9112),Jt=s(4493),vt=s(7179);let ut=(()=>{class l{constructor(a,d,H){this.doc=a,this.el=d,this.renderer=H,this.activeElement=(0,vt.ie)(this.doc),Promise.resolve().then(()=>this.el.nativeElement.focus())}onBlur(){this.renderer.removeAttribute(this.el.nativeElement,"tabIndex")}onFocusIn(a){const{nativeElement:d}=this.el;if((0,Jt.PP)(d,a))return;const H=(0,vt.BW)({initial:d,root:d});H&&H.focus()}ngOnDestroy(){(0,vt.hp)(this.doc),Promise.resolve().then(()=>{(0,Jt.dW)(this.activeElement)&&this.activeElement.focus()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ne.K0),e.Y36(e.SBq),e.Y36(e.Qsj))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiFocusTrap",""]],hostAttrs:["tabIndex","0"],hostBindings:function(a,d){1&a&&e.NdJ("blur",function(){return d.onBlur()})("focusin.silent",function(Ce){return d.onFocusIn(Ce.target)},!1,e.Jf7)}}),l})(),Te=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Pe=s(1486),et=s(2668),Ge=s(9570);function ke(l,T){1&l&&e.GkF(0)}function Ke(l,T){1&l&&e._UZ(0,"tui-scroll-controls",5)}function Fe(l,T){if(1&l&&(e.TgZ(0,"section",2),e.YNc(1,ke,1,0,"ng-container",3),e.YNc(2,Ke,1,0,"tui-scroll-controls",4),e.qZA()),2&l){const a=T.$implicit,d=e.oxw();e.Q6J("@host",void 0),e.uIk("aria-labelledby",a.id),e.xp6(1),e.Q6J("polymorpheusOutlet",a.component)("polymorpheusOutletContext",a),e.xp6(1),e.Q6J("ngIf",!d.isMobile)}}function ht(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",6),e.NdJ("transitionend",function(H){const Nt=e.CHM(a).tuiLet,Mn=e.oxw();return e.KtG(Mn.onDialog(H,!!Mn.dialogs.length,!!Nt))})("popstate",function(){const Ce=e.CHM(a).tuiLet,Nt=e.oxw();return e.KtG(Nt.closeLast(Nt.dialogs,!!Ce))},!1,e.Jf7),e.qZA()}if(2&l){const a=e.oxw();e.ekj("t-overlay_visible",a.dialogs.length)}}const Vt={label:"ignoreMe"},Ye=(0,Wt.JN)((0,sn.of)(!1));let wt=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.isMobile=a,this.isDialogClosesOnBack$=d,this.dialogsByType=H,this.historyRef=Ce,this.titleService=Nt,this.destroy$=Mn,this.cdr=Nn,this.doc=Yn,this.dialogs=[]}ngOnInit(){(0,_n.aj)(this.dialogsByType).pipe((0,O.U)(a=>[].concat(...a).sort((d,H)=>d.createdAt-H.createdAt)),(0,S.R)(this.destroy$)).subscribe(a=>{this.dialogs=a,this.cdr.markForCheck(),this.doc.documentElement.classList.toggle("t-overscroll-none",!!a.length)})}closeLast(a,d){if(!d)return;const[H]=a.slice(-1);H&&(a.length>1&&this.historyRef.pushState(Vt,this.titleService.getTitle()),H.$implicit.complete())}onDialog({propertyName:a},d,H){!H||"letter-spacing"!==a||(d?this.historyRef.pushState(Vt,this.titleService.getTitle()):(l=>(null==l?void 0:l.label)===Vt.label)(this.historyRef.state)&&this.historyRef.back())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.fL),e.Y36(Ye),e.Y36(xt.qY),e.Y36(Pt.UA),e.Y36(Ht.Dx),e.Y36(Tt.a3,2),e.Y36(e.sBO),e.Y36(ne.K0))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-dialog-host"]],features:[e._Bn([Tt.a3])],decls:3,vars:4,consts:[["aria-modal","true","role","dialog","tuiFocusTrap","","tuiOverscroll","all","tuiScrollRef","","class","t-dialog",4,"ngFor","ngForOf"],["class","t-overlay",3,"t-overlay_visible","transitionend","popstate",4,"tuiLet"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiOverscroll","all","tuiScrollRef","",1,"t-dialog"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["class","t-scrollbars",4,"ngIf"],[1,"t-scrollbars"],[1,"t-overlay",3,"transitionend","popstate"]],template:function(a,d){1&a&&(e.YNc(0,Fe,3,5,"section",0),e.YNc(1,ht,1,2,"div",1),e.ALo(2,"async")),2&a&&(e.Q6J("ngForOf",d.dialogs),e.xp6(1),e.Q6J("tuiLet",e.lcZ(2,2,d.isDialogClosesOnBack$)))},dependencies:[St.tZ,ne.sg,ut,Pe.W,St.ex,Ge.Li,ne.O5,et.Ls,ne.Ov],styles:["[_nghost-%COMP%]{position:fixed;left:0;bottom:0;width:100%;height:0}.t-overlay[_ngcontent-%COMP%], .t-dialog[_ngcontent-%COMP%]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;outline:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.t-overlay.ng-animating[_ngcontent-%COMP%], .t-dialog.ng-animating[_ngcontent-%COMP%]{overflow:clip}.t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar, .t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-dialog[_ngcontent-%COMP%]{bottom:auto;height:100%}.t-overlay[_ngcontent-%COMP%]{height:100%;pointer-events:none;touch-action:none;opacity:0;letter-spacing:normal;transition:opacity var(--tui-duration, .3s),letter-spacing .01s;background:rgba(0,0,0,.75);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none)}.t-overlay_visible[_ngcontent-%COMP%]{opacity:1;letter-spacing:1px}.t-dialog[_ngcontent-%COMP%]:last-of-type{z-index:1}.t-scrollbars[_ngcontent-%COMP%]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;color:#747474}"],data:{animation:[(0,Ot.X$)("host",[(0,Ot.eR)(":enter",[(0,Ot.oB)({overflow:"clip"}),(0,Ot.IO)(":scope > *",[(0,Ot.pV)()],{optional:!0})]),(0,Ot.eR)(":leave",[(0,Ot.oB)({overflow:"clip"}),(0,Ot.IO)(":scope > *",[(0,Ot.pV)()],{optional:!0})])])]}}),l})(),Mt=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Pe.e,Te,et.WD,St.eI]]}),l})(),kt=(()=>{class l{transform(a,d,...H){return d(a,...H)}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiMapper",type:l,pure:!0}),l})(),cn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();function Yt(l,T){if(1&l&&(e.GkF(0,3),e.ALo(1,"tuiMapper")),2&l){const a=T.$implicit,d=e.oxw(2);e.Q6J("ngComponentOutlet",a.component.component)("ngComponentOutletInjector",e.xi3(1,2,a,d.mapper))}}function Qe(l,T){if(1&l&&(e.TgZ(0,"div",1),e.YNc(1,Yt,2,5,"ng-container",2),e.qZA()),2&l){const a=T.$implicit;e.Q6J("@tuiParentAnimation",void 0),e.xp6(1),e.Q6J("ngForOf",a)}}let lt=(()=>{class l{constructor(a,d,H,Ce){this.allAlerts=a,this.injector=d,this.destroy$=H,this.cdr=Ce,this.alerts=[],this.trackBy=Nt=>Nt,this.mapper=Nt=>e.zs3.create({providers:[{provide:Ge.yf,useValue:Nt}],parent:this.injector})}ngOnInit(){(0,_n.aj)(this.allAlerts).pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.alerts=a,this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.bS),e.Y36(e.gxx),e.Y36(Tt.a3,2),e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-alert-host"]],features:[e._Bn([Tt.a3])],decls:1,vars:2,consts:[["class","t-wrapper",4,"ngFor","ngForOf","ngForTrackBy"],[1,"t-wrapper"],[3,"ngComponentOutlet","ngComponentOutletInjector",4,"ngFor","ngForOf"],[3,"ngComponentOutlet","ngComponentOutletInjector"]],template:function(a,d){1&a&&e.YNc(0,Qe,2,2,"div",0),2&a&&e.Q6J("ngForOf",d.alerts)("ngForTrackBy",d.trackBy)},dependencies:[ne.sg,ne.$G,kt],styles:["tui-alert-host>.t-wrapper{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;pointer-events:none}tui-alert-host>.t-wrapper>*{pointer-events:auto}\n"],encapsulation:2,data:{animation:[B.Kx]}}),l})(),ot=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,cn]]}),l})();var st=s(7941),it=s(6060),W=s(4395);function $(l,T){1&l&&(e.O4$(),e._UZ(0,"defs",4)),2&l&&e.Q6J("innerHTML",T.$implicit,e.oJD)}function Ne(l,T){if(1&l&&(e.O4$(),e.ynx(0),e.YNc(1,$,1,1,"defs",3),e.BQk()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("ngForOf",a.items)}}function De(l,T){if(1&l&&(e.O4$(),e.TgZ(0,"defs"),e._UZ(1,"svg",6),e.qZA()),2&l){const a=T.$implicit;e.xp6(1),e.Q6J("outerHTML",a,e.oJD)}}function pt(l,T){if(1&l&&(e.O4$(),e.YNc(0,De,2,1,"defs",5)),2&l){const a=e.oxw();e.Q6J("ngForOf",a.items)}}let ct=(()=>{class l{constructor(a,d,H,Ce){this.svgService=a,this.cdr=d,this.destroy$=H,this.isBrowser=!0,this.isBrowser=!(0,ne.PM)(Ce)}ngOnInit(){this.svgService.items$.pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.items=a.values(),this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(st.K5),e.Y36(e.sBO),e.Y36(Tt.a3,2),e.Y36(e.Lbi))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-svg-defs-host"]],features:[e._Bn([Tt.a3])],decls:4,vars:2,consts:[["version","1.1",0,"xmlns","xlink","http://www.w3.org/1999/xlink","xmlns","http://www.w3.org/2000/svg"],[4,"ngIf","ngIfElse"],["server",""],[3,"innerHTML",4,"ngFor","ngForOf"],[3,"innerHTML"],[4,"ngFor","ngForOf"],[3,"outerHTML"]],template:function(a,d){if(1&a&&(e.O4$(),e.TgZ(0,"svg",0),e.YNc(1,Ne,2,1,"ng-container",1),e.YNc(2,pt,1,1,"ng-template",null,2,e.W1O),e.qZA()),2&a){const H=e.MAs(3);e.xp6(1),e.Q6J("ngIf",d.isBrowser)("ngIfElse",H)}},dependencies:[ne.O5,ne.sg],styles:["[_nghost-%COMP%]{display:none}"],changeDetection:0}),l})(),_t=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,et.WD]]}),l})();var At=s(221);function Se(l,T){1&l&&e.GkF(0)}const Be=function(l){return{$implicit:l}};function se(l,T){if(1&l&&(e.TgZ(0,"div",1),e.YNc(1,Se,1,0,"ng-container",2),e.qZA()),2&l){const a=T.$implicit;e.Q6J("@tuiParentAnimation",void 0)("tuiActiveZoneParent",a.activeZone||null),e.xp6(1),e.Q6J("polymorpheusOutlet",a.component)("polymorpheusOutletContext",e.VKq(4,Be,a))}}let re=(()=>{class l{constructor(a,d,H){this.hints$=a,this.destroy$=d,this.cdr=H,this.hints=[]}ngOnInit(){this.hints$.pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.hints=a,this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(st.BN),e.Y36(Tt.a3,2),e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-hints-host"]],hostAttrs:["aria-live","polite"],features:[e._Bn([Tt.a3])],decls:1,vars:1,consts:[["role","tooltip",3,"tuiActiveZoneParent",4,"ngFor","ngForOf"],["role","tooltip",3,"tuiActiveZoneParent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(a,d){1&a&&e.YNc(0,se,2,6,"div",0),2&a&&e.Q6J("ngForOf",d.hints)},dependencies:[ne.sg,At.e,Ge.Li],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;width:100%;height:0}"],data:{animation:[B.Kx]}}),l})(),Y=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,At.A]]}),l})();var fe=s(126);function Ue(l,T){1&l&&e._UZ(0,"tui-scroll-controls",2)}const dt=["*",[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverPortals"]],[["tuiOverHints"]]],rt=["*","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverPortals","tuiOverHints"];let at=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,{body:Yn},Bi){this.reducedMotion=a,this.duration=d,this.dialogs=H,this.isMobile=Ce,this.breakpoint=Nt,this.isIOS=Mn,this.isAndroid=Nn,this.isMobileRes$=this.breakpoint.pipe((0,O.U)(Ro=>"mobile"===Ro)),this.scrollbars$=this.dialogs.length&&!this.isMobile?(0,_n.aj)([...this.dialogs]).pipe((0,O.U)(Ro=>!Ro.some(({length:vo})=>vo)),(0,W.b)(0)):(0,sn.of)(!this.isMobile),Yn.setAttribute("data-tui-theme",Bi.toLowerCase())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.TK),e.Y36(it.dx),e.Y36(xt.qY),e.Y36(xt.fL),e.Y36(st.zE),e.Y36(xt.FA),e.Y36(xt.XG),e.Y36(ne.K0),e.Y36(it.r2))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-root"]],hostAttrs:["data-tui-version","3.57.0"],hostVars:9,hostBindings:function(a,d){1&a&&e.NdJ("$.class._mobile",function(){return d.isMobileRes$}),2&a&&(e.Ikx("$.class._mobile",d.isMobileRes$),e.Udp("--tui-duration",d.duration,"ms"),e.ekj("_ios",d.isIOS)("_android",d.isAndroid)("_reduced-motion",d.reducedMotion))},ngContentSelectors:rt,decls:14,vars:3,consts:[["class","t-root-scrollbar",4,"ngIf"],[1,"t-root-content"],[1,"t-root-scrollbar"]],template:function(a,d){1&a&&(e.F$t(dt),e.YNc(0,Ue,1,0,"tui-scroll-controls",0),e.ALo(1,"async"),e._UZ(2,"tui-svg-defs-host"),e.TgZ(3,"tui-dropdown-host")(4,"div",1),e.Hsn(5),e.qZA(),e.Hsn(6,1),e._UZ(7,"tui-dialog-host"),e.Hsn(8,2),e._UZ(9,"tui-alert-host"),e.Hsn(10,3),e.qZA(),e.Hsn(11,4),e._UZ(12,"tui-hints-host"),e.Hsn(13,5)),2&a&&e.Q6J("ngIf",e.lcZ(1,1,d.scrollbars$))},dependencies:[St.tZ,ct,qt.qY,wt,lt,re,ne.O5,ne.Ov],styles:['@keyframes tuiPresent{to{content:"1"}}@keyframes tuiSkeletonVibe{to{opacity:.5}}html,.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}body{font:var(--tui-font-text-s);color:var(--tui-text-01);background:var(--tui-base-01);margin:0}tui-root{position:relative;display:block;flex:1;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;margin:0}.t-root-content{height:100%;isolation:isolate}.t-overscroll-none{overscroll-behavior:none;overflow:hidden}\n'],encapsulation:2}),l})(),He=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,fe.X1,qt.mL,_t,Y,Mt,ot,St.eI]]}),l})();var zt=s(9941),tn=s(2759),ln=s(2361);function Rt(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function en(l,T){if(1&l&&(e.TgZ(0,"label",4),e.YNc(1,Rt,2,1,"ng-container",5),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.item.label)("polymorpheusOutletContext",a.item)}}function Ft(l,T){1&l&&e._UZ(0,"div",6),2&l&&e.Q6J("innerHTML",T.polymorpheusOutlet,e.oJD)}const nn=(0,Wt.N1)(()=>(0,e.f3M)(xt.fL)?"1rem 1rem 0 auto":"2rem 3rem 0 auto");let on=(()=>{class l{constructor(a,d,H,Ce,Nt){this.el=a,this.destroy$=d,this.position=H,this.options=Ce,this.item=Nt,this.autoClose="function"==typeof this.item.autoClose?this.item.autoClose(this.item.status):this.item.autoClose,this.animation=this.position.endsWith("auto")?Object.assign(Object.assign({},this.options),{value:"right"}):Object.assign(Object.assign({},this.options),{value:"left"})}ngOnInit(){this.initAutoClose()}close(){this.item.$implicit.complete()}initAutoClose(){this.autoClose&&(0,f.H)((0,Wt.dt)(this.autoClose)?this.autoClose:3e3).pipe((0,S.R)((0,tn.R)(this.el.nativeElement,"mouseenter")),(0,ln.a)(()=>(0,tn.R)(this.el.nativeElement,"mouseleave")),(0,S.R)(this.destroy$)).subscribe(()=>this.close())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(Tt.a3,2),e.Y36(nn),e.Y36(it.Pw),e.Y36(Ge.yf))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-alert"]],hostAttrs:["role","alert"],hostVars:5,hostBindings:function(a,d){2&a&&(e.d8E("@tuiFadeIn",d.options)("@tuiSlideIn",d.animation)("@tuiHeightCollapse",d.animation),e.Udp("margin",d.position))},features:[e._Bn([Tt.a3])],decls:4,vars:7,consts:[[3,"hasIcon","hideClose","icon","status","close"],["automation-id","tui-notification-alert__heading","class","t-heading",4,"ngIf"],["automation-id","tui-notification-alert__content",1,"t-content"],[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-notification-alert__heading",1,"t-heading"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(a,d){1&a&&(e.TgZ(0,"tui-notification",0),e.NdJ("close",function(){return d.close()}),e.YNc(1,en,2,2,"label",1),e.TgZ(2,"div",2),e.YNc(3,Ft,1,1,"div",3),e.qZA()()),2&a&&(e.Q6J("hasIcon",d.item.hasIcon)("hideClose",!d.item.hasCloseButton)("icon",d.item.icon)("status",d.item.status),e.xp6(1),e.Q6J("ngIf",d.item.label),e.xp6(2),e.Q6J("polymorpheusOutlet",d.item.content)("polymorpheusOutletContext",d.item))},dependencies:[N.L,ne.O5,Ge.Li],styles:["[_nghost-%COMP%]{display:block;box-shadow:var(--tui-shadow-dropdown);border-radius:var(--tui-radius-l);width:18rem}[_nghost-%COMP%]:not(:first-child){margin-top:.75rem!important}[_nghost-%COMP%]:not(:last-child){margin-bottom:0!important}.t-heading[_ngcontent-%COMP%]{margin:0}[data-size=s][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:bold}[data-size=m][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:bold}[data-size=l][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-l);line-height:1.5rem;font-weight:bold}.t-content[_ngcontent-%COMP%]{color:var(--tui-text-01);word-wrap:break-word;word-break:break-word}.t-content[_ngcontent-%COMP%]:empty{display:none}"],data:{animation:[zt.QF,zt.Gw,zt.eu]},changeDetection:0}),l})(),fn=(()=>{class l extends Ct.d5{constructor(a,d){super(d),this.defaultOptions=a,this.component=new Ge.Al(on)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(it.Ln),e.LFG(Tt.ll))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})(),Dn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({providers:[(0,xt.XH)(fn)],imports:[[ne.ez,Ge.wq,N.H]]}),l})();var Cn=s(5600),Qn=s(9796),Hn=s(6693),li=s(5197),pn=s(3960);class ti{call(T,a){return a.subscribe(new ai(T))}}class ai extends li.L{constructor(T){super(T),this.hasFirst=!1,this.observables=[],this.subscriptions=[]}_next(T){this.observables.push(T)}_complete(){const T=this.observables,a=T.length;if(0===a)this.destination.complete();else{for(let d=0;d<a&&!this.hasFirst;d++){const Ce=(0,pn.D)(this,T[d],void 0,d);this.subscriptions&&this.subscriptions.push(Ce),this.add(Ce)}this.observables=null}}notifyNext(T,a,d){if(!this.hasFirst){this.hasFirst=!0;for(let H=0;H<this.subscriptions.length;H++)if(H!==d){let Ce=this.subscriptions[H];Ce.unsubscribe(),this.remove(Ce)}this.subscriptions=null}this.destination.next(a)}}var yi=s(6803),hi=s(7393);class ni{constructor(T){this.predicate=T}call(T,a){return a.subscribe(new ii(T,this.predicate))}}class ii extends hi.L{constructor(T,a){super(T),this.predicate=a,this.skipping=!0,this.index=0}_next(T){const a=this.destination;this.skipping&&this.tryCallPredicate(T),this.skipping||a.next(T)}tryCallPredicate(T){try{const a=this.predicate(T,this.index++);this.skipping=Boolean(a)}catch(a){this.destination.error(a)}}}var Ci=s(5675);let Sn=(()=>{class l{constructor(a,d){this.focusable=a,this.el=d}get element(){var a;return(null===(a=this.focusable)||void 0===a?void 0:a.nativeFocusableElement)||this.el.nativeElement}get isTextFieldElement(){return this.element.matches("input, textarea, [contenteditable]")}}return l.\u0275fac=function(a){e.$Z()},l.\u0275dir=e.lG2({type:l}),l})(),Mi=(()=>{class l extends Sn{constructor(a,d,H){super(a,d),this.animationFrame$=H}setFocus(){this.isTextFieldElement?function wn(...l){if(1===l.length){if(!(0,Qn.k)(l[0]))return l[0];l=l[0]}return(0,Hn.n)(l,void 0).lift(new ti)}((0,f.H)(1e3),this.animationFrame$.pipe((0,yi.p)(B.Yg),(0,O.U)(()=>this.element.closest(".ng-animating")),function _i(l){return T=>T.lift(new ni(l))}(Boolean),(0,z.q)(1))).subscribe(()=>this.element.focus({preventScroll:!0})):this.element.focus({preventScroll:!0})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.KZ,10),e.Y36(e.SBq),e.Y36(Pt.L1))},l.\u0275dir=e.lG2({type:l,features:[e.qOj]}),l})();const ki=["type","inputMode","autocomplete","accept","min","max","step","pattern","size","maxlength"];let Ei=(()=>{class l extends Sn{constructor(a,d,H,Ce,Nt){super(a,d),this.renderer=H,this.zone=Ce,this.win=Nt,this.patchCssStyles()}setFocus(){this.isTextFieldElement?this.zone.runOutsideAngular(()=>this.iosWebkitAutofocus()):this.element.focus({preventScroll:!0})}iosWebkitAutofocus(){var a;const d=this.makeFakeInput(),H=this.getDurationTimeBeforeFocus();let Ce=0,Nt=0;const Mn=()=>d.focus({preventScroll:!0}),Nn=()=>{clearTimeout(Ce),Ce=this.win.setTimeout(()=>{clearTimeout(Nt),d.removeEventListener("blur",Mn),d.removeEventListener("focus",Nn),Nt=this.win.setTimeout(()=>{this.element.focus({preventScroll:!1}),d.remove()},H)})};d.addEventListener("blur",Mn,{once:!0}),d.addEventListener("focus",Nn),this.insideDialog()?this.win.document.body.appendChild(d):null===(a=this.element.parentElement)||void 0===a||a.appendChild(d),d.focus({preventScroll:!0})}makeFakeInput(){const a=this.renderer.createElement("input"),d=this.element.getBoundingClientRect();return this.patchFakeInputFromFocusableElement(a),a.style.height=(0,Ci.O)(d.height),a.style.width=(0,Ci.O)(d.width/2),a.style.position="fixed",a.style.zIndex="-99999999",a.style.caretColor="transparent",a.style.border="none",a.style.outline="none",a.style.color="transparent",a.style.background="transparent",a.style.cursor="none",a.style.fontSize=(0,Ci.O)(16),a.style.top=(0,Ci.O)(d.top),a.style.left=(0,Ci.O)(d.left),a}getDurationTimeBeforeFocus(){return parseFloat(this.win.getComputedStyle(this.element).getPropertyValue("--tui-duration"))||0}insideDialog(){return!!this.element.closest("tui-dialog")}patchCssStyles(){[this.win.document.documentElement,this.win.document.body].forEach(a=>{a.style.setProperty("overflow","auto"),a.style.setProperty("height","100%")})}patchFakeInputFromFocusableElement(a){ki.forEach(d=>{const H=this.element.getAttribute(d);(0,Wt.Pc)(H)&&a.setAttribute(d,H)})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.KZ,10),e.Y36(e.SBq),e.Y36(e.Qsj),e.Y36(e.R0b),e.Y36(Pt.m9))},l.\u0275dir=e.lG2({type:l,features:[e.qOj]}),l})();const zi=(0,Wt.JN)({delay:NaN}),ro=new e.OlP("[TUI_AUTOFOCUS_HANDLER]"),lo=[{provide:ro,useFactory:(l,T,a,d,H,Ce,Nt)=>Nt?new Ei(l,T,d,H,Ce):new Mi(l,T,a),deps:[[new e.FiY,new e.PiD,xt.KZ],e.SBq,Pt.L1,e.Qsj,e.R0b,Pt.m9,xt.FA]},Tt.a3];let ui=(()=>{class l{constructor(a,d,H){this.handler=a,this.options=d,this.destroy$=H,this.autoFocus=!0}ngAfterViewInit(){(function Fn(l){return null!==l&&typeof l<"u"&&"false"!=`${l}`})(this.autoFocus)&&this.focus()}focus(){Number.isNaN(this.options.delay)?Promise.resolve().then(()=>this.handler.setFocus()):(0,f.H)(this.options.delay).pipe((0,S.R)(this.destroy$)).subscribe(()=>this.handler.setFocus())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ro),e.Y36(zi),e.Y36(Tt.a3,2))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiAutoFocus",""]],inputs:{autoFocus:["tuiAutoFocus","autoFocus"]},features:[e._Bn(lo)]}),l})(),fi=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Me=s(2485),ee=s(9193),ge=s(882),nt=s(5639),qe=s(7766);function Dt(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Lt(l,T){if(1&l&&(e.TgZ(0,"header",6),e.YNc(1,Dt,2,1,"ng-container",3),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.header)("polymorpheusOutletContext",a.context)}}function rn(l,T){if(1&l){const a=e.EpF();e.ynx(0),e._UZ(1,"div",7),e.TgZ(2,"div",8)(3,"button",9),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.context.$implicit.complete())}),e._uU(4),e.qZA()(),e.BQk()}if(2&l){const a=T.polymorpheusOutlet,d=e.oxw();let H;e.xp6(1),e.Q6J("innerHTML",a,e.oJD),e.xp6(3),e.hij(" ",(null==(H=d.context.data)?null:H.button)||"OK"," ")}}function On(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",10)(1,"button",11),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.close$.next())})("mousedown.prevent.silent",function(){return 0}),e.ALo(2,"async"),e.qZA()()}if(2&l){const a=e.oxw();e.xp6(1),e.Q6J("appearance",a.fullscreen?"secondary":"")("icon",a.icons.close)("title",e.lcZ(2,3,a.closeWord$))}}const Zt=(0,Wt.JN)(ee.E),tt=(0,Wt.JN)({size:"m",required:!1,closeable:!0,dismissible:!0,label:"",header:""});let jn=(()=>{class l extends ge.y{constructor(a,d,H){super(Ce=>(0,m.T)(this.esc$,this.mousedown$).subscribe(Ce)),this.win=a,this.doc=d,this.el=H,this.esc$=(0,Me.mL)(this.doc,"keydown").pipe((0,y.h)(Ce=>{const Nt=(0,Jt.mA)(Ce);return"Escape"===Ce.key&&!Ce.defaultPrevented&&(this.element.contains(Nt)||this.isOutside(Nt))})),this.mousedown$=(0,Me.mL)(this.doc,"mousedown").pipe((0,y.h)(Ce=>(0,qe.ic)(this.win)-Ce.clientX>17&&this.isOutside((0,Jt.mA)(Ce))),(0,C.w)(()=>(0,Me.mL)(this.doc,"mouseup").pipe((0,z.q)(1),(0,O.U)(Jt.mA),(0,y.h)(Ce=>this.isOutside(Ce)))))}get element(){return this.el.nativeElement}isOutside(a){return(0,Jt.ve)(a)&&(!(0,Jt.PP)(this.element,a)||a===this.element)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Pt.m9),e.LFG(ne.K0),e.LFG(e.SBq))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac}),l})();const Kn=new Error("Required dialog was dismissed");function Di(l){return(0,nt.b)(l)?l:(0,sn.of)(l)}const Fi=new Ge.Al((()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.duration=a,this.isMobile=d,this.context=H,this.closeWord$=Nn,this.icons=Yn,this.animation={value:"",params:{start:"40px",duration:this.duration}},this.fullscreenAnimation={value:"",params:{start:"100vh",duration:this.duration}},this.close$=new g.xQ,(0,m.T)(this.close$.pipe((0,C.w)(()=>Di(H.closeable))),Nt.pipe((0,C.w)(()=>Di(H.dismissible))),Mn.pipe((0,O.U)(B.Ye))).pipe((0,y.h)(Boolean),(0,S.R)(Ce)).subscribe(()=>{this.close()})}get size(){return this.context.size}get header(){return this.context.header}get slideInTop(){return this.fullscreen||this.isMobile?this.fullscreenAnimation:this.animation}get fullscreen(){return!this.isMobile&&("fullscreen"===this.size||"page"===this.size)}close(){this.context.required?this.context.$implicit.error(Kn):this.context.$implicit.complete()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.dx),e.Y36(xt.fL),e.Y36(Ge.yf),e.Y36(Tt.a3,2),e.Y36(jn),e.Y36(Zt),e.Y36(it.U0),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-dialog"]],hostVars:6,hostBindings:function(a,d){2&a&&(e.uIk("data-appearance",d.context.appearance)("data-size",d.size),e.d8E("@tuiSlideInTop",d.slideInTop)("@tuiFadeIn",d.slideInTop),e.ekj("_centered",d.header))},features:[e._Bn([Tt.a3,jn])],decls:7,vars:6,consts:[["class","t-header",4,"ngIf"],[1,"t-content"],[1,"t-heading",3,"id","textContent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-filler"],["class","t-wrapper",4,"ngIf"],[1,"t-header"],[3,"innerHTML"],[1,"t-buttons"],["size","m","tuiAutoFocus","","tuiButton","","type","button",3,"click"],[1,"t-wrapper"],["automation-id","tui-dialog__close","shape","rounded","size","s","tuiIconButton","","type","button",1,"t-close",3,"appearance","icon","title","click","mousedown.prevent.silent"]],template:function(a,d){1&a&&(e.YNc(0,Lt,2,2,"header",0),e.TgZ(1,"div",1),e._UZ(2,"h2",2),e.TgZ(3,"section"),e.YNc(4,rn,5,2,"ng-container",3),e.qZA()(),e._UZ(5,"div",4),e.YNc(6,On,3,5,"div",5)),2&a&&(e.Q6J("ngIf",d.header),e.xp6(2),e.Q6J("id",d.context.id)("textContent",d.context.label),e.xp6(2),e.Q6J("polymorpheusOutlet",d.context.content)("polymorpheusOutletContext",d.context),e.xp6(2),e.Q6J("ngIf",d.context.closeable))},dependencies:[Q.v0,ne.O5,Ge.Li,ui,ne.Ov],styles:['[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-modal)}[data-size=auto][_nghost-%COMP%]{width:auto}[data-size=s][_nghost-%COMP%]{width:30rem}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1.5rem}[data-size=s][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.5rem;font:var(--tui-font-heading-5)}[data-size=m][_nghost-%COMP%]{width:42.5rem}[data-size=m][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.75rem;font:var(--tui-font-heading-4)}[data-size=l][_nghost-%COMP%]{width:55rem}[data-size=l][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:1rem}[data-size=fullscreen][_nghost-%COMP%], [data-size=page][_nghost-%COMP%]{min-width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}[data-size=fullscreen][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], [data-size=page][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:3rem calc(50vw - (45rem / 2))}[data-size=fullscreen][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%], [data-size=page][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:1rem}[data-size=page][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0}._centered[_nghost-%COMP%]{text-align:center}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1.5rem}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading[_ngcontent-%COMP%]{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading[_ngcontent-%COMP%]:empty{display:none}.t-header[_ngcontent-%COMP%]{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}[data-size=fullscreen][_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{flex:1}.t-content[_ngcontent-%COMP%]{border-radius:inherit;padding:2rem;background:var(--tui-elevation-01)}.t-content[_ngcontent-%COMP%]:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;top:0;z-index:1;order:-1}.t-filler[_ngcontent-%COMP%]{flex-grow:1}.t-close[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;display:none;color:var(--tui-base-01)}.t-dialog:last-of-type[_nghost-%COMP%]   .t-close[_ngcontent-%COMP%], .t-dialog:last-of-type   [_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%]:not([data-size="fullscreen"]):not([data-size="page"])   .t-close[_ngcontent-%COMP%]{animation:tuiFadeIn var(--tui-duration);background:rgba(104,104,104,.96)}[_nghost-%COMP%]:not([data-size="fullscreen"]):not([data-size="page"])   .t-close[_ngcontent-%COMP%]:hover{background:rgba(159,159,159,.86)}[_nghost-%COMP%]:not([data-size="fullscreen"]).ng-animating   .t-close[_ngcontent-%COMP%]{display:none}tui-root._mobile[_nghost-%COMP%]   .t-close[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;background:transparent!important;color:var(--tui-text-01);opacity:.5}.t-buttons[_ngcontent-%COMP%]{margin-top:1.25rem;text-align:right}'],data:{animation:[zt.X9,zt.QF]}}),l})());let ji=(()=>{class l extends Ct.d5{constructor(){super(...arguments),this.component=Fi,this.defaultOptions=Object.assign(Object.assign({},(0,e.f3M)(tt)),{data:void 0})}}return l.\u0275fac=function(){let T;return function(d){return(T||(T=e.n5z(l)))(d||l)}}(),l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})(),er=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({providers:[(0,xt.Q)(ji)],imports:[[Ge.wq,Q.fN,ne.ez,fi]]}),l})();var so=s(1909);class tr{constructor(T,a){this._document=a;const d=this._textarea=this._document.createElement("textarea"),H=d.style;H.position="fixed",H.top=H.opacity="0",H.left="-999em",d.setAttribute("aria-hidden","true"),d.value=T,d.readOnly=!0,this._document.body.appendChild(d)}copy(){const T=this._textarea;let a=!1;try{if(T){const d=this._document.activeElement;T.select(),T.setSelectionRange(0,T.value.length),a=this._document.execCommand("copy"),d&&d.focus()}}catch{}return a}destroy(){const T=this._textarea;T&&(T.remove(),this._textarea=void 0)}}let ur=(()=>{class l{constructor(a){this._document=a}copy(a){const d=this.beginCopy(a),H=d.copy();return d.destroy(),H}beginCopy(a){return new tr(a,this._document)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(ne.K0))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();const lr=new e.OlP("CDK_COPY_TO_CLIPBOARD_CONFIG");let _r=(()=>{class l{constructor(a,d,H){this._clipboard=a,this._ngZone=d,this.text="",this.attempts=1,this.copied=new e.vpe,this._pending=new Set,H&&null!=H.attempts&&(this.attempts=H.attempts)}copy(a=this.attempts){if(a>1){let d=a;const H=this._clipboard.beginCopy(this.text);this._pending.add(H);const Ce=()=>{const Nt=H.copy();Nt||!--d||this._destroyed?(this._currentTimeout=null,this._pending.delete(H),H.destroy(),this.copied.emit(Nt)):this._currentTimeout=this._ngZone.runOutsideAngular(()=>setTimeout(Ce,1))};Ce()}else this.copied.emit(this._clipboard.copy(this.text))}ngOnDestroy(){this._currentTimeout&&clearTimeout(this._currentTimeout),this._pending.forEach(a=>a.destroy()),this._pending.clear(),this._destroyed=!0}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ur),e.Y36(e.R0b),e.Y36(lr,8))},l.\u0275dir=e.lG2({type:l,selectors:[["","cdkCopyToClipboard",""]],hostBindings:function(a,d){1&a&&e.NdJ("click",function(){return d.copy()})},inputs:{text:["cdkCopyToClipboard","text"],attempts:["cdkCopyToClipboardAttempts","attempts"]},outputs:{copied:"cdkCopyToClipboardCopied"}}),l})(),vr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var $i=s(4911);let Fo=(()=>{class l{constructor({nativeElement:a}){return new e.SBq(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiElement",""]],exportAs:["elementRef"]}),l})(),Or=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Gi=(()=>{class l extends Fo{}return l.\u0275fac=function(){let T;return function(d){return(T||(T=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["","tuiResizeable",""]],features:[e.qOj]}),l})(),Go=(()=>{class l{constructor(a){this.resizeable=a,this.tuiResizer=[0,0],this.tuiSizeChange=new e.vpe,this.x=NaN,this.y=NaN,this.width=0,this.height=0}get cursor(){return this.tuiResizer[0]?this.tuiResizer[1]?this.tuiResizer[0]*this.tuiResizer[1]>0?"nwse-resize":"nesw-resize":"ew-resize":"ns-resize"}onTouchStart({touches:a}){this.onMouseDown(a[0].clientX,a[0].clientY)}onMouseDown(a,d){this.x=a,this.y=d,this.width=this.resizeable.nativeElement.clientWidth,this.height=this.resizeable.nativeElement.clientHeight}onMouseMove({x:a,y:d,buttons:H}){H?this.onMove(a,d):this.onMouseUp()}onTouchMove({touches:a}){this.onMove(a[0].clientX,a[0].clientY)}onMouseUp(){this.x=NaN}onMove(a,d){if(Number.isNaN(this.x))return;const{style:H}=this.resizeable.nativeElement,Ce=[this.width+this.tuiResizer[0]*(a-this.x),this.height+this.tuiResizer[1]*(d-this.y)];this.tuiResizer[0]&&(H.width=(0,Ci.O)(Ce[0])),this.tuiResizer[1]&&(H.height=(0,Ci.O)(Ce[1])),this.tuiSizeChange.emit(Ce)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Gi))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiResizer",""]],hostVars:4,hostBindings:function(a,d){1&a&&e.NdJ("touchstart.silent.passive",function(Ce){return d.onTouchStart(Ce)})("mousedown.silent.prevent",function(Ce){return d.onMouseDown(Ce.x,Ce.y)})("mousemove.silent",function(Ce){return d.onMouseMove(Ce)},!1,e.evT)("touchmove.silent",function(Ce){return d.onTouchMove(Ce)},!1,e.evT)("mouseup.silent",function(){return d.onMouseUp()},!1,e.evT)("touchend.silent",function(){return d.onMouseUp()},!1,e.evT),2&a&&e.Udp("touch-action","none")("cursor",d.cursor)},inputs:{tuiResizer:"tuiResizer"},outputs:{tuiSizeChange:"tuiSizeChange"}}),l})(),co=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Po=(()=>{class l{transform(a,d,...H){return a.filter(Ce=>d(Ce,...H))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiFilter",type:l,pure:!0}),l})(),No=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Ki=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiItem",""]]}),l})(),cr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),dr=(()=>{class l{transform(a,d,H){var Ce;return null!==(Ce=null==a?void 0:a.replace(d,H))&&void 0!==Ce?Ce:""}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiReplace",type:l,pure:!0}),l})(),nr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var ao=s(5648),Co=s(4358);function hr(l){const T=l.replace("#","").split("").map((a,d,H)=>3===H.length?a+a:a).join("").match(/.{2}/g);return T?T.map(a=>Number.parseInt(a,16)):[0,0,0]}var po=s(1489),ko=s(3631),Oe=s(9811);let b=(()=>{class l{constructor(a,d,H,Ce,Nt){this.host=a,this.control=d,this.el=H,this.idService=Ce,this.itemsHandlers=Nt,this.disabledItemHandler=null,this.datalist=null}get id(){return this.el.nativeElement.id||this.idService.generate()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.S0),e.Y36(Ct.M$),e.Y36(e.SBq),e.Y36(Tt.ll),e.Y36(Oe.Ys))},l.\u0275dir=e.lG2({type:l,viewQuery:function(a,d){if(1&a&&e.Gf(q.gX,7,e.Rgc),2&a){let H;e.iGM(H=e.CRH())&&(d.datalist=H.first)}},hostVars:1,hostBindings:function(a,d){2&a&&e.Ikx("id",d.id)},inputs:{disabledItemHandler:"disabledItemHandler"}}),l})();function k(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function A(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"button",4,5),e.NdJ("click",function(){const Ce=e.CHM(a).$implicit,Nt=e.oxw(2);return e.KtG(Nt.itemClick.emit(Ce))}),e.TgZ(2,"span",6),e.YNc(3,k,2,1,"ng-container",7),e.qZA()()}if(2&l){const a=T.$implicit,d=e.MAs(1),H=e.oxw(2);e.Q6J("disabled",H.disabledItemHandler(a))("value",a),e.xp6(3),e.Q6J("polymorpheusOutlet",H.itemContent)("polymorpheusOutletContext",H.getContext(a,d))}}function I(l,T){if(1&l&&(e.TgZ(0,"tui-data-list",2),e.YNc(1,A,4,4,"button",3),e.qZA()),2&l){const a=e.oxw();e.Q6J("emptyContent",a.emptyContent)("size",a.size),e.xp6(1),e.Q6J("ngForOf",a.items)}}function V(l,T){1&l&&e._UZ(0,"tui-loader",8)}let an=(()=>{class l{constructor(a,d){this.itemsHandlers=a,this.defaultSize=d,this.optionsQuery=B.Mm,this.disabledItemHandler=this.itemsHandlers.disabledItemHandler,this.size=this.defaultSize,this.itemClick=new e.vpe,this.itemContent=({$implicit:H})=>this.itemsHandlers.stringify(H)}getContext(a,{nativeElement:d}){return{$implicit:a,active:(0,vt.V8)(d)}}getOptions(a=!1){return this.optionsQuery.filter(({disabled:d})=>a||!d).map(({value:d})=>d).filter(Wt.Pc)}}return l.\u0275fac=function(a){e.$Z()},l.\u0275dir=e.lG2({type:l,viewQuery:function(a,d){if(1&a&&e.Gf(q.vK,5),2&a){let H;e.iGM(H=e.CRH())&&(d.optionsQuery=H)}},inputs:{disabledItemHandler:"disabledItemHandler",emptyContent:"emptyContent",size:"size",itemContent:"itemContent"},outputs:{itemClick:"itemClick"}}),l})(),vn=(()=>{class l extends an{constructor(a,d){super(a,(null==d?void 0:d.size)||"m"),this.items=[]}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Oe.Ys),e.Y36(te.Cs,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-data-list-wrapper",3,"labels",""]],inputs:{items:"items"},features:[e._Bn([(0,it.RB)(l),te.Y0]),e.qOj],decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","",3,"disabled","value","click"],["elementRef","elementRef"],[1,"t-content"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-data-list-wrapper__loader",1,"t-loader"]],template:function(a,d){if(1&a&&(e.YNc(0,I,2,3,"tui-data-list",0),e.YNc(1,V,1,0,"ng-template",null,1,e.W1O)),2&a){const H=e.MAs(2);e.Q6J("ngIf",d.items)("ngIfElse",H)}},dependencies:[q.qi,q.vK,K.kM,ne.O5,ne.sg,Fo,Ge.Li],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),l})(),$n=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Or,q.pc,K.dS]]}),l})(),ri=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Ln=s(8942),wi=s(6640);function or(l,T){1&l&&e._UZ(0,"tui-svg",2),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function Bo(l,T){1&l&&e.GkF(0)}const ci=(0,Wt.JN)({iconSmall:"tuiIconChevronDown",iconLarge:"tuiIconChevronDownLarge"}),bo=new Ge.Al((()=>{class l{constructor(a,d,H){this.dropdown=a,this.textfieldSize=d,this.options=H}get rotated(){return this.dropdown.open}get arrowIcon(){return(0,wi.R9)(this.textfieldSize.size)?this.options.iconLarge:this.options.iconSmall}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Cn.o1),e.Y36(te.kI),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-arrow"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_rotated",d.rotated)},decls:3,vars:4,consts:[[3,"src",4,"polymorpheusOutlet"],[4,"ngIf"],[3,"src"]],template:function(a,d){1&a&&(e.YNc(0,or,1,1,"tui-svg",0),e.YNc(1,Bo,1,0,"ng-container",1),e.ALo(2,"async")),2&a&&(e.Q6J("polymorpheusOutlet",d.arrowIcon),e.xp6(1),e.Q6J("ngIf",e.lcZ(2,2,d.dropdown.openChange)))},dependencies:[X.PN,Ge.Li,ne.O5,ne.Ov],styles:["[_nghost-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-%COMP%]{transform:rotate(180deg)}"],changeDetection:0}),l})());let Qi=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,Ge.wq]]}),l})();const go=(0,Wt.JN)({interactive:bo,disabled:bo});var An=s(8269);let In=(()=>{class l{constructor(a,d){this.el=a,this.destroy$=d}set tuiScrollIntoView(a){a&&(0,f.H)(0).pipe((0,S.R)(this.destroy$)).subscribe(()=>{this.el.nativeElement.dispatchEvent(new CustomEvent(An.fe,{bubbles:!0,detail:this.el.nativeElement}))})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(Tt.a3,2))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiScrollIntoView",""]],inputs:{tuiScrollIntoView:"tuiScrollIntoView"},features:[e._Bn([Tt.a3])]}),l})(),Rn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();function Jn(l,T){if(1&l&&e._UZ(0,"tui-svg",3),2&l){const a=e.oxw();e.Q6J("src",a.icons.check)("tuiScrollIntoView",!0)}}function vi(l,T){1&l&&e._UZ(0,"span",4)}const qi=new Ge.Al((()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.icons=a,this.context=d,this.host=H,this.el=Ce,this.option=Nt,this.dataList=Mn,this.control=Nn,this.abstractControl=Yn,this.changeDetection$=new g.xQ,this.selected$=(0,m.T)(this.changeDetection$,this.control.valueChanges||ee.E,(0,Me.mL)(this.el.nativeElement,"animationstart")).pipe((0,w.O)(null),(0,O.U)(()=>this.selected),(0,Z.x)())}get matcher(){return this.host.identityMatcher||B.bg}ngOnInit(){Promise.resolve().then(()=>{var a,d;(0,Wt.Pc)(this.option.value)&&!this.option.disabled&&(null===(d=(a=this.host).checkOption)||void 0===d||d.call(a,this.option.value))})}ngDoCheck(){this.changeDetection$.next()}get value(){var a,d;return null!==(d=null===(a=this.abstractControl)||void 0===a?void 0:a.value)&&void 0!==d?d:this.control.value}get selected(){return(0,Wt.Pc)(this.option.value)&&(0,Wt.Pc)(this.value)&&this.matcher(this.value,this.option.value)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Gs),e.Y36(Ge.yf),e.Y36(it.N1),e.Y36(e.SBq),e.Y36(q.vK),e.Y36(q.qi,8),e.Y36(Ln.a5),e.Y36(Ct.M$,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-select-option"]],decls:5,vars:5,consts:[[3,"ngTemplateOutlet"],["automation-id","tui-select-option__checkmark","class","t-checkmark",3,"src","tuiScrollIntoView",4,"ngIf","ngIfElse"],["dummy",""],["automation-id","tui-select-option__checkmark",1,"t-checkmark",3,"src","tuiScrollIntoView"],[1,"t-dummy"]],template:function(a,d){if(1&a&&(e.GkF(0,0),e.YNc(1,Jn,1,2,"tui-svg",1),e.ALo(2,"async"),e.YNc(3,vi,1,0,"ng-template",null,2,e.W1O)),2&a){const H=e.MAs(4);e.Q6J("ngTemplateOutlet",d.context.$implicit),e.xp6(1),e.Q6J("ngIf",e.lcZ(2,3,d.selected$))("ngIfElse",H)}},dependencies:[X.PN,ne.tP,ne.O5,In,ne.Ov],styles:['@keyframes _ngcontent-%COMP%_retrigger{0%{left:1px}to{left:2px}}[_nghost-%COMP%]{display:flex;flex:1;align-items:center;max-width:100%;animation:_ngcontent-%COMP%_retrigger 1s}.t-checkmark[_ngcontent-%COMP%]{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-border-start:.25rem solid transparent;border-inline-start:.25rem solid transparent}tui-data-list[data-list-size="s"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-list-size="s"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}tui-data-list[data-list-size="m"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-list-size="m"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}.t-dummy[_ngcontent-%COMP%]{width:1.75rem}'],changeDetection:0}),l})());let ho=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,Rn]]}),l})();var pi=s(26);function Pi(l,T){1&l&&e.Hsn(0,2,["*ngIf","isMobile"])}function Os(l,T){if(1&l&&e.YNc(0,Pi,1,0,"ng-content",6),2&l){const a=e.oxw();e.Q6J("ngIf",a.isMobile)}}function Ys(l,T){1&l&&e.GkF(0,7)}function ws(l,T){1&l&&e._UZ(0,"div",10),2&l&&e.Q6J("textContent",T.polymorpheusOutlet)}const Zs=function(l,T){return{$implicit:l,active:T}};function Ks(l,T){if(1&l&&(e.TgZ(0,"div",8),e.YNc(1,ws,1,1,"div",9),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.computedContent)("polymorpheusOutletContext",e.WLB(2,Zs,a.value,a.computedFocused))}}function Xs(l,T){1&l&&e.GkF(0)}function Jr(l,T){if(1&l&&(e.TgZ(0,"div",11),e.YNc(1,Xs,1,0,"ng-container",12),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.arrow)}}const Br=["*",[["input"]],[["select"]]],Qr=["*","input","select"],pe=(0,Wt.JN)({valueContent:""});let Bt=(()=>{class l extends Ct.F9{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){super(a,d),this.textfieldCleaner=H,this.textfieldSize=Ce,this.arrowMode=Nt,this.itemsHandlers=Mn,this.options=Nn,this.isMobile=Yn,this.stringify=this.itemsHandlers.stringify,this.identityMatcher=this.itemsHandlers.identityMatcher,this.valueContent=this.options.valueContent}get size(){return this.textfieldSize.size}get arrow(){return this.interactive?this.arrowMode.interactive:this.arrowMode.disabled}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.textfield)||void 0===a?void 0:a.nativeFocusableElement)&&void 0!==d?d:null}get focused(){return(0,vt.V8)(this.nativeFocusableElement)||!!this.hostedDropdown&&this.hostedDropdown.focused}get nativeDropdownMode(){return!!this.nativeSelect&&this.isMobile}get computedValue(){return null===this.value?"":this.stringify(this.value)||" "}get computedContent(){return this.valueContent||this.computedValue}onValueChange(a){this.value=a||null}onActiveZone(a){this.updateFocused(a)}onKeyDownDelete(){this.textfieldCleaner.cleaner&&(this.value=null)}handleOption(a){var d;this.focusInput(),this.value=a,null===(d=this.hostedDropdown)||void 0===d||d.updateOpen(!1)}focusInput(a=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:a})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(te.Ym),e.Y36(te.kI),e.Y36(go),e.Y36(Oe.Ys),e.Y36(pe),e.Y36(xt.fL))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-select"]],contentQueries:function(a,d,H){if(1&a&&(e.Suo(H,b,7),e.Suo(H,q.gX,5,e.Rgc)),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.nativeSelect=Ce.first),e.iGM(Ce=e.CRH())&&(d.datalist=Ce.first)}},viewQuery:function(a,d){if(1&a&&(e.Gf(be.yc,5),e.Gf(Cn.o1,5)),2&a){let H;e.iGM(H=e.CRH())&&(d.textfield=H.first),e.iGM(H=e.CRH())&&(d.hostedDropdown=H.first)}},hostVars:1,hostBindings:function(a,d){2&a&&e.uIk("data-size",d.size)},inputs:{stringify:"stringify",identityMatcher:"identityMatcher",valueContent:"valueContent"},features:[e._Bn([(0,xt.FT)(l),(0,Ct.wB)(l),(0,it.oE)(l),(0,it.P7)(qi)],[pi.yn]),e.qOj],ngContentSelectors:Qr,decls:10,vars:15,consts:[[1,"t-hosted",3,"canOpen","content","tuiActiveZoneChange"],["automation-id","tui-select__textfield",1,"t-textfield",3,"disabled","editable","focusable","invalid","nativeId","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiTextfieldIcon","value","keydown.backspace.prevent","keydown.delete.prevent","valueChange"],["select",""],["ngProjectAs","select",5,["select"],4,"ngTemplateOutlet"],["automation-id","tui-select__value","ngProjectAs","tuiContent","class","t-value",5,["tuiContent"],4,"ngIf"],["icon",""],[4,"ngIf"],["ngProjectAs","select",5,["select"]],["automation-id","tui-select__value","ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value"],["class","t-primitive-value",3,"textContent",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive-value",3,"textContent"],["appearance","icon","tuiWrapper","",1,"t-icon"],[4,"polymorpheusOutlet"]],template:function(a,d){if(1&a&&(e.F$t(Br),e.TgZ(0,"tui-hosted-dropdown",0),e.NdJ("tuiActiveZoneChange",function(Ce){return d.onActiveZone(Ce)}),e.TgZ(1,"tui-primitive-textfield",1),e.NdJ("keydown.backspace.prevent",function(){return d.onKeyDownDelete()})("keydown.delete.prevent",function(){return d.onKeyDownDelete()})("valueChange",function(Ce){return d.onValueChange(Ce)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.YNc(4,Os,1,1,"ng-template",null,2,e.W1O),e.YNc(6,Ys,1,0,"ng-container",3),e.YNc(7,Ks,2,5,"div",4),e.qZA(),e.YNc(8,Jr,2,1,"ng-template",null,5,e.W1O),e.qZA()),2&a){const H=e.MAs(5),Ce=e.MAs(9);e.Q6J("canOpen",d.interactive&&!d.nativeDropdownMode)("content",d.datalist||""),e.xp6(1),e.Q6J("disabled",d.computedDisabled)("editable",!1)("focusable",d.computedFocusable)("invalid",d.computedInvalid)("nativeId",d.nativeId)("pseudoActive",d.pseudoActive)("pseudoFocus",d.computedFocused)("pseudoHover",d.pseudoHover)("readOnly",d.readOnly)("tuiTextfieldIcon",d.arrow?Ce:"")("value",d.computedValue),e.xp6(5),e.Q6J("ngTemplateOutlet",H),e.xp6(1),e.Q6J("ngIf",null!==d.value)}},dependencies:[Cn.o1,be.yc,At.e,be.B1,te.AW,ne.O5,ne.tP,Ge.Li,po.o],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-%COMP%]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-%COMP%]     input{cursor:default}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-%COMP%]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),l})(),Xt=(()=>{class l extends ko.D1{get readOnly(){return!0}get value(){return this.host.computedValue}get stringify(){return this.host.stringify}onValueChange(a){this.host.onValueChange(a)}}return l.\u0275fac=function(){let T;return function(d){return(T||(T=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["tui-select"]],features:[e._Bn([(0,it.cp)(l)]),e.qOj]}),l})(),xn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,At.A,be.KW,Cn.jh,ho,Qi,po.W,te.cn,$n,q.pc,ri]]}),l})();var qn=s(7320),si=s(4541),Wn=s(3633),Bn=s(5059),gi=s(8491);const mi=["*"];let xi=(()=>{class l{constructor(){this.name="tui-radio-group-"+l.index++}}return l.index=0,l.\u0275fac=function(a){return new(a||l)},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio-group"]],inputs:{name:"name"},ngContentSelectors:mi,decls:1,vars:0,template:function(a,d){1&a&&(e.F$t(),e.Hsn(0))},encapsulation:2,changeDetection:0}),l})();const _o=["focusableElement"],eo=(0,Wt.JN)({size:"m",appearances:{unchecked:qn.Nm.Outline,checked:qn.Nm.Primary}});let Xo=(()=>{class l extends Ct.F9{constructor(a,d,H,Ce){super(a,d),this.options=H,this.radioGroup=Ce,this.identityMatcher=B.bg,this.name=null,this.size=this.options.size,this.pseudoDisabled=!1}get appearance(){return this.checked?this.options.appearances.checked:this.options.appearances.unchecked}get computedDisabled(){return this.disabled||this.pseudoDisabled}get nativeFocusableElement(){return!this.focusableElement||this.computedDisabled?null:this.focusableElement.nativeElement}get focused(){return(0,vt.V8)(this.nativeFocusableElement)}get checked(){return null===this.value?null===this.item:null!=this.item&&this.identityMatcher(this.value,this.item)}get computedName(){return this.name||this.radioGroupName||this.controlName||""}get isFocusable(){return!this.readOnly&&this.computedFocusable}onChecked(a){a&&(this.value=void 0!==this.item?this.item:this.fallbackValue)}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}get radioGroupName(){return null===this.radioGroup?null:this.radioGroup.name}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(eo),e.Y36(xi,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio"]],viewQuery:function(a,d){if(1&a&&e.Gf(_o,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:3,hostBindings:function(a,d){2&a&&(e.uIk("data-size",d.size),e.ekj("_disabled",d.computedDisabled))},inputs:{item:"item",identityMatcher:"identityMatcher",name:"name",size:"size",pseudoDisabled:"pseudoDisabled"},features:[e._Bn([(0,xt.FT)(l),(0,Ct.wB)(l)]),e.qOj],decls:4,vars:13,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid"],[1,"t-mark"],["type","radio",1,"t-native",3,"disabled","id","tuiChecked","tuiFocusable","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e._UZ(1,"div",1),e.TgZ(2,"input",2,3),e.NdJ("tuiCheckedChange",function(Ce){return d.onChecked(Ce)})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA()()),2&a&&(e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid),e.xp6(1),e.ekj("t-mark_visible",d.checked),e.xp6(1),e.Q6J("disabled",d.computedDisabled)("id",d.id)("tuiChecked",d.checked)("tuiFocusable",d.isFocusable),e.uIk("name",d.computedName))},dependencies:[po.o,si.t,Wn.t,Bn.U,gi.q],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem}._readonly[_nghost-%COMP%]{pointer-events:none}.t-mark[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-%COMP%]{transform:scale(1)}[data-size=m][_nghost-%COMP%]   .t-mark[_ngcontent-%COMP%]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-%COMP%]   .t-mark[_ngcontent-%COMP%]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-%COMP%]:-webkit-autofill, .t-native[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-native[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-%COMP%]   .t-native[_ngcontent-%COMP%]{cursor:default}"],changeDetection:0}),l})(),Vo=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,si.S,Wn.u,Bn.F,gi.c,po.W]]}),l})();function xs(l,T){1&l&&e.GkF(0)}const hs=["*"];let Bu=(()=>{class l extends Ct.F9{constructor(a,d,H){super(a,d),this.modeDirective=H,this.identityMatcher=B.bg,this.contentAlign="right",this.size="l",this.hideRadio=!1,this.pseudoDisabled=!1}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.radio)||void 0===a?void 0:a.nativeFocusableElement)&&void 0!==d?d:null}get focused(){return!!this.radio&&this.radio.focused}get computedDisabled(){return this.disabled||this.pseudoDisabled}get checked(){var a;return!(null===(a=this.radio)||void 0===a||!a.checked)&&this.hideRadio}get checkboxSize(){return"l"===this.size?"l":"m"}get appearance(){var a;return null!==(a=this.modeDirective)&&void 0!==a&&a.mode?this.checked?qn.Nm.Primary:qn.Nm.Secondary:this.checked?qn.Nm.WhiteblockActive:qn.Nm.Whiteblock}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}onModelChange(a){this.value=a}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(ye.w,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio-block"]],viewQuery:function(a,d){if(1&a&&e.Gf(Xo,5),2&a){let H;e.iGM(H=e.CRH())&&(d.radio=H.first)}},hostVars:8,hostBindings:function(a,d){2&a&&(e.uIk("data-align",d.contentAlign)("data-size",d.size),e.ekj("_hidden_input",d.hideRadio)("_disabled",d.computedDisabled)("_active",d.checked))},inputs:{item:"item",identityMatcher:"identityMatcher",contentAlign:"contentAlign",size:"size",hideRadio:"hideRadio",pseudoDisabled:"pseudoDisabled"},features:[e._Bn([(0,xt.FT)(l),(0,Ct.wB)(l)]),e.qOj],ngContentSelectors:hs,decls:7,vars:22,consts:[[4,"ngIf"],["tuiWrapper","",1,"t-wrapper",3,"active","appearance","disabled","focus","hover","invalid"],[1,"t-view",3,"focusable","identityMatcher","item","name","nativeId","pseudoActive","pseudoDisabled","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","size","ngModel","ngModelChange","focusedChange","focusVisibleChange"],[1,"t-label"],[1,"t-content"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,xs,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"label",1)(3,"tui-radio",2),e.NdJ("ngModelChange",function(Ce){return d.value=Ce})("focusedChange",function(Ce){return d.onFocused(Ce)})("focusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA(),e.TgZ(4,"div",3)(5,"div",4),e.Hsn(6),e.qZA()()()),2&a&&(e.Q6J("ngIf",d.modeDirective&&e.lcZ(1,20,d.modeDirective.change$)),e.xp6(2),e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid),e.xp6(1),e.Q6J("focusable",d.focusable)("identityMatcher",d.identityMatcher)("item",d.item)("name",d.computedName||"")("nativeId",d.nativeId)("pseudoActive",d.pseudoActive)("pseudoDisabled",d.computedDisabled)("pseudoFocus",!1)("pseudoHover",d.pseudoHover)("pseudoInvalid",d.computedInvalid)("readOnly",d.readOnly)("size",d.checkboxSize)("ngModel",d.value))},dependencies:[Xo,ne.O5,po.o,Ln.JJ,Ln.On,ne.Ov],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-%COMP%]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-%COMP%], [data-size=l][_nghost-%COMP%]{font:var(--tui-font-text-m)}._disabled[_nghost-%COMP%], ._readonly[_nghost-%COMP%]{pointer-events:none}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding-right:.5rem}[data-align=right][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 2.25rem}[data-size=xs][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-%COMP%]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-s)}[data-size=m][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-m)}[data-size=l][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-l)}._hidden_input[_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{text-align:center;justify-content:center}.t-content[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),l})(),Js=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,Vo,po.W]]}),l})();var As=s(3063),br=s(2130);const rr=["*"];let Va=(()=>{class l{constructor(a){this.mode$=a,this.size="m",this.status="default",this.hoverable=!1}get padding(){var a;return this.isEmpty?"none":(0,Wt.dt)(null===(a=this.value)||void 0===a?void 0:a.valueOf())?"m":"l"}get outputValue(){var a;const d=null===(a=this.value)||void 0===a?void 0:a.valueOf();return(0,Wt.dt)(d)&&d>99?"99+":(0,Wt.Pc)(this.value)?String(this.value):""}get isEmpty(){return!this.value&&0!==this.value}titleText({offsetWidth:a,scrollWidth:d}){return a<d?this.outputValue:""}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Au))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-badge"]],hostVars:7,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.uIk("data-size",d.size)("data-status",d.status)("data-padding",d.padding),e.ekj("_hoverable",d.hoverable)("_empty-value",d.isEmpty))},inputs:{value:"value",size:"size",status:"status",hoverable:"hoverable"},features:[e._Bn([br.CV])],ngContentSelectors:rr,decls:5,vars:2,consts:[[1,"t-left-content"],[1,"t-text",3,"title","mouseenter"],["text",""]],template:function(a,d){if(1&a&&(e.F$t(),e.TgZ(0,"span",0),e.Hsn(1),e.qZA(),e.TgZ(2,"span",1,2),e.NdJ("mouseenter",function(){return 0}),e._uU(4),e.qZA()),2&a){const H=e.MAs(3);e.xp6(2),e.Q6J("title",d.titleText(H)),e.xp6(2),e.hij(" ",d.outputValue,"\n")}},styles:['[_nghost-%COMP%]{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--left-content-color: currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%}[_nghost-%COMP%]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-%COMP%]:hover[data-status=custom]:after, ._hoverable[_nghost-%COMP%]:active[data-status=custom]:after{background-color:var(--tui-clear)}[data-status=primary][_nghost-%COMP%]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-%COMP%]{--left-content-color: var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-%COMP%]:hover, [data-status=error]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-%COMP%]{--left-content-color: var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-%COMP%]:hover, [data-status=success]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-%COMP%]{--left-content-color: var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-%COMP%]:hover, [data-status=warning]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=info][_nghost-%COMP%]{--left-content-color: var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}[data-status=info]._hoverable[_nghost-%COMP%]:hover, [data-status=info]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-info-bg-hover)}[data-status=info][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}[data-status=info][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=info][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-info-bg-night-hover)}[data-status=neutral][_nghost-%COMP%]{--left-content-color: var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}[data-status=neutral]._hoverable[_nghost-%COMP%]:hover, [data-status=neutral]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-neutral-bg-hover)}[data-status=neutral][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}[data-status=neutral][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=neutral][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-neutral-bg-night-hover)}[data-status=default][_nghost-%COMP%]{background-color:var(--tui-base-06)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-%COMP%]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-%COMP%]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-active)}._hoverable[_nghost-%COMP%]{cursor:pointer}[data-padding=m][_nghost-%COMP%]{padding:0 .5rem}[data-padding=m][data-size=xs][_nghost-%COMP%]{padding:0 .25rem}[data-padding=m][data-size=s][_nghost-%COMP%]{padding:0 .375rem}[data-padding=m][data-size=l][_nghost-%COMP%]{padding:0 .625rem}[data-padding=l][_nghost-%COMP%]{padding:0 .625rem}[data-padding=l][data-size=xs][_nghost-%COMP%]{padding:0 .375rem}[data-padding=l][data-size=s][_nghost-%COMP%]{padding:0 .5rem}[data-padding=l][data-size=l][_nghost-%COMP%]{padding:0 .75rem}[data-size=xs][_nghost-%COMP%]{font:var(--tui-font-text-xs);height:1rem;min-width:1rem}[data-size=xs][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{width:.34375rem;height:.34375rem}[data-size=s][_nghost-%COMP%]{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}[data-size=s][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{width:.25rem;height:.25rem}[data-size=m][_nghost-%COMP%]{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}[data-size=l][_nghost-%COMP%]{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}[data-size=l][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}._empty-value[_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]{margin:0 -.25rem}._empty-value[_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{margin:0}.t-left-content[_ngcontent-%COMP%]{display:none;color:var(--left-content-color);line-height:0}.t-left-content[_ngcontent-%COMP%]:not(:empty){display:block;margin-left:-.25rem}.t-left-content[_ngcontent-%COMP%]:not(:empty):before{content:none}[data-status=error][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=success][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=warning][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=info][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=neutral][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]{display:block}.t-left-content[_ngcontent-%COMP%]:before{content:"";display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}.t-text[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}'],changeDetection:0}),l})(),Ur=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez]]}),l})(),qs=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();const Ps=["focusableElement"];function Ss(l,T){if(1&l&&e._UZ(0,"tui-loader",7),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("showLoader",a.value)("size",a.loaderSize)}}function Mo(l,T){1&l&&e._UZ(0,"tui-svg",10),2&l&&e.Q6J("src",T.polymorpheusOutlet)}const Is=function(l){return{$implicit:l}};function Hr(l,T){if(1&l&&(e.TgZ(0,"span",8),e.YNc(1,Mo,1,1,"tui-svg",9),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.iconOn)("polymorpheusOutletContext",e.VKq(2,Is,a.size))}}function ks(l,T){if(1&l&&e._UZ(0,"tui-loader",7),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("showLoader",!a.value)("size",a.loaderSize)}}function ea(l,T){1&l&&e._UZ(0,"tui-svg",12),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function ta(l,T){if(1&l&&(e.TgZ(0,"span",8),e.YNc(1,ea,1,1,"tui-svg",11),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.iconOff)("polymorpheusOutletContext",e.VKq(2,Is,a.size))}}const Ar=(0,Wt.JN)({icons:{toggleOff:({$implicit:l})=>"m"===l?"tuiIconToggleOff":"tuiIconToggleOffLarge",toggleOn:({$implicit:l})=>"m"===l?"tuiIconToggleOn":"tuiIconToggleOnLarge"},appearances:{checked:qn.Nm.Primary,unchecked:qn.Nm.Secondary},singleColor:!1,showIcons:!1,size:"m"});let ps=(()=>{class l extends Ct.M${constructor(a,d,H,Ce){super(a,d),this.modeDirective=H,this.options=Ce,this.singleColor=this.options.singleColor,this.showIcons=this.options.showIcons,this.showLoader=!1,this.size=this.options.size}get iconOn(){return this.options.icons.toggleOn}get iconOff(){return this.options.icons.toggleOff}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.focusableElement)||void 0===a?void 0:a.nativeElement)&&void 0!==d?d:null}get focused(){return(0,vt.V8)(this.nativeFocusableElement)}get appearance(){return this.singleColor||this.value?this.options.appearances.checked:this.options.appearances.unchecked}get sizeM(){return"m"===this.size}get loaderSize(){return this.sizeM?"xs":"s"}get hostMode(){var a,d;return null!==(d=null===(a=this.modeDirective)||void 0===a?void 0:a.mode)&&void 0!==d?d:null}onChecked(a){this.value=a}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}getFallbackValue(){return!1}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(ye.w,8),e.Y36(Ar))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-toggle"]],viewQuery:function(a,d){if(1&a&&e.Gf(Ps,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:4,hostBindings:function(a,d){2&a&&(e.uIk("data-size",d.size)("data-mode",d.hostMode),e.ekj("_checked",d.value))},inputs:{singleColor:"singleColor",showIcons:"showIcons",showLoader:"showLoader",size:"size"},features:[e._Bn([(0,xt.FT)(l),(0,Ct.wB)(l)]),e.qOj],decls:9,vars:16,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly"],[1,"t-toggle"],["class","t-loader",3,"inheritColor","showLoader","size",4,"ngIf"],["class","t-icon-wrapper",4,"ngIf"],[1,"t-circle"],["automation-id","tui-toggle__checkbox","role","switch","type","checkbox",1,"t-checkbox",3,"disabled","id","tuiFocusable","tuiChecked","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""],[1,"t-loader",3,"inheritColor","showLoader","size"],[1,"t-icon-wrapper"],["automation-id","tui-toggle__check-icon","class","t-icon",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-toggle__check-icon",1,"t-icon",3,"src"],["automation-id","tui-toggle__cancel-icon","class","t-icon t-icon_off",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-toggle__cancel-icon",1,"t-icon","t-icon_off",3,"src"]],template:function(a,d){1&a&&(e.TgZ(0,"div",0)(1,"div",1),e.YNc(2,Ss,1,3,"tui-loader",2),e.YNc(3,Hr,2,4,"span",3),e._UZ(4,"div",4),e.YNc(5,ks,1,3,"tui-loader",2),e.YNc(6,ta,2,4,"span",3),e.qZA(),e.TgZ(7,"input",5,6),e.NdJ("tuiCheckedChange",function(Ce){return d.value=Ce})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA()()),2&a&&(e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid)("readOnly",d.readOnly),e.xp6(2),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.showIcons&&!d.showLoader),e.xp6(2),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.showIcons&&!d.showLoader),e.xp6(1),e.Q6J("disabled",d.disabled)("id",d.id)("tuiFocusable",d.focusable)("tuiChecked",d.value),e.uIk("aria-checked",d.value))},dependencies:[K.kM,X.PN,po.o,ne.O5,Ge.Li,si.t,Wn.t,Bn.U,gi.q],styles:["[_nghost-%COMP%]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}[data-size=m][_nghost-%COMP%]{width:2rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:3rem;height:1.5rem}.t-checkbox[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.t-checkbox[_ngcontent-%COMP%]:-webkit-autofill, .t-checkbox[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-checkbox[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-%COMP%]   .t-checkbox[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.t-toggle[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}[data-size=m][_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{width:3rem;height:1rem;transform:translate(-1rem)}[data-size=l][_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{width:4.5rem;height:1.5rem;transform:translate(-1.5rem)}._checked[_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{transform:translate(0)}.t-circle[_ngcontent-%COMP%]{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}._disabled[_nghost-%COMP%]   .t-circle_light[_ngcontent-%COMP%]{opacity:.24}[data-size=m][_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{width:.75rem;height:.75rem}[data-size=l][_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{width:1rem;height:1rem}._disabled[_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{background-color:var(--tui-base-01)}.t-loader[_ngcontent-%COMP%]{min-width:auto}[_nghost-%COMP%]:not(._checked)   .t-loader[_ngcontent-%COMP%]{color:var(--tui-base-06)}[_nghost-%COMP%]:not(._checked)._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-base-05)}[_nghost-%COMP%]:not(._checked)[data-mode=onDark]   .t-loader[_ngcontent-%COMP%]{color:var(--tui-text-03-night)}[_nghost-%COMP%]:not(._checked)[data-mode=onDark]._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-clear-inverse-active)}[_nghost-%COMP%]:not(._checked)[data-mode=onLight]   .t-loader[_ngcontent-%COMP%]{color:var(--tui-text-03)}[_nghost-%COMP%]:not(._checked)[data-mode=onLight]._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-clear-active)}[data-size=m][_nghost-%COMP%]   .t-loader[_ngcontent-%COMP%]{width:.75rem;margin:0 .2rem;transform:scale(.75)}[data-size=l][_nghost-%COMP%]   .t-loader[_ngcontent-%COMP%]{width:1rem;margin:0 .25rem}.t-icon-wrapper[_ngcontent-%COMP%]{display:flex}.t-icon[_ngcontent-%COMP%]{opacity:.8}.t-icon_off[_ngcontent-%COMP%]{color:var(--tui-base-06)}._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-base-05)}[data-mode=onDark][_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark]._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-clear-inverse-active)}[data-mode=onLight][_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-text-03)}[data-mode=onLight]._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-clear-active)}[data-size=m][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1rem;height:1rem;transform:scale(.75)}[data-size=l][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{margin:0 .125rem;width:1.5rem;height:1.5rem}[_nghost-%COMP%]:hover   .t-icon[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0}),l})(),Rs=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Bn.F,Wn.u,qs,gi.c,si.S,po.W,X.EI,K.dS,Ge.wq]]}),l})();var Ri=s(3358);function Fs(l,T){const[,a=""]=function na(l){const T=String(l),[a,d]=T.split("e-");let H=T;if(d){const[,Ce]=a.split("."),Nt=Number(d)+((null==Ce?void 0:Ce.length)||0);H=l.toFixed(Nt)}return H}(l).split(".");return(0,Wt.dt)(T)?a.slice(0,Math.max(0,T)):a}let es=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiValueAccessor",""]],features:[e._Bn([pi.E2])]}),l})(),ts=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var ms=s(1516);function _s(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Er(l,T){if(1&l&&(e.TgZ(0,"div",6),e.YNc(1,_s,2,1,"ng-container",7),e.qZA()),2&l){e.oxw();const a=e.MAs(9);e.xp6(1),e.Q6J("polymorpheusOutlet",a)}}function Vu(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"section",8)(1,"button",9),e.NdJ("click.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onArrow(H.step))})("mousedown.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(null==H.nativeFocusableElement?null:H.nativeFocusableElement.focus())}),e._uU(2," + "),e.qZA(),e.TgZ(3,"button",9),e.NdJ("click.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onArrow(-H.step))})("mousedown.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(null==H.nativeFocusableElement?null:H.nativeFocusableElement.focus())}),e._uU(4," - "),e.qZA()()}if(2&l){const a=e.oxw(),d=e.MAs(1);e.xp6(1),e.Q6J("appearance",d.appearance)("disabled",!a.canIncrement)("focusable",!1)("icon",a.options.icons.up),e.xp6(2),e.Q6J("appearance",d.appearance)("disabled",!a.canDecrement)("focusable",!1)("icon",a.options.icons.down)}}function za(l,T){1&l&&e.GkF(0)}function Ai(l,T){1&l&&e.Hsn(0,2)}const ja=["*",[["input"]],[["tuiContent"]]],zu=["*","input","tuiContent"],$u=(0,Wt.JN)({icons:{up:"tuiIconPlus",down:"tuiIconMinus"},min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,step:0,decimal:"not-zero",precision:2}),Ac=new e.OlP("");let zr=(()=>{class l extends Ct.F9{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){super(a,d,H),this.options=Ce,this.numberFormat=Nt,this.isIOS=Mn,this.textfieldSize=Nn,this.controller=Yn,this.unfinishedValue="",this.min=this.options.min,this.max=this.options.max,this.decimal=this.options.decimal,this.precision=this.options.precision,this.step=this.options.step,this.prefix="",this.postfix="",this.polymorpheusValueContent=B.Mm}get size(){return this.textfieldSize.size}get computedMin(){return this.computeMin(this.min,this.max)}get computedMax(){return this.computeMax(this.min,this.max)}get nativeFocusableElement(){return!this.textfield||this.computedDisabled?null:this.textfield.nativeFocusableElement}get focused(){var a;return!(null===(a=this.textfield)||void 0===a||!a.focused)}get isNegativeAllowed(){return this.computedMin<0}get inputMode(){return this.isIOS&&this.isNegativeAllowed?"text":"never"===this.decimal?"numeric":"decimal"}get calculatedMaxLength(){return 18+("never"!==this.decimal&&this.nativeValue.includes(this.numberFormat.decimalSeparator)?Math.min(this.precision+1,20):0)+this.numberFormat.thousandSeparator.repeat(5).length}get formattedValue(){return null!==this.value?this.getFormattedValue(this.value||0):""}get computedValue(){return this.focused?this.nativeValue:this.formattedValue}get canDecrement(){return this.interactive&&(this.value||0)>this.computedMin}get canIncrement(){return this.interactive&&(this.value||0)<this.computedMax}get computedPrefix(){return this.prefix||this.controller.prefix}get computedPostfix(){const a=this.postfix||this.controller.postfix;return a&&` ${a}`}get mask(){return this.calculateMask(this.precision,this.decimal,this.numberFormat.decimalSeparator,this.numberFormat.thousandSeparator,this.computedMin,this.computedMax,this.computedPrefix,this.computedPostfix)}onArrow(a){a&&(this.value=(0,ao.Ki)((this.value||0)+a,this.computedMin,this.computedMax),this.nativeValue=this.formattedValue)}onValueChange(a){const d=(0,Ri.vZ)(a,this.numberFormat.decimalSeparator);this.unfinishedValue=null,Number.isNaN(d)?this.value=null:this.isNativeValueNotFinished?this.unfinishedValue=a:d<this.computedMin||d>this.computedMax||(this.value=d)}onFocused(a){this.updateFocused(a);const d=this.unfinishedValue?(0,Ri.vZ)(this.unfinishedValue,this.numberFormat.decimalSeparator):this.nativeNumberValue;if(this.unfinishedValue=null,Number.isNaN(d))return this.nativeValue=a?this.computedPrefix+this.computedPostfix:"",void(this.value=null);a||(this.value=d,this.nativeValue=this.formattedValue)}getFormattedValue(a){const H=Math.abs(a)%1>0;let Ce="always"===this.decimal||H&&"never"!==this.decimal?this.precision:0;const Nt=H?Fs(a,this.precision):"";return this.focused&&"always"!==this.decimal&&(Ce=Nt.length),this.computedPrefix+function fr(l,T={}){const{decimalLimit:a,decimalSeparator:d,thousandSeparator:H,zeroPadding:Ce,rounding:Nt}=Object.assign(Object.assign({},An.Jl),T),Mn=Number.isFinite(a)?(0,ao.h0)({value:l,precision:a,method:Nt}):l,Nn=String(Math.floor(Math.abs(Mn)));let Yn=Fs(Mn,a);if(Number.isFinite(a))if(Ce){const Ao=Math.max(a-Yn.length,0);Yn=`${Yn}${"0".repeat(Ao)}`}else Yn=Yn.replace(/0*$/,"");const Bi=Nn.length%3;let vo=(l<0?B.fv:"")+Nn.charAt(0);for(let Ao=1;Ao<Nn.length;Ao++)Ao%3===Bi&&Nn.length>3&&(vo+=H),vo+=Nn.charAt(Ao);return Yn?vo+d+Yn:vo}(a,Object.assign(Object.assign({},this.numberFormat),{decimalLimit:Ce})).replace(B.fv,B.em)+this.computedPostfix}get isNativeValueNotFinished(){const a=this.nativeNumberValue;return a<0?a>this.computedMax:a<this.computedMin}get nativeValue(){var a;return(null===(a=this.nativeFocusableElement)||void 0===a?void 0:a.value)||""}set nativeValue(a){!this.textfield||!this.nativeFocusableElement||(this.textfield.value=a,this.nativeFocusableElement.value=a)}writeValue(a){super.writeValue(a),this.nativeValue=this.formattedValue}get nativeNumberValue(){return(0,Ri.vZ)(this.nativeValue,this.numberFormat.decimalSeparator)}computeMin(a,d){var H,Ce,Nt,Mn,Nn,Yn;return Math.min(null!==(Nt=null!==(Ce=null===(H=this.valueTransformer)||void 0===H?void 0:H.fromControlValue(a))&&void 0!==Ce?Ce:a)&&void 0!==Nt?Nt:this.options.min,null!==(Yn=null!==(Nn=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(d))&&void 0!==Nn?Nn:d)&&void 0!==Yn?Yn:this.options.max)}computeMax(a,d){var H,Ce,Nt,Mn,Nn,Yn;return Math.max(null!==(Nt=null!==(Ce=null===(H=this.valueTransformer)||void 0===H?void 0:H.fromControlValue(a))&&void 0!==Ce?Ce:a)&&void 0!==Nt?Nt:this.options.min,null!==(Yn=null!==(Nn=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(d))&&void 0!==Nn?Nn:d)&&void 0!==Yn?Yn:this.options.max)}calculateMask(a,d,H,Ce,Nt,Mn,Nn,Yn){const Bi=(0,Ri.f8)({decimalSeparator:H,thousandSeparator:Ce,min:Nt,max:Mn,prefix:Nn,postfix:Yn,precision:"never"===d?0:a,decimalZeroPadding:"always"===d}),{plugins:Ro}=Bi,vo=(0,$i._T)(Bi,["plugins"]);return Object.assign(Object.assign({},vo),{plugins:[...Ro,(0,Ri.nQ)(Ao=>[Nn.length,Ao.length-Yn.length])]})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(Ac,8),e.Y36($u),e.Y36(it.HO),e.Y36(xt.FA),e.Y36(te.kI),e.Y36(te.Cs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-input-number"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Ge.Li,5),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.polymorpheusValueContent=Ce)}},viewQuery:function(a,d){if(1&a&&e.Gf(be.yc,5),2&a){let H;e.iGM(H=e.CRH())&&(d.textfield=H.first)}},hostVars:1,hostBindings:function(a,d){1&a&&e.NdJ("keydown.arrowDown",function(){return d.onArrow(-d.step)})("keydown.arrowUp",function(){return d.onArrow(d.step)}),2&a&&e.uIk("data-size",d.size)},inputs:{min:"min",max:"max",decimal:"decimal",precision:"precision",step:"step",prefix:"prefix",postfix:"postfix"},features:[e._Bn([(0,xt.FT)(l),(0,Ct.wB)(l),te.Y0]),e.qOj],ngContentSelectors:zu,decls:10,vars:14,consts:[["tuiTextfieldPostfix","","tuiTextfieldPrefix","","tuiValueAccessor","",1,"t-textfield",3,"disabled","focusable","invalid","maskito","pseudoActive","pseudoFocus","pseudoHover","readOnly","value","focusedChange","valueChange"],["textfield",""],["ngProjectAs","tuiContent","class","t-value-content",5,["tuiContent"],4,"ngIf"],["class","t-buttons",4,"ngIf"],[4,"ngIf"],["valueContent",""],["ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value-content"],[4,"polymorpheusOutlet"],[1,"t-buttons"],["size","s","tuiIconButton","","type","button",1,"t-button",3,"appearance","disabled","focusable","icon","click.prevent","mousedown.prevent"]],template:function(a,d){1&a&&(e.F$t(ja),e.TgZ(0,"tui-primitive-textfield",0,1),e.NdJ("focusedChange",function(Ce){return d.onFocused(Ce)})("valueChange",function(Ce){return d.onValueChange(Ce)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.YNc(4,Er,2,1,"div",2),e.qZA(),e.YNc(5,Vu,5,8,"section",3),e.YNc(6,za,1,0,"ng-container",4),e.ALo(7,"async"),e.YNc(8,Ai,1,0,"ng-template",null,5,e.W1O)),2&a&&(e.Q6J("disabled",d.computedDisabled)("focusable",d.focusable)("invalid",d.computedInvalid)("maskito",d.mask)("pseudoActive",d.pseudoActive)("pseudoFocus",d.computedFocused)("pseudoHover",d.pseudoHover)("readOnly",d.readOnly)("value",d.computedValue),e.xp6(4),e.Q6J("ngIf",d.polymorpheusValueContent.length),e.xp6(1),e.Q6J("ngIf",d.step),e.xp6(1),e.Q6J("ngIf",e.lcZ(7,12,d.polymorpheusValueContent.changes)))},dependencies:[be.yc,Q.v0,be.B1,te.Tq,te.A7,es,ms.ro,ne.O5,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{display:flex;border-radius:var(--tui-radius-m);text-align:left}.t-textfield[_ngcontent-%COMP%]{flex:1;max-width:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-%COMP%]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.t-value-content[_ngcontent-%COMP%]{width:100%}.t-buttons[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]{flex-direction:row-reverse}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin:0 0 0 .125rem;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-radius:0}[data-size=m][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{width:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{width:calc(var(--tui-height-l) * .75)}.t-button[_ngcontent-%COMP%]{display:flex;flex:1;height:auto;border-radius:0}.t-button[_ngcontent-%COMP%]:first-child{margin-bottom:.125rem;border-top-right-radius:inherit}.t-button[_ngcontent-%COMP%]:last-child{border-bottom-right-radius:inherit}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"computeMin",null),(0,$i.gn)([Co.UM],l.prototype,"computeMax",null),(0,$i.gn)([Co.UM],l.prototype,"calculateMask",null),l})(),Gu=(()=>{class l extends ko.D1{get value(){return this.host.computedValue}onValueChange(a){this.host.onValueChange(a)}ngDoCheck(){this.host.nativeFocusableElement&&(this.host.nativeFocusableElement.inputMode=this.host.inputMode,this.host.nativeFocusableElement.maxLength=this.host.nativeFocusableElement.maxLength>0?this.host.nativeFocusableElement.maxLength:this.host.calculatedMaxLength)}}return l.\u0275fac=function(){let T;return function(d){return(T||(T=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["tui-input-number"]],features:[e._Bn([(0,it.cp)(l)]),e.qOj]}),l})(),Wu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,ms.U5,be.KW,te.cn,ts,Ge.wq,Q.fN]]}),l})();var Gn=s(1862);const ns=new e.OlP("MutationObserver config");let ar=(()=>{class l extends ge.y{constructor({nativeElement:a},d){super(H=>{const Ce=new MutationObserver(Nt=>{H.next(Nt)});return Ce.observe(a,d),()=>{Ce.disconnect()}})}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(e.SBq),e.LFG(ns))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac}),l})();var is=s(4487),os=s(8447),D=s(8307);const E=["tuiTab",""];function h(l,T){1&l&&e.GkF(0)}const P=["*"];function j(l,T){1&l&&e.GkF(0)}function me(l,T){if(1&l&&e._UZ(0,"tui-underline",2),2&l){const a=e.oxw();e.Q6J("element",a.activeElement)}}function yt(l,T){1&l&&e.GkF(0)}function jt(l,T){if(1&l&&e.GkF(0,12),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a)}}function gn(l,T){if(1&l&&(e.TgZ(0,"div"),e.GkF(1,12),e.qZA()),2&l){const a=e.oxw(),d=a.index,H=a.$implicit,Ce=e.oxw();e.ekj("t-overflown",Ce.isOverflown(d)),e.xp6(1),e.Q6J("ngTemplateOutlet",H)}}function Pn(l,T){if(1&l&&(e.ynx(0),e.YNc(1,jt,1,1,"ng-container",10),e.YNc(2,gn,2,3,"ng-template",null,11,e.W1O),e.BQk()),2&l){const a=T.index,d=e.MAs(3),H=e.oxw();e.xp6(1),e.Q6J("ngIf",a<=H.lastVisibleIndex)("ngIfElse",d)}}function Tn(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function bi(l,T){if(1&l&&(e._uU(0),e.ALo(1,"async"),e._UZ(2,"tui-svg",13)),2&l){const a=e.oxw();e.hij(" ",e.lcZ(1,4,a.moreWord$)," "),e.xp6(2),e.ekj("t-icon_rotated",a.open),e.Q6J("src",a.arrowOptions.iconSmall)}}function to(l,T){if(1&l&&e.GkF(0,12),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a)}}function Oo(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",17),e.NdJ("tui-tab-activate",function(){const Ce=e.CHM(a).index,Nt=e.oxw(2);return e.KtG(Nt.onClick(Ce))}),e.YNc(1,to,1,1,"ng-container",18),e.qZA()}if(2&l){const a=T.index,d=e.oxw(2);e.xp6(1),e.Q6J("ngIf",d.shouldShow(a))}}function Qo(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",14,15),e.NdJ("keydown.arrowDown.prevent",function(H){e.CHM(a);const Ce=e.MAs(1),Nt=e.oxw();return e.KtG(Nt.onWrapperArrow(H,Ce,!1))})("keydown.arrowUp.prevent",function(H){e.CHM(a);const Ce=e.MAs(1),Nt=e.oxw();return e.KtG(Nt.onWrapperArrow(H,Ce,!0))}),e.YNc(2,Oo,2,1,"div",16),e.qZA()}if(2&l){const a=e.oxw();e.xp6(2),e.Q6J("ngForOf",a.items)}}function wo(l,T){if(1&l&&e._UZ(0,"tui-underline",19),2&l){const a=e.oxw();e.Q6J("element",a.activeElement)}}const zo=new e.OlP("[TUI_TAB_EVENT]"),ys=[Tt.a3,Tt.ku,st.Ok,{provide:zo,deps:[e.SBq,st.Ok,[new e.FiY,ar],[new e.FiY,Gn.Od]],useFactory:({nativeElement:l},T,a,d)=>{const H=d&&a?a.pipe((0,y.h)(()=>d.isActive)):ee.E;return(0,m.T)(H,T.pipe((0,y.h)(is.y)),l.matches("button")?(0,Me.mL)(l,"click"):ee.E).pipe((0,O.U)(()=>l.dispatchEvent(new CustomEvent("tui-tab-activate",{bubbles:!0}))))}},br.CV];let Wi=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn){this.routerLinkActive=a,this.el=d,this.mode$=H,this.event$=Ce,this.margin=Nt,this.focusVisible=!1,Mn.subscribe(Nn=>{this.focusVisible=Nn})}get isActive(){return!!this.routerLinkActive&&this.routerLinkActive.isActive}ngOnDestroy(){(0,vt.V8)(this.el.nativeElement)&&this.el.nativeElement.blur()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Gn.Od,8),e.Y36(e.SBq),e.Y36(it.Au),e.Y36(zo),e.Y36(Oe.WO),e.Y36(Tt.ku))},l.\u0275cmp=e.Xpm({type:l,selectors:[["a","tuiTab","",3,"routerLink",""],["a","tuiTab","","routerLink","","routerLinkActive",""],["button","tuiTab",""]],hostAttrs:["type","button"],hostVars:8,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.Udp("cursor","pointer")("--tui-tab-margin",d.margin,"px"),e.ekj("_focus-visible",d.focusVisible)("_active",d.isActive))},features:[e._Bn(ys)],attrs:E,ngContentSelectors:P,decls:4,vars:3,consts:[[4,"ngIf"],[1,"t-highlight"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,h,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"span",1),e.Hsn(3),e.qZA()),2&a&&e.Q6J("ngIf",e.lcZ(1,1,d.event$))},dependencies:[ne.O5,ne.Ov],styles:['._underline[_nghost-%COMP%]:hover, ._underline   [_nghost-%COMP%]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-%COMP%]:first-child, tui-tabs    > [_nghost-%COMP%]:first-child, [tuiTabs]    > [_nghost-%COMP%]:first-child, [tuiTabs]    > [_nghost-%COMP%]:first-child, tui-tabs    > :first-child[_nghost-%COMP%], tui-tabs    > :first-child   [_nghost-%COMP%], [tuiTabs]    > :first-child[_nghost-%COMP%], [tuiTabs]    > :first-child   [_nghost-%COMP%]{margin-left:0}[_nghost-%COMP%]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-%COMP%]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-%COMP%]{color:#ffffffb8}[data-mode=onDark][_nghost-%COMP%]:hover, [data-mode=onDark]._active[_nghost-%COMP%]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-%COMP%]:hover, [data-mode=onLight]._active[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-selection)}._android[_nghost-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-%COMP%]:hover{box-shadow:none}._android._active[_nghost-%COMP%]{opacity:1;color:var(--tui-base-09)}._android[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{width:auto}._ios[_nghost-%COMP%]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-%COMP%]:hover{box-shadow:none}._ios._active[_nghost-%COMP%]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{width:auto}@media (hover: hover){[_nghost-%COMP%]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-%COMP%]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-%COMP%]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-%COMP%], tui-tabs[data-vertical]   [_nghost-%COMP%], [tuiTabs][data-vertical][_nghost-%COMP%], [tuiTabs][data-vertical]   [_nghost-%COMP%]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-%COMP%]:after, tui-tabs[data-vertical]   [_nghost-%COMP%]:after, [tuiTabs][data-vertical][_nghost-%COMP%]:after, [tuiTabs][data-vertical]   [_nghost-%COMP%]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-%COMP%]:hover, tui-tabs[data-vertical]   [_nghost-%COMP%]:hover, [tuiTabs][data-vertical][_nghost-%COMP%]:hover, [tuiTabs][data-vertical]   [_nghost-%COMP%]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-%COMP%]:after, tui-tabs[data-vertical]   ._active[_nghost-%COMP%]:after, [tuiTabs][data-vertical]._active[_nghost-%COMP%]:after, [tuiTabs][data-vertical]   ._active[_nghost-%COMP%]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-%COMP%], tui-tabs[data-vertical="right"]   [_nghost-%COMP%], [tuiTabs][data-vertical="right"][_nghost-%COMP%], [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-%COMP%]:after, tui-tabs[data-vertical="right"]   [_nghost-%COMP%]:after, [tuiTabs][data-vertical="right"][_nghost-%COMP%]:after, [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-%COMP%]:hover, tui-tabs[data-vertical="right"]   [_nghost-%COMP%]:hover, [tuiTabs][data-vertical="right"][_nghost-%COMP%]:hover, [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}'],changeDetection:0}),l})(),oa=(()=>{class l{constructor(a){this.el=a,this.activeItemIndex=0,this.activeItemIndexChange=new e.vpe}get tabs(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiTab]"))}get activeElement(){return this.tabs[this.activeItemIndex]||null}onActivate(a,d){const H=this.tabs.findIndex(Ce=>Ce===d);a.stopPropagation(),H!==this.activeItemIndex&&(this.activeItemIndexChange.emit(H),this.activeItemIndex=H)}moveFocus(a,d){const{tabs:H}=this;(0,vt.VR)(H.indexOf(a),H,d)}ngAfterViewChecked(){const{tabs:a,activeElement:d}=this;a.forEach(H=>{const Ce=H===d;H.classList.toggle("_active",Ce),H.setAttribute("tabIndex",Ce?"0":"-1")})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq))},l.\u0275dir=e.lG2({type:l,selectors:[["tui-tabs"],["nav","tuiTabs",""]],hostBindings:function(a,d){1&a&&e.NdJ("tui-tab-activate",function(Ce){return d.onActivate(Ce,Ce.target)})},inputs:{activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"}}),l})();const rs=(0,Wt.JN)({underline:!0,exposeActive:!0,itemsLimit:1/0,minMoreWidth:0});let Wa=(()=>{class l{constructor({nativeElement:a},d,H,Ce){this.zone=d,this.animationFrame$=H,this.mode$=Ce,this.el$=new os.t(1),this.refresh$=this.el$.pipe((0,C.w)(Nt=>Nt?this.animationFrame$.pipe((0,O.U)(()=>Nt),(0,Me.fL)(this.zone)):(0,sn.of)(null)),(0,le.B)()),this.transition$=(0,fe.Gt)(this.el$.pipe((0,O.U)(Nt=>Nt&&"all"),(0,W.b)(50))),this.transform$=(0,fe.Gt)(this.refresh$.pipe((0,O.U)(Nt=>Nt?`translate3d(${Nt.offsetLeft}px, 0, 0)`:null))),this.width$=(0,fe.Gt)(this.refresh$.pipe((0,O.U)(Nt=>(null==Nt?void 0:Nt.clientWidth)||0))),a["$.style.transitionProperty"]=this.transition$,a["$.style.transform"]=this.transform$,a["$.style.width.px"]=this.width$}set element(a){this.el$.next(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(e.R0b),e.Y36(Pt.L1),e.Y36(it.Au))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-underline"]],hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$})("$.style.transitionProperty",function(){return d.transition$()})("$.style.transform",function(){return d.transform$()})("$.style.width.px",function(){return d.width$()})},inputs:{element:"element"},features:[e._Bn([br.CV])],decls:0,vars:0,template:function(a,d){},styles:["[_nghost-%COMP%]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}"],changeDetection:0}),l})(),Pc=(()=>{class l{constructor(a,d,H,Ce,Nt){this.options=a,this.el=d,this.tabs=H,this.children=B.Mm,this.underline=this.options.underline,Nt.pipe((0,y.h)(()=>this.underline)).subscribe(()=>{Ce.detectChanges()})}get activeItemIndex(){return this.tabs.activeItemIndex}set activeItemIndex(a){this.tabs.activeItemIndex=a}get activeElement(){return this.tabs.activeElement}onKeyDownArrow(a,d){this.tabs.moveFocus(a,d)}ngAfterViewChecked(){this.scrollTo(this.tabs.activeItemIndex)}scrollTo(a){const d=this.tabs.tabs[a];if(!d)return;const{offsetLeft:H,offsetWidth:Ce}=d,{nativeElement:Nt}=this.el;H<Nt.scrollLeft&&(Nt.scrollLeft=H),H+Ce>Nt.scrollLeft+Nt.offsetWidth&&(Nt.scrollLeft=H+Ce-Nt.offsetWidth)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(rs),e.Y36(e.SBq),e.Y36(oa),e.Y36(e.sBO),e.Y36(Tt.tl))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tabs",3,"vertical",""],["nav","tuiTabs","",3,"vertical",""]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Wi,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.children=Ce)}},hostVars:2,hostBindings:function(a,d){1&a&&e.NdJ("keydown.arrowRight.prevent",function(Ce){return d.onKeyDownArrow(Ce.target,1)})("keydown.arrowLeft.prevent",function(Ce){return d.onKeyDownArrow(Ce.target,-1)}),2&a&&e.ekj("_underline",d.underline)},inputs:{underline:"underline"},features:[e._Bn([Tt.a3,Tt.tl,ar,{provide:ns,useValue:{childList:!0}}])],ngContentSelectors:P,decls:4,vars:4,consts:[[4,"ngIf"],["class","t-underline",3,"element",4,"ngIf"],[1,"t-underline",3,"element"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,j,1,0,"ng-container",0),e.ALo(1,"async"),e.Hsn(2),e.YNc(3,me,1,1,"tui-underline",1)),2&a&&(e.Q6J("ngIf",e.lcZ(1,2,d.children.changes)),e.xp6(3),e.Q6J("ngIf",d.underline))},dependencies:[Wa,ne.O5,ne.Ov],styles:["[_nghost-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-%COMP%]{z-index:-1}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"scrollTo",null),l})();const ss=new e.OlP("[TUI_TABS_REFRESH]"),Ns=[Tt.tl,Tt.a3,ar,(0,_e.fx)({align:"right"}),{provide:ns,useValue:{childList:!0,subtree:!0,characterData:!0}},{provide:ss,deps:[Tt.tl,ar,Tt.a3,ne.K0,e.SBq,e.sBO],useFactory:(l,T,a,{body:d},{nativeElement:H},Ce)=>(0,m.T)(l,T.pipe((0,D.b)(()=>Ce.detectChanges()))).pipe((0,y.h)(()=>d.contains(H)),(0,W.b)(0),(0,w.O)(null),(0,S.R)(a))}];let Zu=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn){this.options=a,this.margin=d,this.refresh$=H,this.el=Ce,this.cdr=Nt,this.moreWord$=Mn,this.arrowOptions=Nn,this.maxIndex=1/0,this.underline=this.options.underline,this.itemsLimit=this.options.itemsLimit,this.activeItemIndexChange=new e.vpe,this.items=B.Mm,this.activeItemIndex=0,this.open=!1}set itemIndex(a){this.activeItemIndex=a,this.maxIndex=this.getMaxIndex()}get tabs(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiTab]"))}get activeElement(){var a;const{tabs:d}=this,H=(0,ao.Ki)(this.activeItemIndex||0,0,d.length-2);return this.options.exposeActive||this.lastVisibleIndex>=H?d[H]||null:(null===(a=this.moreButton)||void 0===a?void 0:a.nativeElement)||null}get isMoreAlone(){return this.lastVisibleIndex<0&&!this.options.exposeActive}get isMoreVisible(){return this.lastVisibleIndex<this.items.length-1}get isMoreFocusable(){return!!this.moreButton&&(0,vt.V8)(this.moreButton.nativeElement)}get isMoreActive(){return this.open||!this.options.exposeActive&&this.lastVisibleIndex<this.activeItemIndex}get lastVisibleIndex(){return this.itemsLimit+1>=this.items.length?this.maxIndex:Math.min(this.itemsLimit-(this.itemsLimit-1>this.activeItemIndex||!this.options.exposeActive?1:2),this.maxIndex)}ngAfterViewInit(){this.refresh$.pipe((0,O.U)(()=>this.getMaxIndex()),(0,y.h)(a=>this.maxIndex!==a)).subscribe(a=>{this.maxIndex=a,this.cdr.detectChanges()})}onActiveItemIndexChange(a){this.updateActiveItemIndex(a)}onClick(a){this.open=!1,this.focusMore(),this.updateActiveItemIndex(a)}onArrowRight(a){(0,Jt.ve)(a.target)&&(0,vt.V8)(a.target)&&this.focusMore()}onArrowLeft(){const{tabs:a}=this;let d=a.length-2;for(;d>=0;){if(a[d].focus(),(0,vt.V8)(a[d]))return;d--}}onWrapperArrow(a,d,H){const Nt=(0,vt.BW)({initial:a.target,root:d,previous:H});Nt&&Nt.focus()}isOverflown(a){return a!==this.activeItemIndex||!this.options.exposeActive}shouldShow(a){return a>this.lastVisibleIndex&&this.isOverflown(a)}focusMore(){this.moreButton&&this.moreButton.nativeElement.focus()}getMaxIndex(){const{tabs:a,activeItemIndex:d,margin:H}=this;if(a.length<2)return 0;const{exposeActive:Ce,minMoreWidth:Nt}=this.options,{clientWidth:Mn}=this.el.nativeElement,Nn=a[d]?a[d].scrollWidth:0,Yn=Math.max(a[a.length-1].scrollWidth,Nt);let Bi=a.length-2,Ro=a.reduce((vo,{scrollWidth:Ao})=>vo+Ao,0)+Bi*H-a[a.length-1].scrollWidth;if(Ro<=Mn)return 1/0;for(;Bi;)if(Ro-=a[Bi].scrollWidth+H,Bi--,Ro+(Ce&&d>Bi?Nn+H:0)+Yn+H+(0,ao.HW)(this.maxIndex===Bi-1)<Mn)return Bi;return-1}updateActiveItemIndex(a){this.itemIndex=a,this.activeItemIndexChange.emit(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(rs),e.Y36(Oe.WO),e.Y36(ss),e.Y36(e.SBq),e.Y36(e.sBO),e.Y36(Oe.ue),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tabs-with-more"],["nav","tuiTabsWithMore",""]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Ki,4,e.Rgc),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.items=Ce)}},viewQuery:function(a,d){if(1&a&&e.Gf(Wi,5,e.SBq),2&a){let H;e.iGM(H=e.CRH())&&(d.moreButton=H.first)}},hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_underline",d.underline)},inputs:{moreContent:"moreContent",dropdownContent:"dropdownContent",underline:"underline",itemIndex:["activeItemIndex","itemIndex"],itemsLimit:"itemsLimit"},outputs:{activeItemIndexChange:"activeItemIndexChange"},features:[e._Bn(Ns)],decls:13,vars:17,consts:[[4,"ngIf"],[1,"t-wrapper"],[1,"t-tabs",3,"activeItemIndex","underline","activeItemIndexChange","keydown.arrowRight"],[4,"ngFor","ngForOf"],[1,"t-more_wrapper",3,"content","open","openChange"],["tuiTab","",3,"tuiFocusable","keydown.arrowLeft.prevent"],[4,"polymorpheusOutlet"],["more",""],["dropdown",""],[3,"element",4,"ngIf"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["hidden",""],[3,"ngTemplateOutlet"],[1,"t-icon",3,"src"],[1,"t-dropdown",3,"keydown.arrowDown.prevent","keydown.arrowUp.prevent"],["element",""],[3,"tui-tab-activate",4,"ngFor","ngForOf"],[3,"tui-tab-activate"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"element"]],template:function(a,d){if(1&a&&(e.YNc(0,yt,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"div",1)(3,"tui-tabs",2),e.NdJ("activeItemIndexChange",function(Ce){return d.onActiveItemIndexChange(Ce)})("keydown.arrowRight",function(Ce){return d.onArrowRight(Ce)}),e.YNc(4,Pn,4,2,"ng-container",3),e.qZA(),e.TgZ(5,"tui-hosted-dropdown",4),e.NdJ("openChange",function(Ce){return d.open=Ce}),e.TgZ(6,"button",5),e.NdJ("keydown.arrowLeft.prevent",function(){return d.onArrowLeft()}),e.YNc(7,Tn,2,1,"ng-container",6),e.qZA(),e.YNc(8,bi,3,6,"ng-template",null,7,e.W1O),e.qZA(),e.YNc(10,Qo,3,1,"ng-template",null,8,e.W1O),e.YNc(12,wo,1,1,"tui-underline",9),e.qZA()),2&a){const H=e.MAs(9),Ce=e.MAs(11);e.Q6J("ngIf",e.lcZ(1,15,d.items.changes)),e.xp6(3),e.Q6J("activeItemIndex",d.activeItemIndex)("underline",!1),e.xp6(1),e.Q6J("ngForOf",d.items),e.xp6(1),e.ekj("t-overflown",!d.isMoreVisible),e.Q6J("content",d.dropdownContent||Ce)("open",d.open),e.xp6(1),e.ekj("_active",d.isMoreActive)("t-no-margin",d.isMoreAlone),e.Q6J("tuiFocusable",d.isMoreFocusable),e.xp6(1),e.Q6J("polymorpheusOutlet",d.moreContent||H),e.xp6(5),e.Q6J("ngIf",d.underline)}},dependencies:[Pc,Cn.o1,Wi,X.PN,Wa,ne.O5,oa,ne.sg,ne.tP,Wn.t,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex}.t-tabs[_ngcontent-%COMP%]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-%COMP%]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-%COMP%]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{pointer-events:auto}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-dropdown[_ngcontent-%COMP%]{padding:.25rem 0}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:hover, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:focus, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-%COMP%]{margin-left:0}"],changeDetection:0}),l})(),Sc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Cn.jh,X.EI,Wn.u,cr]]}),l})();var ra=s(1673),Ic=s(9328);const pf=["focusableElement"];function kc(l,T){if(1&l&&e._UZ(0,"tui-svg",9),2&l){const a=T.polymorpheusOutlet,d=e.oxw(2);e.ekj("t-icon_open",d.open),e.Q6J("src",a)}}function Rc(l,T){if(1&l&&(e.ynx(0),e.YNc(1,kc,1,3,"tui-svg",8),e.BQk()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.options.iconLarge)}}function Fc(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function sa(l,T){if(1&l&&(e.TgZ(0,"div",11),e.YNc(1,Fc,2,1,"ng-container",12),e.qZA()),2&l){const a=e.oxw(2);e.xp6(1),e.Q6J("polymorpheusOutlet",a.lazyContent)}}function Ku(l,T){if(1&l&&e.YNc(0,sa,2,1,"div",10),2&l){const a=e.oxw();e.Q6J("ngIf",a.lazyContent)}}function Nc(l,T){1&l&&(e.TgZ(0,"div",13),e.Hsn(1,1),e.qZA())}const Xu=["*",[["","tuiAccordionItemContent",""]]],gf=["*","[tuiAccordionItemContent]"],Ju=[[["tui-accordion-item"]]],mf=["tui-accordion-item"];let Qu=(()=>{class l extends Ge.GL{constructor(a,d){super(a,d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc,2),e.Y36(e.sBO))},l.\u0275dir=e.lG2({type:l,selectors:[["ng-template","tuiAccordionItemContent",""]],features:[e.qOj]}),l})(),Lc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiAccordionItemContent","",5,"ng-template"]]}),l})(),aa=(()=>{class l extends Ct.Xn{constructor(a,d,H){super(),this.cdr=a,this.mode$=d,this.options=H,this.noPadding=!1,this.showArrow=!0,this.borders="all",this.size="m",this.disabled=!1,this.disableHover=!1,this.open=!1,this.async=!1,this.openChange=new e.vpe}get nativeFocusableElement(){return this.disabled||!this.focusableElement?null:this.focusableElement.nativeElement}get focused(){return(0,vt.V8)(this.nativeFocusableElement)}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}onRowToggle(){this.disabled||this.updateOpen(!this.open)}onItemKeyDownEsc(a){this.open&&(a.stopPropagation(),this.updateOpen(!1))}close(){this.updateOpen(!1),this.cdr.markForCheck()}updateOpen(a){this.open!==a&&(this.open=a,this.openChange.emit(a))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(it.Au),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-accordion-item"]],contentQueries:function(a,d,H){if(1&a&&(e.Suo(H,Lc,5),e.Suo(H,Qu,5)),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.eagerContent=Ce.first),e.iGM(Ce=e.CRH())&&(d.lazyContent=Ce.first)}},viewQuery:function(a,d){if(1&a&&e.Gf(pf,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:8,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.uIk("data-borders",d.borders)("data-size",d.size),e.ekj("_no-padding",d.noPadding)("_has-arrow",d.showArrow)("_disabled",d.disabled))},inputs:{noPadding:"noPadding",showArrow:"showArrow",borders:"borders",size:"size",disabled:"disabled",disableHover:"disableHover",open:"open",async:"async"},outputs:{openChange:"openChange"},features:[e._Bn([(0,xt.FT)(l),br.CV]),e.qOj],ngContentSelectors:gf,decls:9,vars:10,consts:[["automation-id","tui-accordion__item-wrapper",1,"t-wrapper"],["automation-id","tui-accordion__item-header","type","button",1,"t-header",3,"disabled","tuiFocusable","click","keydown.esc","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""],["automation-id","tui-accordion__item-title",1,"t-title"],[4,"ngIf"],[3,"async","expanded"],["tuiExpandContent",""],["class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-arrow","class","t-icon",3,"t-icon_open","src",4,"polymorpheusOutlet"],["automation-id","tui-accordion__item-arrow",1,"t-icon",3,"src"],["automation-id","tui-accordion__item-content","class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-content",1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content"]],template:function(a,d){1&a&&(e.F$t(Xu),e.TgZ(0,"div",0)(1,"button",1,2),e.NdJ("click",function(){return d.onRowToggle()})("keydown.esc",function(Ce){return d.onItemKeyDownEsc(Ce)})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.TgZ(3,"span",3),e.Hsn(4),e.qZA(),e.YNc(5,Rc,2,1,"ng-container",4),e.qZA(),e.TgZ(6,"tui-expand",5),e.YNc(7,Ku,1,1,"ng-template",6),e.YNc(8,Nc,2,0,"div",7),e.qZA()()),2&a&&(e.xp6(1),e.ekj("t-header_hoverable",!d.disableHover)("t-header_open",d.open),e.Q6J("disabled",d.computedDisabled)("tuiFocusable",d.computedFocusable),e.xp6(4),e.Q6J("ngIf",d.showArrow),e.xp6(1),e.Q6J("async",d.async)("expanded",d.open),e.xp6(2),e.Q6J("ngIf",d.eagerContent))},dependencies:[X.PN,G,Wn.t,Bn.U,gi.q,ne.O5,Ge.Li,Ee],styles:['[_nghost-%COMP%]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-%COMP%]{border-radius:0!important}.t-wrapper[_ngcontent-%COMP%]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-%COMP%]:not([data-borders])   .t-wrapper[_ngcontent-%COMP%]:after{border-width:0}[data-borders=all][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-borders=top-bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border:2px solid var(--tui-focus)}[_nghost-%COMP%]:not([data-mode])   .t-wrapper[_ngcontent-%COMP%]{background:var(--tui-base-01)}.t-header[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{border-color:var(--tui-text-01)}[_nghost-%COMP%]:not([data-borders])   .t-header[_ngcontent-%COMP%]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-right:.75rem}[data-mode=onDark][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-clear)}[data-size=s][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-left:0;padding-right:0}._disabled[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{cursor:default}.t-wrapper[_ngcontent-%COMP%]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-%COMP%]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-%COMP%]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-clear)}.t-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{margin-right:.5rem}.t-icon[_ngcontent-%COMP%]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-%COMP%]{transform:rotate(180deg)}[data-mode][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{opacity:var(--tui-disabled-opacity)}[_nghost-%COMP%]:hover[data-mode]   .t-icon[_ngcontent-%COMP%]{opacity:.8}[data-mode=onDark][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-01)}[_nghost-%COMP%]:hover:not([data-mode])   .t-icon[_ngcontent-%COMP%]{color:var(--tui-base-07)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);padding:1rem}'],changeDetection:0}),l})(),_f=(()=>{class l{constructor(a){this.destroy$=a,this.closeOthers=!0,this.rounded=!0,this.accordionItems=B.Mm}ngAfterContentInit(){const{accordionItems:a}=this,d=(0,Me.ll)(a),H=d.pipe((0,Ic.G)(),(0,O.U)(([Nt,Mn])=>Mn.find(Nn=>!Nt.includes(Nn)&&Nn.open)),(0,y.h)(Wt.Pc));(0,m.T)(d.pipe((0,C.w)(Nt=>(0,m.T)(...Nt.map(Mn=>Mn.openChange.pipe((0,y.h)(is.y),(0,O.U)(()=>Mn)))))),H).pipe((0,y.h)(()=>this.closeOthers),(0,S.R)(this.destroy$)).subscribe(Nt=>{a.forEach(Mn=>{Nt!==Mn&&Mn.close()})})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Tt.a3,2))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-accordion"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,aa,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.accordionItems=Ce)}},inputs:{closeOthers:"closeOthers",rounded:"rounded"},features:[e._Bn([Tt.a3])],ngContentSelectors:mf,decls:2,vars:2,consts:[["automation-id","tui-accordion__group","orientation","vertical","size","l","tuiGroup","",1,"t-group",3,"collapsed","rounded"]],template:function(a,d){1&a&&(e.F$t(Ju),e.TgZ(0,"div",0),e.Hsn(1),e.qZA()),2&a&&e.Q6J("collapsed",!0)("rounded",d.rounded)},dependencies:[ce.gZ],styles:["[_nghost-%COMP%]{display:block}.t-group[_ngcontent-%COMP%]{display:flex}"],changeDetection:0}),l})(),vf=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Bn.F,gi.c,Wn.u,Ge.wq,X.EI,ce.n6,he]]}),l})();const yf=["input"];function Cf(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Df(l,T){if(1&l&&(e.TgZ(0,"div",6),e.YNc(1,Cf,2,1,"ng-container",7),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.leftContent)}}function bf(l,T){if(1&l&&e._UZ(0,"tui-loader",8),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("size",a.loaderSize)}}function Ef(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-svg",9),e.NdJ("click",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.remove(H))})("mousedown.stop.prevent.silent",function(){return 0}),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("src",a.icons.close)}}function Bc(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"input",10,11),e.NdJ("blur",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onBlur())})("keydown",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onKeyDown(H))})("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onInput(H))}),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("ngModel",a.editedText),e.uIk("maxLength",a.maxLength)}}const ua=(0,Wt.JN)({size:"m",status:"default",autoColor:!1});let qu=(()=>{class l{constructor(a,d,H,Ce){this.el=a,this.mode$=d,this.options=H,this.icons=Ce,this.value="",this.editable=!1,this.separator=",",this.maxLength=null,this.size=this.options.size,this.showLoader=!1,this.status=this.options.status,this.hoverable=!1,this.removable=!1,this.disabled=!1,this.autoColor=this.options.autoColor,this.edited=new e.vpe,this.editing=!1,this.editedText=null}set input(a){a&&a.nativeElement.focus()}get backgroundColor(){return this.autoColor?function Ya(l){if(""===l)return"";let T=0;for(let Ce=0;Ce<l.length;Ce++)T=l.charCodeAt(Ce)+((T<<5)-T),T&=T;return`hsl(${T%360},${60+T%5}%,${80+T%5}%)`}(this.value):null}get canRemove(){return this.removable&&!this.disabled&&!this.showLoader}get displayText(){return null===this.editedText?this.value:this.editedText}get loaderSize(){return(0,wi.R9)(this.size)?"s":"xs"}edit(a){this.canEdit&&(a.preventDefault(),this.editing=!0,this.editedText=this.value)}remove(a){this.canRemove&&(a.preventDefault(),a.stopPropagation(),this.edited.emit(""))}onInput(a){const d=a.split(this.separator);d.length>1?this.save(String(d)):this.editedText=a}onKeyDown(a){switch(a.stopPropagation(),a.key.toLowerCase()){case"enter":a.preventDefault(),this.save(this.editedText||"");break;case"escape":case"esc":a.preventDefault(),this.stopEditing(),this.el.nativeElement.focus()}}onBlur(){null!==this.editedText&&this.save(this.editedText)}get canEdit(){return this.editable&&!this.disabled&&!this.showLoader}stopEditing(){this.editing=!1,this.editedText=null}save(a){this.stopEditing(),this.edited.emit(a.trim())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(it.Au),e.Y36(ua),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tag"],["a","tuiTag",""],["button","tuiTag",""]],viewQuery:function(a,d){if(1&a&&e.Gf(yf,5,e.SBq),2&a){let H;e.iGM(H=e.CRH())&&(d.input=H.first)}},hostVars:10,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$})("keydown.enter",function(Ce){return d.edit(Ce)})("keydown.delete",function(Ce){return d.remove(Ce)})("keydown.backspace",function(Ce){return d.remove(Ce)}),2&a&&(e.uIk("data-size",d.size)("data-status",d.status),e.ekj("_hoverable",d.hoverable)("_disabled",d.disabled)("_autocolor",d.autoColor)("_editing",d.editing))},inputs:{value:"value",editable:"editable",separator:"separator",maxLength:"maxLength",size:"size",showLoader:"showLoader",status:"status",hoverable:"hoverable",removable:"removable",disabled:"disabled",autoColor:"autoColor",leftContent:"leftContent"},outputs:{edited:"edited"},features:[e._Bn([br.CV])],decls:6,vars:7,consts:[[1,"t-tag",3,"dblclick"],["class","t-content",4,"ngIf"],["automation-id","tui-tag__text",1,"t-text",3,"textContent"],["class","t-content",3,"inheritColor","size",4,"ngIf"],["automation-id","tui-tag__remove","class","t-icon",3,"src","click","mousedown.stop.prevent.silent",4,"ngIf"],["automation-id","tui-tag__edit","type","text","class","t-edit",3,"ngModel","blur","keydown","ngModelChange",4,"ngIf"],[1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content",3,"inheritColor","size"],["automation-id","tui-tag__remove",1,"t-icon",3,"src","click","mousedown.stop.prevent.silent"],["automation-id","tui-tag__edit","type","text",1,"t-edit",3,"ngModel","blur","keydown","ngModelChange"],["input",""]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e.NdJ("dblclick",function(Ce){return d.edit(Ce)}),e.YNc(1,Df,2,1,"div",1),e._UZ(2,"span",2),e.YNc(3,bf,1,2,"tui-loader",3),e.YNc(4,Ef,1,1,"tui-svg",4),e.qZA(),e.YNc(5,Bc,2,2,"input",5)),2&a&&(e.Udp("background-color",d.backgroundColor),e.xp6(1),e.Q6J("ngIf",d.leftContent),e.xp6(1),e.Q6J("textContent",d.displayText),e.xp6(1),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.canRemove),e.xp6(1),e.Q6J("ngIf",d.editing))},dependencies:[K.kM,X.PN,ne.O5,Ge.Li,Ln.Fj,Ln.JJ,Ln.On],styles:['[_nghost-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-%COMP%]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-%COMP%]:hover[data-status=custom]:after, ._hoverable[_nghost-%COMP%]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-%COMP%]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-%COMP%]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-%COMP%]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-%COMP%]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-%COMP%]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-%COMP%]:hover, [data-status=error]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-%COMP%]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-%COMP%]:hover, [data-status=success]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-%COMP%]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-%COMP%]:hover, [data-status=warning]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-%COMP%]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-%COMP%]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-%COMP%]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-active)}._editing[_nghost-%COMP%]{background:transparent!important}._disabled[_nghost-%COMP%]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-%COMP%]{cursor:pointer}._autocolor[_nghost-%COMP%]{color:#000c}.t-text[_ngcontent-%COMP%]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{visibility:hidden}.t-edit[_ngcontent-%COMP%]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-%COMP%]:-webkit-autofill, .t-edit[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-edit[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .375rem}[data-size=m][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .5rem}[data-size=l][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .75rem}.t-icon[_ngcontent-%COMP%]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-%COMP%]:hover{opacity:1}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]     svg{transform:scale(.75)}.t-content[_ngcontent-%COMP%]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}'],changeDetection:0}),l})(),el=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,X.EI,K.dS,Ge.wq]]}),l})();const Hc=["tuiSidebar",""];function Vc(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}let Ka=(()=>{class l extends Ge.GL{constructor(a,d,H,Ce){super(a,Ce),this.content=a,this.injector=d,this.portalService=H,this.component=new Ge.Al(tl,this.injector),this.sidebarRef=null,this.direction="left",this.autoWidth=!1}set tuiSidebar(a){a?this.show():this.hide()}ngOnDestroy(){this.hide()}show(){null===this.sidebarRef&&(this.sidebarRef=this.portalService.add(this.component),this.sidebarRef.changeDetectorRef.detectChanges())}hide(){null!==this.sidebarRef&&(this.portalService.remove(this.sidebarRef),this.sidebarRef=null)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc),e.Y36(e.zs3),e.Y36(qt.ae),e.Y36(e.sBO))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiSidebar",""]],inputs:{direction:["tuiSidebarDirection","direction"],autoWidth:["tuiSidebarAutoWidth","autoWidth"],tuiSidebar:"tuiSidebar"},features:[e.qOj]}),l})(),tl=(()=>{class l{constructor(a,d){this.options=a,this.directive=d,this.left=Object.assign(Object.assign({},this.options),{value:"left"}),this.right=Object.assign(Object.assign({},this.options),{value:"right"})}get animation(){return"left"===this.direction?this.left:this.right}get directionHostClass(){return`t-${this.directive.direction}`}get direction(){return this.directive.direction}get content(){return this.directive.content}get autoWidth(){return this.directive.autoWidth}ngDoCheck(){this.directive.check()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Pw),e.Y36(Ka))},l.\u0275cmp=e.Xpm({type:l,selectors:[["aside","tuiSidebar",""]],hostVars:3,hostBindings:function(a,d){2&a&&(e.d8E("@tuiSlideIn",d.animation),e.Tol(d.directionHostClass))},attrs:Hc,decls:2,vars:3,consts:[["tuiActiveZone","",1,"t-wrapper"],[4,"polymorpheusOutlet"]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e.YNc(1,Vc,2,1,"ng-container",1),e.qZA()),2&a&&(e.ekj("t-wrapper_auto-width",d.autoWidth),e.xp6(1),e.Q6J("polymorpheusOutlet",d.content))},dependencies:[At.e,Ge.Li],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;content:"";height:100%;background:rgba(0,0,0,.38);animation:tuiFadeIn var(--tui-duration)}[_nghost-%COMP%]:before{left:-100%;width:200%}[_nghost-%COMP%]:after{left:100%}.ng-animating[_nghost-%COMP%]:before, .ng-animating[_nghost-%COMP%]:after{opacity:0;transition:opacity var(--tui-duration)}.t-right[_nghost-%COMP%]{justify-content:flex-end}.t-left[_nghost-%COMP%]{justify-content:flex-start}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;background:var(--tui-base-01);box-shadow:0 10rem var(--tui-base-01);width:17.25rem}.t-wrapper_auto-width[_ngcontent-%COMP%]{width:auto}'],data:{animation:[zt.Gw]},changeDetection:0}),l})(),Xa=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[At.A,Ge.wq]]}),l})(),zc=(()=>{class l{constructor(a,{nativeElement:d},H){this.readyToScroll$=H,this.scroll$=new os.t(1),this.readyToScroll$.pipe((0,y.h)(Boolean),(0,C.w)(()=>this.scroll$),(0,W.b)(750),(0,y.h)(Ce=>Ce&&!!(0,Jt.PU)(d)),(0,S.R)(a)).subscribe(()=>{d.scrollIntoView()})}set tuiScrollIntoViewLink(a){this.scroll$.next(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Tt.a3,2),e.Y36(e.SBq),e.Y36(o.V1))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiScrollIntoViewLink",""]],inputs:{tuiScrollIntoViewLink:"tuiScrollIntoViewLink"},features:[e._Bn([Tt.a3])]}),l})(),jc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();const nl="Taiga UI",jo=(0,Wt.JN)("tuiTheme"),Ja=(0,Wt.JN)(nl);let il=(()=>{class l extends _.X{constructor(a,d,H){super(H.getItem(d)||a),this.initialTheme=a,this.key=d,this.storage=H}next(a){this.storage.setItem(this.key,a),super.next(a)}get isDefaultTheme(){return this.value===nl}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Ja),e.LFG(jo),e.LFG(Pt.H3))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();const xo=(0,Wt.JN)("tuiNight"),Ls=(0,Wt.JN)(!0);let ol=(()=>{class l extends _.X{constructor(a,d,H,Ce){super("true"===d.getItem(H)||null===d.getItem(H)&&a.matchMedia("(prefers-color-scheme: dark)").matches),this.win=a,this.storage=d,this.key=H,this.useDefaultNightTheme=Ce}next(a){this.storage.setItem(this.key,String(a)),super.next(a)}toggle(){this.next(!this.value)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Pt.m9),e.LFG(Pt.H3),e.LFG(xo),e.LFG(Ls))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();function rl(l,T){if(1&l&&(e.TgZ(0,"p",2),e._uU(1),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.hij(" ",a.filename,"\n")}}function Wc(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"pre",3),e._uU(1,"    "),e._UZ(2,"code",4),e._uU(3,"\n    "),e.TgZ(4,"div",5),e._uU(5,"\n        "),e.TgZ(6,"button",6),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.copy$.next())}),e.ALo(7,"async"),e._uU(8,"\n        "),e.qZA(),e._uU(9,"\n        "),e.Hsn(10),e._uU(11,"\n    "),e.qZA(),e._uU(12,"\n"),e.qZA()}if(2&l){const a=T.$implicit,d=e.oxw();e.xp6(2),e.Q6J("lineNumbers",!0)("highlight",a),e.xp6(4),e.Q6J("icon",e.lcZ(7,4,d.icon$)||"tuiIconCopyLarge")("cdkCopyToClipboard",a)}}const jr=["*"],sl=["content"],Yc=["resizer"];function al(l,T){if(1&l&&(e._uU(0),e.TgZ(1,"a",11)(2,"code"),e._uU(3,"tuiMode"),e.qZA()()),2&l){const a=e.oxw();e.hij(" ",a.texts[0]," ")}}function Zc(l,T){if(1&l&&e._UZ(0,"tui-data-list-wrapper",14),2&l){const a=e.oxw(2);e.Q6J("items",a.items)}}function Kc(l,T){if(1&l){const a=e.EpF();e.ynx(0),e.TgZ(1,"tui-select",12),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(2," tuiMode "),e.YNc(3,Zc,1,1,"tui-data-list-wrapper",13),e.qZA(),e.BQk()}if(2&l){const a=e.oxw(),d=e.MAs(2);e.xp6(1),e.Q6J("ngModel",a.mode)("tuiHintContent",d)("tuiTextfieldCleaner",!0)}}function qa(l,T){if(1&l){const a=e.EpF();e._uU(0," tuiMode: "),e._UZ(1,"tui-tooltip",15),e.TgZ(2,"div",16)(3,"tui-radio-block",17),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(4," null "),e.qZA(),e.TgZ(5,"tui-radio-block",18),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(6," onDark "),e.qZA(),e.TgZ(7,"tui-radio-block",19),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(8," onLight "),e.qZA()()}if(2&l){const a=e.oxw(),d=e.MAs(2);e.xp6(1),e.Q6J("content",d),e.xp6(1),e.Q6J("collapsed",!0),e.xp6(1),e.Q6J("hideRadio",!0)("item",null)("ngModel",a.mode),e.xp6(2),e.Q6J("hideRadio",!0)("ngModel",a.mode),e.xp6(2),e.Q6J("hideRadio",!0)("ngModel",a.mode)}}function eu(l,T){if(1&l&&e._UZ(0,"tui-svg",27),2&l){const a=e.oxw(2);e.ekj("t-icon_rotated",a.expanded),e.Q6J("src",a.options.iconSmall)}}function Xc(l,T){if(1&l&&e._UZ(0,"tui-data-list-wrapper",14),2&l){const a=e.oxw(3);e.Q6J("items",a.updateOnVariants)}}const Bs=function(){return{standalone:!0}};function Jc(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"pre",28),e._uU(1),e.ALo(2,"json"),e.qZA(),e.TgZ(3,"div",29)(4,"tui-select",30),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(2);return e.KtG(Ce.updateOnChange(H))}),e._uU(5," updateOn "),e.YNc(6,Xc,1,1,"tui-data-list-wrapper",13),e.qZA(),e.TgZ(7,"button",31),e._uU(8," Reset "),e.qZA(),e.TgZ(9,"button",32),e._uU(10," Submit "),e.qZA()()}if(2&l){const a=e.oxw(2);e.xp6(1),e.hij("Form data: ",e.lcZ(2,3,a.testForm.value),""),e.xp6(3),e.Q6J("ngModel",a.updateOn)("ngModelOptions",e.DdM(5,Bs))}}function Qc(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"form",20)(1,"div",21),e.GkF(2,22),e.qZA(),e.TgZ(3,"button",23),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.toggleDetails())}),e._uU(4),e.qZA(),e.YNc(5,eu,1,3,"ng-template",null,24,e.W1O),e.TgZ(7,"tui-expand",25),e.YNc(8,Jc,11,6,"ng-template",26),e.qZA()()}if(2&l){const a=e.MAs(6),d=e.oxw();e.Q6J("formGroup",d.testForm),e.xp6(2),e.Q6J("ngTemplateOutlet",d.template),e.xp6(1),e.Q6J("iconRight",a),e.xp6(1),e.hij(" ",d.texts[2]," "),e.xp6(3),e.Q6J("expanded",d.expanded)}}const tu=function(){return[1,0]};function nu(l,T){if(1&l&&(e.TgZ(0,"h1",2),e._uU(1),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.hij(" ",a.heading,"\n")}}function ul(l,T){if(1&l&&(e.TgZ(0,"th",10),e._uU(1),e.qZA()),2&l){const a=e.oxw(3);e.xp6(1),e.hij(" ",a.texts[3]," ")}}function Cs(l,T){1&l&&e._UZ(0,"tui-badge",21)}function iu(l,T){1&l&&(e.TgZ(0,"span",22),e._uU(1," deprecated "),e.qZA())}function ll(l,T){if(1&l&&(e.TgZ(0,"a",25),e._uU(1),e.qZA()),2&l){const a=e.oxw().$implicit;e.uIk("href",a.reference,e.LSH),e.xp6(1),e.hij(" ",a.type," ")}}function qc(l,T){if(1&l&&e._uU(0),2&l){const a=e.oxw().$implicit;e.hij(" ",a.type," ")}}function ou(l,T){1&l&&(e.TgZ(0,"span"),e._uU(1,"\xa0|\xa0"),e.qZA())}function ed(l,T){if(1&l&&(e.ynx(0),e.YNc(1,ll,2,2,"a",23),e.YNc(2,qc,1,1,"ng-template",null,24,e.W1O),e.YNc(4,ou,2,0,"span",1),e.BQk()),2&l){const a=T.$implicit,d=T.last,H=e.MAs(3);e.xp6(1),e.Q6J("ngIf",a.reference)("ngIfElse",H),e.xp6(3),e.Q6J("ngIf",!d)}}function td(l,T){if(1&l&&e._UZ(0,"tui-data-list-wrapper",35),2&l){e.oxw(2);const a=e.MAs(3),d=e.oxw(2).$implicit;e.Q6J("itemContent",a)("items",d.documentationPropertyValues)}}function nd(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-select",32),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(3).$implicit;return e.KtG(Ce.onValueChange(H))}),e.ALo(1,"tuiShowCleanerPipe"),e.TgZ(2,"code",33),e._uU(3,"null"),e.qZA(),e.YNc(4,td,1,2,"tui-data-list-wrapper",34),e.qZA()}if(2&l){e.oxw();const a=e.MAs(3),d=e.oxw(2).$implicit;e.Q6J("nativeId",d.attrName)("ngModel",d.documentationPropertyValue)("tuiTextfieldCleaner",e.lcZ(1,5,d.documentationPropertyType))("tuiTextfieldLabelOutside",!0)("valueContent",a)}}function id(l,T){if(1&l&&(e.TgZ(0,"code"),e._uU(1),e.ALo(2,"tuiInspectAny"),e.qZA()),2&l){const a=T.$implicit;e.xp6(1),e.Oqu(e.lcZ(2,1,a))}}function od(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-toggle",42),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("ngModel",a.documentationPropertyValue)("showIcons",!0)}}function rd(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-primitive-textfield",43),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("value",a.documentationPropertyValue||"")}}function cl(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",44)(1,"tui-primitive-textfield",45),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit,Nt=e.oxw(3);return e.KtG(Nt.onColorChange(Ce,H))}),e.ALo(2,"tuiGetOpacity"),e.ALo(3,"tuiGetColorPipe"),e._UZ(4,"input",46),e.qZA(),e.TgZ(5,"tui-input-number",47),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit,Nt=e.oxw(3);return e.KtG(Nt.onOpacityChange(Ce,H))}),e.ALo(6,"tuiGetOpacity"),e._uU(7," Opacity "),e.qZA()()}if(2&l){const a=e.oxw(4).$implicit;e.xp6(1),e.Q6J("tuiInputOpacity",e.lcZ(2,8,a.documentationPropertyValue))("tuiTextfieldLabelOutside",!0)("value",e.lcZ(3,10,a.documentationPropertyValue)),e.uIk("id",a.attrName),e.xp6(4),e.Q6J("max",100)("min",0)("ngModel",e.lcZ(6,12,a.documentationPropertyValue))("step",1)}}function ru(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-input-number",48),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H||0))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("ngModel",a.documentationPropertyValue)("step",1)("tuiTextfieldLabelOutside",!0)}}function dl(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-primitive-textfield",43),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(5).$implicit;return e.KtG(Ce.onValueChange(H))}),e._uU(1," Default content "),e.qZA()}if(2&l){const a=e.oxw(5).$implicit;e.Q6J("nativeId",a.attrName)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("value",a.documentationPropertyValue.toString())}}function su(l,T){if(1&l&&(e.ynx(0),e.YNc(1,dl,2,4,"tui-primitive-textfield",49),e.ALo(2,"tuiIsPrimitivePolymorpheusContentPipe"),e.BQk()),2&l){const a=e.oxw(4).$implicit;e.xp6(1),e.Q6J("ngIf",e.lcZ(2,1,a.documentationPropertyValue))}}function sd(l,T){if(1&l&&(e.ynx(0,36),e.YNc(1,od,1,3,"tui-toggle",37),e.YNc(2,rd,1,4,"tui-primitive-textfield",38),e.YNc(3,cl,8,14,"div",39),e.YNc(4,ru,1,4,"tui-input-number",40),e.YNc(5,su,3,3,"ng-container",41),e.BQk()),2&l){const a=e.oxw(3).$implicit;e.Q6J("ngSwitch",a.documentationPropertyType),e.xp6(1),e.Q6J("ngSwitchCase","boolean"),e.xp6(1),e.Q6J("ngSwitchCase","string"),e.xp6(1),e.Q6J("ngSwitchCase","color"),e.xp6(1),e.Q6J("ngSwitchCase","number"),e.xp6(1),e.Q6J("ngSwitchCase","PolymorpheusContent")}}function ad(l,T){if(1&l&&(e.ynx(0),e.YNc(1,nd,5,7,"tui-select",29),e.YNc(2,id,3,3,"ng-template",null,30,e.W1O),e.YNc(4,sd,6,6,"ng-template",null,31,e.W1O),e.BQk()),2&l){const a=e.MAs(5),d=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",d.hasItems)("ngIfElse",a)}}function hl(l,T){if(1&l&&(e.TgZ(0,"tui-notification",50),e.ALo(1,"async"),e._uU(2," Emit! "),e.qZA()),2&l){const a=e.oxw(2).$implicit;e.Q6J("@emitEvent",e.lcZ(1,1,a.emits$))}}function fl(l,T){if(1&l&&(e.TgZ(0,"td",26),e.YNc(1,ad,6,2,"ng-container",27),e.YNc(2,hl,3,3,"ng-template",null,28,e.W1O),e.qZA()),2&l){const a=e.MAs(3),d=e.oxw().$implicit;e.xp6(1),e.Q6J("ngIf",d.shouldShowValues)("ngIfElse",a)}}function as(l,T){if(1&l&&(e.TgZ(0,"tr",11)(1,"td",12)(2,"div",13)(3,"code"),e._uU(4),e.ALo(5,"tuiStripOptionalPipe"),e.qZA(),e.YNc(6,Cs,1,0,"tui-badge",14),e.ALo(7,"tuiIsOptionalPipe"),e.qZA(),e.YNc(8,iu,2,0,"span",15),e.GkF(9,16),e.qZA(),e.TgZ(10,"td",12)(11,"span",17)(12,"code",18),e.YNc(13,ed,5,3,"ng-container",19),e.ALo(14,"tuiDocTypeReference"),e.qZA()()(),e.YNc(15,fl,4,2,"td",20),e.qZA()),2&l){const a=T.$implicit,d=e.oxw(3);e.ekj("t-deprecated",a.documentationPropertyDeprecated),e.xp6(3),e.Udp("color","var(--tui-accent-active)"),e.xp6(1),e.hij(" ",e.lcZ(5,10,a.attrName)," "),e.xp6(2),e.Q6J("ngIf",e.lcZ(7,12,a.attrName)),e.xp6(2),e.Q6J("ngIf",a.documentationPropertyDeprecated),e.xp6(1),e.Q6J("ngTemplateOutlet",a.template),e.xp6(4),e.Q6J("ngForOf",e.lcZ(14,14,a.documentationPropertyType)),e.xp6(2),e.Q6J("ngIf",d.showValues)}}function pl(l,T){if(1&l&&(e.TgZ(0,"table",4)(1,"tr",5)(2,"th",6),e._uU(3),e.qZA(),e.TgZ(4,"th",7),e._uU(5),e.qZA(),e.YNc(6,ul,2,1,"th",8),e.qZA(),e.YNc(7,as,16,16,"tr",9),e.qZA()),2&l){const a=e.oxw().ngIf,d=e.oxw();e.xp6(3),e.Oqu(d.texts[2]),e.xp6(2),e.Oqu(d.type),e.xp6(1),e.Q6J("ngIf",d.showValues&&!d.isAPI),e.xp6(1),e.Q6J("ngForOf",a)}}function gl(l,T){if(1&l&&(e.ynx(0),e.YNc(1,pl,8,4,"table",3),e.BQk()),2&l){const a=T.ngIf;e.xp6(1),e.Q6J("ngIf",a.length)}}function ud(l,T){1&l&&e._UZ(0,"span",8),2&l&&e.Q6J("textContent",T.polymorpheusOutlet)}function Of(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"button",9),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2);return e.KtG(H.copyExampleLink())}),e.ALo(1,"async"),e.qZA()}if(2&l){const a=e.oxw(2);e.Q6J("icon",a.options.linkIcon)("title",e.lcZ(1,2,a.copy$))}}function la(l,T){if(1&l&&(e.TgZ(0,"h3",5),e.YNc(1,ud,1,1,"span",6),e.YNc(2,Of,2,4,"button",7),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.heading),e.xp6(1),e.Q6J("ngIf",a.id)}}function ld(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function ml(l,T){if(1&l&&(e.TgZ(0,"h4",10),e.YNc(1,ld,2,1,"ng-container",11),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.description)}}function _l(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function vl(l,T){if(1&l&&(e.TgZ(0,"button",21),e.YNc(1,_l,2,1,"ng-container",11),e.qZA()),2&l){const a=e.oxw().$implicit,d=e.oxw(4);e.xp6(1),e.Q6J("polymorpheusOutlet",d.getTabTitle(a))}}function au(l,T){1&l&&(e.ynx(0),e.YNc(1,vl,2,1,"button",20),e.BQk())}function yl(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function ca(l,T){if(1&l&&(e.ynx(0),e.YNc(1,yl,2,1,"ng-container",11),e.BQk()),2&l){const a=T.ngIf;e.xp6(1),e.Q6J("polymorpheusOutlet",a)}}function da(l,T){if(1&l&&(e.TgZ(0,"button",25),e._uU(1),e.qZA()),2&l){const a=e.oxw(5);e.xp6(1),e.hij(" Edit on ",a.codeEditor.name," ")}}function Cl(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-loader",22),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(3).ngIf,Ce=e.oxw();return e.KtG(Ce.edit(H))}),e.ALo(1,"async"),e.YNc(2,ca,2,1,"ng-container",23),e.YNc(3,da,2,1,"ng-template",null,24,e.W1O),e.qZA()}if(2&l){const a=e.MAs(4),d=e.oxw(4);e.Q6J("overlay",!0)("showLoader",!!e.lcZ(1,4,d.loading$)),e.xp6(2),e.Q6J("ngIf",null==d.codeEditor?null:d.codeEditor.content)("ngIfElse",a)}}function uu(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"div",16)(1,"tui-tabs-with-more",17),e.NdJ("activeItemIndexChange",function(H){e.CHM(a);const Ce=e.oxw(3);return e.KtG(Ce.activeItemIndex=H)}),e.YNc(2,au,2,0,"ng-container",18),e.qZA(),e.YNc(3,Cl,5,6,"tui-loader",19),e.ALo(4,"tuiMapper"),e.qZA()}if(2&l){const a=e.oxw().ngIf,d=e.oxw().ngIf,H=e.oxw();e.xp6(1),e.Q6J("activeItemIndex",H.activeItemIndex),e.xp6(1),e.Q6J("ngForOf",a),e.xp6(1),e.Q6J("ngIf",e.xi3(4,3,d,H.visible))}}function lu(l,T){if(1&l&&e.GkF(0,29),2&l){e.oxw(4);const a=e.MAs(5);e.Q6J("ngTemplateOutlet",a)}}const ha=function(l){return{$implicit:l}};function Us(l,T){if(1&l&&e.GkF(0,30),2&l){const a=e.oxw(2).ngIf,d=e.oxw().ngIf,H=e.oxw(),Ce=e.MAs(7);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.VKq(2,ha,(null==d?null:d[a[H.activeItemIndex]])||""))}}function cd(l,T){if(1&l&&(e.TgZ(0,"div",26),e.YNc(1,lu,1,1,"ng-container",27),e.YNc(2,Us,1,4,"ng-template",null,28,e.W1O),e.qZA()),2&l){const a=T.index,d=e.MAs(3),H=e.oxw(3);e.ekj("t-content_animated",!H.isE2E)("t-content_visible",H.activeItemIndex===a),e.xp6(1),e.Q6J("ngIf",a===H.defaultTabIndex)("ngIfElse",d)}}function Dl(l,T){if(1&l&&(e.ynx(0),e.YNc(1,uu,5,6,"div",14),e.YNc(2,cd,4,6,"div",15),e.BQk()),2&l){const a=T.ngIf;e.xp6(1),e.Q6J("ngIf",a.length>1),e.xp6(1),e.Q6J("ngForOf",a)}}function dd(l,T){if(1&l&&(e.TgZ(0,"div",12),e.YNc(1,Dl,3,2,"ng-container",13),e.ALo(2,"tuiDocExampleGetTabs"),e.qZA()),2&l){const a=T.ngIf,d=e.oxw();e.xp6(1),e.Q6J("ngIf",e.xi3(2,1,a,d.defaultTab))}}function hd(l,T){1&l&&(e.TgZ(0,"div",31),e.Hsn(1),e.qZA())}function fd(l,T){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=T.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function bl(l,T){if(1&l&&(e.ynx(0),e.YNc(1,fd,2,1,"ng-container",33),e.BQk()),2&l){const a=T.$implicit,d=e.oxw().$implicit;e.xp6(1),e.Q6J("polymorpheusOutlet",a)("polymorpheusOutletContext",e.VKq(2,ha,d))}}function El(l,T){if(1&l&&(e.TgZ(0,"tui-doc-code",32),e.YNc(1,bl,2,4,"ng-container",18),e.qZA()),2&l){const a=T.$implicit,d=e.oxw();e.Q6J("code",a),e.xp6(1),e.Q6J("ngForOf",d.codeActions)}}function fa(l,T){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function cu(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"a",14),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(4),Ce=e.MAs(1);return e.KtG(H.onClick(Ce))}),e._uU(1),e.YNc(2,fa,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=T.$implicit;e.Q6J("fragment",a.fragment)("routerLink",a.route),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}function Ds(l,T){if(1&l&&(e.TgZ(0,"tui-opt-group",12),e.YNc(1,cu,3,4,"a",13),e.qZA()),2&l){const a=T.$implicit,d=T.index,H=e.oxw(3);e.Q6J("label",H.labels[d]||""),e.xp6(1),e.Q6J("ngForOf",a)}}function pd(l,T){if(1&l&&(e.TgZ(0,"tui-data-list"),e.YNc(1,Ds,2,2,"tui-opt-group",11),e.ALo(2,"async"),e.qZA()),2&l){const a=e.oxw(2);e.xp6(1),e.Q6J("ngForOf",e.lcZ(2,1,a.filtered$))}}function gd(l,T){1&l&&(e.ynx(0),e.YNc(1,pd,3,3,"tui-data-list",10),e.BQk())}const md=function(l,T){return{item:l,index:T}};function _d(l,T){if(1&l&&e.GkF(0,21),2&l){const a=T.$implicit,d=T.index,H=e.oxw(2).index;e.oxw();const Ce=e.MAs(12);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.WLB(2,md,a,100*H+d))}}function du(l,T){if(1&l&&(e.TgZ(0,"div",20),e.YNc(1,_d,1,5,"ng-container",8),e.qZA()),2&l){const a=e.oxw().index,d=e.oxw();e.xp6(1),e.Q6J("ngForOf",d.items[a])}}function vd(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-accordion-item",17),e.NdJ("openChange",function(H){const Nt=e.CHM(a).index,Mn=e.oxw();return e.KtG(!!(Mn.openPagesArr[Nt]=H))}),e.TgZ(1,"span",18)(2,"strong"),e._uU(3),e.qZA()(),e.YNc(4,du,2,1,"ng-template",19),e.qZA()}if(2&l){const a=T.$implicit,d=T.index,H=e.oxw();e.Q6J("borders",null)("open",!!H.openPagesArr[d]),e.xp6(3),e.Oqu(a)}}function Tl(l,T){if(1&l&&e.GkF(0,21),2&l){const a=T.$implicit,d=T.index,H=e.oxw(),Ce=e.MAs(12);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.WLB(2,md,a,H.items.length-1+d))}}function pa(l,T){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function hu(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"a",24),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2);return e.KtG(H.closeMenu())}),e._uU(1),e.YNc(2,pa,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=e.oxw().item,d=e.oxw();e.Q6J("routerLink",a.route)("tuiScrollIntoViewLink",d.isActive(a.route)),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}function Ml(l,T){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function Ol(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"button",30),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2).index,Ce=e.oxw();return e.KtG(Ce.onGroupClick(H))}),e._UZ(1,"tui-svg",31),e._uU(2),e.YNc(3,Ml,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=e.oxw(2),d=a.index,H=a.item,Ce=e.oxw();e.xp6(1),e.ekj("t-chevron_active",!!Ce.openPagesGroupsArr[d]),e.Q6J("src",Ce.icons.more),e.xp6(1),e.hij(" ",H.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",H.icon)}}function wl(l,T){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",T.polymorpheusOutlet)}function us(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"a",32),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(3);return e.KtG(H.closeMenu())}),e._uU(1),e.YNc(2,wl,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=T.$implicit,d=e.oxw(3);e.Q6J("fragment",a.fragment)("routerLink",a.route)("tuiScrollIntoViewLink",d.isActive(a.route)),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}const yd=function(){return{exact:!1}};function Cd(l,T){if(1&l&&(e.TgZ(0,"div",25),e.YNc(1,Ol,4,5,"button",26),e.TgZ(2,"tui-expand",27)(3,"div",28),e.YNc(4,us,3,5,"a",29),e.qZA()()()),2&l){const a=e.oxw(),d=a.item,H=a.index,Ce=e.oxw();e.Q6J("routerLinkActiveOptions",e.DdM(4,yd)),e.xp6(1),e.Q6J("ngIf",d.subPages),e.xp6(1),e.Q6J("expanded",!!Ce.openPagesGroupsArr[H]),e.xp6(2),e.Q6J("ngForOf",Ce.$pages(d.subPages))}}function Dd(l,T){if(1&l&&(e.YNc(0,hu,3,4,"a",22),e.YNc(1,Cd,5,5,"ng-template",null,23,e.W1O)),2&l){const a=T.item,d=e.MAs(2);e.Q6J("ngIf",!a.subPages)("ngIfElse",d)}}const bd=["tuiDocHeader",""];function Ed(l,T){1&l&&e._UZ(0,"tui-doc-navigation",4)}function Pr(l,T){1&l&&e._UZ(0,"img",5),2&l&&e.Q6J("src",T.polymorpheusOutlet,e.LSH)}function bs(l,T){1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l&&(e.xp6(1),e.Oqu(", "))}function Td(l,T){if(1&l&&(e.ynx(0),e._UZ(1,"a",2),e.YNc(2,bs,2,1,"ng-container",3),e.BQk()),2&l){const a=T.$implicit,d=T.last,H=e.oxw();e.xp6(1),e.Q6J("innerText",a)("routerLink",H.getRouterLink(a)),e.xp6(1),e.Q6J("ngIf",!d)}}function Md(l,T){if(1&l&&e._UZ(0,"a",1),2&l){const a=T.polymorpheusOutlet,d=e.oxw();e.Q6J("href",a,e.LSH)("icon",d.icons.code)("title",d.text)}}function wd(l,T){1&l&&e._UZ(0,"tui-theme-night")}const xd=[[["tuiDocNavigation"]],[["tuiDocHeader"]],[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverPortals"]],[["tuiOverHints"]]],xl=["tuiDocNavigation","tuiDocHeader","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverPortals","tuiOverHints"];function Ad(l,T){1&l&&e._UZ(0,"tui-tag",9)}function Pd(l,T){if(1&l&&e._UZ(0,"tui-tag",10),2&l){const a=e.oxw();e.Q6J("autoColor",!0)("value",a.package)}}const Sd=function(l){return{exact:l}};function Id(l,T){if(1&l&&(e.TgZ(0,"a",14),e.ALo(1,"tuiReplace"),e._uU(2),e.qZA()),2&l){const a=e.oxw().ngIf,d=e.oxw().first,H=e.oxw(2);e.Q6J("routerLink",d?"./":e.Dn7(1,3,a,H.from,H.to))("routerLinkActiveOptions",e.VKq(7,Sd,d)),e.xp6(2),e.hij(" ",a," ")}}function ga(l,T){1&l&&(e.ynx(0),e.YNc(1,Id,3,9,"a",13),e.BQk())}function Sr(l,T){if(1&l&&(e.ynx(0),e.YNc(1,ga,2,0,"ng-container",12),e.BQk()),2&l){const a=T.$implicit,d=T.index,H=e.oxw(2);e.xp6(1),e.Q6J("ngIf",a.pageTab||H.defaultTabs[d])}}function Hs(l,T){if(1&l){const a=e.EpF();e.TgZ(0,"tui-tabs-with-more",11),e.NdJ("activeItemIndexChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.activeItemIndex=H)}),e.YNc(1,Sr,2,1,"ng-container",8),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("activeItemIndex",a.activeItemIndex),e.xp6(1),e.Q6J("ngForOf",a.tabConnectors)}}function Al(l,T){if(1&l&&e._UZ(0,"tui-doc-see-also",15),2&l){const a=e.oxw();e.Q6J("seeAlso",a.seeAlso)}}function Pl(l,T){if(1&l&&e.GkF(0,17),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a.template)}}function Sl(l,T){if(1&l&&(e.ynx(0),e.YNc(1,Pl,1,1,"ng-container",16),e.BQk()),2&l){const a=T.index,d=e.oxw();e.xp6(1),e.Q6J("ngIf",a===d.activeItemIndex)}}let kd=(()=>{class l{constructor(a){this.markdownCodeProcessor=a,this.rawLoader$$=new _.X(""),this.filename="",this.copy$=new g.xQ,this.icon$=this.copy$.pipe((0,C.w)(()=>(0,f.H)(2e3).pipe((0,O.U)(()=>"tuiIconCopyLarge"),(0,w.O)("tuiIconCheckLarge")))),this.processor$=this.rawLoader$$.pipe((0,C.w)(p.JQ),(0,O.U)(d=>this.markdownCodeProcessor(d)))}set code(a){this.rawLoader$$.next(a)}get hasFilename(){return!!this.filename}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.Es))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-code"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_has-filename",d.hasFilename)},inputs:{filename:"filename",code:"code"},ngContentSelectors:jr,decls:3,vars:4,consts:[["class","t-header",4,"ngIf"],["class","t-code",4,"ngFor","ngForOf"],[1,"t-header"],[1,"t-code"],[3,"lineNumbers","highlight"],[1,"t-code-actions"],["tuiIconButton","","appearance","icon","size","xs",1,"t-copy-button",3,"icon","cdkCopyToClipboard","click"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,rl,2,1,"p",0),e.YNc(1,Wc,13,6,"pre",1),e.ALo(2,"async")),2&a&&(e.Q6J("ngIf",d.filename),e.xp6(1),e.Q6J("ngForOf",e.lcZ(2,2,d.processor$)))},dependencies:[Q.v0,ne.O5,ne.sg,so.y$,_r,ne.Ov],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{border-radius:.25rem}.t-code[_ngcontent-%COMP%]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-%COMP%]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{margin-top:1rem}.t-code-actions[_ngcontent-%COMP%]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-%COMP%]   .t-code-actions[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-code-actions[_ngcontent-%COMP%]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-%COMP%] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-%COMP%]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-%COMP%]   .hljs[_ngcontent-%COMP%]:not(:empty), tui-root._mobile   [_nghost-%COMP%]   .hljs[_ngcontent-%COMP%]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}"],changeDetection:0}),l})(),Rd=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,so._l,Q.fN,vr]]}),l})(),fu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Q.fN]]}),l})(),Af=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn){var Yn,Bi;this.options=a,this.isMobile=d,this.el=H,this.locationRef=Ce,this.urlSerializer=Nt,this.texts=Mn,this.urlStateHandler=Nn,this.control=null,this.sticky=!0,this.template=null,this.updateOnVariants=["change","blur","submit"],this.updateOn=this.params.updateOn||this.updateOnVariants[0],this.opaque=(0,p.cd)(null===(Yn=this.params.sandboxOpaque)||void 0===Yn||Yn),this.expanded=(0,p.cd)(null!==(Bi=this.params.sandboxExpanded)&&void 0!==Bi&&Bi),this.mode=this.params.tuiMode||null,this.sandboxWidth=(0,ao.oY)(this.params.sandboxWidth),this.change$=new g.xQ,this.items=["onLight","onDark"]}onResize(){this.updateWidth(),this.onMouseUp()}onMouseUp(){this.updateUrl({sandboxWidth:this.sandboxWidth})}ngOnInit(){this.createForm(),this.updateWidth(this.sandboxWidth+this.delta)}onModeChange(a){this.mode=a,this.updateUrl({sandboxWidth:this.sandboxWidth}),this.change$.next()}toggleDetails(){this.expanded=!this.expanded,this.updateUrl({sandboxExpanded:this.expanded})}changeOpaque(a){this.opaque=a,this.updateUrl({sandboxOpaque:this.opaque})}updateOnChange(a){this.updateOn=a,this.updateUrl({updateOn:a}),this.createForm()}updateWidth(a=NaN){if(!this.resizer||!this.resizeable||!this.content)return;const d=a||this.resizeable.nativeElement.clientWidth,H=this.el.nativeElement.clientWidth,Ce=Math.round((0,ao.Ki)(d,160,H))-this.delta,Nt=d<H?Ce:NaN;this.resizer.nativeElement.textContent=String(Ce||"-"),this.resizeable.nativeElement.style.width=Nt?(0,Ci.O)(d):"",this.sandboxWidth=Nt}get delta(){return this.resizeable&&this.content?this.resizeable.nativeElement.clientWidth-this.content.nativeElement.clientWidth:0}updateUrl(a){const d=this.getUrlTree(),{queryParams:H}=d;delete H.sandboxWidth,delete H.tuiMode,d.queryParams=Object.assign(Object.assign({},H),(0,Wt.xT)(Object.assign({tuiMode:this.mode},a))),this.locationRef.go(this.urlStateHandler(d))}createForm(){const{control:a,updateOn:d}=this;a&&(this.testForm=new Ln.cw({testValue:a},{updateOn:d}))}getUrlTree(){return this.urlSerializer.parse(this.locationRef.path())}get params(){return this.getUrlTree().queryParams}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ci),e.Y36(xt.fL),e.Y36(e.SBq),e.Y36(ne.Ye),e.Y36(Gn.Hx),e.Y36(o.ru),e.Y36(o.Ii))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-demo"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,e.Rgc,5),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.template=Ce.first)}},viewQuery:function(a,d){if(1&a&&(e.Gf(Gi,7),e.Gf(sl,7),e.Gf(Yc,7)),2&a){let H;e.iGM(H=e.CRH())&&(d.resizeable=H.first),e.iGM(H=e.CRH())&&(d.content=H.first),e.iGM(H=e.CRH())&&(d.resizer=H.first)}},hostVars:2,hostBindings:function(a,d){1&a&&e.NdJ("resize",function(){return d.onResize()},!1,e.Jf7)("mouseup.silent",function(){return d.onMouseUp()},!1,e.evT),2&a&&e.ekj("_sticky",d.sticky)},inputs:{control:"control",sticky:"sticky"},features:[e._Bn([Tt.a3,{provide:ye.w,useExisting:(0,e.Gpc)(()=>l)}])],ngContentSelectors:jr,decls:16,vars:14,consts:[[1,"t-bg-toggle",3,"tuiMode"],["tooltip",""],[4,"ngIf","ngIfElse"],["desktop",""],["size","m",1,"t-checkbox",3,"ngModel","ngModelChange"],["tuiResizeable","",1,"t-wrapper"],["id","demo-content",1,"t-content"],["content",""],["class","t-form",3,"formGroup",4,"ngIf"],[1,"t-resizer",3,"tuiResizer","tuiSizeChange"],["resizer",""],["routerLink","/directives/mode","tuiLink","","tuiMode","onDark"],["tuiTextfieldSize","s",1,"t-mode",3,"ngModel","tuiHintContent","tuiTextfieldCleaner","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"],["describeId","form",3,"content"],["tuiGroup","",1,"t-group",3,"collapsed"],["nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","item","ngModel","ngModelChange"],["item","onDark","nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","ngModel","ngModelChange"],["item","onLight","nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","ngModel","ngModelChange"],[1,"t-form",3,"formGroup"],[1,"t-input-wrapper"],[3,"ngTemplateOutlet"],["automation-id","tui-demo-button__toggle-details","size","s","tuiButton","","type","button",1,"t-button",3,"iconRight","click"],["icon",""],[1,"t-expand",3,"expanded"],["tuiExpandContent",""],[1,"t-icon",3,"src"],[1,"t-value"],["tuiGroup","",1,"t-form-controls"],["automation-id","tui-demo-select__expand-update-on","tuiTextfieldSize","s",1,"t-select",3,"ngModel","ngModelOptions","ngModelChange"],["automation-id","tui-demo-button__reset-state","size","s","tuiButton","","type","reset",1,"tui-group__auto-width-item"],["automation-id","tui-demo-button__submit-state","size","s","tuiButton","","type","submit",1,"tui-group__auto-width-item"]],template:function(a,d){if(1&a&&(e.F$t(),e.TgZ(0,"div",0),e.YNc(1,al,4,1,"ng-template",null,1,e.W1O),e.YNc(3,Kc,4,3,"ng-container",2),e.YNc(4,qa,9,9,"ng-template",null,3,e.W1O),e.TgZ(6,"tui-checkbox-labeled",4),e.NdJ("ngModelChange",function(Ce){return d.changeOpaque(Ce)}),e._uU(7),e.qZA()(),e.TgZ(8,"div",5)(9,"div",6)(10,"div",null,7),e.YNc(12,Qc,9,5,"form",8),e.Hsn(13),e.qZA()(),e.TgZ(14,"div",9,10),e.NdJ("tuiSizeChange",function(Ce){return d.updateWidth(Ce[0])}),e.qZA()()),2&a){const H=e.MAs(5);e.Q6J("tuiMode",null),e.xp6(3),e.Q6J("ngIf",d.isMobile)("ngIfElse",H),e.xp6(3),e.Q6J("ngModel",d.opaque),e.xp6(1),e.hij(" ",d.texts[1]," "),e.xp6(1),e.ekj("t-wrapper_dark","onDark"===d.mode)("t-wrapper_gray","onLight"===d.mode)("t-wrapper_transparent",!d.opaque),e.xp6(4),e.Q6J("ngIf",d.testForm),e.xp6(2),e.Q6J("tuiResizer",e.DdM(13,tu))}},dependencies:[ue.V,Bt,vn,de.w,Bu,As.p,Q.v0,X.PN,G,ye.w,Gn.yS,ne.O5,Xt,te.sz,Ln.JJ,Ln.On,Re.bZ,te.be,q.gX,ce.gZ,Gi,Ln._Y,Ln.JL,Ln.sg,ne.tP,Ee,Go,ne.Ts],styles:['[_nghost-%COMP%]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-%COMP%]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:auto}.t-wrapper[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-%COMP%]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-%COMP%]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{min-height:auto}.t-content[_ngcontent-%COMP%]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1rem}.t-form[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-%COMP%]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-%COMP%]{width:100%}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-value[_ngcontent-%COMP%]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-%COMP%]{width:12.5rem}.t-select[_ngcontent-%COMP%]{max-width:15rem}.t-resizer[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-%COMP%]:before, .t-resizer[_ngcontent-%COMP%]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-%COMP%]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-%COMP%]   .t-resizer[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-resizer[_ngcontent-%COMP%]{display:none}.t-resizer-text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-%COMP%]   .t-resizer-text[_ngcontent-%COMP%]{background:#3e464e}.t-group[_ngcontent-%COMP%], .t-checkbox[_ngcontent-%COMP%]{margin-left:.75rem}.t-button[_ngcontent-%COMP%], .t-form-controls[_ngcontent-%COMP%]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-%COMP%]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}'],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"updateUrl",null),l})(),kl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.UX,Ln.u5,Gn.Bz,ue.j,Q.fN,xn,he,ce.n6,de.Q,ye.z,Js,As.s,X.EI,$n,q.pc,te.cn,Re.go,co]]}),l})(),Fl=(()=>{class l{constructor(a,d,H,Ce,Nt){this.template=a,this.locationRef=d,this.activatedRoute=H,this.urlSerializer=Ce,this.urlStateHandler=Nt,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.vpe,this.changed$=new g.xQ,this.emits$=new _.X(1)}ngOnInit(){this.parseParams(this.activatedRoute.snapshot.queryParams)}get attrName(){switch(this.documentationPropertyMode){case"input":return`[${this.documentationPropertyName}]`;case"output":return`(${this.documentationPropertyName})`;case"input-output":return`[(${this.documentationPropertyName})]`;default:return this.documentationPropertyName}}get hasItems(){return!!this.documentationPropertyValues}get shouldShowValues(){return"output"!==this.documentationPropertyMode}ngOnChanges(){this.changed$.next()}onValueChange(a){this.documentationPropertyValue=a,this.documentationPropertyValueChange.emit(a),this.setQueryParam(a)}emitEvent(a){console.info(this.attrName,a),this.emits$.next(this.emits$.value+1)}parseParams(a){const d=a[this.documentationPropertyName],H=a[`${this.documentationPropertyName}$`];if(!d&&!H)return;let Ce=H&&this.documentationPropertyValues?this.documentationPropertyValues[H]:(0,p.p8)(d);"string"===this.documentationPropertyType&&(0,Wt.dt)(Ce)&&(Ce=Ce.toString()),this.onValueChange(Ce)}setQueryParam(a){const d=this.urlSerializer.parse(this.locationRef.path()),H=a instanceof Object,Ce=H&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(a):a,Mn=this.documentationPropertyName+(H?"$":"");d.queryParams=Object.assign(Object.assign({},d.queryParams),{[Mn]:Ce}),this.locationRef.go(this.urlStateHandler(d))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc),e.Y36(ne.Ye),e.Y36(Gn.gz),e.Y36(Gn.Hx),e.Y36(o.Ii))},l.\u0275dir=e.lG2({type:l,selectors:[["ng-template","documentationPropertyName",""]],inputs:{documentationPropertyName:"documentationPropertyName",documentationPropertyMode:"documentationPropertyMode",documentationPropertyType:"documentationPropertyType",documentationPropertyValue:"documentationPropertyValue",documentationPropertyDeprecated:"documentationPropertyDeprecated",documentationPropertyValues:"documentationPropertyValues"},outputs:{documentationPropertyValueChange:"documentationPropertyValueChange"},exportAs:["documentationProperty"],features:[e.TTD]}),l})(),pu=(()=>{class l{transform(a){return 4===a.length?a.split("").reduce((H,Ce)=>[...H,Ce,Ce],[]).join("").replace("#",""):a.startsWith("#")?a:"transparent"===a?"#000000":function ir(l,T,a){return`#${[l,T,a].map(d=>d.toString(16).padStart(2,"0")).join("")}`}(...a.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map(H=>Number.parseInt(H,10)))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiGetColorPipe",type:l,pure:!0}),l})(),gu=(()=>{class l{transform(a){if(a.startsWith("#")||a.startsWith("rgb("))return 100;if("transparent"===a)return 0;const d=a.lastIndexOf(","),H=a.slice(d).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(H))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiGetOpacity",type:l,pure:!0}),l})(),Nl=(()=>{class l{constructor(a,d){this.renderer=a,this.focusable=d}set tuiInputOpacity(a){const{nativeFocusableElement:d}=this.focusable;d&&this.renderer.setStyle(d,"opacity",a/100)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Qsj),e.Y36(xt.KZ))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiInputOpacity",""]],inputs:{tuiInputOpacity:"tuiInputOpacity"}}),l})(),ma=(()=>{class l{transform(a){return a.replace("?","")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiStripOptionalPipe",type:l,pure:!0}),l})(),Ll=(()=>{class l{transform(a){return a.includes("?")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiIsOptionalPipe",type:l,pure:!0}),l})(),mu=(()=>{class l{constructor(a,d){this.parser=a,this.linkHandler=d}transform(a){return this.parser(a).map(({type:d,extracted:H})=>{var Ce,Nt;return{type:d,extracted:H,reference:null!==(Nt=null===(Ce=this.linkHandler)||void 0===Ce?void 0:Ce.call(this,H))&&void 0!==Nt?Nt:null}}).sort((d,H)=>{var Ce,Nt,Mn;return null!==(Mn=null===(Ce=H.reference)||void 0===Ce?void 0:Ce.localeCompare(null!==(Nt=d.reference)&&void 0!==Nt?Nt:""))&&void 0!==Mn?Mn:-1})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.B$,16),e.Y36(o.x9,16))},l.\u0275pipe=e.Yjl({name:"tuiDocTypeReference",type:l,pure:!0}),l})(),Fd=(()=>{class l{transform(a){return a.includes("null")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiShowCleanerPipe",type:l,pure:!0}),l})(),Yi=(()=>{class l{constructor(a){this.isE2E=a}transform(a,d=2){return this.isE2E&&"function"==typeof a?"\u03bb(x) => y":(0,p.sj)(a,d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.oD,16))},l.\u0275pipe=e.Yjl({name:"tuiInspectAny",type:l,pure:!0}),l})(),Bl=(()=>{class l{transform(a){return(0,Wt.Aj)(a)||(0,Wt.dt)(a)}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiIsPrimitivePolymorpheusContentPipe",type:l,pure:!0}),l})(),Nd=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn){this.cdr=a,this.texts=d,this.excludedProperties=H,this.destroy$=Ce,this.getColor=Nt,this.getOpacity=Mn,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=B.Mm,this.activeItemIndex=0,this.matcher=(Nn,Yn)=>!Yn.has(Nn.documentationPropertyName)}ngAfterContentInit(){(0,Me.ll)(this.propertiesConnectors).pipe((0,C.w)(a=>(0,m.T)(...a.map(({changed$:d})=>d))),(0,Me.NA)(this.cdr),(0,S.R)(this.destroy$)).subscribe()}get type(){return this.isAPI?this.texts[0]:this.texts[1]}onColorChange(a,d){const H=this.getOpacity.transform(a.documentationPropertyValue||"");if(100===H)return void a.onValueChange(d);const Nt=`rgba(${hr(d).join(", ")}, ${H/100})`;a.onValueChange(Nt)}onOpacityChange(a,d){const Nt=`rgba(${hr(this.getColor.transform(a.documentationPropertyValue||""))}, ${(d||0)/100})`;a.onValueChange(Nt)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(o.IK),e.Y36(o.et),e.Y36(Tt.a3,2),e.Y36(pu),e.Y36(gu))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-documentation"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Fl,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.propertiesConnectors=Ce)}},inputs:{heading:"heading",showValues:"showValues",isAPI:"isAPI"},features:[e._Bn([pu,gu,Tt.a3])],ngContentSelectors:jr,decls:4,vars:6,consts:[["class","t-heading",4,"ngIf"],[4,"ngIf"],[1,"t-heading"],["class","t-table",4,"ngIf"],[1,"t-table"],[1,"t-row","t-row_header"],[1,"t-th","t-cell","t-cell_prop"],[1,"t-th"],["class","t-th t-cell t-th_value",4,"ngIf"],["class","t-row",3,"t-deprecated",4,"ngFor","ngForOf"],[1,"t-th","t-cell","t-th_value"],[1,"t-row"],[1,"t-cell"],["automation-id","tui-documentation__property-name",1,"t-property"],["size","s","value","Optional",4,"ngIf"],["class","t-deprecated-label",4,"ngIf"],[3,"ngTemplateOutlet"],[1,"type"],[1,"t-code-type"],[4,"ngFor","ngForOf"],["class","t-cell t-cell_value",4,"ngIf"],["size","s","value","Optional"],[1,"t-deprecated-label"],["target","_blank","class","t-code-reference",4,"ngIf","ngIfElse"],["default",""],["target","_blank",1,"t-code-reference"],[1,"t-cell","t-cell_value"],[4,"ngIf","ngIfElse"],["elseEmitter",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange",4,"ngIf","ngIfElse"],["selectContent",""],["noItems",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange"],[1,"t-exception"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[3,"ngSwitch"],["size","l",3,"nativeId","ngModel","showIcons","ngModelChange",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange",4,"ngSwitchCase"],["tuiGroup","",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange",4,"ngSwitchCase"],[4,"ngSwitchCase"],["size","l",3,"nativeId","ngModel","showIcons","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange"],["tuiGroup",""],["tuiTextfieldSize","m",3,"tuiInputOpacity","tuiTextfieldLabelOutside","value","valueChange"],["tuiTextfield","","type","text"],["tuiTextfieldSize","m",3,"max","min","ngModel","step","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange",4,"ngIf"],[1,"t-output"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,nu,2,1,"h1",0),e.Hsn(1),e.YNc(2,gl,2,1,"ng-container",1),e.ALo(3,"tuiFilter")),2&a&&(e.Q6J("ngIf",d.heading),e.xp6(2),e.Q6J("ngIf",e.Dn7(3,2,d.propertiesConnectors,d.matcher,d.excludedProperties)))},dependencies:[Va,Bt,vn,ps,be.yc,be.MB,zr,N.L,ne.O5,ne.sg,ne.tP,Xt,_e.Ek,te.sz,Ln.JJ,Ln.On,te.be,te.xT,q.gX,ne.RF,ne.n9,be.B1,ce.gZ,Nl,Gu,Po,ma,Ll,mu,Fd,Yi,gu,pu,Bl,ne.Ov],styles:['[_nghost-%COMP%]{display:block;min-width:100%}.t-table[_ngcontent-%COMP%]{width:100%;table-layout:fixed}.t-row[_ngcontent-%COMP%]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-%COMP%]   .t-row[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-%COMP%]   .t-row_header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-row_header[_ngcontent-%COMP%]{display:none}.t-cell[_ngcontent-%COMP%]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-%COMP%]:first-child{padding-left:0}.t-cell[_ngcontent-%COMP%]:last-child{padding-right:0}.t-cell_prop[_ngcontent-%COMP%]{width:40%}.t-cell_value[_ngcontent-%COMP%]{text-align:right}tui-root._mobile[_nghost-%COMP%]   .t-cell[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-cell[_ngcontent-%COMP%]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-%COMP%]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-%COMP%]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-%COMP%]   .t-th_value[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-th_value[_ngcontent-%COMP%]{width:9.375rem}.t-property[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-%COMP%]   .t-property[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-property[_ngcontent-%COMP%]{padding:.5rem 0}.t-type[_ngcontent-%COMP%]{font-family:monospace}.t-deprecated[_ngcontent-%COMP%]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-%COMP%]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-%COMP%]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-%COMP%]{text-align:left;opacity:0}.t-heading[_ngcontent-%COMP%]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-%COMP%]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-%COMP%]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%}'],data:{animation:[(0,Ot.X$)("emitEvent",[(0,Ot.eR)(":increment",[(0,Ot.oB)({opacity:1}),(0,Ot.jt)("500ms ease-in")])])]},changeDetection:0}),l})(),_u=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Ul=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,Gn.Bz,Ur,xn,Rs,ue.j,Wu,ye.z,ce.n6,_u,be.KW,te.cn,_e.dp,q.pc,$n,N.H,No]]}),l})();const Hl={codeEditorVisibilityHandler:l=>Boolean(l.TypeScript&&l.HTML),tabTitles:new Map,fullsize:!0,linkIcon:"tuiIconLink"},Vl=(0,Wt.JN)(Hl);function Ld(l){return(0,Wt.vK)(Vl,l,Hl)}let Bd=(()=>{class l{transform(a,d){return[d,...Object.keys(a)]}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiDocExampleGetTabs",type:l,pure:!0}),l})(),zl=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn,Bi,Ro,vo,Ao,Gr){this.clipboard=a,this.alerts=d,this.location=H,this.copyTexts$=Ce,this.texts=Nt,this.codeEditor=Mn,this.processContent=Nn,this.isE2E=Yn,this.codeActions=Bi,this.router=Ro,this.route=vo,this.ngLocation=Ao,this.options=Gr,this.rawLoader$$=new _.X({}),this.id=null,this.fullsize=this.options.fullsize,this.componentName=this.location.pathname.slice(1),this.defaultTabIndex=0,this.defaultTab=this.texts[this.defaultTabIndex],this.activeItemIndex=this.defaultTabIndex,this.copy$=this.copyTexts$.pipe((0,O.U)(([Ir])=>Ir)),this.processor$=this.rawLoader$$.pipe((0,C.w)(p.vP),(0,O.U)(Ir=>this.processContent(Ir))),this.loading$=new g.xQ,this.visible=Ir=>Boolean(this.codeEditor&&this.options.codeEditorVisibilityHandler(Ir))}set content(a){this.rawLoader$$.next(a)}getTabTitle(a){return this.options.tabTitles.get(a)||a}copyExampleLink(){const a=this.location.href.indexOf("#"),H=`${a>-1?this.location.href.slice(0,Math.max(0,a)):this.location.href}#${this.id}`;this.setFragmentWithoutRedirect(this.id),this.clipboard.copy(H),this.alerts.open(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()}edit(a){var d;this.loading$.next(!0),null===(d=this.codeEditor)||void 0===d||d.edit(this.componentName,this.id||"",a).then(()=>this.loading$.next(!1)).catch(()=>this.loading$.next(!1))}setFragmentWithoutRedirect(a){const d=this.router.createUrlTree([],{relativeTo:this.route,fragment:a||""}).toString();this.ngLocation.go(d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ur),e.Y36(fn),e.Y36(Pt.Ct),e.Y36(Oe.UV),e.Y36(o.mv),e.Y36(o.lW,8),e.Y36(o.$_),e.Y36(xt.oD),e.Y36(o.mT),e.Y36(Gn.F0),e.Y36(Gn.gz),e.Y36(ne.Ye),e.Y36(Vl))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-example"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_fullsize",d.fullsize)},inputs:{id:"id",heading:"heading",description:"description",content:"content",fullsize:"fullsize",componentName:"componentName"},ngContentSelectors:jr,decls:8,vars:5,consts:[["class","t-title",4,"ngIf"],["class","t-description",4,"ngIf"],["class","t-example",4,"ngIf"],["preview",""],["codeSection",""],[1,"t-title"],[3,"textContent",4,"polymorpheusOutlet"],["appearance","icon","size","xs","tuiIconButton","","type","button","class","t-link-icon",3,"icon","title","click",4,"ngIf"],[3,"textContent"],["appearance","icon","size","xs","tuiIconButton","","type","button",1,"t-link-icon",3,"icon","title","click"],[1,"t-description"],[4,"polymorpheusOutlet"],[1,"t-example"],[4,"ngIf"],["class","t-tabs-wrapper",4,"ngIf"],["class","t-content",3,"t-content_animated","t-content_visible",4,"ngFor","ngForOf"],[1,"t-tabs-wrapper"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngFor","ngForOf"],["size","xs",3,"overlay","showLoader","click",4,"ngIf"],["tuiTab","",4,"tuiItem"],["tuiTab",""],["size","xs",3,"overlay","showLoader","click"],[4,"ngIf","ngIfElse"],["defaultEditContent",""],["appearance","flat","size","s","tuiButton","","type","button"],[1,"t-content"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["anotherTab",""],[3,"ngTemplateOutlet"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["automation-id","tui-doc-example",1,"t-demo"],[3,"code"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,la,3,2,"h3",0),e.YNc(1,ml,2,1,"h4",1),e.YNc(2,dd,3,4,"div",2),e.ALo(3,"async"),e.YNc(4,hd,2,0,"ng-template",null,3,e.W1O),e.YNc(6,El,2,2,"ng-template",null,4,e.W1O)),2&a&&(e.Q6J("ngIf",d.heading),e.xp6(1),e.Q6J("ngIf",d.description),e.xp6(1),e.Q6J("ngIf",e.lcZ(3,3,d.processor$)))},dependencies:[Q.v0,Zu,Wi,K.kM,kd,ne.O5,Ge.Li,ne.sg,Ki,ne.tP,ne.Ov,Bd,kt],styles:["[_nghost-%COMP%]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%], tui-root._mobile   [_nghost-%COMP%]{padding-top:2rem}.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-%COMP%]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-%COMP%]:first-letter, .t-description[_ngcontent-%COMP%]:first-letter{text-transform:capitalize}.t-example[_ngcontent-%COMP%]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-%COMP%]   .t-example[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-example[_ngcontent-%COMP%]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-%COMP%]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-%COMP%]   .t-tabs-wrapper[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-tabs-wrapper[_ngcontent-%COMP%]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-%COMP%]{flex-grow:1}.t-demo[_ngcontent-%COMP%]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar, .t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-%COMP%]   .t-demo[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-demo[_ngcontent-%COMP%]{padding:1rem}[_nghost-%COMP%]:not(._fullsize)   .t-demo[_ngcontent-%COMP%]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-%COMP%]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-%COMP%]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-%COMP%]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-%COMP%]{height:auto;visibility:visible;opacity:1}"],changeDetection:0}),l})(),Pf=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,vr,Sc,Q.fN,fu,Rd,Ge.wq,cn,K.dS]]}),l})();function Ud(l){return l.map(({section:T})=>T).filter(Wt.Pc).filter((T,a,d)=>d.indexOf(T)===a)}const Es=new e.OlP("[NAVIGATION_TITLE]"),_a=new e.OlP("[NAVIGATION_LABELS]"),va=new e.OlP("[NAVIGATION_ITEMS]"),jl=[Tt.a3,{provide:Es,deps:[Gn.F0,Gn.gz,o.Yx,Tt.a3],useFactory:(l,T,a,d)=>l.events.pipe((0,y.h)(H=>H instanceof Gn.m2),(0,O.U)(()=>T.firstChild),(0,y.h)(Wt.Pc),(0,U.zg)(({data:H})=>H),(0,O.U)(({title:H})=>`${a}${H}`),(0,S.R)(d))},{provide:_a,deps:[o.V5],useFactory:Ud},{provide:va,deps:[o.V5],useFactory:l=>[...Ud(l).map(a=>l.filter(({section:d})=>d===a)),l.filter(a=>!a.section)]}];let vu=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn,Bi,Ro,vo,Ao,Gr,Ir,Xl,kf){this.doc=Ce,this.mode=Nt,this.sidebar=Mn,this.labels=Nn,this.items=Yn,this.searchText=Bi,this.router=Ro,this.activatedRoute=vo,this.destroy$=Ao,this.readyToScroll$=Gr,this.scrollBehavior=Ir,this.docIcons=Xl,this.icons=kf,this.menuOpen=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.search=new Ln.NI(""),this.filtered$=(0,Me.EK)(this.search).pipe((0,y.h)(Vs=>Vs.trim().length>2),(0,O.U)(Vs=>this.filterItems(this.flattenSubPages(this.items),Vs))),this.mode$=this.mode.change$.pipe((0,w.O)(null),(0,O.U)(()=>this.mode.mode||"onLight")),H.subscribe(Vs=>{a.markForCheck(),d.setTitle(Vs),this.openActivePageGroup(),this.handleAnchorLink(this.activatedRoute.snapshot.fragment||"")})}get canOpen(){var a,d;return(null!==(d=null===(a=this.search.value)||void 0===a?void 0:a.length)&&void 0!==d?d:0)>2}get itemsWithoutSections(){return this.items[this.items.length-1]}$pages(a){return a}isActive(a){return a===this.active}onGroupClick(a){this.openPagesGroupsArr[a]=!this.openPagesGroupsArr[a]}closeMenu(){this.menuOpen=!1}onClick(a){a.open=!1,this.menuOpen=!1,this.search.setValue(""),this.openActivePageGroup()}filterItems(a,d){return a.map(H=>(0,Wt.pf)(H.filter(({title:Ce,keywords:Nt=""})=>(d=d.toLowerCase().trim(),Nt=Nt.toLowerCase(),(Ce=Ce.toLowerCase()).includes(d)||Nt.includes(d)||Ce.includes((0,p.OO)(d))||Nt.includes((0,p.OO)(d))||d.replace(/-/gi,"").includes(Ce)||Ce.includes(d.replace(/\s|tui/g,""))||Nt.includes(d.replace(/\s|tui/g,""))||d.split(/\s/).find(Mn=>Ce.includes(Mn)))),"title"))}flattenSubPages(a){return a.reduce((d,H)=>[...d,H.reduce((Ce,Nt)=>"subPages"in Nt?[...Ce,...Nt.subPages]:[...Ce,Nt],[])],[])}isActiveRoute(a){return this.router.isActive(a,{paths:"subset",queryParams:"subset",fragment:"ignored",matrixParams:"ignored"})}handleAnchorLink(a){this.readyToScroll$.pipe((0,y.h)(Boolean),(0,z.q)(1),(0,S.R)(this.destroy$)).subscribe(()=>this.navigateToAnchorLink(a))}openActivePageGroup(){this.items.forEach((a,d)=>{a.forEach((H,Ce)=>{"route"in H&&this.isActiveRoute(H.route)&&(this.openPagesArr[d]=!0,this.active=H.route),"subPages"in H&&H.subPages.forEach(Nt=>{this.isActiveRoute(Nt.route)&&(this.openPagesArr[d]=!0,this.openPagesGroupsArr[100*d+Ce]=!0,this.active=Nt.route)})})})}navigateToAnchorLink(a){const d=a?this.doc.querySelectorAll(`#${a}`):[],H=d.length&&d[d.length-1];H&&(H.classList.add("tui-doc-animated-example"),H.scrollIntoView({block:"start",inline:"nearest",behavior:this.scrollBehavior}))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(Ht.Dx),e.Y36(Es),e.Y36(ne.K0),e.Y36(ye.w),e.Y36(Ka,8),e.Y36(_a),e.Y36(va),e.Y36(o.EI),e.Y36(Gn.F0),e.Y36(Gn.gz),e.Y36(Tt.a3,2),e.Y36(o.V1),e.Y36(o.n1),e.Y36(o.oq),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-navigation"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_open",d.menuOpen)},features:[e._Bn(jl)],ngContentSelectors:jr,decls:14,vars:14,consts:[["tuiTextfieldSize","m",1,"t-input",3,"formControl","tuiAutoFocus","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside"],["input",""],[4,"ngIf"],[1,"t-navigation"],[1,"t-scrollbar",3,"tuiMode"],[3,"closeOthers","rounded"],["size","s",3,"borders","open","openChange",4,"ngFor","ngForOf"],[1,"t-items-container"],[3,"ngTemplateOutlet","ngTemplateOutletContext",4,"ngFor","ngForOf"],["pages",""],[4,"tuiDataList"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],["tuiOption","",3,"fragment","routerLink","click",4,"ngFor","ngForOf"],["tuiOption","",3,"fragment","routerLink","click"],["class","t-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-icon",3,"src"],["size","s",3,"borders","open","openChange"],[1,"t-label"],["tuiAccordionItemContent",""],[1,"t-section"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["routerLinkActive","t-sublink_active","tuiLink","","class","t-sublink",3,"routerLink","tuiScrollIntoViewLink","click",4,"ngIf","ngIfElse"],["subPagesTemplate",""],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink",3,"routerLink","tuiScrollIntoViewLink","click"],["routerLinkActive","",1,"t-subsection",3,"routerLinkActiveOptions"],["tuiLink","","type","button","class","t-sublink t-sublink_subsection",3,"click",4,"ngIf"],[1,"t-expand",3,"expanded"],[1,"t-section","t-section_bordered"],["routerLinkActive","t-sublink_active","tuiLink","","class","t-sublink t-sublink_small",3,"fragment","routerLink","tuiScrollIntoViewLink","click",4,"ngFor","ngForOf"],["tuiLink","","type","button",1,"t-sublink","t-sublink_subsection",3,"click"],[1,"t-chevron",3,"src"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink","t-sublink_small",3,"fragment","routerLink","tuiScrollIntoViewLink","click"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"tui-input",0,1),e._uU(2),e.YNc(3,gd,2,0,"ng-container",2),e.qZA(),e.TgZ(4,"nav",3)(5,"tui-scrollbar",4),e.ALo(6,"async"),e.TgZ(7,"tui-accordion",5),e.YNc(8,vd,5,3,"tui-accordion-item",6),e.qZA(),e.TgZ(9,"div",7),e.YNc(10,Tl,1,5,"ng-container",8),e.qZA(),e.YNc(11,Dd,3,2,"ng-template",null,9,e.W1O),e.qZA()(),e.Hsn(13)),2&a&&(e.Q6J("formControl",d.search)("tuiAutoFocus",!!d.sidebar)("tuiTextfieldCleaner",!0)("tuiTextfieldIconLeft",d.docIcons.search)("tuiTextfieldLabelOutside",!0),e.xp6(2),e.hij(" ",d.searchText," "),e.xp6(1),e.Q6J("ngIf",d.canOpen),e.xp6(2),e.Q6J("tuiMode",e.lcZ(6,12,d.mode$)),e.xp6(2),e.Q6J("closeOthers",!1)("rounded",!1),e.xp6(1),e.Q6J("ngForOf",d.labels),e.xp6(2),e.Q6J("ngForOf",d.itemsWithoutSections))},dependencies:[ra.K3,q.qi,q.vK,X.PN,ze.IB,_f,aa,ue.V,G,ra.wU,te.sz,Ln.JJ,Ln.oH,ui,te.be,te.aR,te.xT,ne.O5,q.gX,ne.sg,q.Rs,Gn.yS,Ge.Li,ye.w,Qu,ne.tP,Gn.Od,zc,ne.Ov],styles:["[_nghost-%COMP%]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input[_ngcontent-%COMP%]{margin:1.25rem}.t-navigation[_ngcontent-%COMP%]{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:smooth;width:100%}tui-root._reduced-motion[_nghost-%COMP%]   .t-scrollbar[_ngcontent-%COMP%], tui-root._reduced-motion   [_nghost-%COMP%]   .t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:auto}.t-items-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-%COMP%]{margin-left:.5rem}.t-expand[_ngcontent-%COMP%]{margin-left:.25rem}.t-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered[_ngcontent-%COMP%]{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection[_ngcontent-%COMP%]{margin-left:.5rem}.t-sublink[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small[_ngcontent-%COMP%]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-%COMP%]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-%COMP%]{color:var(--tui-text-01)}.t-icon[_ngcontent-%COMP%]{margin-left:.5rem}.t-chevron[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-%COMP%]{transform:rotate(90deg)}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"filterItems",null),(0,$i.gn)([Co.UM],l.prototype,"flattenSubPages",null),l})(),Hd=(()=>{class l{constructor(a,d,H,Ce,Nt){this.icons=a,this.logo=d,this.menu=H,this.router=Ce,this.swipes$=Nt,this.stream$=new g.xQ,this.open$=(0,m.T)(this.router.events.pipe((0,O.U)(B.Iy)),this.stream$,this.swipes$.pipe((0,y.h)(Mn=>"left"===Mn.direction||"right"===Mn.direction),(0,O.U)(Mn=>"right"===Mn.direction))).pipe((0,w.O)(!1),(0,Z.x)())}onClick(){this.stream$.next(!0)}onActiveZone(a){a||this.stream$.next(!1)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(o.Or),e.Y36(o.gG),e.Y36(Gn.F0),e.Y36(Tt.$D))},l.\u0275cmp=e.Xpm({type:l,selectors:[["header","tuiDocHeader",""]],attrs:bd,ngContentSelectors:jr,decls:6,vars:6,consts:[["appearance","icon","tuiIconButton","","type","button",1,"t-menu",3,"icon","title","click","tuiActiveZoneChange"],["class","t-navigation",4,"tuiSidebar"],[1,"t-logo"],["alt","Logo","class","t-img",3,"src",4,"polymorpheusOutlet"],[1,"t-navigation"],["alt","Logo",1,"t-img",3,"src"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"button",0),e.NdJ("click",function(){return d.onClick()})("tuiActiveZoneChange",function(Ce){return d.onActiveZone(Ce)}),e.YNc(1,Ed,1,0,"tui-doc-navigation",1),e.ALo(2,"async"),e.qZA(),e.TgZ(3,"div",2),e.YNc(4,Pr,1,1,"img",3),e.qZA(),e.Hsn(5)),2&a&&(e.Q6J("icon",d.icons.menu)("title",d.menu),e.xp6(1),e.Q6J("tuiSidebar",!!e.lcZ(2,4,d.open$)),e.xp6(3),e.Q6J("polymorpheusOutlet",d.logo))},dependencies:[Q.v0,vu,At.e,Ka,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-navigation);height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}@supports (background: color-mix(in srgb,var(--tui-base-01),transparent 50%)){[_nghost-%COMP%]{background:color-mix(in srgb,var(--tui-base-01),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-%COMP%]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-%COMP%]{display:block}.t-menu[_ngcontent-%COMP%]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-%COMP%]{display:none}}.t-navigation[_ngcontent-%COMP%]{min-height:100%}"],changeDetection:0}),l})(),$l=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.UX,Gn.Bz,Ge.wq,jc,Q.fN,ra.Qf,te.cn,At.A,et.WD,ye.z,ue.j,he,Cn.jh,_e.dp,vf,ze.Jy,X.EI,q.pc,fi]]}),l})(),Gl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Q.fN,Xa,At.A,$l]]}),l})(),Wl=(()=>{class l{constructor(a,d){this.text=a,this.pages=d,this.seeAlso=[]}getRouterLink(a){var d,H;return null!==(H=null===(d=this.pages.get(a))||void 0===d?void 0:d.route)&&void 0!==H?H:""}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.VX),e.Y36(o._Z))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-see-also"]],inputs:{seeAlso:"seeAlso"},decls:3,vars:2,consts:[[1,"t-header"],[4,"ngFor","ngForOf"],["tuiLink","",3,"innerText","routerLink"],[4,"ngIf"]],template:function(a,d){1&a&&(e.TgZ(0,"h5",0),e._uU(1),e.qZA(),e.YNc(2,Td,3,3,"ng-container",1)),2&a&&(e.xp6(1),e.Oqu(d.text),e.xp6(1),e.Q6J("ngForOf",d.seeAlso))},dependencies:[ue.V,ne.sg,Gn.yS,ne.O5],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-02);margin:0 0 .5rem;white-space:nowrap}"],changeDetection:0}),l})(),yu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,ue.j]]}),l})(),Sf=(()=>{class l{constructor(a,d,H){this.icons=a,this.sourceCode=d,this.text=H,this.header="",this.package="",this.type="",this.path=""}get pathOptions(){return this.getPathOptions(this.header,this.package,this.type,this.path)}pathIsUrl(a){return a.startsWith("http")}getPathOptions(a,d,H,Ce){return{header:a,package:d,type:H,path:Ce}}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(o.yO),e.Y36(o.as))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-source-code"]],inputs:{header:"header",package:"package",type:"type",path:"path"},decls:1,vars:2,consts:[["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","icon","title",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","icon","title"]],template:function(a,d){1&a&&e.YNc(0,Md,1,3,"a",0),2&a&&e.Q6J("polymorpheusOutlet",d.pathIsUrl(d.path)?d.path:d.sourceCode)("polymorpheusOutletContext",d.pathOptions)},dependencies:[Q.v0,Ge.Li],encapsulation:2,changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"pathIsUrl",null),(0,$i.gn)([Co.UM],l.prototype,"getPathOptions",null),l})(),Cu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Q.fN]]}),l})(),Zl=(()=>{class l{constructor(a,d,H){this.icons=a,this.theme=d,this.night=H,this.change$=this.night,this.night$=this.change$.pipe((0,w.O)(null),(0,O.U)(()=>this.night.value),(0,Z.x)(),(0,le.B)())}get mode(){return this.night.value?"onDark":null}get icon(){return this.night.value?this.icons.day:this.icons.night}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(il),e.Y36(ol))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-main"]],hostVars:1,hostBindings:function(a,d){2&a&&e.uIk("data-mode",d.mode)},features:[e._Bn([{provide:ye.w,useExisting:(0,e.Gpc)(()=>l)},Tt.$D])],ngContentSelectors:xl,decls:21,vars:4,consts:[[4,"ngIf"],[1,"tui-doc-page"],[1,"tui-doc-navigation"],[1,"tui-doc-content"],[1,"tui-doc-outlet"],["tuiDocHeader",""],["appearance","secondary","shape","rounded","size","s","tuiIconButton","","tuiMode","onLight","type","button",1,"tui-doc-night-mode-switch",3,"icon","click"],["ngProjectAs","tuiOverContent",5,["tuiOverContent"]],["ngProjectAs","tuiOverDialogs",5,["tuiOverDialogs"]],["ngProjectAs","tuiOverAlerts",5,["tuiOverAlerts"]],["ngProjectAs","tuiOverPortals",5,["tuiOverPortals"]],["ngProjectAs","tuiOverHints",5,["tuiOverHints"]]],template:function(a,d){1&a&&(e.F$t(xd),e.YNc(0,wd,1,0,"tui-theme-night",0),e.ALo(1,"async"),e.TgZ(2,"tui-root")(3,"div",1)(4,"tui-doc-navigation",2),e.Hsn(5),e.qZA(),e.TgZ(6,"div",3),e._UZ(7,"router-outlet",4),e.qZA()(),e.TgZ(8,"header",5),e.Hsn(9,1),e.TgZ(10,"button",6),e.NdJ("click",function(){return d.night.toggle()}),e.qZA()(),e.ynx(11,7),e.Hsn(12,2),e.BQk(),e.ynx(13,8),e.Hsn(14,3),e.BQk(),e.ynx(15,9),e.Hsn(16,4),e.BQk(),e.ynx(17,10),e.Hsn(18,5),e.BQk(),e.ynx(19,11),e.Hsn(20,6),e.BQk(),e.qZA()),2&a&&(e.Q6J("ngIf",d.theme.isDefaultTheme&&d.night.useDefaultNightTheme&&e.lcZ(1,2,d.night$)),e.xp6(10),e.Q6J("icon",d.icon))},dependencies:[Et,at,vu,Hd,Q.v0,ne.O5,Gn.lC,ye.w,ne.Ov],styles:['html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@keyframes tuiShaking{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.3125rem)}20%,40%,60%,80%{transform:translate(.3125rem)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*="language-"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-base-04);font-size:.75rem;padding:0 .3125rem;margin:.125rem 0;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*="language-"]){background:var(--tui-clear);box-shadow:none}a code:not(pre code):not(.hljs):not([class*="language-"]){color:var(--tui-link)}button:focus code,a:focus code{background:var(--tui-base-01)}.tui-doc-page{isolation:isolate;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;width:16.25rem;border-right:1px solid var(--tui-base-03)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{animation:1s .3s tuiShaking}.tui-doc-night-mode-switch{margin-left:1rem}.tui-doc-night-mode-switch tui-svg{color:var(--tui-text-02)}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:normal;color:var(--tui-text-01)}tui-doc-code .hljs-property{color:var(--tui-support-14)}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-02);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:bold;color:var(--tui-link)}tui-doc-code .hljs-attr{color:var(--tui-link)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:bold;color:var(--tui-support-06)}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:normal}tui-doc-code .hljs-string{color:var(--tui-positive);font-weight:bold}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-link-hover)}tui-doc-code [data-mode=onDark] .hljs-variable,tui-doc-code [data-mode=onDark] .hljs-template-variable{color:var(--tui-warning-fill)}tui-doc-code .hljs-addition{background:var(--tui-success-bg)}tui-doc-code .hljs-deletion{background:var(--tui-error-bg)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:bold}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}\n'],encapsulation:2}),l})(),Kl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,Gt,Gl,He,er,Dn,Q.fN,ye.z,$l]]}),l})();const $r=new e.OlP("[PAGE_SEE_ALSO]"),Vd=[{provide:$r,deps:[e.SBq,o.UL],useFactory:({nativeElement:l},T)=>{const a=l.getAttribute("header"),d=T.filter(Ce=>Ce.includes(a))||[],H=new Set(d.join().split(",").filter(Ce=>Ce&&Ce!==a));return Array.from(H)}}];let ya=(()=>{class l{constructor(a){this.template=a}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc))},l.\u0275dir=e.lG2({type:l,selectors:[["","pageTab",""]],inputs:{pageTab:"pageTab"}}),l})(),Ca=(()=>{class l{constructor(a,d){this.defaultTabs=a,this.seeAlso=d,this.header="",this.package="",this.type="",this.path="",this.deprecated=!1,this.tabConnectors=B.Mm,this.activeItemIndex=0,this.from=/ /g,this.to="_"}get showSeeAlso(){return!!this.seeAlso.length&&0===this.activeItemIndex}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.AC),e.Y36($r))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-page"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,ya,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.tabConnectors=Ce)}},inputs:{header:"header",package:"package",type:"type",path:"path",deprecated:"deprecated"},features:[e._Bn(Vd)],ngContentSelectors:jr,decls:11,vars:10,consts:[[1,"t-header"],[1,"t-title"],["status","custom","value","deprecated","class","t-tag t-tag_deprecated",4,"ngIf"],["status","custom","class","t-tag t-tag_package",3,"autoColor","value",4,"ngIf"],["class","t-tabs",3,"activeItemIndex","activeItemIndexChange",4,"ngIf"],[1,"t-source-code",3,"header","package","path","type"],[1,"t-content"],["class","t-see-also",3,"seeAlso",4,"ngIf"],[4,"ngFor","ngForOf"],["status","custom","value","deprecated",1,"t-tag","t-tag_deprecated"],["status","custom",1,"t-tag","t-tag_package",3,"autoColor","value"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngIf"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions",4,"tuiItem"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions"],[1,"t-see-also",3,"seeAlso"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"ngTemplateOutlet"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"header",0)(1,"h1",1),e._uU(2),e.YNc(3,Ad,1,0,"tui-tag",2),e.YNc(4,Pd,1,2,"tui-tag",3),e.qZA(),e.YNc(5,Hs,2,2,"tui-tabs-with-more",4),e._UZ(6,"tui-doc-source-code",5),e.qZA(),e.TgZ(7,"div",6),e.Hsn(8),e.YNc(9,Al,1,1,"tui-doc-see-also",7),e.YNc(10,Sl,2,1,"ng-container",8),e.qZA()),2&a&&(e.xp6(2),e.hij(" ",d.header," "),e.xp6(1),e.Q6J("ngIf",!!d.deprecated||""===d.deprecated),e.xp6(1),e.Q6J("ngIf",d.package),e.xp6(1),e.Q6J("ngIf",d.tabConnectors.length),e.xp6(1),e.Q6J("header",d.header)("package",d.package)("path",d.path)("type",d.type),e.xp6(3),e.Q6J("ngIf",d.showSeeAlso),e.xp6(1),e.Q6J("ngForOf",d.tabConnectors))},dependencies:[qu,Zu,Wi,Sf,Wl,ne.O5,ne.sg,Ki,Gn.yS,Gn.Od,ne.tP,dr],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-%COMP%]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-%COMP%]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-%COMP%]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-%COMP%]{color:#000}.t-tabs[_ngcontent-%COMP%]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-%COMP%]   .t-tabs[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-tabs[_ngcontent-%COMP%]{margin-top:.25rem}.t-content[_ngcontent-%COMP%]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-%COMP%]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-%COMP%]   .t-see-also[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-see-also[_ngcontent-%COMP%]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-%COMP%]{align-self:flex-end;line-height:2.75rem;margin-left:auto}"],changeDetection:0}),l})(),zd=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,yu,Sc,el,Cu,nr]]}),l})()},4548:(Ve,ae,s)=>{"use strict";s.d(ae,{$_:()=>le,AC:()=>y,B$:()=>q,EI:()=>We,Es:()=>Q,IK:()=>B,Ii:()=>ce,Or:()=>we,UL:()=>he,V1:()=>Ee,V5:()=>$e,VX:()=>Le,Yx:()=>te,_Z:()=>Ie,as:()=>Je,et:()=>ue,gG:()=>ne,lW:()=>S,mT:()=>w,mv:()=>K,n1:()=>G,oq:()=>z,ru:()=>X,x9:()=>Re,yO:()=>ye});var e=s(1927),o=s(4537),p=s(4427),_=s(4487),g=s(1439),f=s(8653),m=s(5917),C=s(3190),O=s(6060);const w=(0,e.JN)(""),S=new o.OlP("[TUI_DOC_CODE_EDITOR]"),y=(0,e.JN)([]),z=(0,e.JN)({search:"tuiIconSearch",day:"tuiIconSun",night:"tuiIconMoon",code:"tuiIconCode",menu:"tuiIconMenuLarge"}),le=(0,e.JN)(_.y),Q=(0,e.JN)(p.vi),ue=(0,e.JN)(new Set([])),X=(0,e.JN)(["Read more more about modes: ","Background","Form value"]),B=(0,e.JN)(["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]),K=(0,e.JN)(["Preview","Link to a sample was successfully copied","Done"]),ne=(0,e.JN)("Menu"),We=(0,e.JN)("Search"),Le=(0,e.JN)("See also"),Je=(0,e.JN)("Source code"),we=(0,e.JN)(""),Ee=(0,e.JN)((0,g.P)(()=>(0,f.H)(200).pipe((0,C.w)(()=>(0,m.of)(!0))))),$e=(0,e.JN)([]),Ie=(0,e.N1)(()=>(0,p.S4)((0,o.f3M)($e))),G=(0,e.N1)(()=>(0,o.f3M)(O.TK)?"auto":"smooth"),he=(0,e.JN)([]),ye=(0,e.JN)(null),te=(0,e.JN)(""),Re=(0,e.JN)(null),q=(0,e.JN)(p.TN),ce=(0,e.JN)(String)},4427:(Ve,ae,s)=>{"use strict";s.d(ae,{JQ:()=>Q,OO:()=>ne,S4:()=>B,TN:()=>We,Ve:()=>S,cd:()=>_,p8:()=>w,sj:()=>z,vP:()=>ue,vi:()=>le});var e=s(4841),o=s.n(e),p=s(4911);function _(Le){return"true"===(null==Le?void 0:Le.toString())}function w(Le){const Je=String(Le).trim();if(function g(Le){return["undefined","null","NaN"].includes(Le)}(Je))return null;if(function f(Le){return"true"===Le||"false"===Le}(Je))return"true"===String(Je);if(function m(Le){return!!Le.trim()&&!Number.isNaN(Number(Le))&&!Le.startsWith("+")}(Je))return Number(Je);const we=decodeURIComponent(Je);try{return function C(Le){return Le.startsWith("[")&&Le.endsWith("]")}(we)||function O(Le){return Le.startsWith("{")&&Le.endsWith("}")}(we)?JSON.parse(we):we}catch{return we}}function S(Le){return[{path:"",component:Le,children:[{path:":tab",component:Le}]}]}function z(Le,Je){if(null===Le)return"null";switch(typeof Le){case"string":return`'${Le}'`;case"undefined":case"number":case"boolean":case"function":return String(Le)}return Le instanceof RegExp?String(Le):Array.isArray(Le)?function y(Le,Je){if(0===Je)return"[\u2026]";let we="",Ee=!0;for(let $e=0;$e<Le.length;$e++)Ee?Ee=!1:we+=", ",we+=$e in Le?z(Le[$e],Je-1):"empty";return`[${we}]`}(Le,Je):function U(Le,Je){if(0===Je)return"{\u2026}";let we="",Ee=!0;for(const $e in Le)Le.hasOwnProperty($e)&&(Ee?Ee=!1:we+=", ",we+=`${$e}: ${z(Le[$e],Je-1)}`);return`{${we}}`}(Le,Je)}function le(Le=""){const we=(new(o())).parse(Le,{}).filter(({tag:Ee,type:$e})=>"code"===Ee&&"fence"===$e).map(({content:Ee})=>Ee.trim());return we.length?we:[Le]}function Q(Le){return(0,p.mG)(this,void 0,void 0,function*(){return Le instanceof Promise?(yield Le).default:Le})}function ue(Le){return(0,p.mG)(this,void 0,void 0,function*(){const Je={};for(const[we,Ee]of Object.entries(Le))Ee&&(Je[we]=yield Q(Ee));return Je})}function B(Le){const Je=new Map;return Le.forEach(we=>{"subPages"in we?we.subPages.forEach(Ee=>{Je.set(Ee.title,Ee)}):Je.set(we.title,we)}),Je}const K={\u0430:"f",\u0431:",",\u0432:"d",\u0433:"u",\u0434:"l",\u0435:"t",\u0451:"`",\u0436:";",\u0437:"p",\u0438:"b",\u0439:"q",\u043a:"r",\u043b:"k",\u043c:"v",\u043d:"y",\u043e:"j",\u043f:"g",\u0440:"h",\u0441:"c",\u0442:"n",\u0443:"e",\u0444:"a",\u0445:"[",\u0446:"w",\u0447:"x",\u0448:"i",\u0449:"o",\u044a:"]",\u044b:"s",\u044c:"m",\u044e:".",\u044f:"z"};function ne(Le){let Je="";for(let we=0;we<Le.length;we++)Je+=Le.charAt(we)in K?K[Le.charAt(we)]:Le.charAt(we);return Je}function We(Le){var Je;return(null!==(Je=Le.match(/<([^>]+)>/g))&&void 0!==Je?Je:[]).reduce(($e,Ie)=>$e.replace(Ie,Ie.replace(/\|/g,"&")),Le).split("|").map($e=>$e.trim()).reduce(($e,Ie)=>{var G,he,ye,te,Re,q,ce,be,N,_e,ze,Ct;let Et=Ie.trim().replace(/readonly /g,"").replace(/\[\]/g,"");return Et=null!==(te=null===(ye=null===(he=null===(G=Et.match(/ReadonlyArray<([^>]+)>/))||void 0===G?void 0:G[1])||void 0===he?void 0:he.split("&"))||void 0===ye?void 0:ye[0])&&void 0!==te?te:Et,Et=null!==(be=null===(ce=null===(q=null===(Re=Et.match(/\[([^\]]+)\]/))||void 0===Re?void 0:Re[1])||void 0===q?void 0:q.split(","))||void 0===ce?void 0:ce[0])&&void 0!==be?be:Et,Et=null!==(Ct=null===(ze=null!==(_e=null===(N=Et.split("<"))||void 0===N?void 0:N[0])&&void 0!==_e?_e:Et)||void 0===ze?void 0:ze.trim())&&void 0!==Ct?Ct:"",Et=Number.isNaN(parseFloat(Et))?Et:"number",Et=/^'(.+)'$|^"(.+)"$|^`(.+)`$/.test(Et)?"string":Et,Et=1===Et.length?"unknown":Et,$e.concat({type:Ie.replace(/&/g,"|"),extracted:Et})},[])}},6480:(Ve,ae,s)=>{"use strict";s.d(ae,{Er:()=>he,F9:()=>Ie,FX:()=>ne,GM:()=>ye,M$:()=>We,N9:()=>G,QJ:()=>Je,Xn:()=>K,d5:()=>we,wB:()=>Le});var e=s(4537),o=s(8942),_=(s(8939),s(3770)),g=s(1927),f=s(9765),m=s(6682),C=s(882),O=s(6215),w=s(7460),S=s(9761),y=s(8002),U=s(5435),z=s(7519),Z=s(3190),le=s(6782),Q=s(7881),ue=s(7788),de=s(8692);const X=["viewContainer"];let K=(()=>{class te{constructor(){this.pseudoHover=null,this.pseudoActive=null,this.pseudoFocus=null,this.focusable=!0,this.nativeId="",this.focusedChange=new e.vpe,this.focusVisibleChange=new e.vpe,this.focusVisible=!1,this.autoIdString=`tui_interactive_${te.autoId++}${Date.now()}`}get computedDisabled(){return this.disabled}get computedFocusable(){return!this.computedDisabled&&(this.focusable||this.focused)}get computedFocused(){var q;return!this.computedDisabled&&(null!==(q=this.pseudoFocus)&&void 0!==q?q:this.focused)}get computedFocusVisible(){var q;return!this.computedDisabled&&(null!==(q=this.pseudoFocus)&&void 0!==q?q:this.focusVisible)}get id(){return this.nativeId||this.autoIdString}updateFocused(q){this.focusedChange.emit(q)}updateFocusVisible(q){this.focusVisible!==q&&(this.focusVisible=q,this.focusVisibleChange.emit(q))}}return te.autoId=0,te.\u0275fac=function(q){return new(q||te)},te.\u0275dir=e.lG2({type:te,hostVars:7,hostBindings:function(q,ce){2&q&&(e.uIk("data-focused",ce.pseudoFocus),e.ekj("_disabled",ce.computedDisabled)("_focused",ce.computedFocused)("_focus-visible",ce.computedFocusVisible))},inputs:{pseudoHover:"pseudoHover",pseudoActive:"pseudoActive",pseudoFocus:"pseudoFocus",focusable:"focusable",nativeId:"nativeId"},outputs:{focusedChange:"focusedChange",focusVisibleChange:"focusVisibleChange"}}),te})();class ne{}let We=(()=>{class te extends K{constructor(q,ce,be){super(),this.ngControl=q,this.cdr=ce,this.valueTransformer=be,this.refresh$=new f.xQ,this.onTouched=_.iD,this.onChange=_.iD,this.fallbackValue=this.getFallbackValue(),this.destroy$=new f.xQ,this.readOnly=!1,this.pseudoInvalid=null,this.ngControl&&(this.ngControl.valueAccessor=this)}get computedInvalid(){return this.interactive&&(null!==this.pseudoInvalid?this.pseudoInvalid:this.touched&&this.invalid)}get value(){var q;return null!==(q=this.previousInternalValue)&&void 0!==q?q:this.fallbackValue}set value(q){this.updateValue(q)}get safeCurrentValue(){var q;return null!==(q=this.rawValue)&&void 0!==q?q:this.fallbackValue}get invalid(){return this.safeNgControlData(({invalid:q})=>q,!1)}get valid(){return this.safeNgControlData(({valid:q})=>q,!1)}get touched(){return this.safeNgControlData(({touched:q})=>q,!1)}get disabled(){return this.safeNgControlData(({disabled:q})=>q,!1)}get interactive(){return!this.readOnly&&!this.computedDisabled}get control(){return this.safeNgControlData(({control:q})=>q,null)}get computedName(){var q,ce;return null!==(ce=null===(q=this.controlName)||void 0===q?void 0:q.toString())&&void 0!==ce?ce:null}get controlName(){var q,ce,be;return null!==(be=null===(ce=null===(q=this.ngControl)||void 0===q?void 0:q.name)||void 0===ce?void 0:ce.toString())&&void 0!==be?be:null}get rawValue(){const{ngControl:q}=this;if(null!==q)return this.fromControlValue(q instanceof o.On&&void 0===this.previousInternalValue?q.viewModel:q.value)}ngOnInit(){this.refresh$.pipe((0,w.g)(0),(0,S.O)(null),(0,y.U)(()=>{var q;return null===(q=this.ngControl)||void 0===q?void 0:q.control}),(0,U.h)(g.Pc),(0,z.x)(),(0,Z.w)(q=>(0,m.T)(q.valueChanges,q.statusChanges)),(0,le.R)(this.destroy$)).subscribe(()=>{this.refreshLocalValue(this.safeCurrentValue)})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}checkControlUpdate(){this.cdr.markForCheck()}registerOnChange(q){this.onChange=ce=>{q(this.toControlValue(ce))},this.refresh$.next()}registerOnTouched(q){this.onTouched=q}setDisabledState(){this.checkControlUpdate()}writeValue(q){this.refreshLocalValue(this.fromControlValue(this.ngControl instanceof o.On&&void 0===this.previousInternalValue?this.ngControl.model:q))}updateFocused(q){q||this.controlMarkAsTouched(),super.updateFocused(q)}updateValue(q){this.disabled||this.valueIdenticalComparator(this.value,q)||(this.previousInternalValue=q,this.controlSetValue(q))}valueIdenticalComparator(q,ce){return q===ce}safeNgControlData(q,ce){var be;return null!==(be=this.ngControl&&q(this.ngControl))&&void 0!==be?be:ce}controlMarkAsTouched(){this.onTouched(),this.checkControlUpdate()}controlSetValue(q){this.onChange(q),this.checkControlUpdate()}refreshLocalValue(q){this.previousInternalValue=q,this.checkControlUpdate()}fromControlValue(q){return this.valueTransformer?this.valueTransformer.fromControlValue(q):q}toControlValue(q){return this.valueTransformer?this.valueTransformer.toControlValue(q):q}}return te.\u0275fac=function(q){return new(q||te)(e.Y36(o.a5,8),e.Y36(e.sBO),e.Y36(ne,8))},te.\u0275dir=e.lG2({type:te,hostVars:4,hostBindings:function(q,ce){2&q&&e.ekj("_readonly",ce.readOnly)("_invalid",ce.computedInvalid)},inputs:{readOnly:"readOnly",pseudoInvalid:"pseudoInvalid"},features:[e.qOj]}),te})();function Le(te){return{provide:We,useExisting:te}}let Je=(()=>{class te{constructor(){this.change$=new f.xQ}ngOnChanges(){this.change$.next()}}return te.\u0275fac=function(q){return new(q||te)},te.\u0275dir=e.lG2({type:te,features:[e.TTD]}),te})(),we=(()=>{class te extends C.y{constructor(q){super(ce=>this.dialogs$.subscribe(ce)),this.idService=q,this.dialogs$=new O.X([])}open(q,ce={}){return new C.y(be=>{const _e=Object.assign(Object.assign(Object.assign({},this.defaultOptions),ce),{content:q,completeWith:ze=>{be.next(ze),be.complete()},$implicit:be,component:this.component,createdAt:Date.now(),id:this.idService.generate()});return this.dialogs$.next([...this.dialogs$.value,_e]),()=>{this.dialogs$.next(this.dialogs$.value.filter(ze=>ze!==_e))}})}}return te.\u0275fac=function(q){return new(q||te)(e.LFG(Q.ll))},te.\u0275prov=e.Yz7({token:te,factory:te.\u0275fac}),te})(),Ie=(()=>{class te extends We{getFallbackValue(){return null}}return te.\u0275fac=function(){let Re;return function(ce){return(Re||(Re=e.n5z(te)))(ce||te)}}(),te.\u0275dir=e.lG2({type:te,features:[e.qOj]}),te})(),G=(()=>{class te{get safeHost(){if(!this.host)throw new ue.ZB;return this.host}attach(q){this.host=q}add(q){return this.safeHost.addComponentChild(q)}remove({hostView:q}){q.destroyed||q.destroy()}addTemplate(q,ce){return this.safeHost.addTemplateChild(q,ce)}removeTemplate(q){q.destroyed||q.destroy()}}return te.\u0275fac=function(q){return new(q||te)},te.\u0275prov=e.Yz7({token:te,factory:te.\u0275fac}),te})(),he=(()=>{class te{constructor(q,ce,be){this.injector=q,this.el=ce,be.attach(this)}get clientRect(){return this.el.nativeElement.getBoundingClientRect()}addComponentChild(q){const ce=q.createInjector(this.injector),N=ce.get(e._Vd).resolveComponentFactory(q.component),ze=e.zs3.create({parent:ce,providers:[{provide:te,useValue:this}]}),Ct=this.vcr.createComponent(N,void 0,ze);return Ct.changeDetectorRef.detectChanges(),Ct}addTemplateChild(q,ce){return this.vcr.createEmbeddedView(q,ce)}}return te.\u0275fac=function(q){return new(q||te)(e.Y36(e.gxx),e.Y36(e.SBq),e.Y36(G))},te.\u0275dir=e.lG2({type:te,viewQuery:function(q,ce){if(1&q&&e.Gf(X,5,e.s_b),2&q){let be;e.iGM(be=e.CRH())&&(ce.vcr=be.first)}}}),te})(),ye=(()=>{class te{constructor(q){if(this.doc=q,null!==this.style)return void this.addTheme();const ce=this.doc.head.querySelectorAll("style");this.constructor.style=ce[ce.length-1]}get style(){return this.constructor.style}ngOnDestroy(){this.removeTheme()}addTheme(){this.style&&this.doc.head.appendChild(this.style)}removeTheme(){var q;null===(q=this.style)||void 0===q||q.remove()}}return te.style=null,te.\u0275fac=function(q){return new(q||te)(e.Y36(de.K0))},te.\u0275dir=e.lG2({type:te}),te})()},8939:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>p,z:()=>o});var e=s(3770);const o={enabled:!1,get assert(){return e.iD}};class p{constructor(g,f={}){this.message=g,this.context=f}}},5122:(Ve,ae,s)=>{"use strict";s.d(ae,{ae:()=>_,mL:()=>f,qY:()=>g});var e=s(4537),o=s(6480);const p=["*"];let _=(()=>{class m extends o.N9{}return m.\u0275fac=function(){let C;return function(w){return(C||(C=e.n5z(m)))(w||m)}}(),m.\u0275prov=e.Yz7({token:m,factory:m.\u0275fac,providedIn:"root"}),m})(),g=(()=>{class m extends o.Er{}return m.\u0275fac=function(){let C;return function(w){return(C||(C=e.n5z(m)))(w||m)}}(),m.\u0275cmp=e.Xpm({type:m,selectors:[["tui-dropdown-host"]],features:[e._Bn([{provide:o.N9,useExisting:_},{provide:o.Er,useExisting:m}]),e.qOj],ngContentSelectors:p,decls:3,vars:0,consts:[["viewContainer",""]],template:function(O,w){1&O&&(e.F$t(),e.Hsn(0),e.GkF(1,null,0))},styles:['[_nghost-%COMP%]{position:relative;z-index:0;display:block;height:100%}[_nghost-%COMP%]:before{content:"";display:block;overflow:hidden}.t-position-fixed-offset[_ngcontent-%COMP%]{position:fixed;left:0;top:0;pointer-events:none;visibility:hidden;width:100%;height:100%}'],changeDetection:0}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({}),m})()},1359:(Ve,ae,s)=>{"use strict";s.d(ae,{eI:()=>Le,ex:()=>We,tZ:()=>K});var e=s(4537),o=s(2579),p=s(2485),_=s(8033),g=s(8002),f=s(3190),m=s(6782),C=s(6803),O=s(9761),w=s(7519),S=s(8692),y=s(3770),U=s(7881),z=s(6682);function Z(Je,we){if(1&Je&&(e.TgZ(0,"div",3),e._UZ(1,"div",4),e.qZA()),2&Je){const Ee=e.oxw().ngIf;e.ekj("t-bar_has-horizontal",Ee[1])}}function le(Je,we){if(1&Je&&(e.TgZ(0,"div",5),e._UZ(1,"div",6),e.qZA()),2&Je){const Ee=e.oxw().ngIf;e.ekj("t-bar_has-vertical",Ee[0])}}function Q(Je,we){if(1&Je&&(e.ynx(0),e.YNc(1,Z,2,2,"div",1),e.YNc(2,le,2,2,"div",2),e.BQk()),2&Je){const Ee=we.ngIf;e.xp6(1),e.Q6J("ngIf",Ee[0]),e.xp6(1),e.Q6J("ngIf",Ee[1])}}let B=(()=>{class Je{constructor(Ee,$e,Ie,G,he,ye){this.container=G,this.doc=he,this.el=ye,this.tuiScrollbar="vertical";const{nativeElement:te}=this.el,Re=(0,p.mL)(te,"mousedown"),q=(0,p.mL)(this.doc,"mousemove"),ce=(0,p.mL)(this.doc,"mouseup"),be=(0,p.mL)(this.wrapper,"mousedown");(0,z.T)(be.pipe((0,g.U)(N=>this.getScrolled(N,.5,.5))),Re.pipe((0,p.vm)(),(0,f.w)(N=>{const _e=te.getBoundingClientRect(),ze=function de({clientY:Je},{top:we,height:Ee}){return(Je-we)/Ee}(N,_e),Ct=function X({clientX:Je},{left:we,width:Ee}){return(Je-we)/Ee}(N,_e);return q.pipe((0,g.U)(Et=>this.getScrolled(Et,ze,Ct)),(0,m.R)(ce))}))).pipe((0,p.fL)(Ee),(0,m.R)($e)).subscribe(([N,_e])=>{"vertical"===this.tuiScrollbar?this.element.scrollTop=N:this.element.scrollLeft=_e}),(0,z.T)(Ie.pipe((0,C.p)(y.Yg)),(0,p.pt)(this.element)).pipe((0,p.fL)(Ee),(0,m.R)($e)).subscribe(()=>{"vertical"===this.tuiScrollbar?(te.style.top=100*this.thumb+"%",te.style.height=100*this.view+"%"):(te.style.left=100*this.thumb+"%",te.style.width=100*this.view+"%")})}get wrapper(){return this.el.nativeElement.parentElement}get scrolled(){const{scrollTop:Ee,scrollHeight:$e,clientHeight:Ie,scrollLeft:G,scrollWidth:he,clientWidth:ye}=this.element;return"vertical"===this.tuiScrollbar?Ee/($e-Ie):G/(he-ye)}get compensation(){const{clientHeight:Ee,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.element;return Ee*Ee/$e>24&&"vertical"===this.tuiScrollbar||Ie*Ie/G>24&&"horizontal"===this.tuiScrollbar?0:"vertical"===this.tuiScrollbar?24/Ee:24/Ie}get thumb(){return this.scrolled*(1-(this.compensation||this.view))}get view(){const{clientHeight:Ee,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.element;return"vertical"===this.tuiScrollbar?Math.ceil(Ee/$e*100)/100:Math.ceil(Ie/G*100)/100}get element(){return this.container.nativeElement}getScrolled({clientY:Ee,clientX:$e},Ie,G){const{offsetHeight:he,offsetWidth:ye}=this.el.nativeElement,{top:te,left:Re,width:q,height:ce}=this.wrapper.getBoundingClientRect();return[(Ee-te-he*Ie)/(ce-he)*(this.element.scrollHeight-ce),($e-Re-ye*G)/(q-ye)*(this.element.scrollWidth-q)]}}return Je.\u0275fac=function(Ee){return new(Ee||Je)(e.Y36(e.R0b),e.Y36(U.a3,2),e.Y36(o.L1),e.Y36(_.$_),e.Y36(S.K0),e.Y36(e.SBq))},Je.\u0275dir=e.lG2({type:Je,selectors:[["","tuiScrollbar",""]],inputs:{tuiScrollbar:"tuiScrollbar"},features:[e._Bn([U.a3])]}),Je})(),K=(()=>{class Je{constructor(Ee,$e,Ie){this.zone=Ee,this.scrollRef=$e,this.animationFrame$=Ie,this.refresh$=this.animationFrame$.pipe((0,C.p)(300),(0,g.U)(()=>this.scrollbars),(0,O.O)([!1,!1]),(0,w.x)((G,he)=>G[0]===he[0]&&G[1]===he[1]),(0,p.Yr)(this.zone))}get scrollbars(){const{clientHeight:Ee,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.scrollRef.nativeElement;return[Math.ceil(Ee/$e*100)<100,Math.ceil(Ie/G*100)<100]}}return Je.\u0275fac=function(Ee){return new(Ee||Je)(e.Y36(e.R0b),e.Y36(_.$_),e.Y36(o.L1))},Je.\u0275cmp=e.Xpm({type:Je,selectors:[["tui-scroll-controls"]],decls:2,vars:3,consts:[[4,"ngIf"],["class","t-bar t-bar_vertical",3,"t-bar_has-horizontal",4,"ngIf"],["class","t-bar t-bar_horizontal",3,"t-bar_has-vertical",4,"ngIf"],[1,"t-bar","t-bar_vertical"],["tuiScrollbar","vertical",1,"t-thumb"],[1,"t-bar","t-bar_horizontal"],["tuiScrollbar","horizontal",1,"t-thumb"]],template:function(Ee,$e){1&Ee&&(e.YNc(0,Q,3,2,"ng-container",0),e.ALo(1,"async")),2&Ee&&e.Q6J("ngIf",e.lcZ(1,1,$e.refresh$))},dependencies:[S.O5,B,S.Ov],styles:["[_nghost-%COMP%]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-%COMP%]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-%COMP%]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-%COMP%]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-%COMP%]{right:.5rem}.t-thumb[_ngcontent-%COMP%]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-%COMP%]:hover{opacity:.24}.t-thumb[_ngcontent-%COMP%]:active{opacity:.48}.t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{width:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{height:.875rem}"],changeDetection:0}),Je})(),We=(()=>{class Je{}return Je.\u0275fac=function(Ee){return new(Ee||Je)},Je.\u0275dir=e.lG2({type:Je,selectors:[["","tuiScrollRef",""]],features:[e._Bn([{provide:_.$_,useExisting:e.SBq}])]}),Je})(),Le=(()=>{class Je{}return Je.\u0275fac=function(Ee){return new(Ee||Je)},Je.\u0275mod=e.oAB({type:Je}),Je.\u0275inj=e.cJS({imports:[[S.ez]]}),Je})()},3770:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>B,Iy:()=>p,Jy:()=>w,Kx:()=>le,LZ:()=>C,Lw:()=>de,Ml:()=>ye,Mm:()=>m,Ye:()=>_,Yg:()=>ue,bg:()=>Z,em:()=>Je,f$:()=>X,fv:()=>Le,iD:()=>O,yZ:()=>S});var e=s(4537),o=s(4091);const p=()=>!1,_=()=>!0,f={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},m=new e.n_E,C=[],O=()=>{},w=Object.assign(Object.assign({},f),{toJSON:()=>f}),S=te=>String(te),Z=(te,Re)=>te===Re||function y(te,Re){return Array.isArray(te)&&Array.isArray(Re)&&!te.length&&!Re.length}(te,Re),le=(0,o.X$)("tuiParentAnimation",[(0,o.eR)(":leave",[(0,o.IO)(":scope > *",[(0,o.pV)()],{optional:!0})])]),ue=((0,o.X$)("tuiParentStop",[(0,o.eR)(":enter",[])]),1e3/15),de=te=>"ownerSVGElement"in te?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,X="\xa0",B="\u2013",Le="-",Je="\u2212",ye="3.57.0"},4358:(Ve,ae,s)=>{"use strict";s.d(ae,{UM:()=>O});var e=s(7788);function C(y,U,z=!0){return function(){const le=y.call(this);return Object.defineProperty(this,U,{enumerable:z,value:le}),le}}function O(y,U,z){if("function"==typeof y){const X=U;if("getter"===X.kind)return C(y,X.name);if("method"===X.kind)return function m(y){let Z,U=[],z=!1;return function(...Q){return z&&U.length===Q.length&&Q.every((de,X)=>de===U[X])||(U=Q,Z=y.apply(this,Q),z=!0),Z}}(y);throw new e.jw}const{get:Z,enumerable:le,value:Q}=z,ue=U;if(Z)return{configurable:!0,enumerable:le,get:C(Z,ue,le)};if("function"!=typeof Q)throw new e.jw;const de=Q;return{configurable:!0,enumerable:le,get(){let K,X=[],B=!1;const ne=(...We)=>(B&&X.length===We.length&&We.every((Je,we)=>Je===X[we])||(X=We,K=de.apply(this,We),B=!0),K);return Object.defineProperty(this,ue,{configurable:!0,value:ne}),ne}}}},221:(Ve,ae,s)=>{"use strict";s.d(ae,{A:()=>y,e:()=>S});var e=s(4911),o=s(4537),p=s(4358),_=s(2485),g=s(8033),f=s(1927),m=s(8002),C=s(9761),O=s(7519),w=s(3653);let S=(()=>{class U{constructor(Z,le,Q,ue){var de;this.active$=Z,this.zone=le,this.el=Q,this.directParentActiveZone=ue,this.subActiveZones=[],this.tuiActiveZoneParent=null,this.tuiActiveZoneChange=this.active$.pipe((0,m.U)(X=>!!X&&this.contains(X)),(0,C.O)(!1),(0,O.x)(),(0,w.T)(1),(0,_.Yr)(this.zone)),null===(de=this.directParentActiveZone)||void 0===de||de.addSubActiveZone(this)}set tuiActiveZoneParentSetter(Z){this.setZone(Z)}ngOnDestroy(){var Z,le;null===(Z=this.directParentActiveZone)||void 0===Z||Z.removeSubActiveZone(this),null===(le=this.tuiActiveZoneParent)||void 0===le||le.removeSubActiveZone(this)}contains(Z){return this.el.nativeElement.contains(Z)||this.subActiveZones.some((le,Q,ue)=>ue.indexOf(le)===Q&&le.contains(Z))}setZone(Z){var le;null===(le=this.tuiActiveZoneParent)||void 0===le||le.removeSubActiveZone(this),null==Z||Z.addSubActiveZone(this),this.tuiActiveZoneParent=Z}addSubActiveZone(Z){this.subActiveZones=[...this.subActiveZones,Z]}removeSubActiveZone(Z){this.subActiveZones=(0,f.WX)(this.subActiveZones,this.subActiveZones.indexOf(Z))}}return U.\u0275fac=function(Z){return new(Z||U)(o.Y36(g.wk),o.Y36(o.R0b),o.Y36(o.SBq),o.Y36(U,12))},U.\u0275dir=o.lG2({type:U,selectors:[["","tuiActiveZone","",5,"ng-container"],["","tuiActiveZoneChange","",5,"ng-container"],["","tuiActiveZoneParent","",5,"ng-container"]],inputs:{tuiActiveZoneParentSetter:["tuiActiveZoneParent","tuiActiveZoneParentSetter"]},outputs:{tuiActiveZoneChange:"tuiActiveZoneChange"},exportAs:["tuiActiveZone"]}),(0,e.gn)([p.UM],U.prototype,"setZone",null),U})(),y=(()=>{class U{}return U.\u0275fac=function(Z){return new(Z||U)},U.\u0275mod=o.oAB({type:U}),U.\u0275inj=o.cJS({}),U})()},4541:(Ve,ae,s)=>{"use strict";s.d(ae,{S:()=>p,t:()=>o});var e=s(4537);let o=(()=>{class _{constructor(){this.indeterminate=!1,this.checked=!1,this.tuiCheckedChange=new e.vpe}get isChecked(){return this.checked}get isIndeterminate(){return this.indeterminate}set tuiChecked(f){this.checked=f||!1,this.indeterminate=null===f}onChange({checked:f}){this.checked=f,this.indeterminate=!1,this.tuiCheckedChange.emit(f)}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275dir=e.lG2({type:_,selectors:[["input","tuiChecked",""],["input","tuiCheckedChange",""]],hostVars:2,hostBindings:function(f,m){1&f&&e.NdJ("change",function(O){return m.onChange(O.target)}),2&f&&e.Ikx("checked",m.isChecked)("indeterminate",m.isIndeterminate)},inputs:{tuiChecked:"tuiChecked"},outputs:{tuiCheckedChange:"tuiCheckedChange"}}),_})(),p=(()=>{class _{}return _.\u0275fac=function(f){return new(f||_)},_.\u0275mod=e.oAB({type:_}),_.\u0275inj=e.cJS({}),_})()},8491:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>_,q:()=>p});var e=s(4537),o=s(7881);let p=(()=>{class g{constructor(m){this.tuiFocusVisibleChange=m}}return g.\u0275fac=function(m){return new(m||g)(e.Y36(o.ku))},g.\u0275dir=e.lG2({type:g,selectors:[["","tuiFocusVisibleChange",""]],outputs:{tuiFocusVisibleChange:"tuiFocusVisibleChange"},features:[e._Bn([o.a3,o.ku])]}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},3633:(Ve,ae,s)=>{"use strict";s.d(ae,{t:()=>o,u:()=>p});var e=s(4537);let o=(()=>{class _{constructor(){this.focusable=!0}get tabIndex(){return this.focusable?0:-1}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275dir=e.lG2({type:_,selectors:[["","tuiFocusable",""]],hostVars:1,hostBindings:function(f,m){2&f&&e.Ikx("tabIndex",m.tabIndex)},inputs:{focusable:["tuiFocusable","focusable"]}}),_})(),p=(()=>{class _{}return _.\u0275fac=function(f){return new(f||_)},_.\u0275mod=e.oAB({type:_}),_.\u0275inj=e.cJS({}),_})()},5059:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>w,U:()=>O});var e=s(4537),o=s(2485),p=s(7179),_=s(6682),g=s(8002),f=s(9761),m=s(7519),C=s(3653);let O=(()=>{class S{constructor({nativeElement:U},z){this.tuiFocusedChange=(0,_.T)((0,o.mL)(U,"focusin"),(0,o.mL)(U,"focusout")).pipe((0,g.U)(()=>(0,p.V8)(U)),(0,f.O)(!1),(0,m.x)(),(0,C.T)(1),(0,o.Yr)(z))}}return S.\u0275fac=function(U){return new(U||S)(e.Y36(e.SBq),e.Y36(e.R0b))},S.\u0275dir=e.lG2({type:S,selectors:[["","tuiFocusedChange",""]],outputs:{tuiFocusedChange:"tuiFocusedChange"}}),S})(),w=(()=>{class S{}return S.\u0275fac=function(U){return new(U||S)},S.\u0275mod=e.oAB({type:S}),S.\u0275inj=e.cJS({}),S})()},6111:(Ve,ae,s)=>{"use strict";s.d(ae,{VE:()=>U,co:()=>y,gs:()=>S});var e=s(4537),o=s(3770),p=s(2485),_=s(4493),g=s(882),f=s(6682),m=s(8002),C=s(5435),O=s(7519);function w({currentTarget:z,relatedTarget:Z}){return!(0,_.ve)(Z)||!(0,_.ve)(z)||!z.contains(Z)}let S=(()=>{class z extends g.y{constructor(le,Q){super(ue=>this.stream$.subscribe(ue)),this.el=le,this.zone=Q,this.stream$=(0,f.T)((0,p.mL)(this.el.nativeElement,"mouseenter").pipe((0,m.U)(o.Ye)),(0,p.mL)(this.el.nativeElement,"mouseleave").pipe((0,m.U)(o.Iy)),(0,p.mL)(this.el.nativeElement,"mouseout").pipe((0,C.h)(w),(0,m.U)(o.Iy))).pipe((0,O.x)(),(0,p.Yr)(this.zone))}}return z.\u0275fac=function(le){return new(le||z)(e.LFG(e.SBq),e.LFG(e.R0b))},z.\u0275prov=e.Yz7({token:z,factory:z.\u0275fac}),z})(),y=(()=>{class z{constructor(le){this.tuiHoveredChange=le}}return z.\u0275fac=function(le){return new(le||z)(e.Y36(S))},z.\u0275dir=e.lG2({type:z,selectors:[["","tuiHoveredChange",""]],outputs:{tuiHoveredChange:"tuiHoveredChange"},features:[e._Bn([S])]}),z})(),U=(()=>{class z{}return z.\u0275fac=function(le){return new(le||z)},z.\u0275mod=e.oAB({type:z}),z.\u0275inj=e.cJS({}),z})()},2668:(Ve,ae,s)=>{"use strict";s.d(ae,{Ls:()=>p,WD:()=>_});var e=s(4537);class o{constructor(f){this.internalDirectiveInstance=f}get $implicit(){return this.internalDirectiveInstance.tuiLet}get tuiLet(){return this.internalDirectiveInstance.tuiLet}}let p=(()=>{class g{constructor(m,C){m.createEmbeddedView(C,new o(this))}static ngTemplateContextGuard(m,C){return!0}}return g.\u0275fac=function(m){return new(m||g)(e.Y36(e.s_b),e.Y36(e.Rgc))},g.\u0275dir=e.lG2({type:g,selectors:[["","tuiLet",""]],inputs:{tuiLet:"tuiLet"}}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},1486:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>O,e:()=>w});var e=s(4537),o=s(2485),p=s(7881),_=s(4493),g=s(5435),f=s(6782),m=s(3190),C=s(8307);let O=(()=>{class S{constructor({nativeElement:U},z,Z){this.mode="scroll",(0,o.mL)(U,"wheel",{passive:!1}).pipe((0,g.h)(()=>this.enabled),(0,o.fL)(z),(0,f.R)(Z)).subscribe(le=>{this.processEvent(le,!!le.deltaY,le.deltaY?le.deltaY<0:le.deltaX<0)}),(0,o.mL)(U,"touchstart",{passive:!0}).pipe((0,m.w)(({touches:le})=>{let B,{clientX:Q,clientY:ue}=le[0],de=0,X=0;return(0,o.mL)(U,"touchmove",{passive:!1}).pipe((0,g.h)(()=>this.enabled),(0,C.b)(K=>{const ne=K.changedTouches[0];de=Q-ne.clientX,X=ue-ne.clientY,Q=ne.clientX,ue=ne.clientY,void 0===B&&(B=Math.abs(X)>Math.abs(de)),this.processEvent(K,B,B?X<0:de<0)}))}),(0,o.fL)(z),(0,f.R)(Z)).subscribe()}get enabled(){return"none"!==this.mode}get overscrollBehavior(){return this.enabled?"contain":null}processEvent(U,z,Z){var le;const{target:Q,currentTarget:ue,cancelable:de}=U;if(de&&(0,_.ve)(Q)&&"range"!==(null===(le=Q)||void 0===le?void 0:le.type)){if("all"===this.mode&&(z&&!ue.contains((0,_.Hs)(Q))||!z&&!ue.contains((0,_.Hs)(Q,!1))))return void U.preventDefault();if(z&&(Z&&!(0,_.ty)(Q,ue,!0,!1)||!Z&&!(0,_.ty)(Q,ue,!0,!0)))return void U.preventDefault();!z&&(Z&&!(0,_.ty)(Q,ue,!1,!1)||!Z&&!(0,_.ty)(Q,ue,!1,!0))&&U.preventDefault()}}}return S.\u0275fac=function(U){return new(U||S)(e.Y36(e.SBq),e.Y36(e.R0b),e.Y36(p.a3,2))},S.\u0275dir=e.lG2({type:S,selectors:[["","tuiOverscroll",""]],hostVars:2,hostBindings:function(U,z){2&U&&e.Udp("overscroll-behavior",z.overscrollBehavior)},inputs:{mode:["tuiOverscroll","mode"]},features:[e._Bn([p.a3])]}),S})(),w=(()=>{class S{}return S.\u0275fac=function(U){return new(U||S)},S.\u0275mod=e.oAB({type:S}),S.\u0275inj=e.cJS({}),S})()},6424:(Ve,ae,s)=>{"use strict";s.d(ae,{B:()=>o,L:()=>e});var e=(()=>{return(p=e||(e={}))[p.Sunday=0]="Sunday",p[p.Monday=1]="Monday",p[p.Tuesday=2]="Tuesday",p[p.Wednesday=3]="Wednesday",p[p.Thursday=4]="Thursday",p[p.Friday=5]="Friday",p[p.Saturday=6]="Saturday",e;var p})(),o=(()=>{return(p=o||(o={}))[p.January=0]="January",p[p.February=1]="February",p[p.March=2]="March",p[p.April=3]="April",p[p.May=4]="May",p[p.June=5]="June",p[p.July=6]="July",p[p.August=7]="August",p[p.September=8]="September",p[p.October=9]="October",p[p.November=10]="November",p[p.December=11]="December",o;var p})()},7788:(Ve,ae,s)=>{"use strict";s.d(ae,{AM:()=>_,I4:()=>p,JY:()=>g,ZB:()=>f,aq:()=>m,j2:()=>S,jw:()=>C});class e extends Error{constructor(){super("")}}class o extends Error{constructor(){super("")}}class p extends Error{constructor(Z){super("")}}class _ extends Error{constructor(Z){super("")}}class g extends Error{constructor(Z){super("")}}class f extends Error{constructor(){super("")}}class m extends Error{constructor(){super("")}}class C extends Error{constructor(){super("")}}class O extends Error{constructor(){super("")}}class w extends Error{constructor(){super("")}}class S extends Error{constructor(){super("")}}class y extends Error{constructor(){super("")}}class U extends Error{constructor(){super("")}}},2485:(Ve,ae,s)=>{"use strict";s.d(ae,{EK:()=>Je,ix:()=>Re,Xd:()=>q,fw:()=>ce,ll:()=>be,pt:()=>Et,vm:()=>Gt,mL:()=>we,NA:()=>St,Yr:()=>Ht,fL:()=>Ot});var e=s(7788),o=s(882),p=s(2759),_=s(4022),g=s(8653),f=s(6682),m=s(6481),C=s(9193),O=s(9761),w=s(3190),S=s(8002),y=s(7519),U=s(7349),z=s(5257),Z=s(5435),le=s(7393);class ue{call(Tt,xt){return xt.subscribe(new de(Tt))}}class de extends le.L{_next(Tt){}}var X=s(9196),B=s(7057),K=s(8307),ne=s(1927),We=s(3770),Le=s(7179);function Je(Pt){return new o.y(Tt=>{if(!Pt.valueChanges)throw new e.j2;Pt.valueChanges.pipe((0,O.O)(Pt.value)).subscribe(Tt)})}function we(Pt,Tt,xt={}){return(0,p.R)(Pt,Tt,xt)}function he(Pt=0){return(0,_.z)((0,w.w)(()=>(0,g.H)(Pt).pipe((0,S.U)(We.Iy),(0,O.O)(!0))),(0,y.x)())}let ye,te;function Re(Pt){const Tt=we(Pt,"blur"),{ownerDocument:xt}=Pt;if(!xt)throw new e.aq;return(!te||!ye)&&(ye=we(xt,"mouseup",{capture:!0}).pipe(he(),(0,O.O)(!1),(0,U.d)({bufferSize:1,refCount:!0})),te=we(xt,"mousedown",{capture:!0}).pipe(he(),(0,O.O)(!1),(0,U.d)({bufferSize:1,refCount:!0}))),(0,f.T)((0,m.z)(we(Pt,"focus").pipe((0,z.q)(1)),Tt.pipe((0,Z.h)(()=>!(0,Le.V8)(Pt)),(0,z.q)(1),function Q(){return function(Tt){return Tt.lift(new ue)}}())).pipe((0,X.r)(),(0,B.M)(te,ye,(Wt,sn,_n)=>sn||_n),(0,Z.h)(ne.Mv))).pipe((0,w.w)(()=>Tt.pipe((0,S.U)(We.Iy),(0,z.q)(1),(0,O.O)(!0))),(0,y.x)())}function q(Pt,Tt=Boolean){return(0,_.z)((0,w.w)(xt=>Tt(xt)?Pt(xt):C.E))}function ce(Pt){var Tt,xt;return"observed"in Pt?Pt.observed:!(null===(xt=null===(Tt=Pt)||void 0===Tt?void 0:Tt.observers)||void 0===xt||!xt.length)}function be(Pt){return Pt.changes.pipe((0,O.O)(null),(0,S.U)(()=>(0,ne.gD)(Pt)))}function Et(Pt){return we(Pt===Pt.ownerDocument.documentElement?Pt.ownerDocument:Pt,"scroll")}function Gt(){return(0,K.b)(Pt=>{Pt.stopPropagation()})}function St(Pt){return(0,K.b)(()=>{Pt.markForCheck()})}function Ot(Pt){return Tt=>new o.y(xt=>Pt.runOutsideAngular(()=>Tt.subscribe(xt)))}function Ht(Pt){return(0,_.z)(Ot(Pt),function qt(Pt){return Tt=>new o.y(xt=>Tt.subscribe({next:Wt=>Pt.run(()=>xt.next(Wt)),error:Wt=>Pt.run(()=>xt.error(Wt)),complete:()=>Pt.run(()=>xt.complete())}))}(Pt))}},7881:(Ve,ae,s)=>{"use strict";s.d(ae,{a3:()=>Ke,gH:()=>Fe,ku:()=>ht,ll:()=>$t,AQ:()=>wt,b0:()=>Ye,tl:()=>kt,Fr:()=>ot,$D:()=>st});var e=s(4537),o=s(8447),p=s(882),_=s(1439),g=s(6682),f=s(2759),m=s(6666),C=s(2485),O=s(6782),w=s(7460),S=s(6803),y=s(8002),U=s(9761),z=s(7519),Z=s(5304),le=s(4395),Q=s(4121),ue=s(3190),de=s(7349),X=s(9328),B=s(5435),K=s(2579),ne=s(3770),We=s(4493),Le=s(8692);const we=new e.OlP("Box model to observe changes",{providedIn:"root",factory:()=>"content-box"}),Ee=new e.OlP("Resize Observer API support",{providedIn:"root",factory:()=>!!(0,e.f3M)(K.m9).ResizeObserver});let $e=(()=>{class $ extends p.y{constructor({nativeElement:De},pt,ct,_t){let At;return super(Se=>{if(ct)return At=new ResizeObserver(Be=>{pt.run(()=>{Se.next(Be)})}),At.observe(De,{box:_t}),()=>{At.disconnect()};Se.error("ResizeObserver is not supported in your browser")}),this.pipe((0,Q.B)())}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(Ee),e.LFG(we))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})();var te=s(1927),Re=s(4911),et=s(3464);var ke=s(8033);let Ke=(()=>{class $ extends o.t{constructor(){super(1)}ngOnDestroy(){this.next(),this.complete()}}return $.\u0275fac=function(De){return new(De||$)},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),Fe=(()=>{class ${constructor(De,pt){this.resolver=De,this.injector=pt,this.map=new Map}addComponent(De){this.map.has(De)||this.map.set(De,this.resolver.resolveComponentFactory(De).create(this.injector))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e._Vd),e.LFG(e.gxx))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),ht=(()=>{class $ extends p.y{constructor({nativeElement:De},pt,ct){super(_t=>this.focusVisible$.subscribe(_t)),this.focusVisible$=(0,C.ix)(De).pipe((0,C.NA)(pt),(0,O.R)(ct))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.sBO),e.LFG(Ke,2))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),$t=(()=>{class ${generate(){return`tui_${$.autoId++}${Date.now()}`}}return $.autoId=0,$.\u0275fac=function(De){return new(De||$)},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),Ye=(()=>{class $ extends p.y{constructor(De,pt){super(ct=>this.callback$.subscribe(ct)),this.callback$=(0,_.P)(()=>{let{nativeElement:ct}=De;const _t=[pt,ct];for(;ct.parentElement;)ct=ct.parentElement,_t.push(ct);return(0,g.T)(..._t.map(At=>(0,C.mL)(At,"scroll")))})}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(K.m9))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),wt=(()=>{class $ extends p.y{constructor(De,{nativeElement:pt},ct,_t,At,Se){super(Be=>this.obscured$.subscribe(Be)),this.obscured$=(0,g.T)((0,g.T)(De,(0,f.R)(_t,"resize")).pipe((0,w.g)(0)),Se.pipe((0,S.p)(ne.Yg))).pipe((0,y.U)(()=>(0,We.PU)(pt)),(0,U.O)(null),(0,z.x)(),(0,C.Yr)(ct),(0,O.R)(At))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(Ye,2),e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(K.m9),e.LFG(Ke,2),e.LFG(K.L1))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),kt=(()=>{class $ extends $e{constructor(De,pt,ct,_t,At,Se){return super(De,pt,_t,At),this.pipe((0,Z.K)(()=>Se.pipe((0,S.p)(ne.Yg),(0,y.U)(()=>`${De.nativeElement.clientWidth} ${De.nativeElement.clientHeight}`),(0,z.x)(),(0,y.U)(()=>ne.LZ))),(0,le.b)(0),(0,C.fL)(pt),(0,Q.B)(),(0,O.R)(ct))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(Ke,2),e.LFG(Ee),e.LFG(we),e.LFG(K.L1))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),ot=(()=>{class ${constructor(De,pt){this.win=De,this.platformId=pt,this.cache=new Map}request(De){const pt=this.cache.get(De);if(pt)return pt;const _t=("AbortController"in this.win||(0,Le.PM)(this.platformId)?function Ge($,Ne={}){const{selector:De}=Ne,pt=function N($,Ne){var De={};for(var pt in $)Object.prototype.hasOwnProperty.call($,pt)&&Ne.indexOf(pt)<0&&(De[pt]=$[pt]);if(null!=$&&"function"==typeof Object.getOwnPropertySymbols){var ct=0;for(pt=Object.getOwnPropertySymbols($);ct<pt.length;ct++)Ne.indexOf(pt[ct])<0&&Object.prototype.propertyIsEnumerable.call($,pt[ct])&&(De[pt[ct]]=$[pt[ct]])}return De}(Ne,["selector"]);return new p.y(ct=>{const _t=new AbortController,At=_t.signal;let Se=!0,Be=!1;const se=new et.w;let re;if(se.add(()=>{Be=!0,Se&&_t.abort()}),pt){if(pt.signal)if(pt.signal.aborted)_t.abort();else{const Y=pt.signal,fe=()=>{At.aborted||_t.abort()};Y.addEventListener("abort",fe),se.add(()=>Y.removeEventListener("abort",fe))}re=Object.assign({},pt,{signal:At})}else re={signal:At};return fetch($,re).then(Y=>{De?se.add((0,m.D)(De(Y)).subscribe(fe=>ct.next(fe),fe=>{Se=!1,Be||ct.error(fe)},()=>{Se=!1,ct.complete()})):(Se=!1,ct.next(Y),ct.complete())}).catch(Y=>{Se=!1,Be||ct.error(Y)}),se})}(De):(0,_.P)(()=>(0,m.D)(fetch(De)))).pipe((0,ue.w)(At=>(0,Re.mG)(this,void 0,void 0,function*(){if(At.ok)return At.text();throw new Error(`Failed to load ${De} (${At.statusText})`)})),(0,de.d)({bufferSize:1,refCount:!1}));return this.cache.set(De,_t),_t}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(K.m9),e.LFG(e.Lbi))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),st=(()=>{class $ extends p.y{constructor({nativeElement:De},{timeout:pt,threshold:ct},_t){super(At=>{(0,g.T)((0,C.mL)(De,"touchstart",{passive:!0}),(0,C.mL)(_t,"touchend")).pipe((0,X.G)(),(0,B.h)(([Se,Be])=>!!Se.touches.length&&Se.touches[0].identifier===Be.changedTouches[0].identifier),(0,y.U)(([Se,Be])=>{const Ue=Se.touches[0].clientX-Be.changedTouches[0].clientX,dt=Se.touches[0].clientY-Be.changedTouches[0].clientY,rt=Be.timeStamp-Se.timeStamp;return(Math.abs(Ue)>ct||Math.abs(dt)>ct)&&rt<pt?{direction:(0,te.M8)(Ue,dt),events:[Se,Be]}:null}),(0,B.h)(te.Pc)).subscribe(At)})}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(ke.s6),e.LFG(Le.K0))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})()},8033:(Ve,ae,s)=>{"use strict";s.d(ae,{wk:()=>te,bS:()=>Re,I2:()=>ce,qY:()=>N,KZ:()=>Ct,tS:()=>Gt,XG:()=>Pt,TN:()=>Tt,oD:()=>_n,FA:()=>St,fL:()=>Ht,jF:()=>ut,$_:()=>Ge,s6:()=>ke,fM:()=>ht,XH:()=>q,Q:()=>_e,FT:()=>Et});var e=s(8692),o=s(4537),p=s(2579),_=s(2485),g=s(1927),f=s(4493);const C=/ipad|iphone|ipod/;function O(Ye){return C.test(Ye.userAgent.toLowerCase())||function m(Ye){return Ye.platform.startsWith("Mac")||"iPhone"===Ye.platform}(Ye)&&Ye.maxTouchPoints>1}const w=/^((?!chrome|android).)*safari/i;var y=s(6215),U=s(8653),z=s(6682),Z=s(5917),le=s(6666),Q=s(9193),ue=s(3190),de=s(8002),X=s(9761),B=s(4121),K=s(5435),ne=s(6782),We=s(2361),Le=s(7057),Je=s(5257),we=s(7519),Ee=s(7349),$e=s(763),Ie=s(3770);const G=(0,g.N1)(()=>{const Ye={onRemovalComplete:()=>{}},wt=new y.X(null),Mt=(0,o.f3M)($e.Th,o.XFs.Optional)||Ye,{onRemovalComplete:kt=Ye.onRemovalComplete}=Mt;return Mt.onRemovalComplete=(cn,Yt)=>{wt.next(cn),kt.call(Mt,cn,Yt)},wt.pipe((0,ue.w)(cn=>(0,U.H)(0).pipe((0,de.U)(()=>null),(0,X.O)(cn))),(0,B.B)())});function he(Ye,wt=null){return!((0,f.Wf)(Ye).activeElement===Ye||Ye.matches(":disabled")||null!=wt&&wt.contains(Ye))}const te=(0,g.N1)(()=>{const Ye=(0,o.f3M)(G),wt=(0,o.f3M)(p.m9),Mt=(0,o.f3M)(e.K0),kt=(0,_.mL)(wt,"focusout"),cn=(0,_.mL)(wt,"focusin"),Yt=(0,_.mL)(wt,"blur"),Qe=(0,_.mL)(wt,"mousedown"),lt=(0,_.mL)(wt,"mouseup");return(0,z.T)(kt.pipe((0,ne.R)(Qe),(0,We.a)(()=>lt),(0,Le.M)(Ye),(0,K.h)(([ot,st])=>he((0,f.mA)(ot),st)),(0,de.U)(([{relatedTarget:ot}])=>ot)),Yt.pipe((0,de.U)(()=>Mt.activeElement),(0,K.h)(ot=>!(null==ot||!ot.matches("iframe")))),cn.pipe((0,ue.w)(ot=>{const st=(0,f.mA)(ot),it=(0,f.Wf)(st);return it===Mt?(0,Z.of)(st):function ye(Ye){return(0,z.T)((0,_.mL)(Ye,"focusin").pipe((0,de.U)(({target:wt})=>wt)),(0,_.mL)(Ye,"focusout").pipe((0,K.h)(({target:wt,relatedTarget:Mt})=>!!Mt&&he(wt)),(0,de.U)(({relatedTarget:wt})=>wt)))}(it).pipe((0,X.O)(st))})),Qe.pipe((0,ue.w)(ot=>{const st=(0,f.mA)(ot);return Mt.activeElement&&Mt.activeElement!==Mt.body?kt.pipe((0,Je.q)(1),(0,de.U)(()=>st),(0,ne.R)((0,U.H)(0))):(0,Z.of)(st)}))).pipe((0,we.x)(),(0,B.B)())}),Re=(0,g.JN)([]);function q(Ye){return{provide:Re,multi:!0,useExisting:Ye}}const ce=(0,g.N1)(()=>{var Ye,wt;return null!==(wt=null===(Ye=(0,o.f3M)(e.K0).querySelector("base"))||void 0===Ye?void 0:Ye.href)&&void 0!==wt?wt:""}),N=((0,g.N1)(()=>(0,o.f3M)(o.FYo).createRenderer(null,null)),(0,g.JN)([]));function _e(Ye){return{provide:N,multi:!0,useExisting:Ye}}(0,g.N1)(()=>{var Ye;const wt=null===(Ye=(0,o.f3M)(e.K0).querySelector("base"))||void 0===Ye?void 0:Ye.href;if(wt)return wt;const Mt=(0,o.f3M)(e.K0).createElement("a");return Mt.href="",Mt.pathname});const Ct=new o.OlP("[TUI_FOCUSABLE_ITEM_ACCESSOR]");function Et(Ye){return{provide:Ct,useExisting:Ye}}const Gt=new o.OlP("[TUI_FONTS_READY]",{factory:()=>{var Ye;return(0,le.D)((null===(Ye=(0,o.f3M)(e.K0).fonts)||void 0===Ye?void 0:Ye.ready)||Q.E).pipe((0,Ee.d)({bufferSize:1,refCount:!1}))}}),St=(0,g.N1)(()=>O((0,o.f3M)(p.s5))),qt=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/,Ot=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/,Ht=(0,g.N1)(()=>qt.test((0,o.f3M)(p.yZ).toLowerCase())||Ot.test((0,o.f3M)(p.yZ).slice(0,4).toLowerCase())),Pt=(0,g.N1)(()=>(0,o.f3M)(Ht)&&!(0,o.f3M)(St)),Tt=(0,g.N1)(()=>function S(Ye){return O(Ye)||w.test(Ye.userAgent.toLowerCase())}((0,o.f3M)(p.s5))),Wt=((0,g.N1)(()=>!!(0,o.f3M)(p.m9).chrome),(0,g.N1)(()=>!!(0,o.f3M)(p.m9).Cypress)),sn=(0,g.N1)(Ie.Iy),_n=(0,g.N1)(()=>(0,o.f3M)(Wt)||(0,o.f3M)(sn)),ut=((0,g.N1)(()=>{var Ye;return typeof(null===(Ye=(0,o.f3M)(p.m9))||void 0===Ye?void 0:Ye.mozCancelFullScreen)<"u"}),(0,g.N1)(()=>(0,o.f3M)(p.m9).location.host.endsWith("stackblitz.io")),(0,g.N1)(()=>{var Ye;return!(null===(Ye=(0,o.f3M)(p.m9))||void 0===Ye||!Ye.webkitConvertPointFromNodeToPage)}));(0,g.JN)("web"),(0,g.N1)(()=>(0,e.NF)((0,o.f3M)(o.Lbi))?new Range:{});const Ge=(0,g.N1)(()=>new o.SBq((0,o.f3M)(e.K0).documentElement)),ke=(0,g.JN)({timeout:500,threshold:30}),ht=((0,g.N1)(Ie.Ye),(0,g.N1)(()=>(0,o.f3M)(p.m9).matchMedia("(any-pointer: coarse)").matches),new o.OlP("[TUI_WINDOW_SIZE]",{factory:()=>{const Ye=(0,o.f3M)(p.m9);return(0,_.mL)(Ye,"resize").pipe((0,X.O)(null),(0,de.U)(()=>{var wt,Mt;const kt=Math.max(Ye.innerWidth,(null===(wt=Ye.visualViewport)||void 0===wt?void 0:wt.width)||0),cn=Math.max(Ye.innerHeight,(null===(Mt=Ye.visualViewport)||void 0===Mt?void 0:Mt.height)||0);return{width:kt,height:cn,top:0,left:0,right:kt,bottom:cn}}),(0,Ee.d)({bufferSize:1,refCount:!0}))}}));(0,g.N1)(()=>(0,o.f3M)(ht).pipe((0,de.U)(({height:Ye})=>Ye))),(0,g.JN)({wheelSensitivity:.01})},1213:(Ve,ae,s)=>{"use strict";function _(f){return f.toLowerCase().includes("firefox")}function g({ownerDocument:f}){var m,C,O,w,S,y,U,z;const Z=null==f?void 0:f.defaultView,le=typeof Z.safari<"u"&&"[object SafariRemoteNotification]"===(null===(C=null===(m=Z.safari)||void 0===m?void 0:m.pushNotification)||void 0===C?void 0:C.toString()),Q=!(null===(w=null===(O=Z.navigator)||void 0===O?void 0:O.vendor)||void 0===w||!w.includes("Apple")||null!==(y=null===(S=Z.navigator)||void 0===S?void 0:S.userAgent)&&void 0!==y&&y.includes("CriOS")||null!==(z=null===(U=Z.navigator)||void 0===U?void 0:U.userAgent)&&void 0!==z&&z.includes("FxiOS"));return le||Q}s.d(ae,{Ex:()=>g,oK:()=>_})},4493:(Ve,ae,s)=>{"use strict";s.d(ae,{Hn:()=>ne,Hs:()=>X,PP:()=>m,PU:()=>ue,UP:()=>we,Wf:()=>Q,YX:()=>de,dD:()=>Je,dW:()=>y,mA:()=>z,ty:()=>f,ve:()=>S});var e=s(5648),o=s(1927);function f(Ee,$e,Ie,G){return Ie?function _(Ee,$e,Ie){let G=Ee;for(;G!==$e.parentElement;){if(Math.floor(G.scrollTop)>0&&!Ie||Math.ceil(G.scrollTop+G.clientHeight)<G.scrollHeight&&Ie)return!0;if(!G.parentElement)return!1;G=G.parentElement}return!1}(Ee,$e,G):function g(Ee,$e,Ie){let G=Ee;for(;G!==$e.parentElement;){if(Math.floor(G.scrollLeft)>0&&!Ie||Math.ceil(G.scrollLeft+G.clientWidth)<G.scrollWidth&&Ie)return!0;if(!G.parentElement)return!1;G=G.parentElement}return!1}(Ee,$e,G)}function m(Ee,$e){try{return Ee.contains($e)||!!($e.compareDocumentPosition(Ee)&Node.DOCUMENT_POSITION_PRECEDING)}catch{return!1}}function S(Ee){return!!Ee&&"nodeType"in Ee&&Ee.nodeType===Node.ELEMENT_NODE}function y(Ee){return Ee instanceof HTMLElement}function z(Ee){return Ee.composedPath()[0]}function Q(Ee){return"getRootNode"in Ee&&Ee.isConnected?Ee.getRootNode():Ee.ownerDocument}function ue(Ee){const{ownerDocument:$e}=Ee;if(null==$e||!$e.defaultView||!Ee.getBoundingClientRect)return null;const{innerWidth:Ie,innerHeight:G}=$e.defaultView,he=Q(Ee),ye=Ee.getBoundingClientRect();if(0===ye.width&&0===ye.height)return null;const te=(0,e.Ki)(Math.round(ye.left)+2,0,Ie),Re=(0,e.Ki)(Math.round(ye.top)+2,0,G),q=(0,e.Ki)(Math.round(ye.right)-2,0,Ie),ce=(0,e.Ki)(Math.round(ye.bottom)-2,0,G),be=(0,e.Ki)(Math.round(ye.left+ye.width/2),0,Ie),N=(0,e.Ki)(Math.round(ye.top+ye.height/2),0,G),ze=[he.elementFromPoint(be,Re),he.elementFromPoint(be,ce),he.elementFromPoint(te,N),he.elementFromPoint(q,N)].filter(o.Pc);if(!ze.length)return ze;const Ct=ze.filter(Et=>!Ee.contains(Et));return 4===Ct.length?Ct:null}function de(Ee,$e){let{offsetTop:Ie,offsetLeft:G,offsetParent:he}=$e;for(;y(he)&&he!==Ee;)Ie+=he.offsetTop,G+=he.offsetLeft,he=he.offsetParent;return{offsetTop:Ie,offsetLeft:G}}function X(Ee,$e=!0){return null===Ee?null:$e&&Ee.scrollHeight>Ee.clientHeight||!$e&&Ee.scrollWidth>Ee.clientWidth?Ee:X(Ee.parentElement,$e)}function ne(Ee){return function w(Ee){return function C(Ee){return Ee.matches("input")}(Ee)||function O(Ee){return Ee.matches("textarea")}(Ee)}(Ee)&&!Ee.readOnly||!!Ee.isContentEditable}function Je(Ee=0,$e=0){const Ie={x:Ee,y:$e,left:Ee,right:Ee,top:$e,bottom:$e,width:0,height:0};return Object.assign(Object.assign({},Ie),{toJSON:()=>Ie})}function we(Ee){return"explicitOriginalTarget"in Ee?(null==Ee?void 0:Ee.explicitOriginalTarget)!==Ee.target:"pointerId"in Ee?-1===Ee.pointerId:"detail"in Ee&&"webkitForce"in Ee&&0===(null==Ee?void 0:Ee.detail)}s(8939)},7179:(Ve,ae,s)=>{"use strict";s.d(ae,{BW:()=>m,Pg:()=>S,V8:()=>C,VR:()=>w,dT:()=>g,hp:()=>_,ie:()=>p,zb:()=>O});var e=s(4493),o=s(3770);function p({activeElement:y}){if(null==y||!y.shadowRoot)return y;let U=y.shadowRoot.activeElement;for(;null!=U&&U.shadowRoot;)U=U.shadowRoot.activeElement;return U}function _(y){const U=p(y);(0,e.dW)(U)&&U.blur()}function g(y){if(y.hasAttribute("disabled")||"-1"===y.getAttribute("tabIndex"))return!1;if((0,e.dW)(y)&&y.isContentEditable||"0"===y.getAttribute("tabIndex"))return!0;switch(y.tagName){case"BUTTON":case"SELECT":case"TEXTAREA":return!0;case"VIDEO":case"AUDIO":return y.hasAttribute("controls");case"INPUT":return"hidden"!==y.getAttribute("type");case"A":case"LINK":return y.hasAttribute("href");default:return!1}}function f(y){return!y.hasAttribute("disabled")&&("-1"===y.getAttribute("tabIndex")||g(y))}function m({initial:y,root:U,previous:z=!1,keyboard:Z=!0}){if(!U.ownerDocument)return null;const le=Z?g:f,Q=U.ownerDocument.createTreeWalker(U,NodeFilter.SHOW_ELEMENT,o.Lw);for(Q.currentNode=y;z?Q.previousNode():Q.nextNode();)if((0,e.dW)(Q.currentNode)&&(y=Q.currentNode),(0,e.dW)(y)&&le(y))return y;return null}function C(y){return!(null==y||!y.ownerDocument)&&p(y.ownerDocument)===y&&y.ownerDocument.hasFocus()}function O(y){if(!y.ownerDocument||!y.contains)return!1;const U=p(y.ownerDocument);return null!==U&&y.contains(U)&&y.ownerDocument.hasFocus()}function w(y,U,z){for(y+=z;y>=0&&y<U.length;){if(U[y].focus(),C(U[y]))return;y+=z}}function S(y,U=!0,z=!1){if(y.ownerDocument){if("function"==typeof Event)y.dispatchEvent(new Event("mousedown",{bubbles:!0,cancelable:!0}));else{const Z=y.ownerDocument.createEvent("Event");Z.initEvent("mousedown",!0,!0),y.dispatchEvent(Z)}U?y.focus({preventScroll:z}):y.blur()}}},5675:(Ve,ae,s)=>{"use strict";function o(p){return`${p}px`}s.d(ae,{O:()=>o}),s(8939)},5648:(Ve,ae,s)=>{"use strict";function o(Q,ue,de){return Math.min(de,Math.max(ue,Q))}function p(Q,ue,de){return Q>=ue&&Q<de}function _(Q,ue,de){return Number.isNaN(Q)||Q<=ue?ue:Q>=de?de:Math.round(Q)}s.d(ae,{G1:()=>_,HW:()=>z,Ki:()=>o,h0:()=>y,oY:()=>Z,wf:()=>p}),s(8939);const f=292;function m(Q,ue,de){if(Q===1/0)return Q;ue=Math.min(ue,f);const X=`${Q}e`.split("e"),K=`${de(Number(`${X[0]}e${Number(X[1])+ue}`))}e`.split("e");return Number(`${K[0]}e${Number(K[1])-ue}`)}function y({value:Q,precision:ue,method:de}){switch(de){case"round":return function C(Q,ue=0){return m(Q,ue,Math.round)}(Q,ue);case"ceil":return function O(Q,ue=0){return m(Q,ue,Math.ceil)}(Q,ue);case"floor":return function w(Q,ue=0){return m(Q,ue,Math.floor)}(Q,ue);default:return function S(Q,ue=0){return m(Q,ue,Math.trunc)}(Q,ue)}}function z(Q){return Q?1:0}function Z(Q){return parseInt(Q,10)}},1927:(Ve,ae,s)=>{"use strict";s.d(ae,{Aj:()=>g,JN:()=>C,M8:()=>le,Mv:()=>Q,N1:()=>O,Pc:()=>X,WX:()=>o,dt:()=>ue,gD:()=>Z,pf:()=>Je,vK:()=>Le,xT:()=>m});var e=s(4537);function o(we,Ee){return we.slice(0,Math.max(Ee,0)).concat(we.slice(Math.max(Ee+1,0)))}function g(we){return"string"==typeof we}function m(we){return JSON.parse(JSON.stringify(we,(Ee,$e)=>function f(we){const Ee=g(we)?we.trim():we;return[void 0,null,NaN,""].includes(Ee)}($e)?void 0:$e))}function C(we){return O(()=>we)}function O(we){return new e.OlP("",{factory:we})}function Z(we){let Ee=[];return we.find(($e,Ie,G)=>(Ee=G,!0)),Ee}function le(we,Ee){return Math.abs(Ee)>Math.abs(we)?Ee>0?"top":"bottom":we>0?"left":"right"}function Q(we){return!we}function ue(we){return"number"==typeof we}function X(we){return null!=we}function Le(we,Ee,$e){return{provide:we,deps:[[new e.FiY,new e.tp0,we]],useFactory:Ie=>Object.assign(Object.assign({},Ie||$e),Ee)}}function Je(we,Ee){return Array.from(we.reduce(($e,Ie)=>$e.has(Ie[Ee])?$e:$e.set(Ie[Ee],Ie),new Map).values())}},8192:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>f});var e=s(1927);function f(m,C=function o(){return Math.floor(Math.random()*Date.now())}(),O="rgba(0, 0, 0, 0.7)"){if((0,e.Aj)(m)){const S=function _(m){var C;const O=(null!==(C=m.match(/url\(("?)('*)#(.*?)('*)\)/g))&&void 0!==C?C:[]).map(w=>w.slice(4,w.length-1).replace(/['"#]+/g,""));return Array.from(new Set(O))}(m).reduce((y,U)=>{const z=function p(m){return m.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}(U),Z=`id_${C}_${U}`;return y.replace(new RegExp(`"${z}"`,"g"),`"${Z}"`).replace(new RegExp(`'${z}'`,"g"),`'${Z}'`).replace(new RegExp(`url\\('#${z}'\\)`,"g"),`url('#${Z}')`).replace(new RegExp(`url\\("#${z}"\\)`,"g"),`url("#${Z}")`).replace(new RegExp(`url\\(#${z}\\)`,"g"),`url(#${Z})`)},m);return function g(m,C){try{const O=(new DOMParser).parseFromString(m,"text/html");return O.body.querySelectorAll("[fill^=url]").forEach(w=>w.setAttribute("fill",`${w.getAttribute("fill")} ${C}`.trim())),O.body.innerHTML.trim()}catch{return m}}(S,O)}return m}},3631:(Ve,ae,s)=>{"use strict";s.d(ae,{D1:()=>U,FP:()=>y,Fe:()=>S,Ic:()=>X,O4:()=>Q,P7:()=>le,Sv:()=>de,UK:()=>O,Wk:()=>ue,c2:()=>w,ei:()=>Z,kk:()=>C,uG:()=>z});var e=s(4537),o=s(7881),p=s(6480),_=s(882),g=s(6682),f=s(7519),m=s(6782);class C extends _.y{}function O(B){return{provide:C,multi:!0,useExisting:B}}class w{}function S(B){return{provide:w,multi:!0,useExisting:B}}let y=(()=>{class B{constructor(ne,We,Le){this.destroy$=ne,this.drivers=We,this.vehicles=Le}ngOnInit(){const ne=this.vehicles.find(({type:We})=>We===this.type);(0,g.T)(...this.drivers.filter(({type:We})=>We===this.type)).pipe((0,f.x)(),(0,m.R)(this.destroy$)).subscribe(We=>{null==ne||ne.toggle(We)})}}return B.\u0275fac=function(ne){return new(ne||B)(e.Y36(o.a3,2),e.Y36(C),e.Y36(w))},B.\u0275dir=e.lG2({type:B}),B})(),U=(()=>{class B{constructor(ne){this.host=ne}get readOnly(){return this.host.readOnly}get disabled(){return this.host.computedDisabled}get invalid(){return this.host.computedInvalid}get focusable(){return this.host.computedFocusable}get inputMode(){return"text"}get value(){var ne;return(null===(ne=this.host.value)||void 0===ne?void 0:ne.toString())||""}process(ne){}}return B.\u0275fac=function(ne){return new(ne||B)(e.Y36(p.M$))},B.\u0275dir=e.lG2({type:B}),B})();class z{}function Z(B){return{provide:z,deps:[[new e.tp0,z]],useFactory:K=>K.find(ne=>ne.type===B)}}function le(B){return{provide:z,multi:!0,useExisting:B}}class Q{}function ue(B,K){return{provide:Q,deps:[[new e.tp0,Q],K],useFactory:de(B)}}function de(B){return(K,ne)=>K.find(We=>We!==ne&&We.type===B)||ne}function X(B){return{provide:Q,multi:!0,useExisting:B}}},9941:(Ve,ae,s)=>{"use strict";s.d(ae,{Gw:()=>Q,QF:()=>O,X9:()=>K,eu:()=>g,i9:()=>U});var e=s(4091);const o="{{duration}}ms ease-in-out",p={params:{duration:300}},_=300,g=(0,e.X$)("tuiHeightCollapse",[(0,e.eR)(":enter",[(0,e.oB)({height:0}),(0,e.jt)(o,(0,e.oB)({height:"*"}))],p),(0,e.eR)(":leave",[(0,e.oB)({height:"*"}),(0,e.jt)(o,(0,e.oB)({height:0}))],p)]),O=((0,e.X$)("tuiHeightCollapseList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({height:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({height:"*"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({height:"*"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({height:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiWidthCollapse",[(0,e.eR)(":enter",[(0,e.oB)({width:0}),(0,e.jt)(o,(0,e.oB)({width:"*"}))],p),(0,e.eR)(":leave",[(0,e.oB)({width:"*"}),(0,e.jt)(o,(0,e.oB)({width:0}))],p)]),(0,e.X$)("tuiWidthCollapseList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({width:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({width:"*"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({width:"*"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({width:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiFadeIn",[(0,e.eR)(":enter",[(0,e.oB)({opacity:0}),(0,e.jt)(o,(0,e.oB)({opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({opacity:1}),(0,e.jt)(o,(0,e.oB)({opacity:0}))],p)])),U=((0,e.X$)("tuiFadeInList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({opacity:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({opacity:1}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({opacity:1}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({opacity:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiFadeInTop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-10px)",opacity:0}))],p)]),(0,e.X$)("tuiFadeInBottom",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(10px)",opacity:0}))],p)]),(0,e.X$)("tuiDropdownAnimation",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-10px)",opacity:0}))],p)])),Q=((0,e.X$)("tuiScaleIn",[(0,e.eR)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))],p)]),(0,e.X$)("tuiPop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1.1)"})),(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1.1)"})),(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))],p)]),(0,e.X$)("tuiScaleInList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideIn",[(0,e.eR)("* => left",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)("left => *",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))],p),(0,e.eR)("* => right",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)("right => *",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))],p)])),K=((0,e.X$)("tuiSlideInLeft",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))],p)]),(0,e.X$)("tuiSlideInLeftList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInRight",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))],p)]),(0,e.X$)("tuiSlideInRightList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInTop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translate3d(0,{{start}},0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translate3d(0,{{end}},0)"}))],{params:{end:0,start:"100%",duration:300}}),(0,e.eR)(":leave",[(0,e.oB)({transform:"translate3d(0,{{end}},0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translate3d(0,{{start}},0)"}))],{params:{end:0,start:"100%",duration:300}})]));(0,e.X$)("tuiSlideInTopList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateY(100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInBottom",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-100%)"}))],p)]),(0,e.X$)("tuiSlideInBottomList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateY(-100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(-100%)"}))])],{optional:!0})],p)])},2628:(Ve,ae,s)=>{"use strict";s.d(ae,{fN:()=>Ie,v0:()=>$e});var e=s(4537),o=s(1927),p=s(6480),_=s(7179),g=s(8033),f=s(7881),m=s(5452),C=s(9193),O=s(9761),w=s(8002),S=s(7519),y=s(7320),U=s(4789),z=s(719),Z=s(8692),le=s(1489),Q=s(9570);const ue=["tuiButton",""];function de(G,he){1&G&&e.GkF(0)}function X(G,he){1&G&&e._UZ(0,"tui-svg",8),2&G&&e.Q6J("src",he.polymorpheusOutlet)}function B(G,he){if(1&G&&(e.TgZ(0,"span",6),e.YNc(1,X,1,1,"tui-svg",7),e.qZA()),2&G){const ye=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",ye.icon)}}function K(G,he){1&G&&e._UZ(0,"tui-svg",8),2&G&&e.Q6J("src",he.polymorpheusOutlet)}function ne(G,he){if(1&G&&(e.TgZ(0,"span",9),e.YNc(1,K,1,1,"tui-svg",7),e.qZA()),2&G){const ye=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",ye.iconRight)}}function We(G,he){if(1&G&&e._UZ(0,"tui-loader",10),2&G){const ye=e.oxw();e.Q6J("inheritColor",!0)("size",ye.loaderSize)}}const Le=["*"],we=(0,o.JN)({size:"l",shape:null,appearance:y.Nm.Primary});let $e=(()=>{class G extends p.Xn{constructor(ye,te,Re){var q;super(),this.mode=ye,this.el=te,this.options=Re,this.mode$=(null===(q=this.mode)||void 0===q?void 0:q.change$)||C.E,this.appearance=null,this.disabled=!1,this.shape=this.options.shape,this.showLoader=!1,this.size=this.options.size,this.appearance$=this.mode$.pipe((0,O.O)(null),(0,w.U)(()=>this.computedAppearance),(0,S.x)())}get nativeFocusableElement(){return this.nativeDisabled?null:this.el.nativeElement}get focused(){return!this.showLoader&&(0,_.V8)(this.el.nativeElement)}get loaderSize(){return"l"===this.size||"xl"===this.size?"m":"s"}get computedAppearance(){var ye;return null!==(ye=this.appearance)&&void 0!==ye?ye:this.options.appearance||""}get nativeDisabled(){return this.computedDisabled||this.showLoader?"":null}get tabIndex(){return this.focusable?0:-1}onFocused(ye){this.updateFocused(ye)}}return G.\u0275fac=function(ye){return new(ye||G)(e.Y36(m.w,8),e.Y36(e.SBq),e.Y36(we))},G.\u0275cmp=e.Xpm({type:G,selectors:[["button","tuiButton",""],["button","tuiIconButton",""],["a","tuiButton",""],["a","tuiIconButton",""]],hostVars:7,hostBindings:function(ye,te){1&ye&&e.NdJ("focusin",function(){return te.onFocused(!0)})("focusout",function(){return te.onFocused(!1)}),2&ye&&(e.Ikx("tabIndex",te.tabIndex),e.uIk("data-shape",te.shape)("data-size",te.size)("data-appearance",te.computedAppearance)("disabled",te.nativeDisabled),e.ekj("_loading",te.showLoader))},inputs:{appearance:"appearance",disabled:"disabled",icon:"icon",iconRight:"iconRight",shape:"shape",showLoader:"showLoader",size:"size"},features:[e._Bn([(0,g.FT)(G),f.a3]),e.qOj],attrs:ue,ngContentSelectors:Le,decls:8,vars:10,consts:[[4,"ngIf"],["tuiWrapper","",1,"t-wrapper",3,"active","appearance","disabled","hover"],[1,"t-content"],["class","t-left",4,"ngIf"],["class","t-right",4,"ngIf"],["class","t-loader",3,"inheritColor","size",4,"ngIf"],[1,"t-left"],["class","t-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-icon",3,"src"],[1,"t-right"],[1,"t-loader",3,"inheritColor","size"]],template:function(ye,te){1&ye&&(e.F$t(),e.YNc(0,de,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"div",1)(3,"span",2),e.YNc(4,B,2,1,"span",3),e.Hsn(5),e.YNc(6,ne,2,1,"span",4),e.qZA(),e.YNc(7,We,1,2,"tui-loader",5),e.qZA()),2&ye&&(e.Q6J("ngIf",e.lcZ(1,8,te.appearance$)),e.xp6(2),e.Q6J("active",te.pseudoActive)("appearance",te.computedAppearance)("disabled",te.computedDisabled)("hover",te.pseudoHover),e.xp6(2),e.Q6J("ngIf",te.icon),e.xp6(2),e.Q6J("ngIf",te.iconRight),e.xp6(1),e.Q6J("ngIf",te.showLoader))},dependencies:[U.PN,z.kM,Z.O5,le.o,Q.Li,Z.Ov],styles:["[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;color:inherit}[data-shape=rounded][_nghost-%COMP%]{border-radius:6.25rem}[data-size=xs][_nghost-%COMP%]{height:var(--tui-height-xs);font-weight:normal}[data-size=xs][data-shape=square][_nghost-%COMP%], [data-size=xs][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-xs)}[data-size=s][_nghost-%COMP%]{height:var(--tui-height-s);font-weight:normal}[data-size=s][data-shape=square][_nghost-%COMP%], [data-size=s][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-s)}[data-size=m][_nghost-%COMP%]{height:var(--tui-height-m);font:var(--tui-font-text-m);font-weight:bold}[data-size=m][data-shape=square][_nghost-%COMP%], [data-size=m][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-m)}[data-size=l][_nghost-%COMP%]{height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:bold}[data-size=l][data-shape=square][_nghost-%COMP%], [data-size=l][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-l)}[data-size=xl][_nghost-%COMP%]{height:3.75rem;font:var(--tui-font-text-m);font-weight:bold}[data-size=xl][data-shape=square][_nghost-%COMP%], [data-size=xl][tuiIconButton][_nghost-%COMP%]{width:3.75rem}[tuiIconButton][_nghost-%COMP%]{font-size:0!important}[tuiIconButton][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [tuiIconButton][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0!important}.t-loader[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left[_ngcontent-%COMP%]{margin-right:.5rem}[data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%]{margin-right:.375rem}[data-size=xs][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%]{margin-right:.25rem}.t-right[_ngcontent-%COMP%]{margin:0 -.25rem 0 .25rem}[data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0 -.25rem 0 .375rem}[data-size=xs][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0 -.125rem 0 .25rem}.t-icon[_ngcontent-%COMP%]{display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}.t-left[_ngcontent-%COMP%], .t-right[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}[data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%], [data-size=xs][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [data-size=xs][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{width:1rem;height:1rem}[tuiIconButton][data-appearance=icon][data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [tuiIconButton][data-appearance=icon][data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem}.t-wrapper[_ngcontent-%COMP%]{box-sizing:border-box;cursor:pointer;isolation:isolate}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, .375rem)}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-size=s][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, .75rem)}[data-size=m][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 1.5rem)}[data-size=l][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 2.25rem)}[data-size=xl][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 2.5rem)}[data-shape=square][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%], [tuiIconButton][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0}.t-content[_ngcontent-%COMP%]{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}._loading[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{opacity:0}"],changeDetection:0}),G})(),Ie=(()=>{class G{}return G.\u0275fac=function(ye){return new(ye||G)},G.\u0275mod=e.oAB({type:G}),G.\u0275inj=e.cJS({imports:[[Z.ez,Q.wq,le.W,U.EI,z.dS]]}),G})()},5111:(Ve,ae,s)=>{"use strict";s.d(ae,{Rs:()=>Ie,gX:()=>Ee,pc:()=>G,qi:()=>we,vK:()=>Je});var e=s(4911),o=s(4537),p=s(7179),_=s(3770),g=s(2485),f=s(1927),m=s(4493),C=s(4358),O=s(6409),w=s(6060),S=s(8002),y=s(8952),U=s(126),z=s(4789),Z=s(9570),le=s(8692);const Q=["tuiOption",""];function ue(he,ye){if(1&he&&(o.ynx(0),o._uU(1),o.BQk()),2&he){const te=ye.polymorpheusOutlet;o.xp6(1),o.hij(" ",te,"\n")}}function de(he,ye){if(1&he&&o._UZ(0,"tui-svg",3),2&he){const te=o.oxw(2);o.Q6J("src",te.icons.more)}}function X(he,ye){if(1&he&&(o.Hsn(0),o.YNc(1,de,1,1,"tui-svg",2)),2&he){const te=o.oxw();o.xp6(1),o.Q6J("ngIf",te.dropdown)}}const B=function(he){return{$implicit:he}},K=["*"];function ne(he,ye){if(1&he&&(o.ynx(0),o._uU(1),o.BQk()),2&he){const te=ye.polymorpheusOutlet;o.xp6(1),o.hij(" ",te," ")}}function We(he,ye){if(1&he&&(o.TgZ(0,"div",2),o.YNc(1,ne,2,1,"ng-container",3),o.ALo(2,"async"),o.qZA()),2&he){const te=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",te.emptyContent||o.lcZ(2,1,te.defaultEmptyContent$))}}function Le({currentTarget:he}){return!(0,p.V8)(he)}let Je=(()=>{class he{constructor(te,Re,q,ce,be,N){this.content=te,this.dataList=Re,this.el=q,this.host=ce,this.dropdown=be,this.icons=N,this.size=null,this.role="option",this.disabled=!1}get active(){return!!this.dropdown&&!!this.dropdown.dropdownBoxRef}onClick(){this.host&&void 0!==this.value&&this.host.handleOption(this.value)}onMouseMove({currentTarget:te}){te.focus({preventScroll:!0})}ngOnDestroy(){var te;null===(te=this.dataList)||void 0===te||te.handleFocusLossIfNecessary(this.el.nativeElement)}}return he.\u0275fac=function(te){return new(te||he)(o.Y36(w.IQ,8),o.Y36((0,o.Gpc)(()=>we),8),o.Y36(o.SBq),o.Y36(w.N1,8),o.Y36(y.td,10),o.Y36(w.Gs))},he.\u0275cmp=o.Xpm({type:he,selectors:[["button","tuiOption",""],["a","tuiOption",""]],hostAttrs:["tabIndex","-1","type","button"],hostVars:5,hostBindings:function(te,Re){1&te&&o.NdJ("click",function(){return Re.onClick()})("mousemove.silent",function(ce){return Re.onMouseMove(ce)}),2&te&&(o.uIk("disabled",Re.disabled||null)("data-size",Re.size)("role",Re.role),o.ekj("_with-dropdown",Re.active))},inputs:{size:"size",role:"role",disabled:"disabled",value:"value"},attrs:Q,ngContentSelectors:K,decls:3,vars:4,consts:[[4,"polymorpheusOutlet","polymorpheusOutletContext"],["base",""],["class","t-arrow",3,"src",4,"ngIf"],[1,"t-arrow",3,"src"]],template:function(te,Re){if(1&te&&(o.F$t(),o.YNc(0,ue,2,1,"ng-container",0),o.YNc(1,X,2,1,"ng-template",null,1,o.W1O)),2&te){const q=o.MAs(2);o.Q6J("polymorpheusOutlet",Re.content||q)("polymorpheusOutletContext",o.VKq(2,B,q))}},dependencies:[z.PN,Z.Li,le.O5],styles:['[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}[_nghost-%COMP%]:focus, ._with-dropdown[_nghost-%COMP%]{background-color:var(--tui-clear)}[_nghost-%COMP%]   [data-list-size="s"][_nghost-%COMP%], [data-list-size="s"]   [_nghost-%COMP%], [_nghost-%COMP%]   [data-list-size="xs"][_nghost-%COMP%], [data-list-size="xs"]   [_nghost-%COMP%], [data-size=s][data-size=s][_nghost-%COMP%], [data-size=xs][data-size=xs][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}[_nghost-%COMP%]   [data-list-size="m"][_nghost-%COMP%], [data-list-size="m"]   [_nghost-%COMP%], [data-size=m][data-size=m][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}[_nghost-%COMP%]   [data-list-size="l"][_nghost-%COMP%], [data-list-size="l"]   [_nghost-%COMP%], [data-size=l][data-size=l][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow[_ngcontent-%COMP%]{margin:0 -.5rem 0 .75rem}'],changeDetection:0}),(0,e.gn)([(0,U.uX)(Le)],he.prototype,"onMouseMove",null),he})(),we=(()=>{class he{constructor(te,Re,q){var ce;this.controller=te,this.el=Re,this.defaultEmptyContent$=q,this.options=_.Mm,this.role="listbox",this.size=(null===(ce=this.controller)||void 0===ce?void 0:ce.size)||"m"}get empty$(){return(0,g.ll)(this.options).pipe((0,S.U)(({length:te})=>!te))}onFocusIn(te,Re){!Re.contains(te)&&!this.origin&&(this.origin=te)}noop(){}onKeyDownArrow(te,Re){const{elements:q}=this;(0,p.VR)(q.indexOf(te),q,Re)}handleFocusLossIfNecessary(te=this.el.nativeElement){this.origin&&(0,p.zb)(te)&&(0,p.Pg)(this.origin,!0,!0)}getOptions(te=!1){return this.options.filter(({disabled:Re})=>te||!Re).map(({value:Re})=>Re).filter(f.Pc)}onFocus({target:te},Re){if(!(0,m.ve)(te))return;const{elements:q}=this;(0,p.VR)(Re?-1:q.length,q,Re?1:-1),this.handleFocusLossIfNecessary(te)}get elements(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiOption]"))}}return he.\u0275fac=function(te){return new(te||he)(o.Y36(O.Cs,8),o.Y36(o.SBq),o.Y36(w.PH))},he.\u0275cmp=o.Xpm({type:he,selectors:[["tui-data-list"]],contentQueries:function(te,Re,q){if(1&te&&o.Suo(q,Je,5),2&te){let ce;o.iGM(ce=o.CRH())&&(Re.options=ce)}},hostVars:2,hostBindings:function(te,Re){1&te&&o.NdJ("focusin",function(ce){return Re.onFocusIn(ce.relatedTarget,ce.currentTarget)})("mousedown.prevent",function(){return Re.noop()})("keydown.arrowDown.prevent",function(ce){return Re.onKeyDownArrow(ce.target,1)})("keydown.arrowUp.prevent",function(ce){return Re.onKeyDownArrow(ce.target,-1)})("wheel.silent.passive",function(){return Re.handleFocusLossIfNecessary()})("mouseleave",function(ce){return Re.handleFocusLossIfNecessary(ce.target)}),2&te&&o.uIk("role",Re.role)("data-list-size",Re.size)},inputs:{role:"role",emptyContent:"emptyContent",size:"size"},features:[o._Bn([(0,w.RB)(he),O.Y0])],ngContentSelectors:K,decls:5,vars:3,consts:[["tabindex","0",1,"t-trap",3,"focusin"],["class","t-empty",4,"ngIf"],[1,"t-empty"],[4,"polymorpheusOutlet"]],template:function(te,Re){1&te&&(o.F$t(),o.TgZ(0,"div",0),o.NdJ("focusin",function(ce){return Re.onFocus(ce,!0)}),o.qZA(),o.Hsn(1),o.YNc(2,We,3,3,"div",1),o.ALo(3,"async"),o.TgZ(4,"div",0),o.NdJ("focusin",function(ce){return Re.onFocus(ce,!1)}),o.qZA()),2&te&&(o.xp6(2),o.Q6J("ngIf",o.lcZ(3,1,Re.empty$)))},dependencies:[le.O5,Z.Li,le.Ov],styles:['tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:""}tui-opt-group[data-label=""]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n'],encapsulation:2,changeDetection:0}),(0,e.gn)([C.UM],he.prototype,"empty$",null),he})(),Ee=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275dir=o.lG2({type:he,selectors:[["ng-template","tuiDataList",""]]}),he})(),Ie=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275dir=o.lG2({type:he,selectors:[["tui-opt-group"]],hostAttrs:["role","group"],hostVars:1,hostBindings:function(te,Re){2&te&&o.uIk("data-label",Re.label)},inputs:{label:"label"}}),he})(),G=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=o.oAB({type:he}),he.\u0275inj=o.cJS({imports:[[le.ez,z.EI,Z.wq]]}),he})()},5974:(Ve,ae,s)=>{"use strict";s.d(ae,{gZ:()=>g,n6:()=>f});var e=s(4537),o=s(7881),p=s(8692);let _=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275cmp=e.Xpm({type:m,selectors:[["ng-component"]],hostAttrs:[1,"tui-group-styles"],decls:0,vars:0,template:function(O,w){},styles:[".tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"],encapsulation:2,changeDetection:0}),m})(),g=(()=>{class m{constructor(O){this.orientation="horizontal",this.adaptive=!1,this.collapsed=!1,this.rounded=!0,this.size="m",O.addComponent(_)}get orientationHorizontal(){return"horizontal"===this.orientation}get orientationVertical(){return"vertical"===this.orientation}get sizeLarge(){return"l"===this.size}}return m.\u0275fac=function(O){return new(O||m)(e.Y36(o.gH))},m.\u0275dir=e.lG2({type:m,selectors:[["","tuiGroup","",5,"ng-container"]],hostAttrs:["role","group",1,"tui-group"],hostVars:12,hostBindings:function(O,w){2&O&&e.ekj("tui-group_adaptive",w.adaptive)("tui-group_collapsed",w.collapsed)("tui-group_rounded",w.rounded)("tui-group_orientation_horizontal",w.orientationHorizontal)("tui-group_orientation_vertical",w.orientationVertical)("tui-group_radius_large",w.sizeLarge)},inputs:{orientation:"orientation",adaptive:"adaptive",collapsed:"collapsed",rounded:"rounded",size:"size"}}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({imports:[[p.ez]]}),m})()},5600:(Ve,ae,s)=>{"use strict";s.d(ae,{o1:()=>Et,jh:()=>Gt});var e=s(4537),o=s(3631),p=s(2668),_=s(221),g=s(2485),f=s(7881),m=s(9765),C=s(8002);let O=(()=>{class St{constructor(Ot,Ht){this.enabled$=new m.xQ;const Pt=Ht.pipe((0,C.U)(Tt=>!!Tt&&(!Ot||!Tt.length||Tt.every(xt=>!Ot.contains(xt)))));this.tuiObscured=this.enabled$.pipe((0,g.Xd)(()=>Pt))}set tuiObscuredEnabled(Ot){this.enabled$.next(Ot)}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(_.e,8),e.Y36(f.AQ,2))},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiObscured",""]],inputs:{tuiObscuredEnabled:"tuiObscuredEnabled"},outputs:{tuiObscured:"tuiObscured"},features:[e._Bn([f.AQ,f.b0,f.a3])]}),St})(),w=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275mod=e.oAB({type:St}),St.\u0275inj=e.cJS({}),St})();var S=s(4493),y=s(7179),U=s(8033),z=s(8952),Z=s(5435),le=s(6782),Q=s(3190),ue=s(7460),de=s(3653),X=s(7519),B=s(4121),K=s(6215),ne=s(9112),We=s(5917),Le=s(9193),Je=s(6682),we=s(4911),Ee=s(6640),$e=s(126),Ie=s(9570),G=s(8692);const he=["wrapper"];function ye(St,qt){if(1&St&&(e.TgZ(0,"div",8),e._uU(1),e.qZA()),2&St){const Ot=qt.polymorpheusOutlet;e.xp6(1),e.hij(" ",Ot," ")}}const te=function(St,qt){return{$implicit:St,close:qt}};function Re(St,qt){if(1&St){const Ot=e.EpF();e.TgZ(0,"div",5,6),e.NdJ("keydown",function(Pt){e.CHM(Ot);const Tt=e.oxw(2);return e.KtG(Tt.onKeydown(Pt))}),e.YNc(2,ye,2,1,"div",7),e.qZA(),e._UZ(3,"div")}if(2&St){e.oxw();const Ot=e.MAs(1),Ht=e.oxw();e.xp6(2),e.Q6J("polymorpheusOutlet",Ht.content)("polymorpheusOutletContext",e.WLB(2,te,Ot,Ht.close))}}function q(St,qt){if(1&St){const Ot=e.EpF();e.TgZ(0,"div",1,2),e.NdJ("tuiActiveZoneChange",function(Pt){e.CHM(Ot);const Tt=e.oxw();return e.KtG(Tt.onActiveZone(Pt))})("tuiObscured",function(Pt){e.CHM(Ot);const Tt=e.oxw();return e.KtG(Tt.onHostObscured(Pt))}),e.Hsn(2),e.YNc(3,Re,4,5,"ng-template",3,4,e.W1O),e.qZA()}if(2&St){const Ot=qt.tuiLet,Ht=e.MAs(4),Pt=e.oxw();e.Q6J("tuiDropdown",Ht)("tuiDropdownManual",Ot&&Pt.canOpen)("tuiDropdownSided",Pt.sided)("tuiObscuredEnabled",Ot),e.xp6(3),e.Q6J("polymorpheus",Pt.context)}}const ce=["*"];let be=(()=>{class St extends o.uG{constructor(){super(...arguments),this.type="dummy"}getPosition(){return[0,0]}}return St.\u0275fac=function(){let qt;return function(Ht){return(qt||(qt=e.n5z(St)))(Ht||St)}}(),St.\u0275dir=e.lG2({type:St,selectors:[["","tuiAccessorProxy",""]],features:[e._Bn([{provide:o.uG,multi:!0,deps:[[new e.FiY,new e.tp0,St],St],useFactory:(qt,Ot)=>qt||Ot}]),e.qOj]}),St})();const N=new e.OlP("[TUI_HOSTED_DROPDOWN_COMPONENT]");let _e=(()=>{class St{constructor(Ot,Ht,Pt,Tt){null==Tt||Tt.tuiDropdownOpenChange.pipe((0,Z.h)(xt=>xt&&Tt.dropdown===Pt&&!Ht.focused),(0,le.R)(Ot)).subscribe(()=>{var xt;null===(xt=Ht.nativeFocusableElement)||void 0===xt||xt.focus(),Ht.updateOpen(!0)})}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(f.a3,2),e.Y36(N),e.Y36(z.td,2),e.Y36(z.oH,8))},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiDropdownOpenMonitor",""]],features:[e._Bn([f.a3])]}),St})(),ze=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiHostedDropdownHost",""]]}),St})();function Ct(St){var qt;return"key"in St&&"escape"===St.key.toLowerCase()&&this.canOpen&&this.open&&!(null!==(qt=this.dropdown)&&void 0!==qt&&qt.nextElementSibling)}let Et=(()=>{class St{constructor(Ot,Ht){this.hover$=Ot,this.el=Ht,this.openChange$=new K.X(!1),this.hostHover$=(0,ne.aj)([(0,g.mL)(this.el.nativeElement,"mouseover").pipe((0,C.U)(Pt=>this.computedHost.contains((0,S.mA)(Pt))),(0,Q.w)(Pt=>{var Tt,xt;return(0,We.of)(Pt).pipe((0,ue.g)((Pt?null===(Tt=this.hover$)||void 0===Tt?void 0:Tt.showDelay:null===(xt=this.hover$)||void 0===xt?void 0:xt.hideDelay)||0))})),this.hover$||Le.E]).pipe((0,C.U)(([Pt,Tt])=>Pt&&Tt)),this.sided=!1,this.canOpen=!0,this.open$=(0,Je.T)(this.openChange$,this.hostHover$).pipe((0,de.T)(1),(0,X.x)(),(0,B.B)()),this.focusedChange=new e.vpe,this.focus$=new K.X(!1),this.openChange=this.openChange$,this.close=()=>this.updateOpen(!1)}set open(Ot){this.openChange.next(Ot)}get open(){return this.openChange.value}get host(){var Ot;return(null===(Ot=this.dropdownHost)||void 0===Ot?void 0:Ot.nativeElement)||this.el.nativeElement}get computedHost(){var Ot;return(null===(Ot=this.dropdownHost)||void 0===Ot?void 0:Ot.nativeElement)||this.nativeFocusableElement||this.el.nativeElement}get dropdown(){var Ot,Ht;return null===(Ht=null===(Ot=this.dropdownDirective)||void 0===Ot?void 0:Ot.dropdownBoxRef)||void 0===Ht?void 0:Ht.location.nativeElement}get nativeFocusableElement(){return(0,y.dT)(this.host)?this.host:(0,y.BW)({initial:this.host,root:this.el.nativeElement})}get focused(){return(0,y.zb)(this.host)||this.open&&!!this.wrapper&&(0,y.zb)(this.wrapper.nativeElement)}onFocusInOut(){this.focus$.next(this.focused)}onFocusIn(Ot){this.computedHost.contains(Ot)||this.updateOpen(!1)}onClick(Ot){var Ht;!this.hostEditable&&this.computedHost.contains(Ot)&&(null===(Ht=this.hover$)||void 0===Ht||!Ht.hovered)&&this.updateOpen(!this.open)}onKeyDownEsc(Ot){Ot.preventDefault(),this.closeDropdown()}onArrow(Ot,Ht){this.focusDropdown(Ot,Ht)}onKeydown({key:Ot,target:Ht,defaultPrevented:Pt}){!Pt&&(0,Ee.kL)(Ot)&&this.hostEditable&&(0,S.dW)(Ht)&&!(0,S.Hn)(Ht)&&this.focusHost()}onActiveZone(Ot){this.updateFocused(Ot),Ot||this.updateOpen(!1)}onHostObscured(Ot){Ot&&this.closeDropdown()}updateOpen(Ot){(!Ot||this.canOpen)&&(this.open=Ot)}get hostEditable(){return(0,S.Hn)(this.computedHost)}focusDropdown(Ot,Ht){const Pt=this.nativeFocusableElement;if(!(Pt&&(0,S.dW)(Pt)&&(0,S.ve)(Ot.target)&&Pt.contains(Ot.target)))return;if(!(this.wrapper&&this.open&&this.dropdown&&(0,S.dW)(this.wrapper.nativeElement.nextElementSibling)))return this.updateOpen(!0),void((0,S.Hn)(Pt)||Ot.preventDefault());const xt=(0,y.BW)({initial:Ht?this.wrapper.nativeElement:this.wrapper.nativeElement.nextElementSibling,root:this.wrapper.nativeElement,previous:!Ht});xt&&(xt.focus(),Ot.preventDefault())}closeDropdown(){this.focused&&this.focusHost(),this.updateOpen(!1)}focusHost(){const Ot=this.nativeFocusableElement;Ot&&Ot.focus({preventScroll:!0})}updateFocused(Ot){this.focusedChange.emit(Ot)}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(z.E$,10),e.Y36(e.SBq))},St.\u0275cmp=e.Xpm({type:St,selectors:[["tui-hosted-dropdown"]],contentQueries:function(Ot,Ht,Pt){if(1&Ot&&e.Suo(Pt,ze,5,e.SBq),2&Ot){let Tt;e.iGM(Tt=e.CRH())&&(Ht.dropdownHost=Tt.first)}},viewQuery:function(Ot,Ht){if(1&Ot&&(e.Gf(he,5,e.SBq),e.Gf(z.td,5),e.Gf(_.e,5)),2&Ot){let Pt;e.iGM(Pt=e.CRH())&&(Ht.wrapper=Pt.first),e.iGM(Pt=e.CRH())&&(Ht.dropdownDirective=Pt.first),e.iGM(Pt=e.CRH())&&(Ht.activeZone=Pt.first)}},hostVars:1,hostBindings:function(Ot,Ht){1&Ot&&e.NdJ("$.class._hosted_dropdown_focused",function(){return Ht.focus$})("focusin.capture.silent",function(){return Ht.onFocusInOut()})("focusout.capture.silent",function(){return Ht.onFocusInOut()})("focusin",function(Tt){return Ht.onFocusIn(Tt.target)})("click",function(Tt){return Ht.onClick(Tt.target)})("keydown.silent.capture",function(Tt){return Ht.onKeyDownEsc(Tt)},!1,e.evT)("keydown.arrowDown",function(Tt){return Ht.onArrow(Tt,!0)})("keydown.arrowUp",function(Tt){return Ht.onArrow(Tt,!1)}),2&Ot&&e.Ikx("$.class._hosted_dropdown_focused",Ht.focus$)},inputs:{content:"content",sided:"sided",canOpen:"canOpen",open:"open"},outputs:{open$:"openChange",focusedChange:"focusedChange"},features:[e._Bn([(0,U.FT)(St),{provide:be,deps:[[new e.FiY,new e.PiD,o.uG]],useFactory:qt=>null==qt?void 0:qt[0]},{provide:N,useExisting:St}])],ngContentSelectors:ce,decls:2,vars:3,consts:[["tuiAccessorProxy","","tuiDropdownOpenMonitor","","class","t-wrapper",3,"tuiDropdown","tuiDropdownManual","tuiDropdownSided","tuiObscuredEnabled","tuiActiveZoneChange","tuiObscured",4,"tuiLet"],["tuiAccessorProxy","","tuiDropdownOpenMonitor","",1,"t-wrapper",3,"tuiDropdown","tuiDropdownManual","tuiDropdownSided","tuiObscuredEnabled","tuiActiveZoneChange","tuiObscured"],["activeZone","tuiActiveZone"],[3,"polymorpheus"],["dropdown","polymorpheus"],[1,"t-dropdown",3,"keydown"],["wrapper",""],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(Ot,Ht){if(1&Ot&&(e.F$t(),e.YNc(0,q,5,5,"div",0),e.ALo(1,"async")),2&Ot){let Pt;e.Q6J("tuiLet",null!==(Pt=e.lcZ(1,1,Ht.open$))&&void 0!==Pt?Pt:Ht.openChange.value)}},dependencies:[p.Ls,be,_e,z.td,z.VC,z.Tp,z.Cw,_.e,O,Ie.GL,Ie.Li,G.Ov],styles:["[_nghost-%COMP%]{display:inline-flex}.t-wrapper[_ngcontent-%COMP%]{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown[_ngcontent-%COMP%]{height:100%}.t-primitive[_ngcontent-%COMP%]{padding:1rem}"],changeDetection:0}),(0,we.gn)([(0,$e.uX)(Ct)],St.prototype,"onKeyDownEsc",null),St})(),Gt=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275mod=e.oAB({type:St}),St.\u0275inj=e.cJS({imports:[[G.ez,Ie.wq,p.WD,w,_.A,z.dp]]}),St})()},2847:(Ve,ae,s)=>{"use strict";s.d(ae,{V:()=>Q,j:()=>ue});var e=s(4537),o=s(2485),p=s(3770),_=s(7179),g=s(7881),f=s(8033),m=s(2130),C=s(6060),O=s(6682),w=s(8002),S=s(4789),y=s(8692);const U=["tuiLink",""];function z(de,X){if(1&de&&e._UZ(0,"tui-svg",3),2&de){const B=e.oxw();e.Q6J("src",B.icon||"")}}function Z(de,X){if(1&de&&e._UZ(0,"tui-svg",4),2&de){const B=e.oxw();e.Q6J("src",B.icon||"")}}const le=["*"];let Q=(()=>{class de{constructor(B,K,ne){this.el=B,this.mode$=K,this.pseudo=!1,this.icon="",this.iconAlign="right",this.iconRotated=!1,this.mode=null,this.focusVisible=!1,this.focusedChange=(0,O.T)((0,o.mL)(this.el.nativeElement,"focusin").pipe((0,w.U)(p.Ye)),(0,o.mL)(this.el.nativeElement,"focusout").pipe((0,w.U)(p.Iy))),ne.subscribe(We=>{this.focusVisible=We})}get nativeFocusableElement(){return this.el.nativeElement}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get hasIcon(){return!!this.icon}get iconAlignLeft(){return this.hasIcon&&"left"===this.iconAlign}get iconAlignRight(){return this.hasIcon&&"right"===this.iconAlign}}return de.\u0275fac=function(B){return new(B||de)(e.Y36(e.SBq),e.Y36(C.Au),e.Y36(g.ku))},de.\u0275cmp=e.Xpm({type:de,selectors:[["a","tuiLink",""],["button","tuiLink",""]],hostVars:7,hostBindings:function(B,K){1&B&&e.NdJ("$.data-mode.attr",function(){return K.mode$}),2&B&&(e.uIk("data-host-mode",K.mode),e.ekj("_pseudo",K.pseudo)("_icon-rotated",K.iconRotated)("_focus-visible",K.focusVisible))},inputs:{pseudo:"pseudo",icon:"icon",iconAlign:"iconAlign",iconRotated:"iconRotated",mode:"mode"},exportAs:["tuiLink"],features:[e._Bn([(0,f.FT)(de),g.ku,g.a3,m.CV])],attrs:U,ngContentSelectors:le,decls:4,vars:2,consts:[["class","t-icon t-icon_left",3,"src",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_right",3,"src",4,"ngIf"],[1,"t-icon","t-icon_left",3,"src"],[1,"t-icon","t-icon_right",3,"src"]],template:function(B,K){1&B&&(e.F$t(),e.YNc(0,z,1,1,"tui-svg",0),e.TgZ(1,"span",1),e.Hsn(2),e.qZA(),e.YNc(3,Z,1,1,"tui-svg",2)),2&B&&(e.Q6J("ngIf",K.iconAlignLeft),e.xp6(3),e.Q6J("ngIf",K.iconAlignRight))},dependencies:[S.PN,y.O5],styles:["[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-link);text-align:left;text-transform:inherit;font-weight:inherit;cursor:pointer;outline:none}[_nghost-%COMP%]:hover{color:var(--tui-link-hover)}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-%COMP%]:hover, [data-mode=onLight]._active[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._pseudo[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(0,0,0,.48);text-decoration-color:#0000007a}[data-mode=onLight]._pseudo[_nghost-%COMP%]:hover, [data-mode=onLight]._pseudo._active[_nghost-%COMP%]{color:var(--tui-text-03)}[data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]{color:var(--tui-negative-night)}[data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]:hover, [data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]:active, [data-mode=onLight][data-host-mode=negative]._active[_nghost-%COMP%]{color:var(--tui-negative-night-hover)}[data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark][_nghost-%COMP%]:hover, [data-mode=onDark][_nghost-%COMP%]:active, [data-mode=onDark]._active[_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onDark]._pseudo[_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onDark]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(255,255,255,.48);text-decoration-color:#ffffff7a}[data-mode=onDark]._pseudo[_nghost-%COMP%]:hover, [data-mode=onDark]._pseudo[_nghost-%COMP%]:active, [data-mode=onDark]._pseudo._active[_nghost-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]{color:var(--tui-positive-night)}[data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]:hover, [data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]:active, [data-mode=onDark][data-host-mode=positive]._active[_nghost-%COMP%]{color:var(--tui-positive-night-hover)}[data-host-mode=negative][_nghost-%COMP%]{color:var(--tui-negative)}[data-host-mode=negative][_nghost-%COMP%]:hover{color:var(--tui-negative-hover)}[data-host-mode=negative]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(222,76,30,.48);text-decoration-color:#de4c1e7a}[data-host-mode=positive][_nghost-%COMP%]{color:var(--tui-positive)}[data-host-mode=positive][_nghost-%COMP%]:hover{color:var(--tui-positive-hover)}[data-host-mode=positive]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(58,169,129,.48);text-decoration-color:#3aa9817a}._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-selection)}[data-mode=onLight]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-clear);color:var(--tui-text-01)}[data-mode=onDark]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}[data-host-mode=positive]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-success-bg)}[data-host-mode=negative]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-error-bg)}._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding-bottom:.15em;-webkit-text-decoration:underline dashed rgba(51,111,238,.48);text-decoration:underline dashed rgba(51,111,238,.48);text-underline-offset:.2em;text-decoration-thickness:.7px}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:var(--tui-link-icon-size, 1.5rem);height:var(--tui-link-icon-size, 1.5rem);margin-top:-.125rem}.t-icon_left[_ngcontent-%COMP%]{margin-right:.25rem}.t-icon_right[_ngcontent-%COMP%]{margin-left:.25rem}._icon-rotated[_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{transform:rotate(180deg)}"],changeDetection:0}),de})(),ue=(()=>{class de{}return de.\u0275fac=function(B){return new(B||de)},de.\u0275mod=e.oAB({type:de}),de.\u0275inj=e.cJS({imports:[[y.ez,S.EI]]}),de})()},719:(Ve,ae,s)=>{"use strict";s.d(ae,{dS:()=>Q,kM:()=>le});var e=s(8692),o=s(4537),p=s(1927),_=s(1213),g=s(7179),f=s(8033),m=s(6640),C=s(9570);function O(ue,de){if(1&ue&&(o.ynx(0),o._uU(1),o.BQk()),2&ue){const X=de.polymorpheusOutlet;o.xp6(1),o.hij(" ",X," ")}}function w(ue,de){if(1&ue&&(o.O4$(),o.kcU(),o.TgZ(0,"div",6),o.YNc(1,O,2,1,"ng-container",7),o.qZA()),2&ue){const X=o.oxw(2);o.ekj("t-text_horizontal",X.isHorizontal),o.xp6(1),o.Q6J("polymorpheusOutlet",X.textContent)}}function S(ue,de){if(1&ue&&(o.TgZ(0,"div",2),o.O4$(),o.TgZ(1,"svg",3),o._UZ(2,"circle",4),o.qZA(),o.YNc(3,w,2,3,"div",5),o.qZA()),2&ue){const X=o.oxw();o.ekj("t-loader_horizontal",X.isHorizontal)("t-loader_inherit-color",X.inheritColor),o.uIk("data-size",X.size),o.xp6(3),o.Q6J("ngIf",X.hasText)}}const y=["*"],z=(0,p.JN)({size:"m",inheritColor:!1,overlay:!1});let le=(()=>{class ue{constructor(X,B,K,ne){this.doc=X,this.el=B,this.isIos=K,this.options=ne,this.size=this.options.size,this.inheritColor=this.options.inheritColor,this.overlay=this.options.overlay,this.loading=!0,this.isApple=(0,_.Ex)(this.el.nativeElement)||this.isIos}set showLoader(X){X&&this.focused&&(0,g.hp)(this.doc),this.loading=X}get hasOverlay(){return this.overlay&&this.loading}get hasText(){return!!this.textContent}get isHorizontal(){return!(0,m.R9)(this.size)}get focused(){return(0,g.zb)(this.el.nativeElement)}}return ue.\u0275fac=function(X){return new(X||ue)(o.Y36(e.K0),o.Y36(o.SBq),o.Y36(f.FA),o.Y36(z))},ue.\u0275cmp=o.Xpm({type:ue,selectors:[["tui-loader"]],hostVars:2,hostBindings:function(X,B){2&X&&o.ekj("_loading",B.loading)},inputs:{size:"size",inheritColor:"inheritColor",overlay:"overlay",textContent:"textContent",showLoader:"showLoader"},ngContentSelectors:y,decls:3,vars:7,consts:[[1,"t-content",3,"disabled"],["class","t-loader",3,"t-loader_horizontal","t-loader_inherit-color",4,"ngIf"],[1,"t-loader"],["automation-id","tui-loader__loader","focusable","false","viewBox","0 0 100 100","xmlns","http://www.w3.org/2000/svg",1,"t-icon"],["cx","50","cy","50","r","50","stroke-dasharray","314",1,"t-circle"],["automation-id","tui-loader__text","class","t-text",3,"t-text_horizontal",4,"ngIf"],["automation-id","tui-loader__text",1,"t-text"],[4,"polymorpheusOutlet"]],template:function(X,B){1&X&&(o.F$t(),o.TgZ(0,"fieldset",0),o.Hsn(1),o.qZA(),o.YNc(2,S,4,6,"div",1)),2&X&&(o.ekj("t-content_has-overlay",B.hasOverlay)("t-content_loading",B.loading),o.Q6J("disabled",B.loading&&!B.isApple),o.uIk("inert",B.loading||null),o.xp6(2),o.Q6J("ngIf",B.loading))},dependencies:[e.O5,C.Li],styles:["@keyframes _ngcontent-%COMP%_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-%COMP%_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-%COMP%]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-%COMP%]{overflow:hidden}.t-content[_ngcontent-%COMP%]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-%COMP%]{opacity:.3}.t-content_loading[_ngcontent-%COMP%]{pointer-events:none}.t-loader[_ngcontent-%COMP%]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-%COMP%]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-%COMP%]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-%COMP%]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-%COMP%]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-%COMP%]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-%COMP%]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-%COMP%]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-%COMP%]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-%COMP%]{margin:0 0 0 1rem}.t-icon[_ngcontent-%COMP%]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-%COMP%_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-%COMP%]{overflow:visible}}.t-circle[_ngcontent-%COMP%]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-%COMP%_tuiLoaderDashOffset 3s linear infinite}"],changeDetection:0}),ue})(),Q=(()=>{class ue{}return ue.\u0275fac=function(X){return new(X||ue)},ue.\u0275mod=o.oAB({type:ue}),ue.\u0275inj=o.cJS({imports:[[e.ez,C.wq]]}),ue})()},885:(Ve,ae,s)=>{"use strict";s.d(ae,{H:()=>z,L:()=>U});var e=s(4537),o=s(2485),p=s(6060),_=s(4789),g=s(2628),f=s(8692),m=s(9570);function C(Z,le){1&Z&&e._UZ(0,"tui-svg",4),2&Z&&e.Q6J("src",le.polymorpheusOutlet)}const O=function(Z){return{$implicit:Z}};function w(Z,le){if(1&Z&&(e.ynx(0),e.YNc(1,C,1,1,"tui-svg",3),e.BQk()),2&Z){const Q=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",Q.icon)("polymorpheusOutletContext",e.VKq(2,O,Q.status))}}function S(Z,le){if(1&Z){const Q=e.EpF();e.TgZ(0,"button",5),e.NdJ("click",function(){e.CHM(Q);const de=e.oxw();return e.KtG(de.close.emit())}),e.ALo(1,"async"),e.qZA()}if(2&Z){const Q=e.oxw();e.Q6J("icon",Q.icons.close)("title",e.lcZ(1,2,Q.closeWord$))}}const y=["*"];let U=(()=>{class Z{constructor(Q,ue,de){this.closeWord$=Q,this.icons=ue,this.options=de,this.hasIcon=this.options.hasIcon,this.icon=this.options.icon,this.status=this.options.status,this.size=this.options.size,this.hideClose=!1,this.close=new e.vpe}get hasClose(){return!this.hideClose&&(0,o.fw)(this.close)}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(p.U0),e.Y36(p.Gs),e.Y36(p.Ln))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-notification"]],hostVars:2,hostBindings:function(Q,ue){2&Q&&e.uIk("data-status",ue.status)("data-size",ue.size)},inputs:{hasIcon:"hasIcon",icon:"icon",status:"status",size:"size",hideClose:"hideClose"},outputs:{close:"close"},ngContentSelectors:y,decls:4,vars:2,consts:[[4,"ngIf"],[1,"t-content"],["appearance","icon","automation-id","tui-notification__close","size","xs","tuiIconButton","","type","button","class","t-close",3,"icon","title","click",4,"ngIf"],["automation-id","tui-notification__icon","class","t-icon",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-notification__icon",1,"t-icon",3,"src"],["appearance","icon","automation-id","tui-notification__close","size","xs","tuiIconButton","","type","button",1,"t-close",3,"icon","title","click"]],template:function(Q,ue){1&Q&&(e.F$t(),e.YNc(0,w,2,4,"ng-container",0),e.TgZ(1,"div",1),e.Hsn(2),e.qZA(),e.YNc(3,S,2,4,"button",2)),2&Q&&(e.Q6J("ngIf",ue.icon&&ue.hasIcon),e.xp6(3),e.Q6J("ngIf",ue.hasClose))},dependencies:[_.PN,g.v0,f.O5,m.Li,f.Ov],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-%COMP%]{padding:.375rem .625rem}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-%COMP%]{padding:.75rem}[data-size=m][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-%COMP%]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-%COMP%]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-%COMP%]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-%COMP%]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-%COMP%]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-%COMP%]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-%COMP%]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}"],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[f.ez,_.EI,g.fN,m.wq]]}),Z})()},5640:(Ve,ae,s)=>{"use strict";s.d(ae,{iQ:()=>_n,yc:()=>Jt,B1:()=>vt,KW:()=>Te,MB:()=>ut});var e=s(4911),o=s(4537),p=s(7881);let _=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["ng-component"]],hostAttrs:[1,"tui-autofilled-styles"],decls:0,vars:0,template:function(Fe,ht){},styles:[".tui-autofill input,input.tui-autofill{transition:box-shadow .01s}\n"],encapsulation:2,changeDetection:0}),ke})(),g=(()=>{class ke{constructor(Fe){this.autofilled=!1,this.tuiAutofilledChange=new o.vpe,Fe.addComponent(_)}transitionStartHandler({propertyName:Fe,target:ht}){var Vt;Fe.includes("box-shadow")&&(null===(Vt=ht)||void 0===Vt?void 0:Vt.matches("input"))&&(this.autofilled=!this.autofilled,this.tuiAutofilledChange.emit(this.autofilled))}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(p.gH))},ke.\u0275dir=o.lG2({type:ke,selectors:[["","tuiAutofilledChange",""]],hostAttrs:[1,"tui-autofill"],hostVars:2,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("transitionstart",function($t){return ht.transitionStartHandler($t)}),2&Fe&&o.ekj("_autofilled",ht.autofilled)},outputs:{tuiAutofilledChange:"tuiAutofilledChange"}}),ke})(),f=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({}),ke})();var m=s(3633),C=s(8033),O=s(6480),w=s(7179),S=s(4493),y=s(4358),U=s(442),z=s(6409),Z=s(6640),le=s(9570),Q=s(6215),ue=s(6682),de=s(2759),X=s(7460),B=s(5435),K=s(8002),ne=s(7519),We=s(4789),Le=s(7320),Je=s(1515),we=s(8692),Ee=s(1489),$e=s(8942),Ie=s(6060);let G=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275dir=o.lG2({type:ke,selectors:[["input","tuiMaskAccessor",""]],features:[o._Bn([{provide:$e.JU,deps:[[new o.FiY,Ie.sE],$e.Fj],multi:!0,useFactory:(Ke,Fe)=>Ke?Ke[0]:Fe}])]}),ke})(),he=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({}),ke})();var ye=s(3631);const te=["pre"],Re=["focusableElement"];function q(ke,Ke){1&ke&&o.GkF(0)}function ce(ke,Ke){1&ke&&o.GkF(0)}function be(ke,Ke){1&ke&&(o.TgZ(0,"div",17),o.Hsn(1,2),o.qZA())}function N(ke,Ke){1&ke&&o._UZ(0,"tui-svg",20),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}const _e=function(ke){return{$implicit:ke}};function ze(ke,Ke){if(1&ke&&(o.TgZ(0,"div",18),o.YNc(1,N,1,1,"tui-svg",19),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconLeftContent)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}function Ct(ke,Ke){if(1&ke&&(o.TgZ(0,"label",21),o.Hsn(1,3),o.qZA()),2&ke){const Fe=o.oxw();o.ekj("t-placeholder_raised",Fe.placeholderRaised),o.Q6J("for",Fe.computedId)}}function Et(ke,Ke){1&ke&&o._UZ(0,"tui-svg",24),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function Gt(ke,Ke){if(1&ke&&(o.TgZ(0,"div",22),o.YNc(1,Et,1,1,"tui-svg",23),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.controller.customContent)}}function St(ke,Ke){1&ke&&o._UZ(0,"tui-svg",27),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function qt(ke,Ke){if(1&ke){const Fe=o.EpF();o.TgZ(0,"span",25),o.NdJ("click.stop",function(){o.CHM(Fe);const Vt=o.oxw();return o.KtG(Vt.clear())}),o.YNc(1,St,1,1,"tui-svg",26),o.qZA()}if(2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconCleaner||Fe.controller.options.iconCleaner)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}function Ot(ke,Ke){if(1&ke&&o._UZ(0,"tui-tooltip",28),2&ke){const Fe=o.oxw();o.Q6J("content",null==Fe.hintOptions?null:Fe.hintOptions.content)("describeId",Fe.computedId)}}function Ht(ke,Ke){1&ke&&o._UZ(0,"tui-svg",20),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function Pt(ke,Ke){if(1&ke&&(o.TgZ(0,"div",29),o.YNc(1,Ht,1,1,"tui-svg",19),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconContent)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}const Tt=[[["input"]],[["select"]],[["tuiContent"]],"*"],xt=["input","select","tuiContent","*"],Wt=["tuiTextfield",""];let sn=(()=>{class ke{constructor(Fe,ht){this.textfield=Fe,this.fontsReady$=ht,this.prefix$=new Q.X(""),this.pre$=(0,ue.T)(this.fontsReady$,this.prefix$).pipe((0,X.g)(0),(0,B.h)(()=>{var Vt;return!(null===(Vt=this.pre)||void 0===Vt||!Vt.nativeElement.isConnected)}),(0,K.U)(()=>{var Vt;return(null===(Vt=this.pre)||void 0===Vt?void 0:Vt.nativeElement.offsetWidth)||0}),(0,ne.x)())}get isContextTable(){return this.textfield.appearance===Le.Nm.Table}get value(){return this.textfield.value}get filler(){const{focused:Fe,placeholder:ht,exampleText:Vt,value:$t,textfield:Ye}=this;return ht&&Vt?"":Fe?Vt||Ye.filler.slice($t.length):""}get prefix(){return this.decorationsVisible?this.textfield.prefix:""}get postfix(){return this.decorationsVisible?this.computedPostfix:""}ngDoCheck(){this.prefix$.next(this.prefix)}get placeholder(){var Fe;return(null===(Fe=this.textfield.nativeFocusableElement)||void 0===Fe?void 0:Fe.placeholder)||""}get exampleText(){return!this.value&&this.focused?this.placeholder:""}get decorationsVisible(){return!!this.value||this.focused&&!this.placeholder}get focused(){return this.textfield.computedFocused&&!this.textfield.readOnly}get computedPostfix(){return this.textfield.postfix&&(this.filler||this.value)?` ${this.textfield.postfix}`:this.textfield.postfix}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(C.KZ),o.Y36(C.tS))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["tui-value-decoration"]],viewQuery:function(Fe,ht){if(1&Fe&&o.Gf(te,7,o.SBq),2&Fe){let Vt;o.iGM(Vt=o.CRH())&&(ht.pre=Vt.first)}},hostVars:4,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("animationstart",function(){return ht.ngDoCheck()}),2&Fe&&o.ekj("_table",ht.isContextTable)("_filler",ht.filler)},decls:5,vars:4,consts:[[1,"t-prefix",3,"textContent"],["pre",""],[1,"t-ghost",3,"textContent"],[1,"t-filler",3,"textContent"],[1,"t-postfix",3,"textContent"]],template:function(Fe,ht){1&Fe&&o._UZ(0,"span",0,1)(2,"span",2)(3,"span",3)(4,"span",4),2&Fe&&(o.Q6J("textContent",ht.prefix),o.xp6(2),o.Q6J("textContent",ht.value),o.xp6(1),o.Q6J("textContent",ht.filler),o.xp6(1),o.Q6J("textContent",ht.postfix))},styles:['[_nghost-%COMP%]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-%COMP%]{position:static;margin-top:0}._filler[_nghost-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-%COMP%]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-%COMP%], .t-postfix[_ngcontent-%COMP%]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]   .t-prefix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]   .t-prefix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]   .t-postfix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]   .t-postfix[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-%COMP%]{max-width:100%;white-space:nowrap}']}),ke})();const _n={s:1.25,m:1.75,l:2.25};let Jt=(()=>{class ke extends O.Xn{constructor(Fe,ht,Vt,$t){super(),this.controller=Fe,this.hintOptions=ht,this.options=Vt,this.el=$t,this.editable=!0,this.textfieldFiller="",this.iconCleaner=this.options.iconCleaner,this.readOnly=!1,this.invalid=!1,this.disabled=!1,this.textfieldPrefix="",this.textfieldPostfix="",this.value="",this.valueChange=new o.vpe,this.autofilled=!1}get prefix(){return this.textfieldPrefix||this.controller.prefix}get postfix(){return this.textfieldPostfix||this.controller.postfix}get filler(){return this.textfieldFiller||this.controller.filler}get nativeFocusableElement(){if(this.computedDisabled||!this.focusableElement)return null;const{nativeElement:Fe}=this.focusableElement;return Fe.previousElementSibling||Fe}get focused(){return(0,w.zb)(this.el.nativeElement)}get appearance(){return this.controller.appearance}get size(){return this.controller.size}get computedInvalid(){return!this.readOnly&&!this.disabled&&this.invalid}get inputHidden(){var Fe;return!(null===(Fe=this.content)||void 0===Fe||!Fe.length)}get hasValue(){return!!this.value}get hasCleaner(){return this.controller.cleaner&&this.hasValue&&!this.computedDisabled&&!this.readOnly}get hasTooltip(){var Fe;return!(null===(Fe=this.hintOptions)||void 0===Fe||!Fe.content||this.computedDisabled)}get hasCustomContent(){return!!this.controller.customContent}get placeholderVisible(){var Fe;const Vt=((null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.placeholder)||this.prefix||this.postfix||this.filler)&&!this.readOnly&&this.computedFocused;return!this.hasValue&&!Vt}get hasPlaceholder(){return this.placeholderRaisable||this.placeholderVisible}get placeholderRaised(){return this.placeholderRaisable&&(this.computedFocused&&!this.readOnly||this.hasValue||this.autofilled)}get borderStart(){return this.iconLeftContent?this.iconPaddingLeft:0}get borderEnd(){return(0,Z._X)(!!this.iconContent,this.hasCleaner,this.hasTooltip,this.hasCustomContent,this.size)}get iconContent(){return this.controller.icon}get iconLeftContent(){return this.controller.iconLeft}get showHint(){var Fe;return!(null===(Fe=this.hintOptions)||void 0===Fe||!Fe.content)&&(this.options.hintOnDisabled||!this.computedDisabled)}get name(){var Fe;return"cc-exp"===(null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.autocomplete)?"ccexpiryyear":null}get computedId(){var Fe;return(null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.id)||""}onFocused(Fe){this.updateFocused(Fe)}getIndent$(Fe){return(0,de.R)(Fe,"scroll").pipe((0,K.U)(()=>-1*Math.max(Fe.scrollLeft,0)))}clear(){this.nativeFocusableElement&&(this.nativeFocusableElement.value=""),this.updateValue("")}onMouseDown(Fe){const{nativeFocusableElement:ht}=this;!ht||Fe.target===ht||(Fe.preventDefault(),ht.focus())}onModelChange(Fe){this.updateValue(Fe)}onAutofilled(Fe){this.updateAutofilled(Fe)}detectRetargetFromLabel(Fe){(0,S.UP)(Fe)&&Fe.stopImmediatePropagation()}get iconPaddingLeft(){return _n[this.size]}get placeholderRaisable(){return"s"!==this.size&&!this.controller.labelOutside}updateAutofilled(Fe){this.autofilled!==Fe&&(this.autofilled=Fe)}updateValue(Fe){this.value=Fe,this.valueChange.emit(Fe)}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(z.Cs),o.Y36(U.bZ,8),o.Y36(z.z1),o.Y36(o.SBq))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["tui-primitive-textfield"]],contentQueries:function(Fe,ht,Vt){if(1&Fe&&o.Suo(Vt,le.Li,5),2&Fe){let $t;o.iGM($t=o.CRH())&&(ht.content=$t)}},viewQuery:function(Fe,ht){if(1&Fe&&o.Gf(Re,5),2&Fe){let Vt;o.iGM(Vt=o.CRH())&&(ht.focusableElement=Vt.first)}},hostVars:15,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("focusin",function(){return ht.onFocused(!0)})("focusout",function(){return ht.onFocused(!1)}),2&Fe&&(o.uIk("data-size",ht.size),o.Udp("--border-start",ht.borderStart,"rem")("--border-end",ht.borderEnd,"rem"),o.ekj("_autofilled",ht.autofilled)("_label-outside",ht.controller.labelOutside)("_readonly",ht.readOnly)("_invalid",ht.computedInvalid)("_hidden",ht.inputHidden))},inputs:{editable:"editable",textfieldFiller:["filler","textfieldFiller"],iconCleaner:"iconCleaner",readOnly:"readOnly",invalid:"invalid",disabled:"disabled",textfieldPrefix:["prefix","textfieldPrefix"],textfieldPostfix:["postfix","textfieldPostfix"],value:"value"},outputs:{valueChange:"valueChange"},features:[o._Bn([(0,C.FT)(ke),z.Y0]),o.qOj],ngContentSelectors:xt,decls:24,vars:37,consts:[[4,"ngIf"],["automation-id","tui-primitive-textfield__wrapper","tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly","click.prevent.silent","mousedown","tuiAutofilledChange"],["automation-id","tui-primitive-textfield__native-input","tuiMaskAccessor","",1,"t-input",3,"disabled","id","ngModel","readOnly","tuiFocusable","ngModelChange"],["focusableElement",""],["automation-id","tui-primitive-textfield__value","class","t-input t-input_template",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_left t-textfield-icon",4,"ngIf"],[1,"t-wrapper"],["automation-id","tui-primitive-textfield__placeholder","class","t-placeholder",3,"t-placeholder_raised","for",4,"ngIf"],[1,"t-wrapper-value-decoration"],["aria-hidden","true","automation-id","tui-primitive-textfield__value-decoration",1,"t-value-decoration"],["decor",""],[1,"t-icons"],["automation-id","tui-primitive-textfield__custom-content","class","t-custom-content",4,"ngIf"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","","class","t-cleaner",3,"click.stop",4,"ngIf"],["automation-id","tui-primitive-textfield__tooltip","class","t-tooltip",3,"content","describeId",4,"ngIf"],["class","t-icon t-textfield-icon",4,"ngIf"],["automation-id","tui-primitive-textfield__value",1,"t-input","t-input_template"],[1,"t-icon","t-icon_left","t-textfield-icon"],["appearance","icon","tuiWrapper","",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","tuiWrapper","",3,"src"],["automation-id","tui-primitive-textfield__placeholder",1,"t-placeholder",3,"for"],["automation-id","tui-primitive-textfield__custom-content",1,"t-custom-content"],["class","t-custom-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-custom-icon",3,"src"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","",1,"t-cleaner",3,"click.stop"],[3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"src"],["automation-id","tui-primitive-textfield__tooltip",1,"t-tooltip",3,"content","describeId"],[1,"t-icon","t-textfield-icon"]],template:function(Fe,ht){if(1&Fe&&(o.F$t(Tt),o.YNc(0,q,1,0,"ng-container",0),o.ALo(1,"async"),o.YNc(2,ce,1,0,"ng-container",0),o.ALo(3,"async"),o.TgZ(4,"div",1),o.NdJ("click.prevent.silent",function($t){return ht.detectRetargetFromLabel($t)})("mousedown",function($t){return ht.onMouseDown($t)})("tuiAutofilledChange",function($t){return ht.onAutofilled($t)}),o.ALo(5,"async"),o.Hsn(6),o.Hsn(7,1),o.TgZ(8,"input",2,3),o.NdJ("ngModelChange",function($t){return ht.onModelChange($t)}),o.qZA(),o.YNc(10,be,2,0,"div",4),o.TgZ(11,"div",5),o.YNc(12,ze,2,4,"div",6),o.TgZ(13,"div",7),o.YNc(14,Ct,2,3,"label",8),o.TgZ(15,"div",9)(16,"tui-value-decoration",10,11),o.ALo(18,"async"),o.qZA()()(),o.TgZ(19,"div",12),o.YNc(20,Gt,2,1,"div",13),o.YNc(21,qt,2,4,"span",14),o.YNc(22,Ot,1,2,"tui-tooltip",15),o.YNc(23,Pt,2,4,"div",16),o.qZA()()()),2&Fe){const Vt=o.MAs(9),$t=o.MAs(17);o.Q6J("ngIf",o.lcZ(1,29,null==ht.content?null:ht.content.changes)),o.xp6(2),o.Q6J("ngIf",o.lcZ(3,31,null==ht.hintOptions?null:ht.hintOptions.change$)),o.xp6(2),o.Udp("--text-indent",o.lcZ(5,33,$t.pre$),"px"),o.Q6J("active",ht.pseudoActive)("appearance",ht.appearance)("disabled",ht.disabled)("focus",ht.computedFocused)("hover",ht.pseudoHover)("invalid",ht.computedInvalid)("readOnly",ht.readOnly),o.xp6(4),o.Q6J("disabled",ht.computedDisabled)("id",ht.id)("ngModel",ht.value)("readOnly",ht.readOnly||!ht.editable)("tuiFocusable",ht.computedFocusable),o.uIk("aria-invalid",ht.computedInvalid)("name",ht.name),o.xp6(2),o.Q6J("ngIf",ht.inputHidden),o.xp6(2),o.Q6J("ngIf",ht.iconLeftContent),o.xp6(2),o.Q6J("ngIf",ht.hasPlaceholder),o.xp6(2),o.Udp("text-indent",o.lcZ(18,35,ht.getIndent$(Vt)),"px"),o.ekj("t-has-value",ht.value),o.xp6(4),o.Q6J("ngIf",ht.hasCustomContent),o.xp6(1),o.Q6J("ngIf",ht.hasCleaner),o.xp6(1),o.Q6J("ngIf",ht.showHint),o.xp6(1),o.Q6J("ngIf",ht.iconContent)}},dependencies:[We.PN,sn,Je.w,we.O5,Ee.o,g,G,$e.Fj,$e.JJ,$e.On,m.t,le.Li,we.Ov],styles:['[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}[data-size=s][_nghost-%COMP%]{--tui-height: var(--tui-height-s)}[data-size=m][_nghost-%COMP%]{--tui-height: var(--tui-height-m)}[data-size=l][_nghost-%COMP%]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-%COMP%]::-webkit-caps-lock-indicator, .t-input[_ngcontent-%COMP%]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-%COMP%]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], .t-input   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], .t-input   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input.t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-%COMP%]{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder[_ngcontent-%COMP%]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-%COMP%]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-%COMP%]{transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-%COMP%]:not(._focused)   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-error-fill)}._invalid[_nghost-%COMP%]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-error-fill-night)}._focused[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-03)}[data-size=l][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font-size:.8156rem}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}._focused[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-02-night)}.t-cleaner[_ngcontent-%COMP%]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%], ._disabled[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%]{pointer-events:none}.t-icon[_ngcontent-%COMP%]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}[data-size=m][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=l][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons[_ngcontent-%COMP%]{display:flex;align-items:center}[data-size=m][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=s][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}[_nghost-%COMP%]:not([data-size="s"])   .t-icons[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}._autofilled[data-size=s][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled[_nghost-%COMP%]   .t-value-decoration[_ngcontent-%COMP%]:not(.t-has-value){visibility:hidden}.t-custom-content[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon[_ngcontent-%COMP%]{width:2rem;height:100%}.t-input[_ngcontent-%COMP%]:not(:first-child){display:none}[data-size][_nghost-%COMP%]   .t-input_template[_ngcontent-%COMP%]{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-%COMP%]{position:relative;pointer-events:none}'],changeDetection:0}),(0,e.gn)([y.UM],ke.prototype,"getIndent$",null),ke})(),vt=(()=>{class ke extends ye.D1{constructor(Fe){super(Fe),this.textfield=Fe}get readOnly(){return this.textfield.readOnly||!this.textfield.editable}onValueChange(Fe){this.textfield.onModelChange(Fe)}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(Jt))},ke.\u0275dir=o.lG2({type:ke,selectors:[["tui-primitive-textfield"]],features:[o._Bn([(0,Ie.cp)(ke)]),o.qOj]}),ke})(),ut=(()=>{class ke{constructor(Fe,ht,Vt,$t,Ye){this.host=Fe,this.controller=ht,this.el=Vt,this.idService=$t,this.legacyMask=Ye,this.host.process(this.el.nativeElement)}get id(){return this.el.nativeElement.id||this.idService.generate()}get inputMode(){return this.el.nativeElement.inputMode||this.host.inputMode}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(Ie.S0),o.Y36(z.Cs),o.Y36(o.SBq),o.Y36(p.ll),o.Y36(Ie.sf,8))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["input","tuiTextfield",""],["textarea","tuiTextfield",""]],hostAttrs:["type","text"],hostVars:7,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("input",function($t){return!ht.legacyMask&&ht.host.onValueChange($t.target.value)}),2&Fe&&(o.Ikx("tabIndex",ht.host.focusable?0:-1)("readOnly",ht.host.readOnly)("value",ht.host.value),o.uIk("id",ht.id)("inputMode",ht.inputMode)("aria-invalid",ht.host.invalid)("disabled",ht.host.disabled||null))},features:[o._Bn([z.Y0])],attrs:Wt,decls:0,vars:0,template:function(Fe,ht){},styles:['[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-%COMP%]::-webkit-caps-lock-indicator, [_nghost-%COMP%]::-webkit-contacts-auto-fill-button, [_nghost-%COMP%]::-webkit-credit-card-auto-fill-button, [_nghost-%COMP%]::-webkit-credentials-auto-fill-button, [_nghost-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-%COMP%]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   [_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill:focus, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]::placeholder, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-%COMP%]{white-space:pre-wrap}textarea[_nghost-%COMP%]   tui-textarea._ios[_nghost-%COMP%], tui-textarea._ios   [_nghost-%COMP%], textarea[_nghost-%COMP%]   tui-text-area._ios[_nghost-%COMP%], tui-text-area._ios   [_nghost-%COMP%]{padding-left:.8125rem}'],changeDetection:0}),ke})(),Te=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({imports:[[we.ez,$e.u5,le.wq,he,m.u,Ee.W,We.EI,Je.Q,f]]}),ke})()},134:(Ve,ae,s)=>{"use strict";s.d(ae,{IB:()=>U,Jy:()=>z});var e=s(4537),o=s(1359),p=s(1213),_=s(4493),g=s(8033),f=s(2579),m=s(8692);function C(Z,le){1&Z&&e._UZ(0,"tui-scroll-controls",2)}const O=["*"];let U=(()=>{class Z{constructor(Q,ue,de,X){this.cssRef=Q,this.el=ue,this.userAgent=de,this.isIos=X,this.delegated=!1,this.isLegacy=!this.cssRef.supports("position","sticky")||(0,p.oK)(this.userAgent)&&!this.cssRef.supports("scrollbar-width","none"),this.hidden=!1,this.browserScrollRef=new e.SBq(this.el.nativeElement)}get showScrollbars(){return!this.hidden&&!this.isIos&&(!this.isLegacy||this.delegated)}get showNative(){return this.isLegacy&&!this.hidden&&!this.delegated}onScrollable(Q){this.delegated=!0,this.browserScrollRef.nativeElement=Q}scrollIntoView(Q){var ue;if(this.delegated)return;const{nativeElement:de}=this.browserScrollRef,{offsetTop:X,offsetLeft:B}=(0,_.YX)(de,Q),{clientHeight:K,clientWidth:ne}=de,{offsetHeight:We,offsetWidth:Le}=Q;null===(ue=de.scrollTo)||void 0===ue||ue.call(de,B+Le/2-ne/2,X+We/2-K/2)}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(f.ux),e.Y36(e.SBq),e.Y36(f.yZ),e.Y36(g.FA))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-scrollbar"]],hostVars:2,hostBindings:function(Q,ue){1&Q&&e.NdJ("tui-scrollable.stop",function(X){return ue.onScrollable(X.detail)})("tui-scroll-into-view.stop",function(X){return ue.scrollIntoView(X.detail)}),2&Q&&e.ekj("_legacy",ue.showNative)},inputs:{hidden:"hidden"},features:[e._Bn([{provide:g.$_,deps:[Z],useFactory:({browserScrollRef:le})=>le}])],ngContentSelectors:O,decls:3,vars:1,consts:[["class","t-bars",4,"ngIf"],[1,"t-content"],[1,"t-bars"]],template:function(Q,ue){1&Q&&(e.F$t(),e.YNc(0,C,1,0,"tui-scroll-controls",0),e.TgZ(1,"div",1),e.Hsn(2),e.qZA()),2&Q&&e.Q6J("ngIf",ue.showScrollbars)},dependencies:[o.tZ,m.O5],styles:["[_nghost-%COMP%]{position:relative;display:flex;isolation:isolate;overflow:auto}[_nghost-%COMP%]:not(._legacy){scrollbar-width:none;-ms-overflow-style:none}[_nghost-%COMP%]:not(._legacy)::-webkit-scrollbar, [_nghost-%COMP%]:not(._legacy)::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}._legacy[_nghost-%COMP%]{overflow:overlay}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){._legacy[_nghost-%COMP%]::-webkit-scrollbar, ._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}._legacy[_nghost-%COMP%]::-webkit-scrollbar{background-color:transparent}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}.t-content[_ngcontent-%COMP%]{isolation:isolate;flex:1;flex-basis:auto;width:100%;height:-webkit-max-content;height:max-content}.t-bars[_ngcontent-%COMP%]{color:var(--tui-text-01)}"],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[m.ez,o.eI]]}),Z})()},4789:(Ve,ae,s)=>{"use strict";s.d(ae,{$E:()=>Ie,EI:()=>be,PN:()=>ce});var e=s(4911),o=s(8692),p=s(4537),_=s(5998),g=s(2579),f=s(2668),m=s(8192),C=s(1927),w=(s(8939),s(4493)),S=s(7881),y=s(8033),U=s(4358),z=s(8269),Z=s(7941),le=s(6060),Q=s(6640),ue=s(4487),de=s(8447),X=s(5917),B=s(3190),K=s(9761),ne=s(5304),We=s(8002);function Le(N,_e){if(1&N&&p._UZ(0,"div",3),2&N){const ze=p.oxw().tuiLet;p.Q6J("innerHTML",ze,p.oJD)}}function Je(N,_e){if(1&N){const ze=p.EpF();p.O4$(),p.TgZ(0,"svg",4),p.NdJ("error",function(){p.CHM(ze);const Et=p.oxw(2);return p.KtG(Et.onError())}),p._UZ(1,"use"),p.qZA()}if(2&N){const ze=p.oxw(2);p.xp6(1),p.uIk("href",ze.use,null,"xlink")}}function we(N,_e){if(1&N&&(p.ynx(0),p.YNc(1,Le,1,1,"div",1),p.YNc(2,Je,2,1,"ng-template",null,2,p.W1O),p.BQk()),2&N){const ze=p.MAs(3),Ct=p.oxw();p.xp6(1),p.Q6J("ngIf",Ct.isInnerHTML)("ngIfElse",ze)}}const Ee={tuiIconAttach:"tuiIconPaperclip",tuiIconAttention:"tuiIconAlertCircle",tuiIconBackCircle:"tuiIconArrowLeftCircle",tuiIconCall:"tuiIconPhone",tuiIconCallIn:"tuiIconPhoneIncoming",tuiIconCallOut:"tuiIconPhoneOutgoing",tuiIconCallTransfer:"tuiIconPhoneForwarded",tuiIconCancel:"tuiIconXCircle",tuiIconCancelCircle:"tuiIconSlash",tuiIconCard:"tuiIconCreditCard",tuiIconCards:"tuiIconCreditCard",tuiIconChartBar:"tuiIconBarChart",tuiIconChart:"tuiIconBarChart",tuiIconCheckList:"tuiIconClipboard",tuiIconCloseCircle:"tuiIconXCircle",tuiIconCollapse:"tuiIconMinimize",tuiIconComment:"tuiIconMessageSquare",tuiIconCommentFw:"tuiIconMessageForward",tuiIconCompany:"tuiIconBriefcase",tuiIconDefaultDoc:"tuiIconFile",tuiIconDesktop:"tuiIconMonitor",tuiIconDesktopOff:"tuiIconMonitorOff",tuiIconDislike:"tuiIconThumbsDown",tuiIconDone:"tuiIconCheckCircle",tuiIconDraft:"tuiIconEdit2",tuiIconEyeOpen:"tuiIconEye",tuiIconEyeClosed:"tuiIconEyeOff",tuiIconExpand:"tuiIconMaximize",tuiIconExternal:"tuiIconExternalLink",tuiIconFrame:"tuiIconLayout",tuiIconGeo:"tuiIconMapPin",tuiIconHeartFilled:"tuiIconHeart",tuiIconHide:"tuiIconEyeOff",tuiIconImg:"tuiIconImage",tuiIconInfoCircle:"tuiIconInfo",tuiIconLike:"tuiIconThumbsUp",tuiIconLockOpen:"tuiIconUnlock",tuiIconMobile:"tuiIconSmartphone",tuiIconMoreHor:"tuiIconMoreHorizontal",tuiIconMoreVer:"tuiIconMoreVertical",tuiIconMoreVert:"tuiIconMoreVertical",tuiIconPicture:"tuiIconImage",tuiIconPin:"tuiIconMapPin",tuiIconPrint:"tuiIconPrinter",tuiIconRefresh:"tuiIconRefreshCw",tuiIconRemove:"tuiIconX",tuiIconShow:"tuiIconEye",tuiIconSound:"tuiIconVolume",tuiIconSoundOff:"tuiIconVolumeX",tuiIconStarFilled:"tuiIconStar",tuiIconStop:"tuiIconSquare",tuiIconStructure:"tuiIconGrid",tuiIconTime:"tuiIconClock",tuiIconTooltip:"tuiIconHelpCircle",tuiIconViewList:"tuiIconList",tuiIconWifiOn:"tuiIconWifi"},$e={iconsPlace:le.xp,path:(0,Q.ht)(le.xp),srcProcessor:ue.y,contentProcessor:m.N,deprecated:N=>{const _e=N.replace("Large","").replace("Outline",""),ze=Ee[_e];return ze?`${_e}/(Large|Outline) is deprecated, use ${ze}/(Large|Outline) instead`:""}},Ie=(0,C.N1)(()=>({iconsPlace:(0,p.f3M)(le.AA),path:(0,p.f3M)(le.ki),deprecated:$e.deprecated,srcProcessor:(0,p.f3M)(le.V5),contentProcessor:(0,p.f3M)(le.u_)})),G=new p.OlP("[TUI_SVG_SRC_INTERCEPTORS]");let ce=(()=>{class N{constructor(ze,Ct,Et,Gt,St,qt,Ot,Ht,Pt,Tt){this.doc=ze,this.win=Ct,this.options=Et,this.srcInterceptors=Gt,this.tuiSanitizer=St,this.svgService=qt,this.staticRequestService=Ot,this.sanitizer=Ht,this.el=Pt,this.baseHref=Tt,this.src$=new de.t(1),this.icon="",this.innerHTML$=this.src$.pipe((0,B.w)(()=>(0,C.Aj)(this.icon)?this.isExternal?this.getExternalIcon(this.icon):(0,X.of)(this.getSafeHtml(this.icon)):(0,X.of)(this.icon)),(0,K.O)(""))}set src(ze){var Ct;this.options.deprecated(String(ze)),this.icon=(null!==(Ct=this.srcInterceptors)&&void 0!==Ct?Ct:[]).reduce((Gt,St)=>St(Gt,this.options),this.options.srcProcessor(ze||"")),this.src$.next()}get src(){return this.icon}get use(){return(0,C.Aj)(this.icon)?this.icon.includes(".svg#")?this.icon:this.resolveName(this.icon,this.options.path):""}get isInnerHTML(){return!(0,C.Aj)(this.icon)||this.isSrc||this.isExternal||this.isName&&this.isShadowDOM}get isShadowDOM(){return(0,w.Wf)(this.el.nativeElement)!==this.doc}get isUse(){return this.use.replace(z.uJ,"").includes(".svg#")}get isExternal(){return this.isUrl||this.isCrossDomain}get isUrl(){return(0,C.Aj)(this.icon)&&this.icon.replace(z.uJ,"").endsWith(".svg")}get isSrc(){return(0,C.Aj)(this.icon)&&(0,Q.jL)(this.icon)}get isName(){return!this.isUrl&&!this.isUse&&!this.isSrc}get isCrossDomain(){const{use:ze,isUse:Ct,win:Et}=this;return Ct&&ze.startsWith("http")&&!!Et.origin&&!ze.startsWith(Et.origin)}onError(ze="External icon is missing on the given URL"){const{icon:Ct}=this,Et=new CustomEvent(z.qT,{bubbles:!0,detail:{message:ze,icon:Ct}});this.el.nativeElement.dispatchEvent(Et)}resolveName(ze,Ct){return Ct(ze,this.baseHref)}getSafeHtml(ze){return this.isSrc?this.sanitize(ze):this.process(ze)}process(ze){const Ct=this.svgService.getOriginal(ze);return this.isName&&!Ct&&ze&&this.onError("Attempted to use undefined named icon"),this.isShadowDOM&&this.isName?this.sanitize(Ct||""):""}sanitize(ze){return ze=this.options.contentProcessor(ze),this.tuiSanitizer&&(0,C.Aj)(ze)?this.sanitizer.bypassSecurityTrustHtml(this.tuiSanitizer.sanitize(p.q3G.HTML,ze)||""):ze}getExternalIcon(ze){const Ct=ze.includes(".svg")?ze:this.use;return this.staticRequestService.request(Ct).pipe((0,ne.K)(()=>(this.onError("Failed to load external SVG"),(0,X.of)(""))),(0,We.U)(Et=>this.sanitize(Et.replace("<svg",'<svg focusable="false"'))))}}return N.\u0275fac=function(ze){return new(ze||N)(p.Y36(o.K0),p.Y36(g.m9),p.Y36(Ie),p.Y36(G,8),p.Y36(le.hm,8),p.Y36(Z.K5),p.Y36(S.Fr),p.Y36(_.H7),p.Y36(p.SBq),p.Y36(y.I2))},N.\u0275cmp=p.Xpm({type:N,selectors:[["tui-svg"]],inputs:{src:"src"},decls:2,vars:3,consts:[[4,"tuiLet"],["class","t-src",3,"innerHTML",4,"ngIf","ngIfElse"],["useTemplate",""],[1,"t-src",3,"innerHTML"],["focusable","false","height","100%","version","1.1","width","100%",0,"xmlns","xlink","http://www.w3.org/1999/xlink","xmlns","http://www.w3.org/2000/svg",1,"t-svg",3,"error"]],template:function(ze,Ct){1&ze&&(p.YNc(0,we,4,2,"ng-container",0),p.ALo(1,"async")),2&ze&&p.Q6J("tuiLet",p.lcZ(1,1,Ct.innerHTML$))},dependencies:[f.Ls,o.O5,o.Ov],styles:["[_nghost-%COMP%]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-%COMP%]{overflow:visible}"],changeDetection:0}),(0,e.gn)([U.UM],N.prototype,"resolveName",null),N})(),be=(()=>{class N{}return N.\u0275fac=function(ze){return new(ze||N)},N.\u0275mod=p.oAB({type:N}),N.\u0275inj=p.cJS({imports:[[o.ez,f.WD]]}),N})()},1515:(Ve,ae,s)=>{"use strict";s.d(ae,{Q:()=>z,w:()=>U});var e=s(4537),o=s(7881),p=s(8033),_=s(442),g=s(2130),f=s(6060),m=s(6782),C=s(4789),O=s(1489),w=s(9570),S=s(8692);function y(Z,le){1&Z&&e._UZ(0,"tui-svg",3),2&Z&&e.Q6J("src",le.polymorpheusOutlet)}let U=(()=>{class Z extends _.bZ{constructor(Q,ue,de,X){super(de),this.isMobile=X,this.mode=null,this.describeId="",ue.pipe((0,m.R)(Q)).subscribe(B=>{this.mode=B})}get computedAppearance(){return this.appearance||this.mode||""}stopOnMobile(Q){var ue;this.isMobile&&(Q.preventDefault(),Q.stopPropagation()),null===(ue=this.driver$)||void 0===ue||ue.toggle()}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(o.a3,2),e.Y36(f.Au),e.Y36(_.H3),e.Y36(p.fL))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-tooltip"]],viewQuery:function(Q,ue){if(1&Q&&e.Gf(_.t6,5),2&Q){let de;e.iGM(de=e.CRH())&&(ue.driver$=de.first)}},hostVars:1,hostBindings:function(Q,ue){1&Q&&e.NdJ("mousedown",function(X){return ue.stopOnMobile(X)}),2&Q&&e.uIk("data-appearance",ue.computedAppearance)},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[e._Bn([o.a3,g.CV]),e.qOj],decls:4,vars:11,consts:[["appearance","icon","automation-id","tui-tooltip__icon","tuiWrapper","",1,"t-tooltip-icon",3,"hover","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"],[3,"src",4,"polymorpheusOutlet"],[3,"src"]],template:function(Q,ue){if(1&Q&&(e.TgZ(0,"span",0,1),e.ALo(2,"async"),e.YNc(3,y,1,1,"tui-svg",2),e.qZA()),2&Q){const de=e.MAs(1);e.Q6J("hover",e.lcZ(2,9,de)||null)("tuiHint",ue.content)("tuiHintAppearance",ue.computedAppearance)("tuiHintContext",ue.context)("tuiHintDescribe",ue.describeId)("tuiHintDirection",ue.direction)("tuiHintHideDelay",ue.hideDelay)("tuiHintShowDelay",ue.showDelay),e.xp6(3),e.Q6J("polymorpheusOutlet",ue.icon)}},dependencies:[C.PN,O.o,_.D,_.xn,_.t6,_.DM,_.$o,w.Li,S.Ov],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-%COMP%]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-%COMP%]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-%COMP%]   .t-tooltip-icon[_ngcontent-%COMP%], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-%COMP%]   .t-tooltip-icon[_ngcontent-%COMP%]{opacity:1}'],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[S.ez,O.W,C.EI,_.go,w.wq]]}),Z})()},8269:(Ve,ae,s)=>{"use strict";s.d(ae,{Fw:()=>y,Jl:()=>f,Nq:()=>m,fe:()=>O,oA:()=>_,qT:()=>S,uJ:()=>o});var e=s(3770);const o=`?v=${e.Ml}`,_=K=>K.includes(".svg#")?K:`#${K}`,f={decimalLimit:1/0,decimalSeparator:",",thousandSeparator:e.f$,zeroPadding:!0,rounding:"truncate",decimal:"not-zero"},m=["Spacebar","Backspace","Delete","ArrowLeft","ArrowRight","Left","Right","End","Home"],O="tui-scroll-into-view",S="tui-icon-error",y=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-top","left","left-bottom","right-top","right","right-bottom"]},8952:(Ve,ae,s)=>{"use strict";s.d(ae,{Cw:()=>_n,E$:()=>Ct,Ek:()=>qt,Tp:()=>Wt,VC:()=>Tt,dp:()=>vt,fx:()=>St,oH:()=>ce,td:()=>be});var e=s(4537),o=s(2579),p=s(221),_=s(1486),g=s(6111),f=s(1927),m=s(7881),C=s(5122),O=s(4358),w=s(5675),S=s(7179),y=s(3770),U=s(3631),z=s(9941),Z=s(2130),le=s(7941),Q=s(6060),ue=s(6803),de=s(6782),X=s(3190),B=s(7460),K=s(8307),ne=s(4121),We=s(8002),Le=s(4911),Je=s(7766),we=s(6640),Ee=s(9570),$e=s(9765),Ie=s(6682),G=s(5917),he=s(6215),ye=s(134);function te(ut,Te){if(1&ut&&(e.TgZ(0,"div",4),e._uU(1),e.qZA()),2&ut){const Pe=Te.polymorpheusOutlet;e.xp6(1),e.hij(" ",Pe," ")}}const Re=function(ut){return{$implicit:ut}},q=(0,f.N1)(()=>Ot);let ce=(()=>{class ut{constructor(){this.tuiDropdownOpen=!1,this.tuiDropdownOpenChange=new e.vpe}update(Pe){this.tuiDropdownOpen=Pe,this.tuiDropdownOpenChange.emit(Pe)}ngOnChanges(){var Pe;null===(Pe=this.dropdown)||void 0===Pe||Pe.toggle(this.tuiDropdownOpen)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownOpen",""],["","tuiDropdownOpenChange",""]],inputs:{tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},features:[e.TTD]}),ut})(),be=(()=>{class ut{constructor(Pe,et,Ge,ke,Ke,Fe){this.el=et,this.dropdown=Ge,this.injector=ke,this.dropdownService=Ke,this.open=Fe,this.refresh$=new $e.xQ,this.dropdownBoxRef=null,this.type="dropdown",this.component=new Ee.Al(this.dropdown,this.injector),this.open&&!this.open.dropdown?this.open.dropdown=this:this.open=null,this.refresh$.pipe((0,ue.p)(0),(0,de.R)(Pe)).subscribe(()=>{var ht,Vt;null===(ht=this.dropdownBoxRef)||void 0===ht||ht.changeDetectorRef.detectChanges(),null===(Vt=this.dropdownBoxRef)||void 0===Vt||Vt.changeDetectorRef.markForCheck()})}get position(){return(0,Je.qK)(this.el.nativeElement)?"fixed":"absolute"}ngAfterViewChecked(){this.refresh$.next()}ngAfterViewInit(){this.open&&this.toggle(this.open.tuiDropdownOpen)}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1),this.open&&(this.open.dropdown=void 0)}getClientRect(){return this.el.nativeElement.getBoundingClientRect()}toggle(Pe){var et,Ge;Pe&&this.content&&!this.dropdownBoxRef?(this.dropdownBoxRef=this.dropdownService.add(this.component),null===(et=this.open)||void 0===et||et.update(!0)):!Pe&&this.dropdownBoxRef&&(this.dropdownService.remove(this.dropdownBoxRef),this.dropdownBoxRef=null,null===(Ge=this.open)||void 0===Ge||Ge.update(!1))}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(m.a3,2),e.Y36(e.SBq),e.Y36(q),e.Y36(e.gxx),e.Y36(C.ae),e.Y36(ce,8))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","",5,"ng-container"]],inputs:{content:["tuiDropdown","content"]},exportAs:["tuiDropdown"],features:[e._Bn([m.a3,(0,U.Ic)(ut),(0,U.Fe)(ut)]),e.TTD]}),(0,Le.gn)([O.UM],ut.prototype,"position",null),ut})();const _e=(0,f.JN)({showDelay:200,hideDelay:500});let Ct=(()=>{class ut extends U.kk{constructor(Pe,et,Ge){super(ke=>this.stream$.subscribe(ke)),this.hovered$=Pe,this.options=et,this.parentHover=Ge,this.toggle$=new $e.xQ,this.stream$=(0,Ie.T)(this.toggle$,this.hovered$).pipe((0,X.w)(ke=>(0,G.of)(ke).pipe((0,B.g)(ke?this.showDelay:this.hideDelay))),(0,K.b)(ke=>{this.hovered=ke}),(0,ne.B)()),this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.hovered=!1,this.type="dropdown"}toggle(Pe){var et;null===(et=this.parentHover)||void 0===et||et.toggle(Pe),this.toggle$.next(Pe)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(g.gs),e.Y36(_e),e.Y36(ut,12))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownHover","",5,"ng-container"]],inputs:{showDelay:["tuiDropdownShowDelay","showDelay"],hideDelay:["tuiDropdownHideDelay","hideDelay"]},features:[e._Bn([(0,U.UK)(ut),g.gs]),e.qOj]}),ut})();const Et={align:"left",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4,appearance:""},Gt=(0,f.JN)(Et),St=ut=>({provide:Gt,deps:[[new e.FiY,qt],[new e.FiY,new e.tp0,Gt]],useFactory:(0,we.lp)(ut,Et)});let qt=(()=>{class ut{constructor(Pe){this.options=Pe,this.align=this.options.align,this.appearance=this.options.appearance,this.direction=this.options.direction,this.limitWidth=this.options.limitWidth,this.minHeight=this.options.minHeight,this.maxHeight=this.options.maxHeight,this.offset=this.options.offset}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt,4))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownAlign",""],["","tuiDropdownAppearance",""],["","tuiDropdownDirection",""],["","tuiDropdownLimitWidth",""],["","tuiDropdownMinHeight",""],["","tuiDropdownMaxHeight",""],["","tuiDropdownOffset",""]],inputs:{align:["tuiDropdownAlign","align"],appearance:["tuiDropdownAppearance","appearance"],direction:["tuiDropdownDirection","direction"],limitWidth:["tuiDropdownLimitWidth","limitWidth"],minHeight:["tuiDropdownMinHeight","minHeight"],maxHeight:["tuiDropdownMaxHeight","maxHeight"],offset:["tuiDropdownOffset","offset"]},features:[e._Bn([{provide:Gt,useExisting:(0,e.Gpc)(()=>ut)}])]}),ut})(),Ot=(()=>{class ut{constructor(Pe,et,Ge,ke,Ke,Fe,ht,Vt,$t,Ye,wt){this.directive=ke,this.animation=Ke,this.el=Fe,this.accessor=ht,this.win=Vt,this.mode$=$t,this.options=Ye,this.hoverDirective=wt,et.pipe((0,We.U)(Mt=>"fixed"===this.directive.position?Pe.correct(Mt):Mt),(0,de.R)(Ge)).subscribe(([Mt,kt])=>{this.update(Mt,kt)}),this.updateWidth(this.accessor.getClientRect().width)}onHoveredChange(Pe){var et;null===(et=this.hoverDirective)||void 0===et||et.toggle(Pe)}onTopFocus(){this.moveFocusOutside(!0)}onBottomFocus(){this.moveFocusOutside(!1)}update(Pe,et){var Ge;const{style:ke}=this.el.nativeElement,{right:Ke}=this.el.nativeElement.getBoundingClientRect(),{maxHeight:Fe,offset:ht}=this.options,{innerHeight:Vt}=this.win,$t=null===(Ge=this.el.nativeElement.offsetParent)||void 0===Ge?void 0:Ge.getBoundingClientRect(),{position:Ye}=this.directive,wt=this.accessor.getClientRect(),kt="fixed"===Ye?0:-((null==$t?void 0:$t.top)||0);Pe+=kt;const Yt=(et+="fixed"===Ye?0:-((null==$t?void 0:$t.left)||0))<wt.right&&Ke>wt.left&&Pe<kt+2*ht?wt.top-2*ht:kt+Vt-Pe-ht;ke.position=Ye,ke.top=(0,w.O)(Math.max(Pe,kt+ht)),ke.left=(0,w.O)(et),ke.maxHeight=(0,w.O)(Math.min(Fe,Yt)),ke.width="",ke.minWidth="",this.updateWidth(wt.width)}updateWidth(Pe){const{style:et}=this.el.nativeElement;switch(this.options.limitWidth){case"min":et.minWidth=(0,w.O)(Pe);break;case"fixed":et.width=(0,w.O)(Pe)}}moveFocusOutside(Pe){const{nativeElement:et}=this.directive.el,{ownerDocument:Ge}=et,ke=Ge?Ge.body:et;let Ke=(0,S.BW)({initial:et,root:ke,previous:Pe});for(;null!==Ke&&et.contains(Ke);)Ke=(0,S.BW)({initial:Ke,root:ke,previous:Pe});null==Ke||Ke.focus()}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(le.Lp),e.Y36(le.KG),e.Y36(m.a3,2),e.Y36(be),e.Y36(Q.Pw),e.Y36(e.SBq),e.Y36(U.O4),e.Y36(o.m9),e.Y36(Q.Au),e.Y36(Gt),e.Y36(Ct,8))},ut.\u0275cmp=e.Xpm({type:ut,selectors:[["tui-dropdown"]],hostVars:2,hostBindings:function(Pe,et){1&Pe&&e.NdJ("$.data-mode.attr",function(){return et.mode$}),2&Pe&&(e.uIk("data-appearance",et.options.appearance),e.d8E("@tuiDropdownAnimation",et.animation))},features:[e._Bn([m.a3,le.KG,(0,U.ei)("dropdown"),(0,U.Wk)("dropdown",be),Z.CV])],decls:5,vars:4,consts:[["tuiActiveZone","","tuiOverscroll","all",1,"t-scroll",3,"tuiHoveredChange"],["activeZone","tuiActiveZone"],["tabindex","0",3,"focus"],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(Pe,et){if(1&Pe&&(e.TgZ(0,"tui-scrollbar",0,1),e.NdJ("tuiHoveredChange",function(ke){return et.onHoveredChange(ke)}),e.TgZ(2,"div",2),e.NdJ("focus",function(){return et.onTopFocus()}),e.qZA(),e.YNc(3,te,2,1,"div",3),e.TgZ(4,"div",2),e.NdJ("focus",function(){return et.onBottomFocus()}),e.qZA()()),2&Pe){const Ge=e.MAs(1);e.xp6(3),e.Q6J("polymorpheusOutlet",et.directive.content)("polymorpheusOutletContext",e.VKq(2,Re,Ge))}},dependencies:[ye.IB,p.e,_.W,g.co,Ee.Li],styles:['[_nghost-%COMP%]{position:absolute;display:flex;box-shadow:var(--tui-shadow-dropdown);background:var(--tui-elevation-02);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-04);box-sizing:border-box;max-width:calc(100% - 8px);isolation:isolate;pointer-events:auto}.ng-animating[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]:not([style*="top"]){visibility:hidden}[data-mode=onDark][_nghost-%COMP%]{--tui-text-01: var(--tui-text-01-night);--tui-clear: var(--tui-clear-inverse);background:#222;border:1px solid #808080}.t-scroll[_ngcontent-%COMP%]{flex-grow:1;max-width:100%}.t-primitive[_ngcontent-%COMP%]{padding:1rem}'],data:{animation:[z.i9]}}),ut})(),Tt=(()=>{class ut extends U.FP{constructor(Pe,et,Ge){super(Pe,et,Ge),this.type="dropdown"}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(m.a3,2),e.Y36(U.kk),e.Y36(U.c2))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown",""]],features:[e._Bn([m.a3]),e.qOj]}),ut})(),Wt=(()=>{class ut extends U.kk{constructor(){super(Pe=>this.stream$.subscribe(Pe)),this.stream$=new he.X(!1),this.tuiDropdownManual=!1,this.type="dropdown"}ngOnChanges(){this.stream$.next(this.tuiDropdownManual)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","","tuiDropdownManual",""]],inputs:{tuiDropdownManual:"tuiDropdownManual"},features:[e._Bn([(0,U.UK)(ut)]),e.qOj,e.TTD]}),ut})(),sn=(()=>{class ut extends U.uG{constructor(Pe,et,Ge,ke){super(),this.options=Pe,this.viewport=et,this.accessors=Ge,this.directive=ke,this.type="dropdown"}getPosition({width:Pe,height:et}){var Ge,ke;!Pe&&!et&&(this.previous=void 0);const Ke=null!==(ke=null===(Ge=this.accessor)||void 0===Ge?void 0:Ge.getClientRect())&&void 0!==ke?ke:y.Jy,Fe=this.viewport.getClientRect(),{minHeight:ht,align:Vt,direction:$t,offset:Ye}=this.options,wt={top:Fe.top-Ye,bottom:Fe.bottom+Ye,right:Fe.right-Ye,left:Fe.left+Ye},Mt=this.previous||$t||"bottom",kt={top:Ke.top-2*Ye-wt.top,bottom:wt.bottom-Ke.bottom-2*Ye},cn=Math.max(Ke.right-Pe,Ye),Yt=Ke.left+Pe<wt.right?Ke.left:cn,Qe={top:Ke.top-Ye-et,bottom:Ke.bottom+Ye,right:Math.max(wt.left,cn),center:Ke.left+Ke.width/2+Pe/2<wt.right?Ke.left+Ke.width/2-Pe/2:cn,left:Math.max(wt.left,Yt)},lt=kt.top>kt.bottom?"top":"bottom";return kt[Mt]>ht&&$t||kt[Mt]>et?[Qe[Mt],Qe[Vt]]:(this.previous=lt,[Qe[lt],Qe[Vt]])}get accessor(){return(0,U.Sv)("dropdown")(this.accessors,this.directive)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt),e.Y36(Q.EO),e.Y36(U.O4),e.Y36(be))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","",3,"tuiDropdownCustomPosition","",3,"tuiDropdownSided",""]],features:[e._Bn([(0,U.P7)(ut)]),e.qOj]}),(0,Le.gn)([O.UM],ut.prototype,"accessor",null),ut})(),_n=(()=>{class ut extends U.uG{constructor(Pe,et,Ge){super(),this.options=Pe,this.viewport=et,this.vertical=Ge,this.previous=this.options.direction||"bottom",this.tuiDropdownSided="",this.tuiDropdownSidedOffset=4,this.type="dropdown"}getPosition(Pe){var et,Ge;if(!1===this.tuiDropdownSided)return this.vertical.getPosition(Pe);const{height:ke,width:Ke}=Pe,Fe=null!==(Ge=null===(et=this.vertical.accessor)||void 0===et?void 0:et.getClientRect())&&void 0!==Ge?Ge:y.Jy,ht=this.viewport.getClientRect(),{direction:Vt,minHeight:$t,offset:Ye}=this.options,wt="center"===this.options.align?"left":this.options.align,Mt={top:Fe.bottom-ht.top,left:Fe.left-Ye-ht.left,right:ht.right-Fe.right-Ye,bottom:ht.bottom-Fe.top},kt={top:Fe.bottom-ke+this.tuiDropdownSidedOffset+1,left:Fe.left-Ke-Ye,right:Fe.right+Ye,bottom:Fe.top-this.tuiDropdownSidedOffset-1},cn=Mt.top>Mt.bottom?"top":"bottom",Qe=Mt[wt]>Ke?kt[wt]:Mt.left>Mt.right?kt.left:kt.right;return Mt[this.previous]>$t&&Vt||this.previous===cn?[kt[this.previous],Qe]:(this.previous=cn,[kt[cn],Qe])}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt),e.Y36(Q.EO),e.Y36(sn))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownSided",""]],inputs:{tuiDropdownSided:"tuiDropdownSided",tuiDropdownSidedOffset:"tuiDropdownSidedOffset"},features:[e._Bn([sn,(0,U.P7)(ut)]),e.qOj]}),ut})(),vt=(()=>{class ut{}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275mod=e.oAB({type:ut}),ut.\u0275inj=e.cJS({imports:[[Ee.wq,p.A,_.e,ye.Jy,g.VE]]}),ut})()},442:(Ve,ae,s)=>{"use strict";s.d(ae,{H3:()=>Ht,$o:()=>vt,D:()=>xt,xn:()=>ut,t6:()=>Wt,go:()=>$t,bZ:()=>Tt,DM:()=>Fe});var e=s(4911),o=s(4537),p=s(1927),_=s(6480),g=s(221),f=s(6111),m=s(3770),C=s(4493),O=s(5648),w=s(5675),S=s(7881),y=s(4358),U=s(2485),z=s(7179),Z=s(3631),le=s(9941),Q=s(5452),ue=s(7941),de=s(6060),X=s(6640),B=s(9570),K=s(3190),ne=s(7460),We=s(6782),Le=s(9196),Je=s(5435),we=s(8002),Ee=s(8307),$e=s(5345);class G{constructor(wt){this.durationSelector=wt}call(wt,Mt){return Mt.subscribe(new he(wt,this.durationSelector))}}class he extends $e.Ds{constructor(wt,Mt){super(wt),this.durationSelector=Mt,this.hasValue=!1}_next(wt){try{const Mt=this.durationSelector.call(this,wt);Mt&&this._tryNext(wt,Mt)}catch(Mt){this.destination.error(Mt)}}_complete(){this.emitValue(),this.destination.complete()}_tryNext(wt,Mt){let kt=this.durationSubscription;this.value=wt,this.hasValue=!0,kt&&(kt.unsubscribe(),this.remove(kt)),kt=(0,$e.ft)(Mt,new $e.IY(this)),kt&&!kt.closed&&this.add(this.durationSubscription=kt)}notifyNext(){this.emitValue()}notifyComplete(){this.emitValue()}emitValue(){if(this.hasValue){const wt=this.value,Mt=this.durationSubscription;Mt&&(this.durationSubscription=void 0,Mt.unsubscribe(),this.remove(Mt)),this.value=void 0,this.hasValue=!1,super._next(wt)}}}var ye=s(9761),te=s(7519),Re=s(3653),q=s(9765),ce=s(6682),be=s(5917),N=s(8447),_e=s(8653),ze=s(8692),Ct=s(8269);function Et(Ye,wt){1&Ye&&o._UZ(0,"span",1),2&Ye&&o.Q6J("innerHTML",wt.polymorpheusOutlet,o.oJD)}const Gt=["*"],qt=(0,p.N1)(()=>Jt),Ht=(0,p.JN)({direction:"bottom-left",showDelay:500,hideDelay:200,appearance:"",icon:"tuiIconHelpCircle"});let Tt=(()=>{class Ye extends _.QJ{constructor(Mt){super(),this.options=Mt,this.direction=this.options.direction,this.appearance=this.options.appearance,this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.icon=this.options.icon}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(Ht,4))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHintContent",""]],inputs:{content:["tuiHintContent","content"],direction:["tuiHintDirection","direction"],appearance:["tuiHintAppearance","appearance"],showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},features:[o._Bn([{provide:Ht,useExisting:(0,o.Gpc)(()=>Ye)}]),o.qOj]}),Ye})(),xt=(()=>{class Ye{constructor(Mt,kt,cn,Yt,Qe){this.el=Mt,this.component=kt,this.hintService=cn,this.options=Yt,this.activeZone=Qe,this.tuiHintAppearance=null,this.type="hint"}get appearance(){var Mt;return null!==(Mt=this.tuiHintAppearance)&&void 0!==Mt?Mt:this.options.appearance}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.nativeElement.getBoundingClientRect()}toggle(Mt){Mt&&this.content?this.hintService.add(this):this.hintService.remove(this)}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(o.SBq),o.Y36(B.Al),o.Y36(ue.BN),o.Y36(Ht),o.Y36(g.e,8))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{content:["tuiHint","content"],context:["tuiHintContext","context"],tuiHintAppearance:"tuiHintAppearance"},features:[o._Bn([(0,Z.Ic)(Ye),(0,Z.Fe)(Ye),{provide:B.Al,deps:[qt,o.gxx],useClass:B.Al}]),o.TTD]}),Ye})(),Wt=(()=>{class Ye extends Z.kk{constructor(Mt,kt,cn){super(Yt=>this.stream$.subscribe(Yt)),this.hovered$=Mt,this.options=kt,this.el=cn,this.visible=!1,this.toggle$=new q.xQ,this.stream$=(0,ce.T)(this.toggle$.pipe((0,K.w)(Yt=>(0,be.of)(Yt).pipe((0,ne.g)(Yt?0:this.hideDelay))),(0,We.R)(this.hovered$),(0,Le.r)()),this.hovered$.pipe((0,K.w)(Yt=>(0,be.of)(Yt).pipe((0,ne.g)(Yt?this.showDelay:this.hideDelay))),(0,We.R)(this.toggle$),(0,Le.r)())).pipe((0,Je.h)(()=>this.enabled),(0,we.U)(Yt=>Yt&&!(0,X.mn)(this.el.nativeElement)),(0,Ee.b)(Yt=>{this.visible=Yt})),this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.type="hint",this.enabled=!0}toggle(Mt=!this.visible){this.toggle$.next(Mt)}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(f.gs),o.Y36(Ht),o.Y36(o.SBq))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},exportAs:["tuiHintHover"],features:[o._Bn([(0,Z.UK)(Ye),f.gs]),o.qOj]}),Ye})(),sn=(()=>{class Ye extends Wt{constructor(){super(...arguments),this.currentRect=m.Jy}onMove({clientX:Mt,clientY:kt}){this.currentRect=(0,C.dD)(Mt,kt)}getClientRect(){return this.currentRect}}return Ye.\u0275fac=function(){let wt;return function(kt){return(wt||(wt=o.n5z(Ye)))(kt||Ye)}}(),Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","","tuiHintPointer",""]],hostBindings:function(Mt,kt){1&Mt&&o.NdJ("mousemove.silent",function(Yt){return kt.onMove(Yt)})},features:[o._Bn([(0,Z.Ic)(Ye),(0,Z.UK)(Ye)]),o.qOj]}),Ye})(),Jt=(()=>{class Ye{constructor(Mt,kt,cn,Yt,Qe,lt,ot,st,it,W,$,Ne){var De;this.animation=Yt,this.pointer=Qe,this.accessor=lt,this.el=ot,this.polymorpheus=st,this.hover=it,this.mode=W,this.visualViewportService=$,this.viewport=Ne,this.appearance=this.polymorpheus.$implicit.appearance||(null===(De=this.mode)||void 0===De?void 0:De.mode),kt.pipe((0,we.U)(pt=>this.visualViewportService.correct(pt)),(0,We.R)(cn)).subscribe(([pt,ct])=>{this.update(pt,ct)}),Mt.pipe((0,We.R)(cn)).subscribe(pt=>this.hover.toggle(pt))}get content(){return this.polymorpheus.$implicit.content}get context(){return this.polymorpheus.$implicit.context}onClick(Mt){(!this.el.nativeElement.contains(Mt)&&!this.hover.el.nativeElement.contains(Mt)||(0,X.mn)(this.hover.el.nativeElement))&&this.hover.toggle(!1)}update(Mt,kt){const{height:cn,width:Yt}=this.el.nativeElement.getBoundingClientRect(),{style:Qe}=this.el.nativeElement,lt=this.accessor.getClientRect(),ot=this.viewport.getClientRect();if(lt===m.Jy)return;const st=(0,O.Ki)(kt,4,ot.width-Yt-4),[it,W]=this.visualViewportService.correct([lt.top+lt.height/2-Mt,lt.left+lt.width/2-st]);Qe.top=(0,w.O)(Mt),Qe.left=(0,w.O)(st),Qe.setProperty("--top",(0,w.O)((0,O.Ki)(it,.5,cn-1))),Qe.setProperty("--left",(0,w.O)((0,O.Ki)(W,.5,Yt-1)))}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(f.gs),o.Y36(ue.KG),o.Y36(S.a3,2),o.Y36(de.Pw),o.Y36(sn,8),o.Y36(Z.O4),o.Y36(o.SBq),o.Y36(B.yf),o.Y36(Wt),o.Y36(Q.w,8),o.Y36(ue.Lp),o.Y36(de.EO))},Ye.\u0275cmp=o.Xpm({type:Ye,selectors:[["tui-hint"]],hostVars:4,hostBindings:function(Mt,kt){1&Mt&&o.NdJ("click",function(Yt){return kt.onClick(Yt.target)},!1,o.evT),2&Mt&&(o.uIk("data-appearance",kt.appearance),o.d8E("@tuiFadeIn",kt.animation),o.ekj("_untouchable",kt.pointer))},features:[o._Bn([S.a3,ue.KG,f.gs,(0,Z.ei)("hint"),(0,Z.Wk)("hint",xt)])],ngContentSelectors:Gt,decls:2,vars:2,consts:[[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(Mt,kt){1&Mt&&(o.F$t(),o.Hsn(0),o.YNc(1,Et,1,1,"span",0)),2&Mt&&(o.xp6(1),o.Q6J("polymorpheusOutlet",kt.content)("polymorpheusOutletContext",kt.context))},dependencies:[B.Li],styles:['[_nghost-%COMP%]{position:absolute;max-width:18rem;min-height:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-primary);border-radius:var(--tui-radius-l);color:var(--tui-primary-text);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word}[_nghost-%COMP%]:before{content:"";position:absolute;top:var(--top);left:var(--left);width:.5rem;height:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}[data-appearance=error][_nghost-%COMP%]{background:var(--tui-error-fill)}[data-appearance=onDark][_nghost-%COMP%]{background:var(--tui-elevation-02);color:var(--tui-text-01);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}[_nghost-%COMP%]:not([style*="top"]){visibility:hidden}._untouchable[_nghost-%COMP%]{pointer-events:none}'],data:{animation:[le.QF]},changeDetection:0}),(0,e.gn)([y.UM],Ye.prototype,"update",null),Ye})(),vt=(()=>{class Ye extends Z.kk{constructor(Mt,kt,cn){super(Yt=>this.stream$.subscribe(Yt)),this.zone=Mt,this.doc=kt,this.el=cn,this.id$=new N.t(1),this.stream$=this.id$.pipe((0,U.Xd)(()=>(0,U.mL)(this.doc,"keydown",{capture:!0}),p.Pc),(0,K.w)(()=>this.focused?(0,be.of)(!1):(0,ce.T)((0,U.mL)(this.doc,"keyup"),(0,U.mL)(this.element,"blur")).pipe((0,we.U)(()=>this.focused))),function Ie(Ye){return wt=>wt.lift(new G(Ye))}(Yt=>Yt?(0,_e.H)(1e3):(0,be.of)(null)),(0,ye.O)(!1),(0,te.x)(),(0,Re.T)(1),(0,U.Yr)(this.zone)),this.tuiHintDescribe="",this.type="hint"}ngOnChanges(){this.id$.next(this.tuiHintDescribe)}get focused(){return(0,z.V8)(this.element)}get element(){return this.doc.getElementById(this.tuiHintDescribe||"")||this.el.nativeElement}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(o.R0b),o.Y36(ze.K0),o.Y36(o.SBq))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHintDescribe",""]],inputs:{tuiHintDescribe:"tuiHintDescribe"},features:[o._Bn([(0,Z.UK)(Ye)]),o.qOj,o.TTD]}),(0,e.gn)([y.UM],Ye.prototype,"element",null),Ye})(),ut=(()=>{class Ye extends Z.FP{constructor(Mt,kt,cn){super(Mt,kt,cn),this.type="hint"}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(S.a3,2),o.Y36(Z.kk),o.Y36(Z.c2))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],features:[o._Bn([S.a3]),o.qOj]}),Ye})(),Fe=(()=>{class Ye extends Z.uG{constructor(Mt,kt,cn,Yt){super(),this.options=Mt,this.viewport=kt,this.directive=cn,this.accessors=Yt,this.points=Ct.Fw.reduce((Qe,lt)=>Object.assign(Object.assign({},Qe),{[lt]:[0,0]}),{}),this.direction=this.options.direction,this.type="hint"}getPosition({width:Mt,height:kt}){var cn,Yt;const Qe=null!==(Yt=null===(cn=this.accessor)||void 0===cn?void 0:cn.getClientRect())&&void 0!==Yt?Yt:m.Jy,lt=Qe.left+Qe.width/2,ot=Qe.top+Qe.height/2;if(this.points["top-left"][0]=Qe.top-kt-8,this.points["top-left"][1]=lt-Mt+22,this.points.top[0]=this.points["top-left"][0],this.points.top[1]=lt-Mt/2,this.points["top-right"][0]=this.points["top-left"][0],this.points["top-right"][1]=lt-22,this.points["bottom-left"][0]=Qe.bottom+8,this.points["bottom-left"][1]=this.points["top-left"][1],this.points.bottom[0]=this.points["bottom-left"][0],this.points.bottom[1]=this.points.top[1],this.points["bottom-right"][0]=this.points["bottom-left"][0],this.points["bottom-right"][1]=this.points["top-right"][1],this.points["left-top"][0]=ot-kt+22,this.points["left-top"][1]=Qe.left-Mt-8,this.points.left[0]=ot-kt/2,this.points.left[1]=this.points["left-top"][1],this.points["left-bottom"][0]=ot-22,this.points["left-bottom"][1]=this.points["left-top"][1],this.points["right-top"][0]=this.points["left-top"][0],this.points["right-top"][1]=Qe.right+8,this.points.right[0]=this.points.left[0],this.points.right[1]=this.points["right-top"][1],this.points["right-bottom"][0]=this.points["left-bottom"][0],this.points["right-bottom"][1]=this.points["right-top"][1],this.checkPosition(this.points[this.direction],Mt,kt))return this.points[this.direction];const st=Ct.Fw.find(it=>this.checkPosition(this.points[it],Mt,kt));return this.points[st||this.fallback]}get accessor(){return(0,Z.Sv)("hint")(this.accessors,this.directive)}get fallback(){return this.points.top[0]>this.viewport.getClientRect().bottom-this.points.bottom[0]?"top":"bottom"}checkPosition([Mt,kt],cn,Yt){const Qe=this.viewport.getClientRect();return Mt>8&&kt>8&&Mt+Yt<Qe.bottom-8&&kt+cn<Qe.right-8}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(Ht),o.Y36(de.EO),o.Y36(xt),o.Y36(Z.O4))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",3,"tuiHintCustomPosition","",5,"ng-container",5,"ng-template"]],inputs:{direction:["tuiHintDirection","direction"]},features:[o._Bn([(0,Z.P7)(Ye)]),o.qOj]}),(0,e.gn)([y.UM],Ye.prototype,"accessor",null),Ye})(),$t=(()=>{class Ye{}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)},Ye.\u0275mod=o.oAB({type:Ye}),Ye.\u0275inj=o.cJS({imports:[[ze.ez,B.wq]]}),Ye})()},5452:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>p,z:()=>_});var e=s(4537),o=s(6480);let p=(()=>{class g extends o.QJ{constructor(){super(...arguments),this.mode=null}}return g.\u0275fac=function(){let f;return function(C){return(f||(f=e.n5z(g)))(C||g)}}(),g.\u0275dir=e.lG2({type:g,selectors:[["","tuiMode",""]],inputs:{mode:["tuiMode","mode"]},features:[e.qOj]}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},6409:(Ve,ae,s)=>{"use strict";s.d(ae,{Y0:()=>N,Ym:()=>de,z1:()=>Z,kI:()=>Re,Cs:()=>be,be:()=>X,cn:()=>ce,B7:()=>K,kD:()=>We,AW:()=>Je,aR:()=>Ee,xT:()=>Ie,Tq:()=>he,A7:()=>te,sz:()=>q});var e=s(1927),o=s(6480),p=s(7881),_=s(2485),g=s(4537),f=s(6060),m=s(6682),C=s(882),O=s(8640);const w=new C.y(O.Z);var y=s(6782);class U{constructor(ze,Ct,Et,Gt,St,qt,Ot,Ht,Pt,Tt,xt,Wt,sn){this.change$=ze,this.options=Ct,this.legacyAppearance=Et,this.appearanceDirective=Gt,this.cleanerDirective=St,this.customContentDirective=qt,this.iconDirective=Ot,this.iconLeftDirective=Ht,this.labelOutsideDirective=Pt,this.sizeDirective=Tt,this.prefixDirective=xt,this.postfixDirective=Wt,this.fillerDirective=sn}get appearance(){return this.appearanceDirective.appearance||this.legacyAppearance}get cleaner(){return this.cleanerDirective.cleaner}get customContent(){return this.customContentDirective.customContent||""}get icon(){return this.iconDirective.icon}get iconLeft(){return this.iconLeftDirective.iconLeft}get labelOutside(){return this.labelOutsideDirective.labelOutside}get size(){return this.sizeDirective.size}get prefix(){return this.prefixDirective.prefix}get postfix(){return this.postfixDirective.postfix}get filler(){return this.fillerDirective.filler}}const Z=(0,e.JN)({iconCleaner:"tuiIconClose",hintOnDisabled:!1}),Q=(0,e.N1)(()=>new ue);let ue=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.appearance=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldAppearance",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"]},features:[g._Bn([{provide:Q,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const de=(0,e.N1)(()=>new X);let X=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.cleaner=!1}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldCleaner",""]],inputs:{cleaner:["tuiTextfieldCleaner","cleaner"]},features:[g._Bn([{provide:de,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const B=(0,e.N1)(()=>new K);let K=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldCustomContent",""]],inputs:{customContent:["tuiTextfieldCustomContent","customContent"]},features:[g._Bn([{provide:B,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const ne=(0,e.N1)(()=>new We);let We=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.filler=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldFiller",""]],inputs:{filler:["tuiTextfieldFiller","filler"]},features:[g._Bn([{provide:ne,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const Le=(0,e.N1)(()=>new Je);let Je=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldIcon",""]],inputs:{icon:["tuiTextfieldIcon","icon"]},features:[g._Bn([{provide:Le,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const we=(0,e.N1)(()=>new Ee);let Ee=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldIconLeft",""]],inputs:{iconLeft:["tuiTextfieldIconLeft","iconLeft"]},features:[g._Bn([{provide:we,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const $e=(0,e.N1)(()=>new Ie);let Ie=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.labelOutside=!1}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldLabelOutside",""]],inputs:{labelOutside:["tuiTextfieldLabelOutside","labelOutside"]},features:[g._Bn([{provide:$e,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const G=(0,e.N1)(()=>new he);let he=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.postfix=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldPostfix",""]],inputs:{postfix:["tuiTextfieldPostfix","postfix"]},features:[g._Bn([{provide:G,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const ye=(0,e.N1)(()=>new te);let te=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.prefix=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldPrefix",""]],inputs:{prefix:["tuiTextfieldPrefix","prefix"]},features:[g._Bn([{provide:ye,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const Re=(0,e.N1)(()=>new q);let q=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.size="l"}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldSize",""]],inputs:{size:["tuiTextfieldSize","size"]},features:[g._Bn([{provide:Re,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})(),ce=(()=>{class _e{}return _e.\u0275fac=function(Ct){return new(Ct||_e)},_e.\u0275mod=g.oAB({type:_e}),_e.\u0275inj=g.cJS({}),_e})();const be=new g.OlP("[TUI_TEXTFIELD_WATCHED_CONTROLLER]"),N=[p.a3,{provide:be,deps:[g.sBO,p.a3,Z,f.jt,Q,de,B,Le,we,$e,Re,ye,G,ne],useFactory:(_e,ze,Ct,Et,...Gt)=>{const St=(0,m.T)(...Gt.map(({change$:qt})=>qt||w)).pipe((0,_.NA)(_e),(0,y.R)(ze));return St.subscribe(),new U(St,Ct,Et,...Gt)}}]},1489:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>f,o:()=>g});var e=s(4537),o=s(7320),p=s(2130),_=s(6060);let g=(()=>{class m{constructor(O){this.mode$=O,this.disabled=!1,this.readOnly=!1,this.hover=null,this.active=null,this.focus=!1,this.invalid=!1,this.appearance=""}get computedInvalid(){return!this.disabled&&!this.readOnly&&this.invalid}get computedFocused(){return this.focus&&!this.disabled}get interactiveState(){return this.disabled?o.z3.Disabled:this.readOnly?o.z3.Readonly:this.active?o.z3.Active:this.hover?o.z3.Hover:null}get noHover(){return this.readOnly||!1===this.hover}get noActive(){return this.readOnly||!1===this.active}}return m.\u0275fac=function(O){return new(O||m)(e.Y36(_.Au))},m.\u0275dir=e.lG2({type:m,selectors:[["","tuiWrapper",""]],hostVars:10,hostBindings:function(O,w){1&O&&e.NdJ("$.data-mode.attr",function(){return w.mode$}),2&O&&(e.uIk("data-appearance",w.appearance)("data-state",w.interactiveState),e.ekj("_invalid",w.computedInvalid)("_focused",w.computedFocused)("_no-hover",w.noHover)("_no-active",w.noActive))},inputs:{disabled:"disabled",readOnly:"readOnly",hover:"hover",active:"active",focus:"focus",invalid:"invalid",appearance:"appearance"},features:[e._Bn([p.CV])]}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({}),m})()},7320:(Ve,ae,s)=>{"use strict";s.d(ae,{Nm:()=>e,z3:()=>p});var e=(()=>{return(f=e||(e={})).Accent="accent",f.Flat="flat",f.Icon="icon",f.Outline="outline",f.Primary="primary",f.Secondary="secondary",f.SecondaryDestructive="secondary-destructive",f.Table="table",f.Textfield="textfield",f.Whiteblock="whiteblock",f.WhiteblockActive="whiteblock-active",e;var f})(),p=(()=>{return(f=p||(p={})).Active="active",f.Disabled="disabled",f.Hover="hover",f.Readonly="readonly",p;var f})()},2130:(Ve,ae,s)=>{"use strict";s.d(ae,{CV:()=>C});var e=s(4537),o=s(6060),p=s(5452),_=s(5917),g=s(9761),f=s(8002);new e.tp0;const C={provide:o.Au,deps:[[new e.FiY,p.w],e.SBq],useFactory:(w,{nativeElement:S})=>{const y=w?w.change$.pipe((0,g.O)(null),(0,f.U)(()=>w.mode)):(0,_.of)(null);return S["$.data-mode.attr"]=y,y}}},7941:(Ve,ae,s)=>{"use strict";s.d(ae,{BN:()=>Le,K5:()=>$e,KG:()=>we,Lp:()=>Ie,Ok:()=>Ee,zE:()=>ne});var e=s(4537),o=s(2485),p=s(8033),_=s(3770),g=s(7881),m=(s(8939),s(6060)),C=s(882),O=s(6215),w=s(6682),S=s(8653),y=s(9193),U=s(8002),z=s(7519),Z=s(7349),le=s(197),Q=s(6782),ue=s(2579),de=s(3631),X=s(1862),B=s(5998),K=s(7766);let ne=(()=>{class G extends C.y{constructor(ye,te,Re){super(q=>this.stream$.subscribe(q)),this.media=ye,this.ngZone=te,this.size$=Re,this.sorted=Object.values(this.media).sort((q,ce)=>q-ce),this.invert=Object.keys(this.media).reduce((q,ce)=>Object.assign(Object.assign({},q),{[this.media[ce]]:ce}),{}),this.stream$=this.size$.pipe((0,U.U)(({width:q})=>this.sorted.find(ce=>ce>q)),(0,U.U)(q=>this.invert[q||this.sorted[this.sorted.length-1]]),(0,z.x)(),(0,o.Yr)(this.ngZone),(0,Z.d)({bufferSize:1,refCount:!0}))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(m.J_),e.LFG(e.R0b),e.LFG(p.fM))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),Le=(()=>{class G extends O.X{constructor(){super([])}add(ye){this.next(this.value.concat(ye))}remove(ye){this.value.includes(ye)&&this.next(this.value.filter(te=>te!==ye))}}return G.\u0275fac=function(ye){return new(ye||G)},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),we=(()=>{class G extends C.y{constructor(ye,te,Re,q){super(ce=>te.pipe((0,U.U)(()=>ye.nativeElement.getBoundingClientRect()),(0,U.U)(be=>q.getPosition(be)),(0,o.fL)(Re),(0,le.x)(()=>q.getPosition(_.Jy))).subscribe(ce))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(e.SBq),e.LFG(ue.L1),e.LFG(e.R0b),e.LFG(de.uG))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac}),G})(),Ee=(()=>{class G extends C.y{constructor(ye,te,Re,q){const ce=ye?(0,w.T)((0,S.H)(0),Re).pipe((0,U.U)(()=>ye.isActive),(0,z.x)(),(0,o.Yr)(te),(0,Q.R)(q)):y.E;super(be=>ce.subscribe(be))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(X.Od,8),e.LFG(e.R0b),e.LFG(ue.L1),e.LFG(g.a3,2))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac}),G})(),$e=(()=>{class G{constructor(ye,te,Re){this.tuiSanitizer=ye,this.sanitizer=te,this.originals={},this.items$=new O.X(new Map),this.define(Re)}define(ye){const{value:te}=this.items$;Object.keys(ye).forEach(Re=>{this.defineIcon(Re,ye[Re],te)}),this.items$.next(te)}getOriginal(ye){return this.originals[ye]||null}defineIcon(ye,te,Re){if(Re.has(ye))return;const q=this.parseSrc(ye,te);q&&(Re.set(ye,q),this.originals=Object.assign(Object.assign({},this.originals),{[ye]:te}))}parseSrc(ye,te){return this.sanitize((0,K.NK)(te,ye))}sanitize(ye){return this.sanitizer.bypassSecurityTrustHtml((this.tuiSanitizer?this.tuiSanitizer.sanitize(e.q3G.HTML,ye):this.sanitizer.sanitize(e.q3G.HTML,ye))||"")}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(m.hm,8),e.LFG(B.H7),e.LFG(m.It))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),Ie=(()=>{class G{constructor(ye,te){this.win=ye,this.isWebkit=te}correct(ye){var te,Re,q,ce;return this.isWebkit?[ye[0]+(null!==(Re=null===(te=this.win.visualViewport)||void 0===te?void 0:te.offsetTop)&&void 0!==Re?Re:0),ye[1]+(null!==(ce=null===(q=this.win.visualViewport)||void 0===q?void 0:q.offsetLeft)&&void 0!==ce?ce:0)]:ye}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(ue.m9),e.LFG(p.jF))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})()},6060:(Ve,ae,s)=>{"use strict";s.d(ae,{dx:()=>Le,Pw:()=>Je,U0:()=>_e,Gs:()=>$e,N1:()=>ye,PL:()=>Ct,xp:()=>St,It:()=>Ot,ki:()=>Ht,AA:()=>qt,rL:()=>Tt,sf:()=>xt,J_:()=>Pt,Au:()=>Wt,$R:()=>N,PH:()=>ze,Ln:()=>Jt,HO:()=>ut,IQ:()=>et,TK:()=>ne,hm:()=>Fe,u_:()=>Ye,V5:()=>wt,jt:()=>Mt,S0:()=>kt,r2:()=>Yt,sE:()=>Qe,EO:()=>lt,RB:()=>he,oE:()=>te,P7:()=>Ge,cp:()=>cn});var e=s(4537),o=s(1927),p=s(6424),_=s(2485),g=s(8192),f=s(8692),m=s(5390),C=s(6640),O=s(7766),S=s(2579),y=s(4121),U=s(9761),z=s(8002),Z=s(7519),le=s(3190),Q=s(6782),ue=s(8269),de=s(5917),X=s(6682),B=s(4487),K=s(7320);const ne=(0,o.N1)(()=>{var st,it,W;return null!==(W=null===(it=null===(st=(0,e.f3M)(f.K0).defaultView)||void 0===st?void 0:st.matchMedia)||void 0===it?void 0:it.call(st,"(prefers-reduced-motion: reduce)").matches)&&void 0!==W&&W}),Le=(0,o.N1)(()=>(0,e.f3M)(ne)?0:300),Je=(0,o.N1)(()=>({value:"",params:{duration:(0,e.f3M)(Le)}})),Ee=((0,o.N1)(()=>(0,e.X6Q)()),{check:"tuiIconCheck",close:"tuiIconClose",error:"tuiIconAlertCircle",more:"tuiIconChevronRight"}),$e=(0,o.JN)(Ee),G=new e.OlP("[TUI_DATA_LIST_ACCESSOR]");function he(st){return{provide:G,useExisting:st}}const ye=new e.OlP("[TUI_DATA_LIST_HOST]");function te(st){return{provide:ye,useExisting:st}}(0,o.JN)(st=>st.isWeekend?"weekend":"weekday"),new e.OlP("[TUI_DOCUMENT_OR_SHADOW_ROOT]"),new e.OlP("[TUI_ELEMENT_REF]");const be=(0,o.JN)(p.L.Monday),N=(0,o.N1)((0,m.v)("months")),_e=(0,o.N1)((0,m.v)("close")),ze=(0,o.N1)((0,m.v)("nothingFoundMessage")),Ct=(0,o.N1)((0,m.v)("defaultErrorMessage")),Gt=((0,o.N1)((0,m.v)("spinTexts")),(0,o.N1)((0,m.v)("shortWeekDays"))),St="assets/taiga-ui/icons",qt=(0,o.JN)(St),Ot=(0,o.JN)({}),Ht=(0,o.N1)(()=>(0,C.ht)((0,e.f3M)(qt))),Pt=(0,o.JN)({mobile:768,desktopSmall:1024,desktopLarge:1280}),Tt=(0,o.N1)(()=>{const st=(0,e.f3M)(S.m9),it=(0,e.f3M)(Pt);return(0,_.mL)(st,"resize").pipe((0,y.B)(),(0,U.O)(null),(0,z.U)(()=>function w(st,{mobile:it}){return(0,O.ic)(st)<it}(st,it)),(0,Z.x)(),(0,_.Yr)((0,e.f3M)(e.R0b)))}),xt=new e.OlP("[TUI_LEGACY_MASK]"),Wt=new e.OlP("[TUI_MODE]"),sn={info:"tuiIconInfo",success:"tuiIconCheckCircle",error:"tuiIconXCircle",warning:"tuiIconAlertCircle",neutral:"tuiIconInfo"},Jt=(0,o.JN)({autoClose:3e3,label:"",status:"info",hasCloseButton:!0,icon:({$implicit:st})=>sn[st],size:"m",hasIcon:!0,defaultAutoCloseTime:3e3}),ut=(0,o.JN)(ue.Jl);(0,o.JN)((0,de.of)(Object.assign(Object.assign({},ue.Jl),{decimalLimit:NaN})));const et=new e.OlP("[TUI_OPTION_CONTENT]");function Ge(st){return{provide:et,useValue:st}}const ke=st=>{const it=st.length-1;return[st[it],...st.slice(0,it)]},Fe=((0,o.N1)(()=>{const st=(0,e.f3M)(be);return(0,e.f3M)(Gt).pipe((0,z.U)(ke),(0,z.U)(it=>[...it.slice(st),...it.slice(0,st)]))}),new e.OlP("[TUI_SANITIZER]")),Ye=((0,o.N1)(()=>{const st=(0,e.f3M)(f.K0);return(0,X.T)((0,_.mL)(st,"selectionchange"),(0,_.mL)(st,"mouseup"),(0,_.mL)(st,"mousedown").pipe((0,le.w)(()=>(0,_.mL)(st,"mousemove").pipe((0,Q.R)((0,_.mL)(st,"mouseup"))))),(0,_.mL)(st,"keydown"),(0,_.mL)(st,"keyup")).pipe((0,y.B)())}),(0,o.JN)({decrement:"tuiIconChevronLeft",increment:"tuiIconChevronRight"}),(0,o.JN)(g.N)),wt=(0,o.JN)(B.y),Mt=(0,o.JN)(K.Nm.Textfield),kt=new e.OlP("[TUI_TEXTFIELD_HOST]");function cn(st){return{provide:kt,useExisting:st}}const Yt=(0,o.JN)("Taiga"),Qe=new e.OlP("[TUI_VALUE_ACCESSOR]"),lt=(0,o.N1)(()=>{const st=(0,e.f3M)(S.m9);return{type:"viewport",getClientRect:()=>({top:0,left:0,right:st.innerWidth,bottom:st.innerHeight,width:st.innerWidth,height:st.innerHeight})}})},7766:(Ve,ae,s)=>{"use strict";function e(S){return!(!S||typeof getComputedStyle>"u")&&("fixed"===getComputedStyle(S).getPropertyValue("position")||e(S.parentElement))}function g({document:S,innerWidth:y}){return Math.max(S.documentElement.clientWidth||0,y||0)}s.d(ae,{NK:()=>w,ic:()=>g,qK:()=>e});const m='width="',C='height="',O="<svg";function w(S,y){if(S.includes(`id="${y}"`))return S;const U=S.slice(Math.max(0,S.indexOf(O))),z=U.slice(0,Math.max(0,U.indexOf(">")));if(null==z||!z.includes(m)||!z.includes(C))return`${U.replace(O,`<svg xmlns="http://www.w3.org/2000/svg"><g id="${y}" xmlns="http://www.w3.org/2000/svg"><svg`)}</g></svg>`;const Z=z.indexOf(m),le=z.indexOf(C),Q=Z+m.length,ue=le+C.length,de=z.slice(Q,z.indexOf('"',Q)),X=z.slice(ue,z.indexOf('"',ue));if(!X||!de||de.includes("%")||X.includes("%")||de.includes("em")||X.includes("em"))return U.replace(O,`<svg id="${y}"`);const B=parseInt(de,10),K=parseInt(X,10);return`<g id="${y}" xmlns="http://www.w3.org/2000/svg"><svg  x="50%" y="50%" width="${B/16}em" height="${K/16}em" overflow="visible" viewBox="0 0 ${B} ${K}"><svg x="${-B/2}" y="${-K/2}">${U}</svg></svg></g>`}},6640:(Ve,ae,s)=>{"use strict";s.d(ae,{R9:()=>y,_X:()=>g,ht:()=>f,jL:()=>O,kL:()=>m,lp:()=>w,mn:()=>C});var e=s(8269),o=s(4493);const p=1.5,_=2.5;function g(U,z=!1,Z=!1,le=!1,Q="m"){const ue="s"===Q?0:.25;let de=0;return U&&(de+=p+ue),z&&(de+=p+ue),Z&&(de+=p+ue),le&&(de+=_+ue),de}function f(U){const z=U.endsWith("/")?U:`${U}/`;return Z=>Z.startsWith("tuiIcon")?`${z}${Z}.svg${e.uJ}#${Z}`:(0,e.oA)(Z)}function m(U){return 1===U.length||e.Nq.includes(U)}function C(U,z="tui-hints-host"){var Z;return!(null===(Z=(0,o.PU)(U))||void 0===Z||!Z.some(le=>!le.closest(z)))}function O(U){const z=U.trim();return z.startsWith("<")&&z.endsWith(">")}function w(U,z){return(Z,le)=>{const Q=Z||Object.assign({},le||z);return Object.keys(U).forEach(ue=>{Q[ue]=U[ue]}),Q}}const S={xxs:0,xs:1,s:2,m:3,l:4,xl:5,xxl:6};function y(U,z="s"){return S[U]>S[z]}},1081:(Ve,ae,s)=>{"use strict";s.d(ae,{X:()=>e});var e=(()=>{return(o=e||(e={})).AD="AD",o.AE="AE",o.AF="AF",o.AG="AG",o.AI="AI",o.AL="AL",o.AM="AM",o.AO="AO",o.AR="AR",o.AT="AT",o.AU="AU",o.AW="AW",o.AZ="AZ",o.BA="BA",o.BB="BB",o.BD="BD",o.BE="BE",o.BF="BF",o.BG="BG",o.BH="BH",o.BI="BI",o.BJ="BJ",o.BL="BL",o.BM="BM",o.BN="BN",o.BO="BO",o.BQ="BQ",o.BR="BR",o.BS="BS",o.BT="BT",o.BW="BW",o.BY="BY",o.BZ="BZ",o.CA="CA",o.CD="CD",o.CF="CF",o.CG="CG",o.CH="CH",o.CI="CI",o.CL="CL",o.CM="CM",o.CN="CN",o.CO="CO",o.CR="CR",o.CU="CU",o.CV="CV",o.CW="CW",o.CY="CY",o.CZ="CZ",o.DE="DE",o.DJ="DJ",o.DK="DK",o.DM="DM",o.DO="DO",o.DZ="DZ",o.EC="EC",o.EE="EE",o.EG="EG",o.ER="ER",o.ES="ES",o.ET="ET",o.FI="FI",o.FJ="FJ",o.FK="FK",o.FM="FM",o.FR="FR",o.GA="GA",o.GB="GB",o.GD="GD",o.GE="GE",o.GF="GF",o.GH="GH",o.GI="GI",o.GL="GL",o.GM="GM",o.GN="GN",o.GP="GP",o.GQ="GQ",o.GR="GR",o.GT="GT",o.GW="GW",o.GY="GY",o.HK="HK",o.HN="HN",o.HR="HR",o.HT="HT",o.HU="HU",o.ID="ID",o.IE="IE",o.IL="IL",o.IN="IN",o.IQ="IQ",o.IR="IR",o.IS="IS",o.IT="IT",o.JM="JM",o.JO="JO",o.JP="JP",o.KE="KE",o.KG="KG",o.KH="KH",o.KM="KM",o.KN="KN",o.KP="KP",o.KR="KR",o.KW="KW",o.KY="KY",o.KZ="KZ",o.LA="LA",o.LB="LB",o.LC="LC",o.LI="LI",o.LK="LK",o.LR="LR",o.LS="LS",o.LT="LT",o.LU="LU",o.LV="LV",o.LY="LY",o.MA="MA",o.MC="MC",o.MD="MD",o.ME="ME",o.MF="MF",o.MG="MG",o.MK="MK",o.ML="ML",o.MM="MM",o.MN="MN",o.MO="MO",o.MQ="MQ",o.MR="MR",o.MS="MS",o.MT="MT",o.MU="MU",o.MV="MV",o.MW="MW",o.MX="MX",o.MY="MY",o.MZ="MZ",o.NA="NA",o.NC="NC",o.NE="NE",o.NG="NG",o.NI="NI",o.NL="NL",o.NO="NO",o.NP="NP",o.NZ="NZ",o.OM="OM",o.PA="PA",o.PE="PE",o.PF="PF",o.PG="PG",o.PH="PH",o.PK="PK",o.PL="PL",o.PT="PT",o.PW="PW",o.PY="PY",o.QA="QA",o.RE="RE",o.RO="RO",o.RS="RS",o.RU="RU",o.RW="RW",o.SA="SA",o.SB="SB",o.SC="SC",o.SD="SD",o.SE="SE",o.SG="SG",o.SH="SH",o.SI="SI",o.SK="SK",o.SL="SL",o.SM="SM",o.SN="SN",o.SO="SO",o.SR="SR",o.ST="ST",o.SV="SV",o.SX="SX",o.SY="SY",o.SZ="SZ",o.TC="TC",o.TD="TD",o.TG="TG",o.TH="TH",o.TJ="TJ",o.TL="TL",o.TM="TM",o.TN="TN",o.TO="TO",o.TR="TR",o.TT="TT",o.TW="TW",o.TZ="TZ",o.UA="UA",o.UG="UG",o.US="US",o.UY="UY",o.UZ="UZ",o.VC="VC",o.VE="VE",o.VG="VG",o.VN="VN",o.VU="VU",o.WS="WS",o.XK="XK",o.YE="YE",o.YT="YT",o.ZA="ZA",o.ZM="ZM",o.ZW="ZW",e;var o})()},5390:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>de});var e=s(4537),o=s(1081);const w=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({name:"english"},{months:["January","February","March","April","May","June","July","August","September","October","November","December"],close:"Close",nothingFoundMessage:"Nothing found",defaultErrorMessage:"Value is invalid",spinTexts:["Previous","Next"],shortWeekDays:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],countries:{[o.X.AD]:"Andorra",[o.X.AE]:"United Arab Emirates",[o.X.AF]:"Afghanistan",[o.X.AG]:"Antigua and Barbuda",[o.X.BL]:"Saint Barth\xe9lemy",[o.X.AI]:"Anguilla",[o.X.AL]:"Albania",[o.X.AM]:"Armenia",[o.X.AO]:"Angola",[o.X.AR]:"Argentina",[o.X.AT]:"Austria",[o.X.AU]:"Australia",[o.X.AW]:"Aruba",[o.X.AZ]:"Azerbaijan",[o.X.BA]:"Bosnia and Herzegovina",[o.X.BB]:"Barbados",[o.X.BD]:"Bangladesh",[o.X.BE]:"Belgium",[o.X.BF]:"Burkina Faso",[o.X.BG]:"Bulgaria",[o.X.BH]:"Bahrain",[o.X.BI]:"Burundi",[o.X.BJ]:"Benin",[o.X.GF]:"Guyana",[o.X.BM]:"Bermuda",[o.X.BN]:"Brunei Darussalam",[o.X.BO]:"Bolivia",[o.X.BQ]:"Bonaire, Sint Eustatius and Saba",[o.X.BR]:"Brazil",[o.X.BS]:"Bahamas",[o.X.BT]:"Bhutan",[o.X.BW]:"Botswana",[o.X.BY]:"Belarus",[o.X.BZ]:"Belize",[o.X.CA]:"Canada",[o.X.CD]:"Dem. Rep. Congo (Kinshasa)",[o.X.CF]:"Central African Republic",[o.X.CG]:"Congo (Brazzaville)",[o.X.CH]:"Switzerland",[o.X.CI]:"Ivory Coast",[o.X.CL]:"Chile",[o.X.CM]:"Cameroon",[o.X.CN]:"China",[o.X.CO]:"Colombia",[o.X.CR]:"Costa Rica",[o.X.CU]:"Cuba",[o.X.CV]:"Cape Verde",[o.X.CW]:"Cura\xe7ao",[o.X.CY]:"Cyprus",[o.X.CZ]:"Czech Republic",[o.X.DE]:"Germany",[o.X.DJ]:"Djibouti",[o.X.DK]:"Denmark",[o.X.DM]:"Dominica",[o.X.DO]:"Dominican Republic",[o.X.DZ]:"Algeria",[o.X.EC]:"Ecuador",[o.X.EE]:"Estonia",[o.X.EG]:"Egypt",[o.X.ER]:"Eritrea",[o.X.ES]:"Spain",[o.X.ET]:"Ethiopia",[o.X.FI]:"Finland",[o.X.FJ]:"Fiji",[o.X.FK]:"Falkland Islands",[o.X.FM]:"F.S. of Micronesia",[o.X.FR]:"France",[o.X.GA]:"Gabon",[o.X.GB]:"United Kingdom",[o.X.GD]:"Grenada",[o.X.GE]:"Georgia",[o.X.GP]:"Guadeloupe",[o.X.GH]:"Ghana",[o.X.GI]:"Gibraltar",[o.X.GL]:"Greenland",[o.X.GM]:"Gambia",[o.X.GN]:"Guinea",[o.X.MF]:"Saint-Martin",[o.X.GQ]:"Equatorial Guinea",[o.X.GR]:"Greece",[o.X.GT]:"Guatemala",[o.X.GW]:"Guinea-Bissau",[o.X.GY]:"Guyana",[o.X.HK]:"Hong Kong",[o.X.HN]:"Honduras",[o.X.HR]:"Croatia",[o.X.HT]:"Haiti",[o.X.HU]:"Hungary",[o.X.ID]:"Indonesia",[o.X.IE]:"Ireland",[o.X.IL]:"Israel",[o.X.IN]:"India",[o.X.IQ]:"Iraq",[o.X.IR]:"Iran",[o.X.IS]:"Iceland",[o.X.IT]:"Italy",[o.X.JM]:"Jamaica",[o.X.JO]:"Jordan",[o.X.JP]:"Japan",[o.X.KE]:"Kenya",[o.X.KG]:"Kyrgyzstan",[o.X.KH]:"Cambodia",[o.X.KM]:"Comoros",[o.X.KN]:"Saint Kitts and Nevis",[o.X.KP]:"Korean PDR",[o.X.KR]:"Rep. Korea",[o.X.KW]:"Kuwait",[o.X.KY]:"Cayman Islands",[o.X.KZ]:"Kazakhstan",[o.X.LA]:"Laos",[o.X.LB]:"Lebanon",[o.X.LC]:"Saint Lucia",[o.X.LI]:"Liechtenstein",[o.X.LK]:"Sri Lanka",[o.X.LR]:"Liberia",[o.X.LS]:"Lesotho",[o.X.LT]:"Lithuania",[o.X.LU]:"Luxembourg",[o.X.LV]:"Latvia",[o.X.LY]:"Libya",[o.X.MA]:"Morocco",[o.X.MC]:"Monaco",[o.X.MD]:"Moldova",[o.X.ME]:"Montenegro",[o.X.MQ]:"Martinique",[o.X.MG]:"Madagascar",[o.X.MK]:"Rep. of North Macedonia",[o.X.ML]:"Mali",[o.X.MM]:"Burma (Myanmar)",[o.X.MN]:"Mongolia",[o.X.MO]:"Macau",[o.X.RE]:"R\xe9union",[o.X.MR]:"Mauritania",[o.X.MS]:"Montserrat",[o.X.MT]:"Malta",[o.X.MU]:"Mauritius",[o.X.MV]:"Maldives",[o.X.MW]:"Malawi",[o.X.MX]:"Mexico",[o.X.MY]:"Malaysia",[o.X.MZ]:"Mozambique",[o.X.NA]:"Namibia",[o.X.NC]:"New Caledonia",[o.X.NE]:"Niger",[o.X.NG]:"Nigeria",[o.X.NI]:"Nicaragua",[o.X.NL]:"Netherlands",[o.X.NO]:"Norway",[o.X.NP]:"Nepal",[o.X.NZ]:"New Zealand",[o.X.OM]:"Oman",[o.X.PA]:"Panama",[o.X.PE]:"Peru",[o.X.PF]:"French Polynesia (Tahiti)",[o.X.PG]:"Papua New Guinea",[o.X.PH]:"Philippines",[o.X.PK]:"Pakistan",[o.X.PL]:"Poland",[o.X.PT]:"Portugal",[o.X.PW]:"Palau",[o.X.PY]:"Paraguay",[o.X.QA]:"Qatar",[o.X.YT]:"Mayotte",[o.X.RO]:"Romania",[o.X.RS]:"Serbia",[o.X.RU]:"Russia",[o.X.RW]:"Rwanda",[o.X.SA]:"Saudi Arabia",[o.X.SB]:"Solomon Islands",[o.X.SC]:"Seychelles",[o.X.SD]:"Sudan",[o.X.SE]:"Sweden",[o.X.SG]:"Singapore",[o.X.SH]:"Saint Helena",[o.X.SI]:"Slovenia",[o.X.SK]:"Slovakia",[o.X.SL]:"Sierra Leone",[o.X.SM]:"San Marino",[o.X.SN]:"Senegal",[o.X.SO]:"Somalia",[o.X.SR]:"Suriname",[o.X.ST]:"Sao Tome and Principe",[o.X.SV]:"El Salvador",[o.X.SX]:"Sint Maarten",[o.X.SY]:"Syrian Arab Republic",[o.X.SZ]:"Swaziland",[o.X.TC]:"Turks and Caicos",[o.X.TD]:"Chad",[o.X.TG]:"Togo",[o.X.TH]:"Thailand",[o.X.TJ]:"Tajikistan",[o.X.TL]:"East Timor",[o.X.TM]:"Turkmenistan",[o.X.TN]:"Tunisia",[o.X.TO]:"Tonga",[o.X.TR]:"Turkey",[o.X.TT]:"Trinidad and Tobago",[o.X.TW]:"Taiwan",[o.X.TZ]:"Tanzania",[o.X.UA]:"Ukraine",[o.X.UG]:"Uganda",[o.X.US]:"USA",[o.X.UY]:"Uruguay",[o.X.UZ]:"Uzbekistan",[o.X.VC]:"Saint Vincent and the Grenadines",[o.X.VE]:"Venezuela",[o.X.VG]:"British Virgin Islands",[o.X.VN]:"Vietnam",[o.X.VU]:"Vanuatu",[o.X.WS]:"Samoa",[o.X.XK]:"Kosovo",[o.X.YE]:"Yemen",[o.X.ZA]:"South Africa",[o.X.ZM]:"Zambia",[o.X.ZW]:"Zimbabwe"}}),{cancel:"Cancel",done:"Done",more:"More",otherDate:"Other date...",showAll:"Show all",hide:"Hide",mobileCalendarTexts:["Choose day","Choose range","Choose days"],range:["from","to"],countTexts:["Plus","Minus"],time:{"HH:MM":"HH:MM","HH:MM:SS":"HH:MM:SS","HH:MM:SS.MSS":"HH:MM:SS.MSS"},dateTexts:{DMY:"dd.mm.yyyy",MDY:"mm.dd.yyyy",YMD:"yyyy.mm.dd"},digitalInformationUnits:["B","KiB","MiB"],passwordTexts:["Show password","Hide password"],copyTexts:["Copy","Copied"],shortCalendarMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pagination:["Previous page","Next page"],fileTexts:{loadingError:"Upload failed",preview:"Preview",remove:"Remove"},inputFileTexts:{defaultLabelSingle:"or drop\xa0it\xa0here",defaultLabelMultiple:"or drop\xa0them\xa0here",defaultLinkSingle:"Choose a file",defaultLinkMultiple:"Choose files",maxSizeRejectionReason:"File is too large ",formatRejectionReason:"Wrong file type",drop:"Drop file here",dropMultiple:"Drop files here"},multiSelectTexts:{all:"Select all",none:"Select none"},prompt:{yes:"Yes",no:"No"}}),{showHideText:"Show/Hide",paginationTexts:{pages:"Pages",linesPerPage:"Lines per page",of:"of"}}),{cardNumber:["Number","Card number"],cardExpiry:["Expires","Valid through"]}),{colorSelectorModeNames:["Solid color","Gradient"],toolbarTools:{undo:"Undo",redo:"Redo",font:"Font",fontStyle:"Font style",fontSize:"Font size",bold:"Bold",italic:"Italic",underline:"Underline",strikeThrough:"Strike through",justify:"Justify",justifyLeft:"Justify left",justifyCenter:"Justify center",justifyRight:"Justify right",justifyFull:"Justify full",list:"List",indent:"Indent",outdent:"Outdent",unorderedList:"Unordered list",orderedList:"Ordered list",quote:"Quote",foreColor:"Color",backColor:"Background color",hiliteColor:"Highlight color",clear:"Clear",link:"Link",attach:"Attach file",tex:"Insert TeX",code:"Code",image:"Insert image",insertHorizontalRule:"Insert horizontal rule",superscript:"Superscript",subscript:"Subscript",insertTable:"Insert table",insertGroup:"Insert group",hiliteGroup:"Hilite group",removeGroup:"Remove group",insertAnchor:"Insert anchor",mergeCells:"Merge cells",splitCells:"Split cells",rowsColumnsManaging:"Managing rows and columns",cellColor:"Cell color",setDetails:"Details",removeDetails:"Remove details"},editorEditLink:{urlExample:"example.com",anchorExample:"anchor"},editorTableCommands:[["Insert column before","Insert column after"],["Insert row before","Insert row after"],["Delete column","Delete row"]],editorCodeOptions:["Code in the text","Code in block"],editorFontOptions:{small:"Small",large:"Large",normal:"Normal",title:"Title",subtitle:"Subtitle"}}),{previewTexts:{rotate:"Rotate"},zoomTexts:{zoomOut:"Zoom out",zoomIn:"Zoom in",reset:"Reset"}});var S=s(5917);const y=new e.OlP("[TUI_DEFAULT_LANGUAGE]",{factory:()=>w}),U=new e.OlP("[TUI_LANGUAGE]",{factory:()=>(0,S.of)((0,e.f3M)(y))});new e.OlP("[TUI_LANGUAGE_LOADER]"),new e.OlP("[TUI_LANGUAGE_STORAGE_KEY]",{factory:()=>"tuiLanguage"});var le=s(5639),Q=s(3190),ue=s(8002);function de(X){return()=>(0,e.f3M)(U).pipe((0,Q.w)(B=>(0,le.b)(B)?B:(0,S.of)(B)),(0,ue.U)(B=>B[X]))}},3063:(Ve,ae,s)=>{"use strict";s.d(ae,{p:()=>Ie,s:()=>G});var e=s(4537),o=s(8942),p=s(6480),_=s(7179),g=s(8033),f=s(6060),m=s(1927),C=s(7320),O=s(4789),w=s(1489),S=s(9570);function y(he,ye){if(1&he&&e._UZ(0,"tui-svg",2),2&he){const te=ye.polymorpheusOutlet,Re=e.oxw();e.ekj("t-mark_on",!Re.empty),e.Q6J("src",te)}}const U=function(he){return{$implicit:he}},z=["*"],le=(0,m.JN)({size:"m",appearances:{unchecked:C.Nm.Outline,checked:C.Nm.Primary,indeterminate:C.Nm.Primary},icons:{checked:({$implicit:he})=>"m"===he?"tuiIconCheck":"tuiIconCheckLarge",indeterminate:({$implicit:he})=>"m"===he?"tuiIconMinus":"tuiIconMinusLarge"}});let ue=(()=>{class he{constructor(te){this.options=te,this.size=this.options.size,this.disabled=!1,this.focused=!1,this.hovered=!1,this.pressed=!1,this.invalid=!1,this.icon=this.options.icons.checked,this.value=!1}set valueSetter(te){!1!==te&&this.setCurrentIcon(te),this.value=te}get appearance(){switch(this.value){case!1:return this.options.appearances.unchecked;case!0:return this.options.appearances.checked;default:return this.options.appearances.indeterminate}}get empty(){return!1===this.value}setCurrentIcon(te){this.icon=null===te?this.options.icons.indeterminate:this.options.icons.checked}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(le))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-primitive-checkbox"]],hostVars:1,hostBindings:function(te,Re){2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size",disabled:"disabled",focused:"focused",hovered:"hovered",pressed:"pressed",invalid:"invalid",valueSetter:["value","valueSetter"]},ngContentSelectors:z,decls:3,vars:10,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid"],["class","t-mark",3,"t-mark_on","src",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-mark",3,"src"]],template:function(te,Re){1&te&&(e.F$t(),e.TgZ(0,"div",0),e.YNc(1,y,1,3,"tui-svg",1),e.Hsn(2),e.qZA()),2&te&&(e.Q6J("active",Re.pressed)("appearance",Re.appearance)("disabled",Re.disabled)("focus",Re.focused)("hover",Re.hovered)("invalid",Re.invalid),e.xp6(1),e.Q6J("polymorpheusOutlet",Re.icon)("polymorpheusOutletContext",e.VKq(8,U,Re.size)))},dependencies:[O.PN,w.o,S.Li],styles:["[_nghost-%COMP%]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-%COMP%]{transform:scale(1)}"],changeDetection:0}),he})(),de=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[O.EI,w.W,S.wq]]}),he})();var X=s(2130),B=s(4541),K=s(3633),ne=s(5059),We=s(8491),Le=s(8692);const Je=["focusableElement"];let we=(()=>{class he extends p.F9{constructor(te,Re,q){super(te,q),this.options=Re,this.size=this.options.size}get nativeFocusableElement(){return!this.focusableElement||this.computedDisabled?null:this.focusableElement.nativeElement}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get computedFocusable(){return this.interactive&&this.focusable}onChecked(te){this.value=te}onFocused(te){this.updateFocused(te)}onFocusVisible(te){this.updateFocusVisible(te)}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(o.a5,10),e.Y36(le),e.Y36(e.sBO))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-checkbox"]],viewQuery:function(te,Re){if(1&te&&e.Gf(Je,5),2&te){let q;e.iGM(q=e.CRH())&&(Re.focusableElement=q.first)}},hostVars:1,hostBindings:function(te,Re){2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size"},features:[e._Bn([(0,g.FT)(he),(0,p.wB)(he)]),e.qOj],decls:3,vars:11,consts:[[3,"disabled","focused","hovered","invalid","pressed","size","value"],["automation-id","tui-checkbox__native","type","checkbox",1,"t-native",3,"disabled","id","tuiFocusable","tuiChecked","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""]],template:function(te,Re){1&te&&(e.TgZ(0,"tui-primitive-checkbox",0)(1,"input",1,2),e.NdJ("tuiCheckedChange",function(ce){return Re.value=ce})("tuiFocusedChange",function(ce){return Re.onFocused(ce)})("tuiFocusVisibleChange",function(ce){return Re.onFocusVisible(ce)}),e.qZA()()),2&te&&(e.Q6J("disabled",Re.disabled)("focused",Re.computedFocusVisible)("hovered",Re.pseudoHover)("invalid",Re.computedInvalid)("pressed",Re.pseudoActive)("size",Re.size)("value",Re.value),e.xp6(1),e.Q6J("disabled",Re.disabled)("id",Re.id)("tuiFocusable",Re.computedFocusable)("tuiChecked",Re.value))},dependencies:[ue,B.t,K.t,ne.U,We.q],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem}._readonly[_nghost-%COMP%]   tui-primitive-checkbox[_ngcontent-%COMP%]{pointer-events:none}.t-native[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-%COMP%]:-webkit-autofill, .t-native[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-native[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}"],changeDetection:0}),he})(),Ee=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[Le.ez,B.S,K.u,ne.F,We.c,de]]}),he})();const $e=["*"];let Ie=(()=>{class he extends p.F9{constructor(te,Re,q,ce){super(te,Re),this.mode$=q,this.options=ce,this.size=this.options.size}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get nativeFocusableElement(){var te,Re;return null!==(Re=null===(te=this.checkbox)||void 0===te?void 0:te.nativeFocusableElement)&&void 0!==Re?Re:null}onFocused(te){this.updateFocused(te)}onModelChange(te){this.value=te}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(o.a5,10),e.Y36(e.sBO),e.Y36(f.Au),e.Y36(le))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-checkbox-labeled"]],viewQuery:function(te,Re){if(1&te&&e.Gf(we,5),2&te){let q;e.iGM(q=e.CRH())&&(Re.checkbox=q.first)}},hostVars:1,hostBindings:function(te,Re){1&te&&e.NdJ("$.data-mode.attr",function(){return Re.mode$}),2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size"},features:[e._Bn([(0,g.FT)(he),(0,p.wB)(he),X.CV]),e.qOj],ngContentSelectors:$e,decls:4,vars:12,consts:[[1,"t-wrapper"],[3,"disabled","focusable","nativeId","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","size","ngModel","ngModelChange","focusedChange"],[1,"t-content"]],template:function(te,Re){1&te&&(e.F$t(),e.TgZ(0,"label",0)(1,"tui-checkbox",1),e.NdJ("ngModelChange",function(ce){return Re.value=ce})("focusedChange",function(ce){return Re.onFocused(ce)}),e.qZA(),e.TgZ(2,"div",2),e.Hsn(3),e.qZA()()),2&te&&(e.xp6(1),e.Q6J("disabled",Re.computedDisabled)("focusable",Re.focusable)("nativeId",Re.nativeId)("pseudoActive",Re.pseudoActive)("pseudoFocus",Re.pseudoFocus)("pseudoHover",Re.pseudoHover)("pseudoInvalid",Re.computedInvalid)("readOnly",Re.readOnly)("size",Re.size)("ngModel",Re.value),e.xp6(1),e.ekj("t-content_disabled",Re.computedDisabled))},dependencies:[we,o.JJ,o.On],styles:["[_nghost-%COMP%]{position:relative;display:block;line-height:0}._disabled[_nghost-%COMP%], ._readonly[_nghost-%COMP%]{pointer-events:none}.t-wrapper[_ngcontent-%COMP%]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{cursor:default}[data-mode=onDark][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-%COMP%]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{margin-left:.5rem}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-left:.75rem}"],changeDetection:0}),he})(),G=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[Le.ez,o.u5,Ee]]}),he})()},1673:(Ve,ae,s)=>{"use strict";s.d(ae,{K3:()=>Q,Qf:()=>de,wU:()=>ue});var e=s(4537),o=s(8942),p=s(221),_=s(6480),g=s(7179),f=s(8033),m=s(5600),C=s(5640),O=s(6409),w=s(5111),S=s(6060),y=s(3631),U=s(26),z=s(8692);const Z=["*",[["input"]]],le=["*","input"];let Q=(()=>{class X extends _.M${constructor(K,ne,We,Le){super(K,ne,Le),this.textfieldSize=We,this.open=!1}get size(){return this.textfieldSize.size}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){return(0,g.V8)(this.nativeFocusableElement)||!!this.hostedDropdown&&this.hostedDropdown.focused}get canOpen(){return this.interactive&&!!this.datalist}onValueChange(K){this.value=K,this.open=!0}onActiveZone(K){this.updateFocused(K)}handleOption(K){this.setNativeValue(String(K)),this.focusInput(),this.value=String(K),this.open=!1}getFallbackValue(){return""}focusInput(K=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:K})}setNativeValue(K){this.nativeFocusableElement&&(this.nativeFocusableElement.value=K)}}return X.\u0275fac=function(K){return new(K||X)(e.Y36(o.a5,10),e.Y36(e.sBO),e.Y36(O.kI),e.Y36(_.FX,8))},X.\u0275cmp=e.Xpm({type:X,selectors:[["tui-input"]],contentQueries:function(K,ne,We){if(1&K&&e.Suo(We,w.gX,5,e.Rgc),2&K){let Le;e.iGM(Le=e.CRH())&&(ne.datalist=Le.first)}},viewQuery:function(K,ne){if(1&K&&(e.Gf(m.o1,5),e.Gf(C.yc,5)),2&K){let We;e.iGM(We=e.CRH())&&(ne.hostedDropdown=We.first),e.iGM(We=e.CRH())&&(ne.textfield=We.first)}},hostVars:1,hostBindings:function(K,ne){2&K&&e.uIk("data-size",ne.size)},features:[e._Bn([U.E2,(0,f.FT)(X),(0,S.oE)(X),(0,_.wB)(X)],[U.yn]),e.qOj],ngContentSelectors:le,decls:4,vars:11,consts:[[1,"t-hosted",3,"canOpen","content","open","openChange","tuiActiveZoneChange"],["automation-id","tui-input__textfield",1,"t-textfield",3,"disabled","focusable","invalid","nativeId","pseudoFocus","pseudoHover","readOnly","value","valueChange"]],template:function(K,ne){1&K&&(e.F$t(Z),e.TgZ(0,"tui-hosted-dropdown",0),e.NdJ("openChange",function(Le){return ne.open=Le})("tuiActiveZoneChange",function(Le){return ne.onActiveZone(Le)}),e.TgZ(1,"tui-primitive-textfield",1),e.NdJ("valueChange",function(Le){return ne.onValueChange(Le)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.qZA()()),2&K&&(e.Q6J("canOpen",ne.canOpen)("content",ne.datalist||"")("open",ne.open),e.xp6(1),e.Q6J("disabled",ne.computedDisabled)("focusable",ne.computedFocusable)("invalid",ne.computedInvalid)("nativeId",ne.nativeId)("pseudoFocus",ne.computedFocused)("pseudoHover",ne.pseudoHover)("readOnly",ne.readOnly)("value",ne.value))},dependencies:[m.o1,C.yc,p.e,C.B1],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:left}._disabled[_nghost-%COMP%]{pointer-events:none}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}"],changeDetection:0}),X})(),ue=(()=>{class X extends y.D1{onValueChange(K){this.host.onValueChange(K)}}return X.\u0275fac=function(){let B;return function(ne){return(B||(B=e.n5z(X)))(ne||X)}}(),X.\u0275dir=e.lG2({type:X,selectors:[["tui-input"]],features:[e._Bn([(0,S.cp)(X)]),e.qOj]}),X})(),de=(()=>{class X{}return X.\u0275fac=function(K){return new(K||X)},X.\u0275mod=e.oAB({type:X}),X.\u0275inj=e.cJS({imports:[[z.ez,p.A,C.KW,m.jh]]}),X})()},26:(Ve,ae,s)=>{"use strict";s.d(ae,{yn:()=>y,E2:()=>U});var e=s(4537),o=s(6060);s(8002);var f=s(8952),O=(s(9811),s(5917),s(4487)),w=s(8942);const y=(0,f.fx)({limitWidth:"fixed",align:"right"}),U={provide:o.sE,deps:[[new e.FiY,new e.PiD,w.JU]],useFactory:O.y}},9811:(Ve,ae,s)=>{"use strict";s.d(ae,{UV:()=>et,Ys:()=>cn,RZ:()=>lt,ue:()=>Tt,WO:()=>ot,Z4:()=>st});var e=s(4537),o=s(1927),p=s(3770),g=(s(8939),s(6424)),f=s(7788),m=s(5648);const y=12,Q=9999;(0,o.JN)("DMY"),(0,o.JN)(".");class G{constructor(W){this.year=W}static isValidYear(W){return Number.isInteger(W)&&(0,m.wf)(W,0,Q+1)}static isLeapYear(W){return W%400==0||W%4==0&&W%100!=0}static getAbsoluteLeapYears(W){return Math.ceil(W/400)+(Math.ceil(W/4)-Math.ceil(W/100))}static lengthBetween(W,$){return $.year-W.year}static normalizeYearPart(W){return(0,m.G1)(W,0,Q)}get formattedYear(){return String(this.year).padStart(4,"0")}get isLeapYear(){return G.isLeapYear(this.year)}get absoluteLeapYears(){return G.getAbsoluteLeapYears(this.year)}yearBefore({year:W}){return this.year<W}yearSameOrBefore({year:W}){return this.year<=W}yearSame({year:W}){return this.year===W}yearSameOrAfter({year:W}){return this.year>=W}yearAfter({year:W}){return this.year>W}append({year:W=0}){return new G(this.year+W)}toString(){return this.formattedYear}valueOf(){return this.year}[Symbol.toPrimitive](W){return Date.prototype[Symbol.toPrimitive].call(this,W)}toJSON(){return this.formattedYear}}class he extends G{constructor(W,$){super(W),this.month=$}static isValidMonth(W,$){return G.isValidYear(W)&&he.isValidMonthPart($)}static getMonthDaysCount(W,$){switch(W){case g.B.February:return $?29:28;case g.B.April:case g.B.June:case g.B.September:case g.B.November:return 30;default:return 31}}static currentLocal(){const W=new Date;return new he(W.getFullYear(),W.getMonth())}static currentUtc(){const W=new Date;return new he(W.getUTCFullYear(),W.getUTCMonth())}static lengthBetween(W,$){return $.month+12*$.year-(W.month+12*W.year)}static normalizeMonthPart(W){return(0,m.G1)(W,0,11)}static isValidMonthPart(W){return Number.isInteger(W)&&(0,m.wf)(W,0,12)}get formattedMonthPart(){return String(this.month+1).padStart(2,"0")}get daysCount(){return he.getMonthDaysCount(this.month,this.isLeapYear)}monthBefore(W){return this.yearBefore(W)||this.yearSame(W)&&this.month<W.month}monthSameOrBefore(W){return this.yearBefore(W)||this.yearSame(W)&&this.month<=W.month}monthSame(W){return this.yearSame(W)&&this.month===W.month}monthSameOrAfter(W){return this.yearAfter(W)||this.yearSame(W)&&this.month>=W.month}monthAfter(W){return this.yearAfter(W)||this.yearSame(W)&&this.month>W.month}append({year:W=0,month:$=0}){const Ne=(this.year+W)*y+this.month+$;return new he(Math.floor(Ne/y),Ne%y)}toString(){return`${this.formattedMonthPart}.${this.formattedYear}`}valueOf(){return this.toLocalNativeDate().valueOf()}toJSON(){return`${super.toJSON()}-${this.formattedMonthPart}`}toLocalNativeDate(){return new Date(this.year,this.month)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month))}}class ye extends he{constructor(W,$,Ne){super(W,$),this.day=Ne}static fromLocalNativeDate(W){return new ye(W.getFullYear(),W.getMonth(),W.getDate())}static fromUtcNativeDate(W){return new ye(W.getUTCFullYear(),W.getUTCMonth(),W.getUTCDate())}static isValidDay(W,$,Ne){return he.isValidMonth(W,$)&&Number.isInteger(Ne)&&(0,m.wf)(Ne,1,he.getMonthDaysCount($,G.isLeapYear(W))+1)}static currentLocal(){const W=new Date,$=W.getFullYear(),Ne=W.getMonth(),De=W.getDate();return new ye($,Ne,De)}static currentUtc(){const W=new Date,$=W.getUTCFullYear(),Ne=W.getUTCMonth(),De=W.getUTCDate();return new ye($,Ne,De)}static normalizeOf(W,$,Ne){const De=G.normalizeYearPart(W),pt=he.normalizeMonthPart($),ct=ye.normalizeDayPart(Ne,pt,De);return new ye(De,pt,ct)}static lengthBetween(W,$){return Math.round(($.toLocalNativeDate().getTime()-W.toLocalNativeDate().getTime())/864e5)}static parseRawDateString(W,$="DMY"){switch($){case"YMD":return{day:parseInt(W.slice(8,10),10),month:parseInt(W.slice(5,7),10)-1,year:parseInt(W.slice(0,4),10)};case"MDY":return{day:parseInt(W.slice(3,5),10),month:parseInt(W.slice(0,2),10)-1,year:parseInt(W.slice(6,10),10)};default:return{day:parseInt(W.slice(0,2),10),month:parseInt(W.slice(3,5),10)-1,year:parseInt(W.slice(6,10),10)}}}static normalizeParse(W,$="DMY"){const{day:Ne,month:De,year:pt}=this.parseRawDateString(W,$);return ye.normalizeOf(pt,De,Ne)}static jsonParse(W){const{day:$,month:Ne,year:De}=this.parseRawDateString(W,"YMD");if(!G.isValidYear(De))throw new f.JY(De);if(!he.isValidMonth(De,Ne))throw new f.AM(Ne);if(!Number.isInteger($)||!(0,m.wf)($,1,he.getMonthDaysCount(Ne,G.isLeapYear(De))+1))throw new f.I4($);return new ye(De,Ne,$)}static normalizeDayPart(W,$,Ne){const De=he.getMonthDaysCount($,G.isLeapYear(Ne));return(0,m.G1)(W,1,De)}get formattedDayPart(){return String(this.day).padStart(2,"0")}get isWeekend(){const W=this.dayOfWeek(!1);return W===g.L.Saturday||W===g.L.Sunday}dayOfWeek(W=!0){const $=W?this.toLocalNativeDate().getDay()-1:this.toLocalNativeDate().getDay();return $<0?6:$}dayBefore(W){return this.monthBefore(W)||this.monthSame(W)&&this.day<W.day}daySameOrBefore(W){return this.monthBefore(W)||this.monthSame(W)&&this.day<=W.day}daySame(W){return this.monthSame(W)&&this.day===W.day}daySameOrAfter(W){return this.monthAfter(W)||this.monthSame(W)&&this.day>=W.day}dayAfter(W){return this.monthAfter(W)||this.monthSame(W)&&this.day>W.day}dayLimit(W,$){return null!==W&&this.dayBefore(W)?W:null!==$&&this.dayAfter($)?$:this}append({year:W=0,month:$=0,day:Ne=0}){const De=(this.year+W)*y+this.month+$;let pt=Math.floor(De/y),ct=De%y,_t=Math.min(this.day,he.getMonthDaysCount(ct,G.isLeapYear(pt)))+Ne;for(;_t>he.getMonthDaysCount(ct,G.isLeapYear(pt));)_t-=he.getMonthDaysCount(ct,G.isLeapYear(pt)),ct===g.B.December?(pt++,ct=g.B.January):ct++;for(;_t<1;)ct===g.B.January?(pt--,ct=g.B.December):ct--,_t+=he.getMonthDaysCount(ct,G.isLeapYear(pt));return new ye(pt,ct,_t)}getFormattedDay(W,$){const Ne=this.formattedDayPart,De=this.formattedMonthPart,pt=this.formattedYear;switch(W){case"YMD":return`${pt}${$}${De}${$}${Ne}`;case"MDY":return`${De}${$}${Ne}${$}${pt}`;default:return`${Ne}${$}${De}${$}${pt}`}}toString(W="DMY",$="."){return this.getFormattedDay(W,$)}toJSON(){return`${super.toJSON()}-${this.formattedDayPart}`}toLocalNativeDate(){return new Date(this.year,this.month,this.day)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month,this.day))}}const q=new ye(0,0,1),ce=new ye(Q,11,31);class be{constructor(W,$,Ne=0,De=0){this.hours=W,this.minutes=$,this.seconds=Ne,this.ms=De}static isValidTime(W,$,Ne=0,De=0){return Number.isInteger(W)&&tuiInRange(W,0,24)&&Number.isInteger($)&&tuiInRange($,0,60)&&Number.isInteger(Ne)&&tuiInRange(Ne,0,60)&&Number.isInteger(De)&&tuiInRange(De,0,1e3)}static current(){return be.fromAbsoluteMilliseconds(Date.now()%864e5)}static currentLocal(){const W=new Date;return be.fromAbsoluteMilliseconds((Date.now()-W.getTimezoneOffset()*ne)%864e5)}static fromAbsoluteMilliseconds(W){const $=Math.floor(W/We),Ne=Math.floor(W%We/ne),De=Math.floor(W%We%ne/1e3)||0,pt=Math.floor(W%We%ne%1e3)||0;return new be($,Ne,De,pt)}static fromString(W){const $=Number(W.slice(0,2)),Ne=Number(W.slice(3,5)),De=Number(W.slice(6,8))||0,pt=Number(W.slice(9,12))||0;return new be($,Ne,De,pt)}static fromLocalNativeDate(W){return new be(W.getHours(),W.getMinutes(),W.getSeconds(),W.getMilliseconds())}shift({hours:W=0,minutes:$=0,seconds:Ne=0,ms:De=0}){const pt=(1e3+this.ms+De%1e3)%1e3,_t=(De<0?Math.ceil(De/1e3):Math.floor(De/1e3))+Ne,At=(60+this.seconds+_t%60)%60,Be=(_t<0?Math.ceil(_t/60):Math.floor(_t/60))+$,se=(60+this.minutes+Be%60)%60,Y=(Be<0?Math.ceil(Be/60):Math.floor(Be/60))+W;return new be((24+this.hours+Y%24)%24,se,At,pt)}toString(W){const $="HH:MM:SS.MSS"===W||!W&&this.ms>0,Ne=$||"HH:MM:SS"===W||!W&&this.seconds>0;return`${this.formatTime(this.hours)}:${this.formatTime(this.minutes)}${Ne?`:${this.formatTime(this.seconds)}`:""}${$?`.${this.formatTime(this.ms,3)}`:""}`}valueOf(){return this.toAbsoluteMilliseconds()}[Symbol.toPrimitive](W){return Date.prototype[Symbol.toPrimitive].call(this,W)}toAbsoluteMilliseconds(){return this.hours*We+this.minutes*ne+1e3*this.seconds+this.ms}formatTime(W,$=2){return String(W).padStart($,"0")}}var N=s(1081),_e=s(5390);new e.OlP("[TUI_CALENDAR_DATE_STREAM]"),(0,o.JN)({[N.X.AD]:"+376###-###",[N.X.AE]:"+971-##-###-####",[N.X.AF]:"+93##-###-####",[N.X.AG]:"+1(268) ###-####",[N.X.AI]:"+1(264) ###-####",[N.X.AL]:"+355(###) ###-###",[N.X.AM]:"+374##-###-###",[N.X.AO]:"+244(###) ###-###",[N.X.AR]:"+54(###) ####-####",[N.X.AT]:"+43(###) ###-####",[N.X.AU]:"+61#-####-####",[N.X.AW]:"+297###-####",[N.X.AZ]:"+994##-###-##-##",[N.X.BA]:"+387 ###-####-##",[N.X.BB]:"+1(246) ###-####",[N.X.BD]:"+880##-###-###",[N.X.BE]:"+32(###) ###-###",[N.X.BF]:"+226##-##-####",[N.X.BG]:"+359(###) ###-###",[N.X.BH]:"+973####-####",[N.X.BI]:"+257##-##-####",[N.X.BJ]:"+229##-##-####",[N.X.BL]:"+590 ## ## ## ## ##",[N.X.BM]:"+1(441) ###-####",[N.X.BN]:"+673###-####",[N.X.BO]:"+591#-###-####",[N.X.BQ]:"+599-###-####",[N.X.BR]:"+55(##) ####-####",[N.X.BS]:"+1(242) ###-####",[N.X.BT]:"+975#-###-###",[N.X.BW]:"+267##-###-###",[N.X.BY]:"+375(##) ###-##-##",[N.X.BZ]:"+501###-####",[N.X.CA]:"+1(###) ###-####",[N.X.CD]:"+243(###) ###-###",[N.X.CF]:"+236-##-##-####",[N.X.CG]:"+242##-###-####",[N.X.CH]:"+41##-###-####",[N.X.CI]:"+225##-##-###-###",[N.X.CL]:"+56#-####-####",[N.X.CM]:"+237#####-####",[N.X.CN]:"+86(###) ####-####",[N.X.CO]:"+57(###) ###-####",[N.X.CR]:"+506####-####",[N.X.CU]:"+53#-###-####",[N.X.CV]:"+238(###) ##-##",[N.X.CW]:"+5999-###-####",[N.X.CY]:"+357##-###-###",[N.X.CZ]:"+420(###) ###-###",[N.X.DE]:"+49(###) ###-###-##",[N.X.DJ]:"+253##-##-##-##",[N.X.DK]:"+45##-##-##-##",[N.X.DM]:"+1(767) ###-####",[N.X.DO]:"+1(###) ###-####",[N.X.DZ]:"+213##-###-####",[N.X.EC]:"+593##-###-####",[N.X.EE]:"+372####-####",[N.X.EG]:"+20(###) ###-####",[N.X.ER]:"+291#-###-###",[N.X.ES]:"+34(###) ###-###",[N.X.ET]:"+251##-###-####",[N.X.FI]:"+358(###) ###-##-##",[N.X.FJ]:"+679##-#####",[N.X.FK]:"+500#####",[N.X.FM]:"+691###-####",[N.X.FR]:"+33 ## ## ## ## ##",[N.X.GA]:"+241##-##-##-##",[N.X.GB]:"+44##-####-####",[N.X.GD]:"+1(473) ###-####",[N.X.GE]:"+995(###) ###-###",[N.X.GF]:"+594 ## ## ## ## ##",[N.X.GH]:"+233(###) ###-###",[N.X.GI]:"+350###-#####",[N.X.GL]:"+299##-##-##",[N.X.GM]:"+220(###) ##-##",[N.X.GN]:"+224##-###-###",[N.X.GP]:"+590 ## ## ## ## ##",[N.X.GQ]:"+240##-###-####",[N.X.GR]:"+30(###) ###-####",[N.X.GT]:"+502#-###-####",[N.X.GW]:"+245#-######",[N.X.GY]:"+592###-####",[N.X.HK]:"+852####-####",[N.X.HN]:"+504####-####",[N.X.HR]:"+385##-###-####",[N.X.HT]:"+509##-##-####",[N.X.HU]:"+36(###) ###-###",[N.X.ID]:"+62(###) ###-##-###",[N.X.IE]:"+353(###) ###-###",[N.X.IL]:"+972##-###-####",[N.X.IN]:"+91(####) ###-###",[N.X.IQ]:"+964(###) ###-####",[N.X.IR]:"+98(###) ###-####",[N.X.IS]:"+354###-####",[N.X.IT]:"+39(###) ####-###",[N.X.JM]:"+1(876) ###-####",[N.X.JO]:"+962#-####-####",[N.X.JP]:"+81-##-####-####",[N.X.KE]:"+254###-######",[N.X.KG]:"+996(###) ###-###",[N.X.KH]:"+855##-###-###",[N.X.KM]:"+269##-#####",[N.X.KN]:"+1(869) ###-####",[N.X.KP]:"+850####-#############",[N.X.KR]:"+82##-###-####",[N.X.KW]:"+965####-####",[N.X.KY]:"+1(345) ###-####",[N.X.KZ]:"+7(###) ###-##-##",[N.X.LA]:"+856##-##-###-###",[N.X.LB]:"+961##-###-###",[N.X.LC]:"+1(758) ###-####",[N.X.LI]:"+423(###) ###-####",[N.X.LK]:"+94##-###-####",[N.X.LR]:"+231##-###-###",[N.X.LS]:"+266#-###-####",[N.X.LT]:"+370(###) ##-###",[N.X.LU]:"+352(###) ###-###",[N.X.LV]:"+371##-###-###",[N.X.LY]:"+218##-###-####",[N.X.MA]:"+212##-####-###",[N.X.MC]:"+377###-###-###",[N.X.MD]:"+373####-####",[N.X.ME]:"+382##-###-###",[N.X.MF]:"+590 ## ## ## ## ##",[N.X.MG]:"+261##-##-#####",[N.X.MK]:"+389##-###-###",[N.X.ML]:"+223##-##-####",[N.X.MM]:"+95##-###-###",[N.X.MN]:"+976##-##-####",[N.X.MO]:"+853####-####",[N.X.MQ]:"+596 ## ## ## ## ##",[N.X.MR]:"+222##-##-####",[N.X.MS]:"+1(664) ###-####",[N.X.MT]:"+356####-####",[N.X.MU]:"+230####-####",[N.X.MV]:"+960###-####",[N.X.MW]:"+265#-####-####",[N.X.MX]:"+52(###) ###-####",[N.X.MY]:"+60(###) ###-###",[N.X.MZ]:"+258##-###-###",[N.X.NA]:"+264##-###-####",[N.X.NC]:"+687 ### ###",[N.X.NE]:"+227##-##-####",[N.X.NG]:"+234(###) ###-####",[N.X.NI]:"+505####-####",[N.X.NL]:"+31##-###-####",[N.X.NO]:"+47(###) ##-###",[N.X.NP]:"+977##-###-###",[N.X.NZ]:"+64(###) ###-####",[N.X.OM]:"+968##-###-###",[N.X.PA]:"+507###-####",[N.X.PE]:"+51(###) ###-###",[N.X.PF]:"+689 ## ## ## ##",[N.X.PG]:"+675(###) ##-###",[N.X.PH]:"+63(###) ###-####",[N.X.PK]:"+92(###) ###-####",[N.X.PL]:"+48(###) ###-###",[N.X.PT]:"+351##-###-####",[N.X.PW]:"+680###-####",[N.X.PY]:"+595(###) ###-###",[N.X.QA]:"+974####-####",[N.X.RE]:"+262 ## ## ## ## ##",[N.X.RO]:"+40##-###-####",[N.X.RS]:"+381##-###-####",[N.X.RU]:"+7### ###-##-##",[N.X.RW]:"+250(###) ###-###",[N.X.SA]:"+966#-####-####",[N.X.SB]:"+677###-####",[N.X.SC]:"+248#-###-###",[N.X.SD]:"+249##-###-####",[N.X.SE]:"+46##-###-####",[N.X.SG]:"+65####-####",[N.X.SH]:"+290####",[N.X.SI]:"+386##-###-###",[N.X.SK]:"+421(###) ###-###",[N.X.SL]:"+232##-######",[N.X.SM]:"+378####-######",[N.X.SN]:"+221##-###-####",[N.X.SO]:"+252##-###-###",[N.X.SR]:"+597###-####",[N.X.ST]:"+239##-#####",[N.X.SV]:"+503##-##-####",[N.X.SX]:"+1(721) ###-####",[N.X.SY]:"+963##-####-###",[N.X.SZ]:"+268##-##-####",[N.X.TC]:"+1(649) ###-####",[N.X.TD]:"+235##-##-##-##",[N.X.TG]:"+228##-###-###",[N.X.TH]:"+66##-###-####",[N.X.TJ]:"+992##-###-####",[N.X.TL]:"+670###-#####",[N.X.TM]:"+993#-###-####",[N.X.TN]:"+216##-###-###",[N.X.TO]:"+676#####",[N.X.TR]:"+90(###) ###-####",[N.X.TT]:"+1(868) ###-####",[N.X.TW]:"+886#-####-####",[N.X.TZ]:"+255##-###-####",[N.X.UA]:"+380(##) ###-##-##",[N.X.UG]:"+256(###) ###-###",[N.X.US]:"+1(###) ###-####",[N.X.UY]:"+598#-###-##-##",[N.X.UZ]:"+998##-###-####",[N.X.VC]:"+1(784) ###-####",[N.X.VE]:"+58(###) ###-####",[N.X.VG]:"+1(284)###-####",[N.X.VN]:"+84(###) ####-###",[N.X.VU]:"+678##-#####",[N.X.WS]:"+685##-####",[N.X.XK]:"+383##-###-###",[N.X.YE]:"+967###-###-###",[N.X.YT]:"+262 ## ## ## ## ##",[N.X.ZA]:"+27##-###-####",[N.X.ZM]:"+260##-###-####",[N.X.ZW]:"+263#-######"}),new e.OlP("[TUI_DATE_VALUE_TRANSFORMER]"),new e.OlP("[TUI_DATE_RANGE_VALUE_TRANSFORMER]"),new e.OlP("[TUI_DATE_TIME_VALUE_TRANSFORMER]"),(0,o.N1)((0,_e.v)("prompt")),(0,o.N1)((0,_e.v)("cancel")),(0,o.N1)((0,_e.v)("done"));const Tt=(0,o.N1)((0,_e.v)("more")),et=((0,o.N1)((0,_e.v)("hide")),(0,o.N1)((0,_e.v)("showAll")),(0,o.N1)((0,_e.v)("otherDate")),(0,o.N1)((0,_e.v)("mobileCalendarTexts")),(0,o.N1)((0,_e.v)("range")),(0,o.N1)((0,_e.v)("countTexts")),(0,o.N1)((0,_e.v)("time")),(0,o.N1)((0,_e.v)("dateTexts")),(0,o.N1)((0,_e.v)("digitalInformationUnits")),(0,o.N1)((0,_e.v)("copyTexts"))),Ye=((0,o.N1)((0,_e.v)("passwordTexts")),(0,o.N1)((0,_e.v)("shortCalendarMonths")),(0,o.N1)((0,_e.v)("fileTexts")),(0,o.N1)((0,_e.v)("pagination")),(0,o.N1)((0,_e.v)("inputFileTexts")),(0,o.N1)((0,_e.v)("multiSelectTexts")),(0,o.N1)((0,_e.v)("countries")),{icon:({$implicit:it})=>"s"===it?"tuiIconCalendar":"tuiIconCalendarLarge",min:q,max:ce,nativePicker:!1});(0,o.JN)(Ye);const cn=(0,o.JN)({stringify:p.yZ,identityMatcher:p.bg,disabledItemHandler:p.Iy});new e.OlP("[TUI_MOBILE_CALENDAR]");const lt=new e.OlP("[TUI_MONTH_FORMATTER]"),ot=(0,o.JN)(24),st=(0,o.JN)({})},126:(Ve,ae,s)=>{"use strict";s.d(ae,{Gt:()=>de,X1:()=>X,uX:()=>ue});var e=s(5998),o=s(4537),p=s(9193),_=s(6481),g=s(1439),f=s(409);class C{supports(K){return K.includes(this.modifier)}addGlobalEventListener(){return()=>{}}unwrap(K){return K.split(".").filter(ne=>!this.modifier.includes(ne)).join(".")}}let O=(()=>{class B extends C{constructor(){super(...arguments),this.modifier="$"}addEventListener(ne,We){ne[We]=ne[We]||p.E;const Le=this.getMethod(ne,We),Je=this.manager.getZone().onStable,we=(0,_.z)(Je.pipe((0,f.o)(()=>ne[We]===p.E)),(0,g.P)(()=>ne[We])).subscribe(Le);return()=>we.unsubscribe()}getMethod(ne,We){const[,Le,Je,we=""]=We.split(".");return We.endsWith(".attr")?Ee=>null===Ee?ne.removeAttribute(Le):ne.setAttribute(Le,String(Ee)):"class"===Le?Ee=>ne.classList.toggle(Je,!!Ee):"style"===Le?Ee=>ne.style.setProperty(function m(B){return B.replace(/[a-z][A-Z]/g,K=>`${K[0]}-${K[1].toLowerCase()}`)}(Je),`${Ee}${we}`):Ee=>ne[Le]=Ee}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),w=(()=>{class B extends C{constructor(){super(...arguments),this.modifier="capture.once.passive"}supports(ne){return ne.includes(".")&&!this.unwrap(ne).includes(".")}addEventListener(ne,We,Le){return ne.addEventListener(this.unwrap(We),Le,{once:We.includes(".once"),passive:We.includes(".passive"),capture:We.includes(".capture")}),()=>ne.removeEventListener(this.unwrap(We),Le)}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),S=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".prevent"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.preventDefault(),Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),y=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".self"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.target===we.currentTarget&&Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),U=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".silent"}addEventListener(ne,We,Le){return B.ngZone=this.manager.getZone(),B.ngZone.runOutsideAngular(()=>this.manager.addEventListener(ne,this.unwrap(We),Le))}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})();const Q=[U,O,w,S,y,(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".stop"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.stopPropagation(),Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".init"}addEventListener(){return console.warn(".init plugin is no longer necessary as of v3.1.0"),()=>{}}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})()].map(B=>({provide:e.s3,multi:!0,useClass:B}));function ue(B){return(K,ne,We)=>{const{value:Le}=We;We.value=function(...Je){B.apply(this,Je)&&(U.ngZone?U.ngZone.run(()=>Le.apply(this,Je)):Le.apply(this,Je))}}}function de(B){return B}let X=(()=>{class B{constructor([ne]){console.assert(!(ne instanceof U)||B.initialized,"EventPluginsModule must come after BrowserModule in imports"),B.initialized=!0}}return B.initialized=!1,B.\u0275fac=function(ne){return new(ne||B)(o.LFG(e.s3))},B.\u0275mod=o.oAB({type:B}),B.\u0275inj=o.cJS({providers:Q}),B})()},9570:(Ve,ae,s)=>{"use strict";s.d(ae,{Al:()=>p,GL:()=>_,Li:()=>m,wq:()=>S,yf:()=>o});var e=s(4537);const o=new e.OlP("POLYMORPHEUS_CONTEXT");class p{constructor(U,z){this.component=U,this.i=z}createInjector(U,z){return e.zs3.create({parent:this.i||U,providers:[{provide:o,useValue:z}]})}}let _=(()=>{class y{constructor(z,Z){this.template=z,this.cdr=Z,this.polymorpheus=""}check(){this.cdr.markForCheck()}static ngTemplateContextGuard(z,Z){return!0}}return y.\u0275fac=function(z){return new(z||y)(e.Y36(e.Rgc,2),e.Y36(e.sBO))},y.\u0275dir=e.lG2({type:y,selectors:[["ng-template","polymorpheus",""]],inputs:{polymorpheus:"polymorpheus"},exportAs:["polymorpheus"]}),y})();class g{constructor(U){this.$implicit=U}get polymorpheusOutlet(){return this.$implicit}}let m=(()=>{class y{constructor(z,Z,le){this.vcr=z,this.i=Z,this.t=le,this.content=""}get template(){return C(this.content)?this.content.template:this.content instanceof e.Rgc?this.content:this.t}ngOnChanges({content:z}){var Z;const le=this.getContext();if(null===(Z=this.c)||void 0===Z||Z.injector.get(e.sBO).markForCheck(),!z)return;this.vcr.clear();const Q=le&&new Proxy(le,{get:(ue,de)=>{var X;return null===(X=this.getContext())||void 0===X?void 0:X[de]}});O(this.content)?this.process(this.content,Q):null!=(le instanceof g&&le.$implicit)&&this.vcr.createEmbeddedView(this.template,Q)}ngDoCheck(){C(this.content)&&this.content.check()}static ngTemplateContextGuard(z,Z){return!0}getContext(){return function w(y){return C(y)||y instanceof e.Rgc}(this.content)||O(this.content)?this.context:new g("function"==typeof this.content?this.content(this.context):this.content)}process(z,Z){const le=z.createInjector(this.i,Z);this.c=this.vcr.createComponent(le.get(e._Vd).resolveComponentFactory(z.component),0,le)}}return y.\u0275fac=function(z){return new(z||y)(e.Y36(e.s_b),e.Y36(e.zs3),e.Y36(e.Rgc))},y.\u0275dir=e.lG2({type:y,selectors:[["","polymorpheusOutlet",""]],inputs:{content:["polymorpheusOutlet","content"],context:["polymorpheusOutletContext","context"]},features:[e.TTD]}),y})();function C(y){return y instanceof _}function O(y){return y instanceof p}let S=(()=>{class y{}return y.\u0275fac=function(z){return new(z||y)},y.\u0275mod=e.oAB({type:y}),y.\u0275inj=e.cJS({}),y})()},4480:function(Ve){Ve.exports=function(){"use strict";const{entries:ae,setPrototypeOf:s,isFrozen:e,getPrototypeOf:o,getOwnPropertyDescriptor:p}=Object;let{freeze:_,seal:g,create:f}=Object,{apply:m,construct:C}=typeof Reflect<"u"&&Reflect;_||(_=function(xt){return xt}),g||(g=function(xt){return xt}),m||(m=function(xt,Wt,sn){return xt.apply(Wt,sn)}),C||(C=function(xt,Wt){return new xt(...Wt)});const O=X(Array.prototype.forEach),w=X(Array.prototype.pop),S=X(Array.prototype.push),y=X(String.prototype.toLowerCase),U=X(String.prototype.toString),z=X(String.prototype.match),Z=X(String.prototype.replace),le=X(String.prototype.indexOf),Q=X(String.prototype.trim),ue=X(RegExp.prototype.test),de=function B(Tt){return function(){for(var xt=arguments.length,Wt=new Array(xt),sn=0;sn<xt;sn++)Wt[sn]=arguments[sn];return C(Tt,Wt)}}(TypeError);function X(Tt){return function(xt){for(var Wt=arguments.length,sn=new Array(Wt>1?Wt-1:0),_n=1;_n<Wt;_n++)sn[_n-1]=arguments[_n];return m(Tt,xt,sn)}}function K(Tt,xt){let Wt=arguments.length>2&&void 0!==arguments[2]?arguments[2]:y;s&&s(Tt,null);let sn=xt.length;for(;sn--;){let _n=xt[sn];if("string"==typeof _n){const Jt=Wt(_n);Jt!==_n&&(e(xt)||(xt[sn]=Jt),_n=Jt)}Tt[_n]=!0}return Tt}function ne(Tt){const xt=f(null);for(const[Wt,sn]of ae(Tt))void 0!==p(Tt,Wt)&&(xt[Wt]=sn);return xt}function We(Tt,xt){for(;null!==Tt;){const sn=p(Tt,xt);if(sn){if(sn.get)return X(sn.get);if("function"==typeof sn.value)return X(sn.value)}Tt=o(Tt)}return function Wt(sn){return console.warn("fallback value for",sn),null}}const Le=_(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Je=_(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),we=_(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Ee=_(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),$e=_(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Ie=_(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),G=_(["#text"]),he=_(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),ye=_(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),te=_(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Re=_(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),q=g(/\{\{[\w\W]*|[\w\W]*\}\}/gm),ce=g(/<%[\w\W]*|[\w\W]*%>/gm),be=g(/\${[\w\W]*}/gm),N=g(/^data-[\-\w.\u00B7-\uFFFF]/),_e=g(/^aria-[\-\w]+$/),ze=g(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Ct=g(/^(?:\w+script|data):/i),Et=g(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Gt=g(/^html$/i);var St=Object.freeze({__proto__:null,MUSTACHE_EXPR:q,ERB_EXPR:ce,TMPLIT_EXPR:be,DATA_ATTR:N,ARIA_ATTR:_e,IS_ALLOWED_URI:ze,IS_SCRIPT_OR_DATA:Ct,ATTR_WHITESPACE:Et,DOCTYPE_NAME:Gt});const qt=function(){return typeof window>"u"?null:window},Ot=function(xt,Wt){if("object"!=typeof xt||"function"!=typeof xt.createPolicy)return null;let sn=null;const _n="data-tt-policy-suffix";Wt&&Wt.hasAttribute(_n)&&(sn=Wt.getAttribute(_n));const Jt="dompurify"+(sn?"#"+sn:"");try{return xt.createPolicy(Jt,{createHTML:vt=>vt,createScriptURL:vt=>vt})}catch{return console.warn("TrustedTypes policy "+Jt+" could not be created."),null}};return function Ht(){let Tt=arguments.length>0&&void 0!==arguments[0]?arguments[0]:qt();const xt=Zt=>Ht(Zt);if(xt.version="3.0.6",xt.removed=[],!Tt||!Tt.document||9!==Tt.document.nodeType)return xt.isSupported=!1,xt;let{document:Wt}=Tt;const sn=Wt,_n=sn.currentScript,{DocumentFragment:Jt,HTMLTemplateElement:vt,Node:ut,Element:Te,NodeFilter:Pe,NamedNodeMap:et=Tt.NamedNodeMap||Tt.MozNamedAttrMap,HTMLFormElement:Ge,DOMParser:ke,trustedTypes:Ke}=Tt,Fe=Te.prototype,ht=We(Fe,"cloneNode"),Vt=We(Fe,"nextSibling"),$t=We(Fe,"childNodes"),Ye=We(Fe,"parentNode");if("function"==typeof vt){const Zt=Wt.createElement("template");Zt.content&&Zt.content.ownerDocument&&(Wt=Zt.content.ownerDocument)}let wt,Mt="";const{implementation:kt,createNodeIterator:cn,createDocumentFragment:Yt,getElementsByTagName:Qe}=Wt,{importNode:lt}=sn;let ot={};xt.isSupported="function"==typeof ae&&"function"==typeof Ye&&kt&&void 0!==kt.createHTMLDocument;const{MUSTACHE_EXPR:st,ERB_EXPR:it,TMPLIT_EXPR:W,DATA_ATTR:$,ARIA_ATTR:Ne,IS_SCRIPT_OR_DATA:De,ATTR_WHITESPACE:pt}=St;let{IS_ALLOWED_URI:ct}=St,_t=null;const At=K({},[...Le,...Je,...we,...$e,...G]);let Se=null;const Be=K({},[...he,...ye,...te,...Re]);let se=Object.seal(f(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),re=null,Y=null,fe=!0,Ue=!0,dt=!1,rt=!0,at=!1,He=!1,zt=!1,tn=!1,ln=!1,Rt=!1,en=!1,Ft=!0,nn=!1,fn=!0,dn=!1,Dn={},Cn=null;const Fn=K({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Qn=null;const Hn=K({},["audio","video","img","source","image","track"]);let li=null;const pn=K({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),wn="http://www.w3.org/1998/Math/MathML",ti="http://www.w3.org/2000/svg",ai="http://www.w3.org/1999/xhtml";let yi=ai,hi=!1,_i=null;const ni=K({},[wn,ti,ai],U);let ii=null;const Ci=["application/xhtml+xml","text/html"],Sn="text/html";let zn=null,oi=null;const Mi=Wt.createElement("form"),ki=function(tt){return tt instanceof RegExp||tt instanceof Function},Ei=function(){let tt=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!oi||oi!==tt){if((!tt||"object"!=typeof tt)&&(tt={}),tt=ne(tt),ii=ii=-1===Ci.indexOf(tt.PARSER_MEDIA_TYPE)?Sn:tt.PARSER_MEDIA_TYPE,zn="application/xhtml+xml"===ii?U:y,_t="ALLOWED_TAGS"in tt?K({},tt.ALLOWED_TAGS,zn):At,Se="ALLOWED_ATTR"in tt?K({},tt.ALLOWED_ATTR,zn):Be,_i="ALLOWED_NAMESPACES"in tt?K({},tt.ALLOWED_NAMESPACES,U):ni,li="ADD_URI_SAFE_ATTR"in tt?K(ne(pn),tt.ADD_URI_SAFE_ATTR,zn):pn,Qn="ADD_DATA_URI_TAGS"in tt?K(ne(Hn),tt.ADD_DATA_URI_TAGS,zn):Hn,Cn="FORBID_CONTENTS"in tt?K({},tt.FORBID_CONTENTS,zn):Fn,re="FORBID_TAGS"in tt?K({},tt.FORBID_TAGS,zn):{},Y="FORBID_ATTR"in tt?K({},tt.FORBID_ATTR,zn):{},Dn="USE_PROFILES"in tt&&tt.USE_PROFILES,fe=!1!==tt.ALLOW_ARIA_ATTR,Ue=!1!==tt.ALLOW_DATA_ATTR,dt=tt.ALLOW_UNKNOWN_PROTOCOLS||!1,rt=!1!==tt.ALLOW_SELF_CLOSE_IN_ATTR,at=tt.SAFE_FOR_TEMPLATES||!1,He=tt.WHOLE_DOCUMENT||!1,ln=tt.RETURN_DOM||!1,Rt=tt.RETURN_DOM_FRAGMENT||!1,en=tt.RETURN_TRUSTED_TYPE||!1,tn=tt.FORCE_BODY||!1,Ft=!1!==tt.SANITIZE_DOM,nn=tt.SANITIZE_NAMED_PROPS||!1,fn=!1!==tt.KEEP_CONTENT,dn=tt.IN_PLACE||!1,ct=tt.ALLOWED_URI_REGEXP||ze,yi=tt.NAMESPACE||ai,se=tt.CUSTOM_ELEMENT_HANDLING||{},tt.CUSTOM_ELEMENT_HANDLING&&ki(tt.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(se.tagNameCheck=tt.CUSTOM_ELEMENT_HANDLING.tagNameCheck),tt.CUSTOM_ELEMENT_HANDLING&&ki(tt.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(se.attributeNameCheck=tt.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),tt.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof tt.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(se.allowCustomizedBuiltInElements=tt.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),at&&(Ue=!1),Rt&&(ln=!0),Dn&&(_t=K({},[...G]),Se=[],!0===Dn.html&&(K(_t,Le),K(Se,he)),!0===Dn.svg&&(K(_t,Je),K(Se,ye),K(Se,Re)),!0===Dn.svgFilters&&(K(_t,we),K(Se,ye),K(Se,Re)),!0===Dn.mathMl&&(K(_t,$e),K(Se,te),K(Se,Re))),tt.ADD_TAGS&&(_t===At&&(_t=ne(_t)),K(_t,tt.ADD_TAGS,zn)),tt.ADD_ATTR&&(Se===Be&&(Se=ne(Se)),K(Se,tt.ADD_ATTR,zn)),tt.ADD_URI_SAFE_ATTR&&K(li,tt.ADD_URI_SAFE_ATTR,zn),tt.FORBID_CONTENTS&&(Cn===Fn&&(Cn=ne(Cn)),K(Cn,tt.FORBID_CONTENTS,zn)),fn&&(_t["#text"]=!0),He&&K(_t,["html","head","body"]),_t.table&&(K(_t,["tbody"]),delete re.tbody),tt.TRUSTED_TYPES_POLICY){if("function"!=typeof tt.TRUSTED_TYPES_POLICY.createHTML)throw de('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof tt.TRUSTED_TYPES_POLICY.createScriptURL)throw de('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');wt=tt.TRUSTED_TYPES_POLICY,Mt=wt.createHTML("")}else void 0===wt&&(wt=Ot(Ke,_n)),null!==wt&&"string"==typeof Mt&&(Mt=wt.createHTML(""));_&&_(tt),oi=tt}},io=K({},["mi","mo","mn","ms","mtext"]),zi=K({},["foreignobject","desc","title","annotation-xml"]),oo=K({},["title","style","font","a","script"]),ro=K({},Je);K(ro,we),K(ro,Ee);const lo=K({},$e);K(lo,Ie);const fi=function(tt){S(xt.removed,{element:tt});try{tt.parentNode.removeChild(tt)}catch{tt.remove()}},Ut=function(tt,Kt){try{S(xt.removed,{attribute:Kt.getAttributeNode(tt),from:Kt})}catch{S(xt.removed,{attribute:null,from:Kt})}if(Kt.removeAttribute(tt),"is"===tt&&!Se[tt])if(ln||Rt)try{fi(Kt)}catch{}else try{Kt.setAttribute(tt,"")}catch{}},Me=function(tt){let Kt=null,mn=null;if(tn)tt="<remove></remove>"+tt;else{const Di=z(tt,/^[\r\n\t ]+/);mn=Di&&Di[0]}"application/xhtml+xml"===ii&&yi===ai&&(tt='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+tt+"</body></html>");const jn=wt?wt.createHTML(tt):tt;if(yi===ai)try{Kt=(new ke).parseFromString(jn,ii)}catch{}if(!Kt||!Kt.documentElement){Kt=kt.createDocument(yi,"template",null);try{Kt.documentElement.innerHTML=hi?Mt:jn}catch{}}const Kn=Kt.body||Kt.documentElement;return tt&&mn&&Kn.insertBefore(Wt.createTextNode(mn),Kn.childNodes[0]||null),yi===ai?Qe.call(Kt,He?"html":"body")[0]:He?Kt.documentElement:Kn},ee=function(tt){return cn.call(tt.ownerDocument||tt,tt,Pe.SHOW_ELEMENT|Pe.SHOW_COMMENT|Pe.SHOW_TEXT,null)},nt=function(tt){return"function"==typeof ut&&tt instanceof ut},qe=function(tt,Kt,mn){ot[tt]&&O(ot[tt],jn=>{jn.call(xt,Kt,mn,oi)})},Dt=function(tt){let Kt=null;if(qe("beforeSanitizeElements",tt,null),function(tt){return tt instanceof Ge&&("string"!=typeof tt.nodeName||"string"!=typeof tt.textContent||"function"!=typeof tt.removeChild||!(tt.attributes instanceof et)||"function"!=typeof tt.removeAttribute||"function"!=typeof tt.setAttribute||"string"!=typeof tt.namespaceURI||"function"!=typeof tt.insertBefore||"function"!=typeof tt.hasChildNodes)}(tt))return fi(tt),!0;const mn=zn(tt.nodeName);if(qe("uponSanitizeElement",tt,{tagName:mn,allowedTags:_t}),tt.hasChildNodes()&&!nt(tt.firstElementChild)&&ue(/<[/\w]/g,tt.innerHTML)&&ue(/<[/\w]/g,tt.textContent))return fi(tt),!0;if(!_t[mn]||re[mn]){if(!re[mn]&&rn(mn)&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,mn)||se.tagNameCheck instanceof Function&&se.tagNameCheck(mn)))return!1;if(fn&&!Cn[mn]){const jn=Ye(tt)||tt.parentNode,Kn=$t(tt)||tt.childNodes;if(Kn&&jn)for(let Oi=Kn.length-1;Oi>=0;--Oi)jn.insertBefore(ht(Kn[Oi],!0),Vt(tt))}return fi(tt),!0}return tt instanceof Te&&!function(tt){let Kt=Ye(tt);(!Kt||!Kt.tagName)&&(Kt={namespaceURI:yi,tagName:"template"});const mn=y(tt.tagName),jn=y(Kt.tagName);return!!_i[tt.namespaceURI]&&(tt.namespaceURI===ti?Kt.namespaceURI===ai?"svg"===mn:Kt.namespaceURI===wn?"svg"===mn&&("annotation-xml"===jn||io[jn]):Boolean(ro[mn]):tt.namespaceURI===wn?Kt.namespaceURI===ai?"math"===mn:Kt.namespaceURI===ti?"math"===mn&&zi[jn]:Boolean(lo[mn]):tt.namespaceURI===ai?!(Kt.namespaceURI===ti&&!zi[jn]||Kt.namespaceURI===wn&&!io[jn])&&!lo[mn]&&(oo[mn]||!ro[mn]):!("application/xhtml+xml"!==ii||!_i[tt.namespaceURI]))}(tt)||("noscript"===mn||"noembed"===mn||"noframes"===mn)&&ue(/<\/no(script|embed|frames)/i,tt.innerHTML)?(fi(tt),!0):(at&&3===tt.nodeType&&(Kt=tt.textContent,O([st,it,W],jn=>{Kt=Z(Kt,jn," ")}),tt.textContent!==Kt&&(S(xt.removed,{element:tt.cloneNode()}),tt.textContent=Kt)),qe("afterSanitizeElements",tt,null),!1)},Lt=function(tt,Kt,mn){if(Ft&&("id"===Kt||"name"===Kt)&&(mn in Wt||mn in Mi))return!1;if((!Ue||Y[Kt]||!ue($,Kt))&&(!fe||!ue(Ne,Kt)))if(!Se[Kt]||Y[Kt]){if(!(rn(tt)&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,tt)||se.tagNameCheck instanceof Function&&se.tagNameCheck(tt))&&(se.attributeNameCheck instanceof RegExp&&ue(se.attributeNameCheck,Kt)||se.attributeNameCheck instanceof Function&&se.attributeNameCheck(Kt))||"is"===Kt&&se.allowCustomizedBuiltInElements&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,mn)||se.tagNameCheck instanceof Function&&se.tagNameCheck(mn))))return!1}else if(!li[Kt]&&!ue(ct,Z(mn,pt,""))&&("src"!==Kt&&"xlink:href"!==Kt&&"href"!==Kt||"script"===tt||0!==le(mn,"data:")||!Qn[tt])&&(!dt||ue(De,Z(mn,pt,"")))&&mn)return!1;return!0},rn=function(tt){return tt.indexOf("-")>0},On=function(tt){qe("beforeSanitizeAttributes",tt,null);const{attributes:Kt}=tt;if(!Kt)return;const mn={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Se};let jn=Kt.length;for(;jn--;){const Kn=Kt[jn],{name:Di,namespaceURI:Oi,value:Fi}=Kn,ji=zn(Di);let Ti="value"===Di?Fi:Q(Fi);if(mn.attrName=ji,mn.attrValue=Ti,mn.keepAttr=!0,mn.forceKeepAttr=void 0,qe("uponSanitizeAttribute",tt,mn),Ti=mn.attrValue,mn.forceKeepAttr||(Ut(Di,tt),!mn.keepAttr))continue;if(!rt&&ue(/\/>/i,Ti)){Ut(Di,tt);continue}at&&O([st,it,W],so=>{Ti=Z(Ti,so," ")});const er=zn(tt.nodeName);if(Lt(er,ji,Ti)){if(nn&&("id"===ji||"name"===ji)&&(Ut(Di,tt),Ti="user-content-"+Ti),wt&&"object"==typeof Ke&&"function"==typeof Ke.getAttributeType&&!Oi)switch(Ke.getAttributeType(er,ji)){case"TrustedHTML":Ti=wt.createHTML(Ti);break;case"TrustedScriptURL":Ti=wt.createScriptURL(Ti)}try{Oi?tt.setAttributeNS(Oi,Di,Ti):tt.setAttribute(Di,Ti),w(xt.removed)}catch{}}}qe("afterSanitizeAttributes",tt,null)},yn=function Zt(tt){let Kt=null;const mn=ee(tt);for(qe("beforeSanitizeShadowDOM",tt,null);Kt=mn.nextNode();)qe("uponSanitizeShadowNode",Kt,null),!Dt(Kt)&&(Kt.content instanceof Jt&&Zt(Kt.content),On(Kt));qe("afterSanitizeShadowDOM",tt,null)};return xt.sanitize=function(Zt){let tt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},Kt=null,mn=null,jn=null,Kn=null;if(hi=!Zt,hi&&(Zt="\x3c!--\x3e"),"string"!=typeof Zt&&!nt(Zt)){if("function"!=typeof Zt.toString)throw de("toString is not a function");if("string"!=typeof(Zt=Zt.toString()))throw de("dirty is not a string, aborting")}if(!xt.isSupported)return Zt;if(zt||Ei(tt),xt.removed=[],"string"==typeof Zt&&(dn=!1),dn){if(Zt.nodeName){const Fi=zn(Zt.nodeName);if(!_t[Fi]||re[Fi])throw de("root node is forbidden and cannot be sanitized in-place")}}else if(Zt instanceof ut)Kt=Me("\x3c!----\x3e"),mn=Kt.ownerDocument.importNode(Zt,!0),1===mn.nodeType&&"BODY"===mn.nodeName||"HTML"===mn.nodeName?Kt=mn:Kt.appendChild(mn);else{if(!ln&&!at&&!He&&-1===Zt.indexOf("<"))return wt&&en?wt.createHTML(Zt):Zt;if(Kt=Me(Zt),!Kt)return ln?null:en?Mt:""}Kt&&tn&&fi(Kt.firstChild);const Di=ee(dn?Zt:Kt);for(;jn=Di.nextNode();)Dt(jn)||(jn.content instanceof Jt&&yn(jn.content),On(jn));if(dn)return Zt;if(ln){if(Rt)for(Kn=Yt.call(Kt.ownerDocument);Kt.firstChild;)Kn.appendChild(Kt.firstChild);else Kn=Kt;return(Se.shadowroot||Se.shadowrootmode)&&(Kn=lt.call(sn,Kn,!0)),Kn}let Oi=He?Kt.outerHTML:Kt.innerHTML;return He&&_t["!doctype"]&&Kt.ownerDocument&&Kt.ownerDocument.doctype&&Kt.ownerDocument.doctype.name&&ue(Gt,Kt.ownerDocument.doctype.name)&&(Oi="<!DOCTYPE "+Kt.ownerDocument.doctype.name+">\n"+Oi),at&&O([st,it,W],Fi=>{Oi=Z(Oi,Fi," ")}),wt&&en?wt.createHTML(Oi):Oi},xt.setConfig=function(){Ei(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),zt=!0},xt.clearConfig=function(){oi=null,zt=!1},xt.isValidAttribute=function(Zt,tt,Kt){oi||Ei({});const mn=zn(Zt),jn=zn(tt);return Lt(mn,jn,Kt)},xt.addHook=function(Zt,tt){"function"==typeof tt&&(ot[Zt]=ot[Zt]||[],S(ot[Zt],tt))},xt.removeHook=function(Zt){if(ot[Zt])return w(ot[Zt])},xt.removeHooks=function(Zt){ot[Zt]&&(ot[Zt]=[])},xt.removeAllHooks=function(){ot={}},xt}()}()},5622:(Ve,ae,s)=>{"use strict";function e(X){return Array.prototype.slice.call(arguments,1).forEach(function(K){K&&Object.keys(K).forEach(function(ne){X[ne]=K[ne]})}),X}function o(X){return Object.prototype.toString.call(X)}function f(X){return"[object Function]"===o(X)}function m(X){return X.replace(/[.?*+^$[\]\\(){}|-]/g,"\\$&")}var C={fuzzyLink:!0,fuzzyEmail:!0,fuzzyIP:!1},w={"http:":{validate:function(X,B,K){var ne=X.slice(B);return K.re.http||(K.re.http=new RegExp("^\\/\\/"+K.re.src_auth+K.re.src_host_port_strict+K.re.src_path,"i")),K.re.http.test(ne)?ne.match(K.re.http)[0].length:0}},"https:":"http:","ftp:":"http:","//":{validate:function(X,B,K){var ne=X.slice(B);return K.re.no_http||(K.re.no_http=new RegExp("^"+K.re.src_auth+"(?:localhost|(?:(?:"+K.re.src_domain+")\\.)+"+K.re.src_domain_root+")"+K.re.src_port+K.re.src_host_terminator+K.re.src_path,"i")),K.re.no_http.test(ne)?B>=3&&":"===X[B-3]||B>=3&&"/"===X[B-3]?0:ne.match(K.re.no_http)[0].length:0}},"mailto:":{validate:function(X,B,K){var ne=X.slice(B);return K.re.mailto||(K.re.mailto=new RegExp("^"+K.re.src_email_name+"@"+K.re.src_host_strict,"i")),K.re.mailto.test(ne)?ne.match(K.re.mailto)[0].length:0}}},S="a[cdefgilmnoqrstuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eosuw]|s[abcdeghijklmnortuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]",y="biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|\u0440\u0444".split("|");function le(X){var B=X.re=s(6249)(X.__opts__),K=X.__tlds__.slice();function ne(we){return we.replace("%TLDS%",B.src_tlds)}X.onCompile(),X.__tlds_replaced__||K.push(S),K.push(B.src_xn),B.src_tlds=K.join("|"),B.email_fuzzy=RegExp(ne(B.tpl_email_fuzzy),"i"),B.link_fuzzy=RegExp(ne(B.tpl_link_fuzzy),"i"),B.link_no_ip_fuzzy=RegExp(ne(B.tpl_link_no_ip_fuzzy),"i"),B.host_fuzzy_test=RegExp(ne(B.tpl_host_fuzzy_test),"i");var We=[];function Le(we,Ee){throw new Error('(LinkifyIt) Invalid schema "'+we+'": '+Ee)}X.__compiled__={},Object.keys(X.__schemas__).forEach(function(we){var Ee=X.__schemas__[we];if(null!==Ee){var $e={validate:null,link:null};if(X.__compiled__[we]=$e,function _(X){return"[object Object]"===o(X)}(Ee))return function g(X){return"[object RegExp]"===o(X)}(Ee.validate)?$e.validate=function z(X){return function(B,K){var ne=B.slice(K);return X.test(ne)?ne.match(X)[0].length:0}}(Ee.validate):f(Ee.validate)?$e.validate=Ee.validate:Le(we,Ee),void(f(Ee.normalize)?$e.normalize=Ee.normalize:Ee.normalize?Le(we,Ee):$e.normalize=function(X,B){B.normalize(X)});if(function p(X){return"[object String]"===o(X)}(Ee))return void We.push(we);Le(we,Ee)}}),We.forEach(function(we){X.__compiled__[X.__schemas__[we]]&&(X.__compiled__[we].validate=X.__compiled__[X.__schemas__[we]].validate,X.__compiled__[we].normalize=X.__compiled__[X.__schemas__[we]].normalize)}),X.__compiled__[""]={validate:null,normalize:function(X,B){B.normalize(X)}};var Je=Object.keys(X.__compiled__).filter(function(we){return we.length>0&&X.__compiled__[we]}).map(m).join("|");X.re.schema_test=RegExp("(^|(?!_)(?:[><\uff5c]|"+B.src_ZPCc+"))("+Je+")","i"),X.re.schema_search=RegExp("(^|(?!_)(?:[><\uff5c]|"+B.src_ZPCc+"))("+Je+")","ig"),X.re.schema_at_start=RegExp("^"+X.re.schema_search.source,"i"),X.re.pretest=RegExp("("+X.re.schema_test.source+")|("+X.re.host_fuzzy_test.source+")|@","i"),function U(X){X.__index__=-1,X.__text_cache__=""}(X)}function Q(X,B){var K=X.__index__,ne=X.__last_index__,We=X.__text_cache__.slice(K,ne);this.schema=X.__schema__.toLowerCase(),this.index=K+B,this.lastIndex=ne+B,this.raw=We,this.text=We,this.url=We}function ue(X,B){var K=new Q(X,B);return X.__compiled__[K.schema].normalize(K,X),K}function de(X,B){if(!(this instanceof de))return new de(X,B);B||function O(X){return Object.keys(X||{}).reduce(function(B,K){return B||C.hasOwnProperty(K)},!1)}(X)&&(B=X,X={}),this.__opts__=e({},C,B),this.__index__=-1,this.__last_index__=-1,this.__schema__="",this.__text_cache__="",this.__schemas__=e({},w,X),this.__compiled__={},this.__tlds__=y,this.__tlds_replaced__=!1,this.re={},le(this)}de.prototype.add=function(B,K){return this.__schemas__[B]=K,le(this),this},de.prototype.set=function(B){return this.__opts__=e(this.__opts__,B),this},de.prototype.test=function(B){if(this.__text_cache__=B,this.__index__=-1,!B.length)return!1;var K,ne,We,Le,Je,we,Ee,$e;if(this.re.schema_test.test(B))for((Ee=this.re.schema_search).lastIndex=0;null!==(K=Ee.exec(B));)if(Le=this.testSchemaAt(B,K[2],Ee.lastIndex)){this.__schema__=K[2],this.__index__=K.index+K[1].length,this.__last_index__=K.index+K[0].length+Le;break}return this.__opts__.fuzzyLink&&this.__compiled__["http:"]&&($e=B.search(this.re.host_fuzzy_test))>=0&&(this.__index__<0||$e<this.__index__)&&null!==(ne=B.match(this.__opts__.fuzzyIP?this.re.link_fuzzy:this.re.link_no_ip_fuzzy))&&(Je=ne.index+ne[1].length,(this.__index__<0||Je<this.__index__)&&(this.__schema__="",this.__index__=Je,this.__last_index__=ne.index+ne[0].length)),this.__opts__.fuzzyEmail&&this.__compiled__["mailto:"]&&B.indexOf("@")>=0&&null!==(We=B.match(this.re.email_fuzzy))&&(Je=We.index+We[1].length,we=We.index+We[0].length,(this.__index__<0||Je<this.__index__||Je===this.__index__&&we>this.__last_index__)&&(this.__schema__="mailto:",this.__index__=Je,this.__last_index__=we)),this.__index__>=0},de.prototype.pretest=function(B){return this.re.pretest.test(B)},de.prototype.testSchemaAt=function(B,K,ne){return this.__compiled__[K.toLowerCase()]?this.__compiled__[K.toLowerCase()].validate(B,ne,this):0},de.prototype.match=function(B){var K=0,ne=[];this.__index__>=0&&this.__text_cache__===B&&(ne.push(ue(this,K)),K=this.__last_index__);for(var We=K?B.slice(K):B;this.test(We);)ne.push(ue(this,K)),We=We.slice(this.__last_index__),K+=this.__last_index__;return ne.length?ne:null},de.prototype.matchAtStart=function(B){if(this.__text_cache__=B,this.__index__=-1,!B.length)return null;var K=this.re.schema_at_start.exec(B);if(!K)return null;var ne=this.testSchemaAt(B,K[2],K[0].length);return ne?(this.__schema__=K[2],this.__index__=K.index+K[1].length,this.__last_index__=K.index+K[0].length+ne,ue(this,0)):null},de.prototype.tlds=function(B,K){return B=Array.isArray(B)?B:[B],K?(this.__tlds__=this.__tlds__.concat(B).sort().filter(function(ne,We,Le){return ne!==Le[We-1]}).reverse(),le(this),this):(this.__tlds__=B.slice(),this.__tlds_replaced__=!0,le(this),this)},de.prototype.normalize=function(B){B.schema||(B.url="http://"+B.url),"mailto:"===B.schema&&!/^mailto:/i.test(B.url)&&(B.url="mailto:"+B.url)},de.prototype.onCompile=function(){},Ve.exports=de},6249:(Ve,ae,s)=>{"use strict";Ve.exports=function(e){var o={};e=e||{},o.src_Any=s(3644).source,o.src_Cc=s(9756).source,o.src_Z=s(1905).source,o.src_P=s(4897).source,o.src_ZPCc=[o.src_Z,o.src_P,o.src_Cc].join("|"),o.src_ZCc=[o.src_Z,o.src_Cc].join("|");return o.src_pseudo_letter="(?:(?![><\uff5c]|"+o.src_ZPCc+")"+o.src_Any+")",o.src_ip4="(?:(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",o.src_auth="(?:(?:(?!"+o.src_ZCc+"|[@/\\[\\]()]).)+@)?",o.src_port="(?::(?:6(?:[0-4]\\d{3}|5(?:[0-4]\\d{2}|5(?:[0-2]\\d|3[0-5])))|[1-5]?\\d{1,4}))?",o.src_host_terminator="(?=$|[><\uff5c]|"+o.src_ZPCc+")(?!"+(e["---"]?"-(?!--)|":"-|")+"_|:\\d|\\.-|\\.(?!$|"+o.src_ZPCc+"))",o.src_path="(?:[/?#](?:(?!"+o.src_ZCc+"|[><\uff5c]|[()[\\]{}.,\"'?!\\-;]).|\\[(?:(?!"+o.src_ZCc+"|\\]).)*\\]|\\((?:(?!"+o.src_ZCc+"|[)]).)*\\)|\\{(?:(?!"+o.src_ZCc+'|[}]).)*\\}|\\"(?:(?!'+o.src_ZCc+'|["]).)+\\"|\\\'(?:(?!'+o.src_ZCc+"|[']).)+\\'|\\'(?="+o.src_pseudo_letter+"|[-])|\\.{2,}[a-zA-Z0-9%/&]|\\.(?!"+o.src_ZCc+"|[.]|$)|"+(e["---"]?"\\-(?!--(?:[^-]|$))(?:-*)|":"\\-+|")+",(?!"+o.src_ZCc+"|$)|;(?!"+o.src_ZCc+"|$)|\\!+(?!"+o.src_ZCc+"|[!]|$)|\\?(?!"+o.src_ZCc+"|[?]|$))+|\\/)?",o.src_email_name='[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*',o.src_xn="xn--[a-z0-9\\-]{1,59}",o.src_domain_root="(?:"+o.src_xn+"|"+o.src_pseudo_letter+"{1,63})",o.src_domain="(?:"+o.src_xn+"|(?:"+o.src_pseudo_letter+")|(?:"+o.src_pseudo_letter+"(?:-|"+o.src_pseudo_letter+"){0,61}"+o.src_pseudo_letter+"))",o.src_host="(?:(?:(?:(?:"+o.src_domain+")\\.)*"+o.src_domain+"))",o.tpl_host_fuzzy="(?:"+o.src_ip4+"|(?:(?:(?:"+o.src_domain+")\\.)+(?:%TLDS%)))",o.tpl_host_no_ip_fuzzy="(?:(?:(?:"+o.src_domain+")\\.)+(?:%TLDS%))",o.src_host_strict=o.src_host+o.src_host_terminator,o.tpl_host_fuzzy_strict=o.tpl_host_fuzzy+o.src_host_terminator,o.src_host_port_strict=o.src_host+o.src_port+o.src_host_terminator,o.tpl_host_port_fuzzy_strict=o.tpl_host_fuzzy+o.src_port+o.src_host_terminator,o.tpl_host_port_no_ip_fuzzy_strict=o.tpl_host_no_ip_fuzzy+o.src_port+o.src_host_terminator,o.tpl_host_fuzzy_test="localhost|www\\.|\\.\\d{1,3}\\.|(?:\\.(?:%TLDS%)(?:"+o.src_ZPCc+"|>|$))",o.tpl_email_fuzzy='(^|[><\uff5c]|"|\\(|'+o.src_ZCc+")("+o.src_email_name+"@"+o.tpl_host_fuzzy_strict+")",o.tpl_link_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+o.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+o.tpl_host_port_fuzzy_strict+o.src_path+")",o.tpl_link_no_ip_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+o.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+o.tpl_host_port_no_ip_fuzzy_strict+o.src_path+")",o}},4841:(Ve,ae,s)=>{"use strict";Ve.exports=s(5096)},1087:(Ve,ae,s)=>{"use strict";Ve.exports=s(5485)},9204:Ve=>{"use strict";Ve.exports=["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","section","source","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"]},7110:Ve=>{"use strict";var g="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",f="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>",S=new RegExp("^(?:"+g+"|"+f+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|<[?][\\s\\S]*?[?]>|<![A-Z]+\\s+[^>]*>|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>)"),y=new RegExp("^(?:"+g+"|"+f+")");Ve.exports.n=S,Ve.exports.q=y},7504:(Ve,ae,s)=>{"use strict";var p=Object.prototype.hasOwnProperty;function _(Ie,G){return p.call(Ie,G)}function m(Ie){return!(Ie>=55296&&Ie<=57343||Ie>=64976&&Ie<=65007||65535==(65535&Ie)||65534==(65535&Ie)||Ie>=0&&Ie<=8||11===Ie||Ie>=14&&Ie<=31||Ie>=127&&Ie<=159||Ie>1114111)}function C(Ie){return Ie>65535?(Ie-=65536,String.fromCharCode(55296+(Ie>>10),56320+(1023&Ie))):String.fromCharCode(Ie)}var O=/\\([!"#$%&'()*+,\-.\/:;<=>?@[\\\]^_`{|}~])/g,S=new RegExp(O.source+"|"+/&([a-z#][a-z0-9]{1,31});/gi.source,"gi"),y=/^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))$/i,U=s(1087),Q=/[&<>"]/,ue=/[&<>"]/g,de={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};function X(Ie){return de[Ie]}var K=/[.?*+^$[\]\\(){}|-]/g,Je=s(4897);ae.lib={},ae.lib.mdurl=s(4149),ae.lib.ucmicro=s(8363),ae.assign=function g(Ie){return Array.prototype.slice.call(arguments,1).forEach(function(he){if(he){if("object"!=typeof he)throw new TypeError(he+"must be object");Object.keys(he).forEach(function(ye){Ie[ye]=he[ye]})}}),Ie},ae.isString=function o(Ie){return"[object String]"===function e(Ie){return Object.prototype.toString.call(Ie)}(Ie)},ae.has=_,ae.unescapeMd=function Z(Ie){return Ie.indexOf("\\")<0?Ie:Ie.replace(O,"$1")},ae.unescapeAll=function le(Ie){return Ie.indexOf("\\")<0&&Ie.indexOf("&")<0?Ie:Ie.replace(S,function(G,he,ye){return he||function z(Ie,G){var he;return _(U,G)?U[G]:35===G.charCodeAt(0)&&y.test(G)&&m(he="x"===G[1].toLowerCase()?parseInt(G.slice(2),16):parseInt(G.slice(1),10))?C(he):Ie}(G,ye)})},ae.isValidEntityCode=m,ae.fromCodePoint=C,ae.escapeHtml=function B(Ie){return Q.test(Ie)?Ie.replace(ue,X):Ie},ae.arrayReplaceAt=function f(Ie,G,he){return[].concat(Ie.slice(0,G),he,Ie.slice(G+1))},ae.isSpace=function We(Ie){switch(Ie){case 9:case 32:return!0}return!1},ae.isWhiteSpace=function Le(Ie){if(Ie>=8192&&Ie<=8202)return!0;switch(Ie){case 9:case 10:case 11:case 12:case 13:case 32:case 160:case 5760:case 8239:case 8287:case 12288:return!0}return!1},ae.isMdAsciiPunct=function Ee(Ie){switch(Ie){case 33:case 34:case 35:case 36:case 37:case 38:case 39:case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:case 58:case 59:case 60:case 61:case 62:case 63:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 124:case 125:case 126:return!0;default:return!1}},ae.isPunctChar=function we(Ie){return Je.test(Ie)},ae.escapeRE=function ne(Ie){return Ie.replace(K,"\\$&")},ae.normalizeReference=function $e(Ie){return Ie=Ie.trim().replace(/\s+/g," "),"\u1e7e"==="\u1e9e".toLowerCase()&&(Ie=Ie.replace(/\u1e9e/g,"\xdf")),Ie.toLowerCase().toUpperCase()}},2869:(Ve,ae,s)=>{"use strict";ae.parseLinkLabel=s(8666),ae.parseLinkDestination=s(4349),ae.parseLinkTitle=s(5874)},4349:(Ve,ae,s)=>{"use strict";var e=s(7504).unescapeAll;Ve.exports=function(p,_,g){var f,m,C=_,O={ok:!1,pos:0,lines:0,str:""};if(60===p.charCodeAt(C)){for(C++;C<g;){if(10===(f=p.charCodeAt(C))||60===f)return O;if(62===f)return O.pos=C+1,O.str=e(p.slice(_+1,C)),O.ok=!0,O;92===f&&C+1<g?C+=2:C++}return O}for(m=0;C<g&&!(32===(f=p.charCodeAt(C))||f<32||127===f);)if(92===f&&C+1<g){if(32===p.charCodeAt(C+1))break;C+=2}else{if(40===f&&++m>32)return O;if(41===f){if(0===m)break;m--}C++}return _===C||0!==m||(O.str=e(p.slice(_,C)),O.pos=C,O.ok=!0),O}},8666:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m=-1,C=s.posMax,O=s.pos;for(s.pos=e+1,p=1;s.pos<C;){if(93===(g=s.src.charCodeAt(s.pos))&&0==--p){_=!0;break}if(f=s.pos,s.md.inline.skipToken(s),91===g)if(f===s.pos-1)p++;else if(o)return s.pos=O,-1}return _&&(m=s.pos),s.pos=O,m}},5874:(Ve,ae,s)=>{"use strict";var e=s(7504).unescapeAll;Ve.exports=function(p,_,g){var f,m,C=0,O=_,w={ok:!1,pos:0,lines:0,str:""};if(O>=g||34!==(m=p.charCodeAt(O))&&39!==m&&40!==m)return w;for(O++,40===m&&(m=41);O<g;){if((f=p.charCodeAt(O))===m)return w.pos=O+1,w.lines=C,w.str=e(p.slice(_+1,O)),w.ok=!0,w;if(40===f&&41===m)return w;10===f?C++:92===f&&O+1<g&&(O++,10===p.charCodeAt(O)&&C++),O++}return w}},5096:(Ve,ae,s)=>{"use strict";var e=s(7504),o=s(2869),p=s(2282),_=s(5321),g=s(1269),f=s(4189),m=s(5622),C=s(4149),O=s(1911),w={default:s(7044),zero:s(7970),commonmark:s(9611)},S=/^(vbscript|javascript|file|data):/,y=/^data:image\/(gif|png|jpeg|webp);/;function U(ue){var de=ue.trim().toLowerCase();return!S.test(de)||!!y.test(de)}var z=["http:","https:","mailto:"];function Z(ue){var de=C.parse(ue,!0);if(de.hostname&&(!de.protocol||z.indexOf(de.protocol)>=0))try{de.hostname=O.toASCII(de.hostname)}catch{}return C.encode(C.format(de))}function le(ue){var de=C.parse(ue,!0);if(de.hostname&&(!de.protocol||z.indexOf(de.protocol)>=0))try{de.hostname=O.toUnicode(de.hostname)}catch{}return C.decode(C.format(de),C.decode.defaultChars+"%")}function Q(ue,de){if(!(this instanceof Q))return new Q(ue,de);de||e.isString(ue)||(de=ue||{},ue="default"),this.inline=new f,this.block=new g,this.core=new _,this.renderer=new p,this.linkify=new m,this.validateLink=U,this.normalizeLink=Z,this.normalizeLinkText=le,this.utils=e,this.helpers=e.assign({},o),this.options={},this.configure(ue),de&&this.set(de)}Q.prototype.set=function(ue){return e.assign(this.options,ue),this},Q.prototype.configure=function(ue){var X,de=this;if(e.isString(ue)&&!(ue=w[X=ue]))throw new Error('Wrong `markdown-it` preset "'+X+'", check name');if(!ue)throw new Error("Wrong `markdown-it` preset, can't be empty");return ue.options&&de.set(ue.options),ue.components&&Object.keys(ue.components).forEach(function(B){ue.components[B].rules&&de[B].ruler.enableOnly(ue.components[B].rules),ue.components[B].rules2&&de[B].ruler2.enableOnly(ue.components[B].rules2)}),this},Q.prototype.enable=function(ue,de){var X=[];Array.isArray(ue)||(ue=[ue]),["core","block","inline"].forEach(function(K){X=X.concat(this[K].ruler.enable(ue,!0))},this),X=X.concat(this.inline.ruler2.enable(ue,!0));var B=ue.filter(function(K){return X.indexOf(K)<0});if(B.length&&!de)throw new Error("MarkdownIt. Failed to enable unknown rule(s): "+B);return this},Q.prototype.disable=function(ue,de){var X=[];Array.isArray(ue)||(ue=[ue]),["core","block","inline"].forEach(function(K){X=X.concat(this[K].ruler.disable(ue,!0))},this),X=X.concat(this.inline.ruler2.disable(ue,!0));var B=ue.filter(function(K){return X.indexOf(K)<0});if(B.length&&!de)throw new Error("MarkdownIt. Failed to disable unknown rule(s): "+B);return this},Q.prototype.use=function(ue){var de=[this].concat(Array.prototype.slice.call(arguments,1));return ue.apply(ue,de),this},Q.prototype.parse=function(ue,de){if("string"!=typeof ue)throw new Error("Input data should be a String");var X=new this.core.State(ue,this,de);return this.core.process(X),X.tokens},Q.prototype.render=function(ue,de){return this.renderer.render(this.parse(ue,de=de||{}),this.options,de)},Q.prototype.parseInline=function(ue,de){var X=new this.core.State(ue,this,de);return X.inlineMode=!0,this.core.process(X),X.tokens},Q.prototype.renderInline=function(ue,de){return this.renderer.render(this.parseInline(ue,de=de||{}),this.options,de)},Ve.exports=Q},1269:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["table",s(6961),["paragraph","reference"]],["code",s(7636)],["fence",s(785),["paragraph","reference","blockquote","list"]],["blockquote",s(8264),["paragraph","reference","blockquote","list"]],["hr",s(622),["paragraph","reference","blockquote","list"]],["list",s(6483),["paragraph","reference","blockquote"]],["reference",s(9194)],["html_block",s(7607),["paragraph","reference","blockquote"]],["heading",s(5492),["paragraph","reference","blockquote"]],["lheading",s(6726)],["paragraph",s(3794)]];function p(){this.ruler=new e;for(var _=0;_<o.length;_++)this.ruler.push(o[_][0],o[_][1],{alt:(o[_][2]||[]).slice()})}p.prototype.tokenize=function(_,g,f){for(var m,C,O,w=this.ruler.getRules(""),S=w.length,y=g,U=!1,z=_.md.options.maxNesting;y<f&&(_.line=y=_.skipEmptyLines(y),!(y>=f||_.sCount[y]<_.blkIndent));){if(_.level>=z){_.line=f;break}for(O=_.line,C=0;C<S;C++)if(m=w[C](_,y,f,!1)){if(O>=_.line)throw new Error("block rule didn't increment state.line");break}if(!m)throw new Error("none of the block rules matched");_.tight=!U,_.isEmpty(_.line-1)&&(U=!0),(y=_.line)<f&&_.isEmpty(y)&&(U=!0,y++,_.line=y)}},p.prototype.parse=function(_,g,f,m){var C;_&&(C=new this.State(_,g,f,m),this.tokenize(C,C.line,C.lineMax))},p.prototype.State=s(9031),Ve.exports=p},5321:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["normalize",s(4140)],["block",s(5199)],["inline",s(3286)],["linkify",s(3490)],["replacements",s(5131)],["smartquotes",s(7185)],["text_join",s(1726)]];function p(){this.ruler=new e;for(var _=0;_<o.length;_++)this.ruler.push(o[_][0],o[_][1])}p.prototype.process=function(_){var g,f,m;for(g=0,f=(m=this.ruler.getRules("")).length;g<f;g++)m[g](_)},p.prototype.State=s(6546),Ve.exports=p},4189:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["text",s(6242)],["linkify",s(9850)],["newline",s(8254)],["escape",s(340)],["backticks",s(8326)],["strikethrough",s(8032).w],["emphasis",s(8023).w],["link",s(1786)],["image",s(898)],["autolink",s(6891)],["html_inline",s(5061)],["entity",s(8685)]],p=[["balance_pairs",s(4312)],["strikethrough",s(8032).g],["emphasis",s(8023).g],["fragments_join",s(6109)]];function _(){var g;for(this.ruler=new e,g=0;g<o.length;g++)this.ruler.push(o[g][0],o[g][1]);for(this.ruler2=new e,g=0;g<p.length;g++)this.ruler2.push(p[g][0],p[g][1])}_.prototype.skipToken=function(g){var f,m,C=g.pos,O=this.ruler.getRules(""),w=O.length,S=g.md.options.maxNesting,y=g.cache;if(typeof y[C]<"u")g.pos=y[C];else{if(g.level<S){for(m=0;m<w;m++)if(g.level++,f=O[m](g,!0),g.level--,f){if(C>=g.pos)throw new Error("inline rule didn't increment state.pos");break}}else g.pos=g.posMax;f||g.pos++,y[C]=g.pos}},_.prototype.tokenize=function(g){for(var f,m,C,O=this.ruler.getRules(""),w=O.length,S=g.posMax,y=g.md.options.maxNesting;g.pos<S;){if(C=g.pos,g.level<y)for(m=0;m<w;m++)if(f=O[m](g,!1)){if(C>=g.pos)throw new Error("inline rule didn't increment state.pos");break}if(f){if(g.pos>=S)break}else g.pending+=g.src[g.pos++]}g.pending&&g.pushPending()},_.prototype.parse=function(g,f,m,C){var O,w,S,y=new this.State(g,f,m,C);for(this.tokenize(y),S=(w=this.ruler2.getRules("")).length,O=0;O<S;O++)w[O](y)},_.prototype.State=s(9017),Ve.exports=_},9611:Ve=>{"use strict";Ve.exports={options:{html:!0,xhtmlOut:!0,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["blockquote","code","fence","heading","hr","html_block","lheading","list","reference","paragraph"]},inline:{rules:["autolink","backticks","emphasis","entity","escape","html_inline","image","link","newline","text"],rules2:["balance_pairs","emphasis","fragments_join"]}}}},7044:Ve=>{"use strict";Ve.exports={options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:100},components:{core:{},block:{},inline:{}}}},7970:Ve=>{"use strict";Ve.exports={options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["paragraph"]},inline:{rules:["text"],rules2:["balance_pairs","fragments_join"]}}}},2282:(Ve,ae,s)=>{"use strict";var e=s(7504).assign,o=s(7504).unescapeAll,p=s(7504).escapeHtml,_={};function g(){this.rules=e({},_)}_.code_inline=function(f,m,C,O,w){var S=f[m];return"<code"+w.renderAttrs(S)+">"+p(S.content)+"</code>"},_.code_block=function(f,m,C,O,w){return"<pre"+w.renderAttrs(f[m])+"><code>"+p(f[m].content)+"</code></pre>\n"},_.fence=function(f,m,C,O,w){var Z,le,Q,ue,S=f[m],y=S.info?o(S.info).trim():"",U="",z="";return y&&(U=(Q=y.split(/(\s+)/g))[0],z=Q.slice(2).join("")),0===(Z=C.highlight&&C.highlight(S.content,U,z)||p(S.content)).indexOf("<pre")?Z+"\n":y?(le=S.attrIndex("class"),ue=S.attrs?S.attrs.slice():[],le<0?ue.push(["class",C.langPrefix+U]):(ue[le]=ue[le].slice(),ue[le][1]+=" "+C.langPrefix+U),"<pre><code"+w.renderAttrs({attrs:ue})+">"+Z+"</code></pre>\n"):"<pre><code"+w.renderAttrs(S)+">"+Z+"</code></pre>\n"},_.image=function(f,m,C,O,w){var S=f[m];return S.attrs[S.attrIndex("alt")][1]=w.renderInlineAsText(S.children,C,O),w.renderToken(f,m,C)},_.hardbreak=function(f,m,C){return C.xhtmlOut?"<br />\n":"<br>\n"},_.softbreak=function(f,m,C){return C.breaks?C.xhtmlOut?"<br />\n":"<br>\n":"\n"},_.text=function(f,m){return p(f[m].content)},_.html_block=function(f,m){return f[m].content},_.html_inline=function(f,m){return f[m].content},g.prototype.renderAttrs=function(m){var C,O,w;if(!m.attrs)return"";for(w="",C=0,O=m.attrs.length;C<O;C++)w+=" "+p(m.attrs[C][0])+'="'+p(m.attrs[C][1])+'"';return w},g.prototype.renderToken=function(m,C,O){var w,S="",y=!1,U=m[C];return U.hidden?"":(U.block&&-1!==U.nesting&&C&&m[C-1].hidden&&(S+="\n"),S+=(-1===U.nesting?"</":"<")+U.tag,S+=this.renderAttrs(U),0===U.nesting&&O.xhtmlOut&&(S+=" /"),U.block&&(y=!0,1===U.nesting&&C+1<m.length&&("inline"===(w=m[C+1]).type||w.hidden||-1===w.nesting&&w.tag===U.tag)&&(y=!1)),S+=y?">\n":">")},g.prototype.renderInline=function(f,m,C){for(var O,w="",S=this.rules,y=0,U=f.length;y<U;y++)w+=typeof S[O=f[y].type]<"u"?S[O](f,y,m,C,this):this.renderToken(f,y,m);return w},g.prototype.renderInlineAsText=function(f,m,C){for(var O="",w=0,S=f.length;w<S;w++)"text"===f[w].type?O+=f[w].content:"image"===f[w].type?O+=this.renderInlineAsText(f[w].children,m,C):"softbreak"===f[w].type&&(O+="\n");return O},g.prototype.render=function(f,m,C){var O,w,S,y="",U=this.rules;for(O=0,w=f.length;O<w;O++)y+="inline"===(S=f[O].type)?this.renderInline(f[O].children,m,C):typeof U[S]<"u"?U[S](f,O,m,C,this):this.renderToken(f,O,m,C);return y},Ve.exports=g},7869:Ve=>{"use strict";function ae(){this.__rules__=[],this.__cache__=null}ae.prototype.__find__=function(s){for(var e=0;e<this.__rules__.length;e++)if(this.__rules__[e].name===s)return e;return-1},ae.prototype.__compile__=function(){var s=this,e=[""];s.__rules__.forEach(function(o){o.enabled&&o.alt.forEach(function(p){e.indexOf(p)<0&&e.push(p)})}),s.__cache__={},e.forEach(function(o){s.__cache__[o]=[],s.__rules__.forEach(function(p){p.enabled&&(o&&p.alt.indexOf(o)<0||s.__cache__[o].push(p.fn))})})},ae.prototype.at=function(s,e,o){var p=this.__find__(s),_=o||{};if(-1===p)throw new Error("Parser rule not found: "+s);this.__rules__[p].fn=e,this.__rules__[p].alt=_.alt||[],this.__cache__=null},ae.prototype.before=function(s,e,o,p){var _=this.__find__(s),g=p||{};if(-1===_)throw new Error("Parser rule not found: "+s);this.__rules__.splice(_,0,{name:e,enabled:!0,fn:o,alt:g.alt||[]}),this.__cache__=null},ae.prototype.after=function(s,e,o,p){var _=this.__find__(s),g=p||{};if(-1===_)throw new Error("Parser rule not found: "+s);this.__rules__.splice(_+1,0,{name:e,enabled:!0,fn:o,alt:g.alt||[]}),this.__cache__=null},ae.prototype.push=function(s,e,o){this.__rules__.push({name:s,enabled:!0,fn:e,alt:(o||{}).alt||[]}),this.__cache__=null},ae.prototype.enable=function(s,e){Array.isArray(s)||(s=[s]);var o=[];return s.forEach(function(p){var _=this.__find__(p);if(_<0){if(e)return;throw new Error("Rules manager: invalid rule name "+p)}this.__rules__[_].enabled=!0,o.push(p)},this),this.__cache__=null,o},ae.prototype.enableOnly=function(s,e){Array.isArray(s)||(s=[s]),this.__rules__.forEach(function(o){o.enabled=!1}),this.enable(s,e)},ae.prototype.disable=function(s,e){Array.isArray(s)||(s=[s]);var o=[];return s.forEach(function(p){var _=this.__find__(p);if(_<0){if(e)return;throw new Error("Rules manager: invalid rule name "+p)}this.__rules__[_].enabled=!1,o.push(p)},this),this.__cache__=null,o},ae.prototype.getRules=function(s){return null===this.__cache__&&this.__compile__(),this.__cache__[s]||[]},Ve.exports=ae},8264:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we=p.lineMax,Ee=p.bMarks[_]+p.tShift[_],$e=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||62!==p.src.charCodeAt(Ee))return!1;if(f)return!0;for(le=[],Q=[],X=[],B=[],We=p.md.block.ruler.getRules("blockquote"),de=p.parentType,p.parentType="blockquote",z=_;z<g&&(Je=p.sCount[z]<p.blkIndent,!((Ee=p.bMarks[z]+p.tShift[z])>=($e=p.eMarks[z])));z++)if(62!==p.src.charCodeAt(Ee++)||Je){if(y)break;for(ne=!1,O=0,S=We.length;O<S;O++)if(We[O](p,z,g,!0)){ne=!0;break}if(ne){p.lineMax=z,0!==p.blkIndent&&(le.push(p.bMarks[z]),Q.push(p.bsCount[z]),B.push(p.tShift[z]),X.push(p.sCount[z]),p.sCount[z]-=p.blkIndent);break}le.push(p.bMarks[z]),Q.push(p.bsCount[z]),B.push(p.tShift[z]),X.push(p.sCount[z]),p.sCount[z]=-1}else{for(w=p.sCount[z]+1,32===p.src.charCodeAt(Ee)?(Ee++,w++,m=!1,K=!0):9===p.src.charCodeAt(Ee)?(K=!0,(p.bsCount[z]+w)%4==3?(Ee++,w++,m=!1):m=!0):K=!1,Z=w,le.push(p.bMarks[z]),p.bMarks[z]=Ee;Ee<$e&&(C=p.src.charCodeAt(Ee),e(C));)9===C?Z+=4-(Z+p.bsCount[z]+(m?1:0))%4:Z++,Ee++;y=Ee>=$e,Q.push(p.bsCount[z]),p.bsCount[z]=p.sCount[z]+1+(K?1:0),X.push(p.sCount[z]),p.sCount[z]=Z-w,B.push(p.tShift[z]),p.tShift[z]=Ee-p.bMarks[z]}for(ue=p.blkIndent,p.blkIndent=0,(Le=p.push("blockquote_open","blockquote",1)).markup=">",Le.map=U=[_,0],p.md.block.tokenize(p,_,z),(Le=p.push("blockquote_close","blockquote",-1)).markup=">",p.lineMax=we,p.parentType=de,U[1]=p.line,O=0;O<B.length;O++)p.bMarks[O+_]=le[O],p.tShift[O+_]=B[O],p.sCount[O+_]=X[O],p.bsCount[O+_]=Q[O];return p.blkIndent=ue,!0}},7636:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g;if(s.sCount[e]-s.blkIndent<4)return!1;for(_=p=e+1;p<o;)if(s.isEmpty(p))p++;else{if(!(s.sCount[p]-s.blkIndent>=4))break;_=++p}return s.line=_,(g=s.push("code_block","code",0)).content=s.getLines(e,_,4+s.blkIndent,!1)+"\n",g.map=[e,s.line],!0}},785:Ve=>{"use strict";Ve.exports=function(s,e,o,p){var _,g,f,m,C,O,w,S=!1,y=s.bMarks[e]+s.tShift[e],U=s.eMarks[e];if(s.sCount[e]-s.blkIndent>=4||y+3>U||126!==(_=s.src.charCodeAt(y))&&96!==_||(C=y,(g=(y=s.skipChars(y,_))-C)<3)||(w=s.src.slice(C,y),f=s.src.slice(y,U),96===_&&f.indexOf(String.fromCharCode(_))>=0))return!1;if(p)return!0;for(m=e;!(++m>=o||(y=C=s.bMarks[m]+s.tShift[m],U=s.eMarks[m],y<U&&s.sCount[m]<s.blkIndent));)if(!(s.src.charCodeAt(y)!==_||s.sCount[m]-s.blkIndent>=4||(y=s.skipChars(y,_),y-C<g||(y=s.skipSpaces(y),y<U)))){S=!0;break}return g=s.sCount[e],s.line=m+(S?1:0),(O=s.push("fence","code",0)).info=f,O.content=s.getLines(e+1,m,g,!0),O.markup=w,O.map=[e,s.line],!0}},5492:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S=p.bMarks[_]+p.tShift[_],y=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||35!==(m=p.src.charCodeAt(S))||S>=y)return!1;for(C=1,m=p.src.charCodeAt(++S);35===m&&S<y&&C<=6;)C++,m=p.src.charCodeAt(++S);return!(C>6||S<y&&!e(m)||(f||(y=p.skipSpacesBack(y,S),(O=p.skipCharsBack(y,35,S))>S&&e(p.src.charCodeAt(O-1))&&(y=O),p.line=_+1,(w=p.push("heading_open","h"+String(C),1)).markup="########".slice(0,C),w.map=[_,p.line],(w=p.push("inline","",0)).content=p.src.slice(S,y).trim(),w.map=[_,p.line],w.children=[],(w=p.push("heading_close","h"+String(C),-1)).markup="########".slice(0,C)),0))}},622:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S=p.bMarks[_]+p.tShift[_],y=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||42!==(m=p.src.charCodeAt(S++))&&45!==m&&95!==m)return!1;for(C=1;S<y;){if((O=p.src.charCodeAt(S++))!==m&&!e(O))return!1;O===m&&C++}return!(C<3||(f||(p.line=_+1,(w=p.push("hr","hr",0)).map=[_,p.line],w.markup=Array(C+1).join(String.fromCharCode(m))),0))}},7607:(Ve,ae,s)=>{"use strict";var e=s(9204),o=s(7110).q,p=[[/^<(script|pre|style|textarea)(?=(\s|>|$))/i,/<\/(script|pre|style|textarea)>/i,!0],[/^<!--/,/-->/,!0],[/^<\?/,/\?>/,!0],[/^<![A-Z]/,/>/,!0],[/^<!\[CDATA\[/,/\]\]>/,!0],[new RegExp("^</?("+e.join("|")+")(?=(\\s|/?>|$))","i"),/^$/,!0],[new RegExp(o.source+"\\s*$"),/^$/,!1]];Ve.exports=function(g,f,m,C){var O,w,S,y,U=g.bMarks[f]+g.tShift[f],z=g.eMarks[f];if(g.sCount[f]-g.blkIndent>=4||!g.md.options.html||60!==g.src.charCodeAt(U))return!1;for(y=g.src.slice(U,z),O=0;O<p.length&&!p[O][0].test(y);O++);if(O===p.length)return!1;if(C)return p[O][2];if(w=f+1,!p[O][1].test(y))for(;w<m&&!(g.sCount[w]<g.blkIndent);w++)if(y=g.src.slice(U=g.bMarks[w]+g.tShift[w],z=g.eMarks[w]),p[O][1].test(y)){0!==y.length&&w++;break}return g.line=w,(S=g.push("html_block","",0)).map=[f,w],S.content=g.getLines(f,w,g.blkIndent,!0),!0}},6726:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m,C,O,w,S,U,y=e+1,z=s.md.block.ruler.getRules("paragraph");if(s.sCount[e]-s.blkIndent>=4)return!1;for(U=s.parentType,s.parentType="paragraph";y<o&&!s.isEmpty(y);y++)if(!(s.sCount[y]-s.blkIndent>3)){if(s.sCount[y]>=s.blkIndent&&(C=s.bMarks[y]+s.tShift[y])<(O=s.eMarks[y])&&(45===(S=s.src.charCodeAt(C))||61===S)&&(C=s.skipChars(C,S),(C=s.skipSpaces(C))>=O)){w=61===S?1:2;break}if(!(s.sCount[y]<0)){for(_=!1,g=0,f=z.length;g<f;g++)if(z[g](s,y,o,!0)){_=!0;break}if(_)break}}return!!w&&(p=s.getLines(e,y,s.blkIndent,!1).trim(),s.line=y+1,(m=s.push("heading_open","h"+String(w),1)).markup=String.fromCharCode(S),m.map=[e,s.line],(m=s.push("inline","",0)).content=p,m.map=[e,s.line-1],m.children=[],(m=s.push("heading_close","h"+String(w),-1)).markup=String.fromCharCode(S),s.parentType=U,!0)}},6483:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;function o(g,f){var m,C,O,w;return C=g.bMarks[f]+g.tShift[f],O=g.eMarks[f],42!==(m=g.src.charCodeAt(C++))&&45!==m&&43!==m||C<O&&(w=g.src.charCodeAt(C),!e(w))?-1:C}function p(g,f){var m,C=g.bMarks[f]+g.tShift[f],O=C,w=g.eMarks[f];if(O+1>=w||(m=g.src.charCodeAt(O++))<48||m>57)return-1;for(;;){if(O>=w)return-1;if(!((m=g.src.charCodeAt(O++))>=48&&m<=57)){if(41===m||46===m)break;return-1}if(O-C>=10)return-1}return O<w&&(m=g.src.charCodeAt(O),!e(m))?-1:O}Ve.exports=function(f,m,C,O){var w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we,Ee,$e,Ie,G,he,ye,te,Re,q,ce=m,be=!1,N=!0;if(f.sCount[ce]-f.blkIndent>=4||f.listIndent>=0&&f.sCount[ce]-f.listIndent>=4&&f.sCount[ce]<f.blkIndent)return!1;if(O&&"paragraph"===f.parentType&&f.sCount[ce]>=f.blkIndent&&(be=!0),(G=p(f,ce))>=0){if(le=!0,ye=f.bMarks[ce]+f.tShift[ce],K=Number(f.src.slice(ye,G-1)),be&&1!==K)return!1}else{if(!((G=o(f,ce))>=0))return!1;le=!1}if(be&&f.skipSpaces(G)>=f.eMarks[ce])return!1;if(O)return!0;for(B=f.src.charCodeAt(G-1),X=f.tokens.length,le?(q=f.push("ordered_list_open","ol",1),1!==K&&(q.attrs=[["start",K]])):q=f.push("bullet_list_open","ul",1),q.map=de=[ce,0],q.markup=String.fromCharCode(B),he=!1,Re=f.md.block.ruler.getRules("list"),Je=f.parentType,f.parentType="list";ce<C;){for(Ie=G,ne=f.eMarks[ce],Z=We=f.sCount[ce]+G-(f.bMarks[ce]+f.tShift[ce]);Ie<ne;){if(9===(w=f.src.charCodeAt(Ie)))We+=4-(We+f.bsCount[ce])%4;else{if(32!==w)break;We++}Ie++}if((z=(S=Ie)>=ne?1:We-Z)>4&&(z=1),U=Z+z,(q=f.push("list_item_open","li",1)).markup=String.fromCharCode(B),q.map=Q=[ce,0],le&&(q.info=f.src.slice(ye,G-1)),$e=f.tight,Ee=f.tShift[ce],we=f.sCount[ce],Le=f.listIndent,f.listIndent=f.blkIndent,f.blkIndent=U,f.tight=!0,f.tShift[ce]=S-f.bMarks[ce],f.sCount[ce]=We,S>=ne&&f.isEmpty(ce+1)?f.line=Math.min(f.line+2,C):f.md.block.tokenize(f,ce,C,!0),(!f.tight||he)&&(N=!1),he=f.line-ce>1&&f.isEmpty(f.line-1),f.blkIndent=f.listIndent,f.listIndent=Le,f.tShift[ce]=Ee,f.sCount[ce]=we,f.tight=$e,(q=f.push("list_item_close","li",-1)).markup=String.fromCharCode(B),Q[1]=ce=f.line,ce>=C||f.sCount[ce]<f.blkIndent||f.sCount[ce]-f.blkIndent>=4)break;for(te=!1,y=0,ue=Re.length;y<ue;y++)if(Re[y](f,ce,C,!0)){te=!0;break}if(te)break;if(le){if((G=p(f,ce))<0)break;ye=f.bMarks[ce]+f.tShift[ce]}else if((G=o(f,ce))<0)break;if(B!==f.src.charCodeAt(G-1))break}return(q=le?f.push("ordered_list_close","ol",-1):f.push("bullet_list_close","ul",-1)).markup=String.fromCharCode(B),de[1]=ce,f.line=ce,f.parentType=Je,N&&function _(g,f){var m,C,O=g.level+2;for(m=f+2,C=g.tokens.length-2;m<C;m++)g.tokens[m].level===O&&"paragraph_open"===g.tokens[m].type&&(g.tokens[m+2].hidden=!0,g.tokens[m].hidden=!0,m+=2)}(f,X),!0}},3794:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m,C,O=e+1,w=s.md.block.ruler.getRules("paragraph");for(C=s.parentType,s.parentType="paragraph";O<o&&!s.isEmpty(O);O++)if(!(s.sCount[O]-s.blkIndent>3||s.sCount[O]<0)){for(_=!1,g=0,f=w.length;g<f;g++)if(w[g](s,O,o,!0)){_=!0;break}if(_)break}return p=s.getLines(e,O,s.blkIndent,!1).trim(),s.line=O,(m=s.push("paragraph_open","p",1)).map=[e,s.line],(m=s.push("inline","",0)).content=p,m.map=[e,s.line],m.children=[],m=s.push("paragraph_close","p",-1),s.parentType=C,!0}},9194:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g,f,m){var C,O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We=0,Le=_.bMarks[g]+_.tShift[g],Je=_.eMarks[g],we=g+1;if(_.sCount[g]-_.blkIndent>=4||91!==_.src.charCodeAt(Le))return!1;for(;++Le<Je;)if(93===_.src.charCodeAt(Le)&&92!==_.src.charCodeAt(Le-1)){if(Le+1===Je||58!==_.src.charCodeAt(Le+1))return!1;break}for(S=_.lineMax,K=_.md.block.ruler.getRules("reference"),Q=_.parentType,_.parentType="reference";we<S&&!_.isEmpty(we);we++)if(!(_.sCount[we]-_.blkIndent>3||_.sCount[we]<0)){for(B=!1,U=0,z=K.length;U<z;U++)if(K[U](_,we,S,!0)){B=!0;break}if(B)break}for(Je=(X=_.getLines(g,we,_.blkIndent,!1).trim()).length,Le=1;Le<Je;Le++){if(91===(C=X.charCodeAt(Le)))return!1;if(93===C){le=Le;break}(10===C||92===C&&++Le<Je&&10===X.charCodeAt(Le))&&We++}if(le<0||58!==X.charCodeAt(le+1))return!1;for(Le=le+2;Le<Je;Le++)if(10===(C=X.charCodeAt(Le)))We++;else if(!o(C))break;if(!(ue=_.md.helpers.parseLinkDestination(X,Le,Je)).ok||(y=_.md.normalizeLink(ue.str),!_.md.validateLink(y)))return!1;for(O=Le=ue.pos,w=We+=ue.lines,de=Le;Le<Je;Le++)if(10===(C=X.charCodeAt(Le)))We++;else if(!o(C))break;for(ue=_.md.helpers.parseLinkTitle(X,Le,Je),Le<Je&&de!==Le&&ue.ok?(ne=ue.str,Le=ue.pos,We+=ue.lines):(ne="",Le=O,We=w);Le<Je&&(C=X.charCodeAt(Le),o(C));)Le++;if(Le<Je&&10!==X.charCodeAt(Le)&&ne)for(ne="",Le=O,We=w;Le<Je&&(C=X.charCodeAt(Le),o(C));)Le++;return!(Le<Je&&10!==X.charCodeAt(Le)||(Z=e(X.slice(1,le)),!Z)||(m||(typeof _.env.references>"u"&&(_.env.references={}),typeof _.env.references[Z]>"u"&&(_.env.references[Z]={title:ne,href:y}),_.parentType=Q,_.line=g+We+1),0))}},9031:(Ve,ae,s)=>{"use strict";var e=s(8253),o=s(7504).isSpace;function p(_,g,f,m){var C,O,w,S,y,U,z,Z;for(this.src=_,this.md=g,this.env=f,this.tokens=m,this.bMarks=[],this.eMarks=[],this.tShift=[],this.sCount=[],this.bsCount=[],this.blkIndent=0,this.line=0,this.lineMax=0,this.tight=!1,this.ddIndent=-1,this.listIndent=-1,this.parentType="root",this.level=0,this.result="",Z=!1,w=S=U=z=0,y=(O=this.src).length;S<y;S++){if(C=O.charCodeAt(S),!Z){if(o(C)){U++,9===C?z+=4-z%4:z++;continue}Z=!0}(10===C||S===y-1)&&(10!==C&&S++,this.bMarks.push(w),this.eMarks.push(S),this.tShift.push(U),this.sCount.push(z),this.bsCount.push(0),Z=!1,U=0,z=0,w=S+1)}this.bMarks.push(O.length),this.eMarks.push(O.length),this.tShift.push(0),this.sCount.push(0),this.bsCount.push(0),this.lineMax=this.bMarks.length-1}p.prototype.push=function(_,g,f){var m=new e(_,g,f);return m.block=!0,f<0&&this.level--,m.level=this.level,f>0&&this.level++,this.tokens.push(m),m},p.prototype.isEmpty=function(g){return this.bMarks[g]+this.tShift[g]>=this.eMarks[g]},p.prototype.skipEmptyLines=function(g){for(var f=this.lineMax;g<f&&!(this.bMarks[g]+this.tShift[g]<this.eMarks[g]);g++);return g},p.prototype.skipSpaces=function(g){for(var f,m=this.src.length;g<m&&(f=this.src.charCodeAt(g),o(f));g++);return g},p.prototype.skipSpacesBack=function(g,f){if(g<=f)return g;for(;g>f;)if(!o(this.src.charCodeAt(--g)))return g+1;return g},p.prototype.skipChars=function(g,f){for(var m=this.src.length;g<m&&this.src.charCodeAt(g)===f;g++);return g},p.prototype.skipCharsBack=function(g,f,m){if(g<=m)return g;for(;g>m;)if(f!==this.src.charCodeAt(--g))return g+1;return g},p.prototype.getLines=function(g,f,m,C){var O,w,S,y,U,z,Z,le=g;if(g>=f)return"";for(z=new Array(f-g),O=0;le<f;le++,O++){for(w=0,Z=y=this.bMarks[le],U=le+1<f||C?this.eMarks[le]+1:this.eMarks[le];y<U&&w<m;){if(S=this.src.charCodeAt(y),o(S))9===S?w+=4-(w+this.bsCount[le])%4:w++;else{if(!(y-Z<this.tShift[le]))break;w++}y++}z[O]=w>m?new Array(w-m+1).join(" ")+this.src.slice(y,U):this.src.slice(y,U)}return z.join("")},p.prototype.Token=e,Ve.exports=p},6961:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;function o(_,g){return _.src.slice(_.bMarks[g]+_.tShift[g],_.eMarks[g])}function p(_){var C,g=[],f=0,m=_.length,O=!1,w=0,S="";for(C=_.charCodeAt(f);f<m;)124===C&&(O?(S+=_.substring(w,f-1),w=f):(g.push(S+_.substring(w,f)),S="",w=f+1)),O=92===C,f++,C=_.charCodeAt(f);return g.push(S+_.substring(w)),g}Ve.exports=function(g,f,m,C){var O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je;if(f+2>m||g.sCount[z=f+1]<g.blkIndent||g.sCount[z]-g.blkIndent>=4||(S=g.bMarks[z]+g.tShift[z])>=g.eMarks[z]||124!==(Le=g.src.charCodeAt(S++))&&45!==Le&&58!==Le||S>=g.eMarks[z]||124!==(Je=g.src.charCodeAt(S++))&&45!==Je&&58!==Je&&!e(Je)||45===Le&&e(Je))return!1;for(;S<g.eMarks[z];){if(124!==(O=g.src.charCodeAt(S))&&45!==O&&58!==O&&!e(O))return!1;S++}for(Z=(w=o(g,f+1)).split("|"),ue=[],y=0;y<Z.length;y++){if(!(de=Z[y].trim())){if(0===y||y===Z.length-1)continue;return!1}if(!/^:?-+:?$/.test(de))return!1;58===de.charCodeAt(de.length-1)?ue.push(58===de.charCodeAt(0)?"center":"right"):58===de.charCodeAt(0)?ue.push("left"):ue.push("")}if(-1===(w=o(g,f).trim()).indexOf("|")||g.sCount[f]-g.blkIndent>=4||((Z=p(w)).length&&""===Z[0]&&Z.shift(),Z.length&&""===Z[Z.length-1]&&Z.pop(),0===(le=Z.length)||le!==ue.length))return!1;if(C)return!0;for(K=g.parentType,g.parentType="table",We=g.md.block.ruler.getRules("blockquote"),(Q=g.push("table_open","table",1)).map=X=[f,0],(Q=g.push("thead_open","thead",1)).map=[f,f+1],(Q=g.push("tr_open","tr",1)).map=[f,f+1],y=0;y<Z.length;y++)Q=g.push("th_open","th",1),ue[y]&&(Q.attrs=[["style","text-align:"+ue[y]]]),(Q=g.push("inline","",0)).content=Z[y].trim(),Q.children=[],Q=g.push("th_close","th",-1);for(Q=g.push("tr_close","tr",-1),Q=g.push("thead_close","thead",-1),z=f+2;z<m&&!(g.sCount[z]<g.blkIndent);z++){for(ne=!1,y=0,U=We.length;y<U;y++)if(We[y](g,z,m,!0)){ne=!0;break}if(ne||!(w=o(g,z).trim())||g.sCount[z]-g.blkIndent>=4)break;for((Z=p(w)).length&&""===Z[0]&&Z.shift(),Z.length&&""===Z[Z.length-1]&&Z.pop(),z===f+2&&((Q=g.push("tbody_open","tbody",1)).map=B=[f+2,0]),(Q=g.push("tr_open","tr",1)).map=[z,z+1],y=0;y<le;y++)Q=g.push("td_open","td",1),ue[y]&&(Q.attrs=[["style","text-align:"+ue[y]]]),(Q=g.push("inline","",0)).content=Z[y]?Z[y].trim():"",Q.children=[],Q=g.push("td_close","td",-1);Q=g.push("tr_close","tr",-1)}return B&&(Q=g.push("tbody_close","tbody",-1),B[1]=z),Q=g.push("table_close","table",-1),X[1]=z,g.parentType=K,g.line=z,!0}},5199:Ve=>{"use strict";Ve.exports=function(s){var e;s.inlineMode?((e=new s.Token("inline","",0)).content=s.src,e.map=[0,1],e.children=[],s.tokens.push(e)):s.md.block.parse(s.src,s.md,s.env,s.tokens)}},3286:Ve=>{"use strict";Ve.exports=function(s){var o,p,_,e=s.tokens;for(p=0,_=e.length;p<_;p++)"inline"===(o=e[p]).type&&s.md.inline.parse(o.content,s.md,s.env,o.children)}},3490:(Ve,ae,s)=>{"use strict";var e=s(7504).arrayReplaceAt;Ve.exports=function(g){var f,m,C,O,w,S,y,U,z,Z,le,Q,ue,X,B,ne,K=g.tokens;if(g.md.options.linkify)for(m=0,C=K.length;m<C;m++)if("inline"===K[m].type&&g.md.linkify.pretest(K[m].content))for(ue=0,f=(O=K[m].children).length-1;f>=0;f--)if("link_close"!==(S=O[f]).type){if("html_inline"===S.type&&(/^<a[>\s]/i.test(S.content)&&ue>0&&ue--,/^<\/a\s*>/i.test(S.content)&&ue++),!(ue>0)&&"text"===S.type&&g.md.linkify.test(S.content)){for(ne=g.md.linkify.match(z=S.content),y=[],Q=S.level,le=0,ne.length>0&&0===ne[0].index&&f>0&&"text_special"===O[f-1].type&&(ne=ne.slice(1)),U=0;U<ne.length;U++)X=g.md.normalizeLink(ne[U].url),g.md.validateLink(X)&&(B=ne[U].text,B=ne[U].schema?"mailto:"!==ne[U].schema||/^mailto:/i.test(B)?g.md.normalizeLinkText(B):g.md.normalizeLinkText("mailto:"+B).replace(/^mailto:/,""):g.md.normalizeLinkText("http://"+B).replace(/^http:\/\//,""),(Z=ne[U].index)>le&&((w=new g.Token("text","",0)).content=z.slice(le,Z),w.level=Q,y.push(w)),(w=new g.Token("link_open","a",1)).attrs=[["href",X]],w.level=Q++,w.markup="linkify",w.info="auto",y.push(w),(w=new g.Token("text","",0)).content=B,w.level=Q,y.push(w),(w=new g.Token("link_close","a",-1)).level=--Q,w.markup="linkify",w.info="auto",y.push(w),le=ne[U].lastIndex);le<z.length&&((w=new g.Token("text","",0)).content=z.slice(le),w.level=Q,y.push(w)),K[m].children=O=e(O,f,y)}}else for(f--;O[f].level!==S.level&&"link_open"!==O[f].type;)f--}},4140:Ve=>{"use strict";var ae=/\r\n?|\n/g,s=/\0/g;Ve.exports=function(o){var p;p=(p=o.src.replace(ae,"\n")).replace(s,"\ufffd"),o.src=p}},5131:Ve=>{"use strict";var ae=/\+-|\.\.|\?\?\?\?|!!!!|,,|--/,s=/\((c|tm|r)\)/i,e=/\((c|tm|r)\)/gi,o={c:"\xa9",r:"\xae",tm:"\u2122"};function p(f,m){return o[m.toLowerCase()]}function _(f){var m,C,O=0;for(m=f.length-1;m>=0;m--)"text"===(C=f[m]).type&&!O&&(C.content=C.content.replace(e,p)),"link_open"===C.type&&"auto"===C.info&&O--,"link_close"===C.type&&"auto"===C.info&&O++}function g(f){var m,C,O=0;for(m=f.length-1;m>=0;m--)"text"===(C=f[m]).type&&!O&&ae.test(C.content)&&(C.content=C.content.replace(/\+-/g,"\xb1").replace(/\.{2,}/g,"\u2026").replace(/([?!])\u2026/g,"$1..").replace(/([?!]){4,}/g,"$1$1$1").replace(/,{2,}/g,",").replace(/(^|[^-])---(?=[^-]|$)/gm,"$1\u2014").replace(/(^|\s)--(?=\s|$)/gm,"$1\u2013").replace(/(^|[^-\s])--(?=[^-\s]|$)/gm,"$1\u2013")),"link_open"===C.type&&"auto"===C.info&&O--,"link_close"===C.type&&"auto"===C.info&&O++}Ve.exports=function(m){var C;if(m.md.options.typographer)for(C=m.tokens.length-1;C>=0;C--)"inline"===m.tokens[C].type&&(s.test(m.tokens[C].content)&&_(m.tokens[C].children),ae.test(m.tokens[C].content)&&g(m.tokens[C].children))}},7185:(Ve,ae,s)=>{"use strict";var e=s(7504).isWhiteSpace,o=s(7504).isPunctChar,p=s(7504).isMdAsciiPunct,_=/['"]/,g=/['"]/g,f="\u2019";function m(O,w,S){return O.slice(0,w)+S+O.slice(w+1)}function C(O,w){var S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we,Ee,$e,Ie,G;for($e=[],S=0;S<O.length;S++){for(y=O[S],Q=O[S].level,we=$e.length-1;we>=0&&!($e[we].level<=Q);we--);if($e.length=we+1,"text"===y.type){Z=0,le=(U=y.content).length;e:for(;Z<le&&(g.lastIndex=Z,z=g.exec(U),z);){if(Le=Je=!0,Z=z.index+1,Ee="'"===z[0],de=32,z.index-1>=0)de=U.charCodeAt(z.index-1);else for(we=S-1;we>=0&&"softbreak"!==O[we].type&&"hardbreak"!==O[we].type;we--)if(O[we].content){de=O[we].content.charCodeAt(O[we].content.length-1);break}if(X=32,Z<le)X=U.charCodeAt(Z);else for(we=S+1;we<O.length&&"softbreak"!==O[we].type&&"hardbreak"!==O[we].type;we++)if(O[we].content){X=O[we].content.charCodeAt(0);break}if(B=p(de)||o(String.fromCharCode(de)),K=p(X)||o(String.fromCharCode(X)),ne=e(de),(We=e(X))?Le=!1:K&&(ne||B||(Le=!1)),ne?Je=!1:B&&(We||K||(Je=!1)),34===X&&'"'===z[0]&&de>=48&&de<=57&&(Je=Le=!1),Le&&Je&&(Le=B,Je=K),Le||Je){if(Je)for(we=$e.length-1;we>=0&&(ue=$e[we],!($e[we].level<Q));we--)if(ue.single===Ee&&$e[we].level===Q){ue=$e[we],Ee?(Ie=w.md.options.quotes[2],G=w.md.options.quotes[3]):(Ie=w.md.options.quotes[0],G=w.md.options.quotes[1]),y.content=m(y.content,z.index,G),O[ue.token].content=m(O[ue.token].content,ue.pos,Ie),Z+=G.length-1,ue.token===S&&(Z+=Ie.length-1),le=(U=y.content).length,$e.length=we;continue e}Le?$e.push({token:S,pos:z.index,single:Ee,level:Q}):Je&&Ee&&(y.content=m(y.content,z.index,f))}else Ee&&(y.content=m(y.content,z.index,f))}}}}Ve.exports=function(w){var S;if(w.md.options.typographer)for(S=w.tokens.length-1;S>=0;S--)"inline"!==w.tokens[S].type||!_.test(w.tokens[S].content)||C(w.tokens[S].children,w)}},6546:(Ve,ae,s)=>{"use strict";var e=s(8253);function o(p,_,g){this.src=p,this.env=g,this.tokens=[],this.inlineMode=!1,this.md=_}o.prototype.Token=e,Ve.exports=o},1726:Ve=>{"use strict";Ve.exports=function(s){var e,o,p,_,g,f,m=s.tokens;for(e=0,o=m.length;e<o;e++)if("inline"===m[e].type){for(g=(p=m[e].children).length,_=0;_<g;_++)"text_special"===p[_].type&&(p[_].type="text");for(_=f=0;_<g;_++)"text"===p[_].type&&_+1<g&&"text"===p[_+1].type?p[_+1].content=p[_].content+p[_+1].content:(_!==f&&(p[f]=p[_]),f++);_!==f&&(p.length=f)}}},6891:Ve=>{"use strict";var ae=/^([a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/,s=/^([a-zA-Z][a-zA-Z0-9+.\-]{1,31}):([^<>\x00-\x20]*)$/;Ve.exports=function(o,p){var _,g,f,m,C,O,w=o.pos;if(60!==o.src.charCodeAt(w))return!1;for(C=o.pos,O=o.posMax;;){if(++w>=O||60===(m=o.src.charCodeAt(w)))return!1;if(62===m)break}return _=o.src.slice(C+1,w),s.test(_)?(g=o.md.normalizeLink(_),!!o.md.validateLink(g)&&(p||((f=o.push("link_open","a",1)).attrs=[["href",g]],f.markup="autolink",f.info="auto",(f=o.push("text","",0)).content=o.md.normalizeLinkText(_),(f=o.push("link_close","a",-1)).markup="autolink",f.info="auto"),o.pos+=_.length+2,!0)):!!ae.test(_)&&(g=o.md.normalizeLink("mailto:"+_),!!o.md.validateLink(g)&&(p||((f=o.push("link_open","a",1)).attrs=[["href",g]],f.markup="autolink",f.info="auto",(f=o.push("text","",0)).content=o.md.normalizeLinkText(_),(f=o.push("link_close","a",-1)).markup="autolink",f.info="auto"),o.pos+=_.length+2,!0))}},8326:Ve=>{"use strict";Ve.exports=function(s,e){var o,p,_,g,f,m,C,O,w=s.pos;if(96!==s.src.charCodeAt(w))return!1;for(o=w,w++,p=s.posMax;w<p&&96===s.src.charCodeAt(w);)w++;if(C=(_=s.src.slice(o,w)).length,s.backticksScanned&&(s.backticks[C]||0)<=o)return e||(s.pending+=_),s.pos+=C,!0;for(m=w;-1!==(f=s.src.indexOf("`",m));){for(m=f+1;m<p&&96===s.src.charCodeAt(m);)m++;if((O=m-f)===C)return e||((g=s.push("code_inline","code",0)).markup=_,g.content=s.src.slice(w,f).replace(/\n/g," ").replace(/^ (.+) $/,"$1")),s.pos=m,!0;s.backticks[O]=f}return s.backticksScanned=!0,e||(s.pending+=_),s.pos+=C,!0}},4312:Ve=>{"use strict";function ae(s){var e,o,p,_,g,f,m,C,O={},w=s.length;if(w){var S=0,y=-2,U=[];for(e=0;e<w;e++)if(p=s[e],U.push(0),(s[S].marker!==p.marker||y!==p.token-1)&&(S=e),y=p.token,p.length=p.length||0,p.close){for(O.hasOwnProperty(p.marker)||(O[p.marker]=[-1,-1,-1,-1,-1,-1]),g=O[p.marker][(p.open?3:0)+p.length%3],f=o=S-U[S]-1;o>g;o-=U[o]+1)if((_=s[o]).marker===p.marker&&_.open&&_.end<0&&(m=!1,(_.close||p.open)&&(_.length+p.length)%3==0&&(_.length%3!=0||p.length%3!=0)&&(m=!0),!m)){U[e]=e-o+(C=o>0&&!s[o-1].open?U[o-1]+1:0),U[o]=C,p.open=!1,_.end=e,_.close=!1,f=-1,y=-2;break}-1!==f&&(O[p.marker][(p.open?3:0)+(p.length||0)%3]=f)}}}Ve.exports=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(p[o].delimiters)}},8023:Ve=>{"use strict";function ae(s,e){var o,p,_,g,f,m;for(o=e.length-1;o>=0;o--)(95===(p=e[o]).marker||42===p.marker)&&-1!==p.end&&(_=e[p.end],m=o>0&&e[o-1].end===p.end+1&&e[o-1].marker===p.marker&&e[o-1].token===p.token-1&&e[p.end+1].token===_.token+1,f=String.fromCharCode(p.marker),(g=s.tokens[p.token]).type=m?"strong_open":"em_open",g.tag=m?"strong":"em",g.nesting=1,g.markup=m?f+f:f,g.content="",(g=s.tokens[_.token]).type=m?"strong_close":"em_close",g.tag=m?"strong":"em",g.nesting=-1,g.markup=m?f+f:f,g.content="",m&&(s.tokens[e[o-1].token].content="",s.tokens[e[p.end+1].token].content="",o--))}Ve.exports.w=function(e,o){var p,_,m=e.src.charCodeAt(e.pos);if(o||95!==m&&42!==m)return!1;for(_=e.scanDelims(e.pos,42===m),p=0;p<_.length;p++)e.push("text","",0).content=String.fromCharCode(m),e.delimiters.push({marker:m,length:_.length,token:e.tokens.length-1,end:-1,open:_.can_open,close:_.can_close});return e.pos+=_.length,!0},Ve.exports.g=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e,e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(e,p[o].delimiters)}},8685:(Ve,ae,s)=>{"use strict";var e=s(1087),o=s(7504).has,p=s(7504).isValidEntityCode,_=s(7504).fromCodePoint,g=/^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i,f=/^&([a-z][a-z0-9]{1,31});/i;Ve.exports=function(C,O){var S,y,U,z=C.pos,Z=C.posMax;if(38!==C.src.charCodeAt(z)||z+1>=Z)return!1;if(35===C.src.charCodeAt(z+1)){if(y=C.src.slice(z).match(g))return O||(S="x"===y[1][0].toLowerCase()?parseInt(y[1].slice(1),16):parseInt(y[1],10),(U=C.push("text_special","",0)).content=p(S)?_(S):_(65533),U.markup=y[0],U.info="entity"),C.pos+=y[0].length,!0}else if((y=C.src.slice(z).match(f))&&o(e,y[1]))return O||((U=C.push("text_special","",0)).content=e[y[1]],U.markup=y[0],U.info="entity"),C.pos+=y[0].length,!0;return!1}},340:(Ve,ae,s)=>{"use strict";for(var e=s(7504).isSpace,o=[],p=0;p<256;p++)o.push(0);"\\!\"#$%&'()*+,./:;<=>?@[]^_`{|}~-".split("").forEach(function(_){o[_.charCodeAt(0)]=1}),Ve.exports=function(g,f){var m,C,O,w,S,y=g.pos,U=g.posMax;if(92!==g.src.charCodeAt(y)||++y>=U)return!1;if(10===(m=g.src.charCodeAt(y))){for(f||g.push("hardbreak","br",0),y++;y<U&&(m=g.src.charCodeAt(y),e(m));)y++;return g.pos=y,!0}return w=g.src[y],m>=55296&&m<=56319&&y+1<U&&(C=g.src.charCodeAt(y+1))>=56320&&C<=57343&&(w+=g.src[y+1],y++),O="\\"+w,f||((S=g.push("text_special","",0)).content=m<256&&0!==o[m]?w:O,S.markup=O,S.info="escape"),g.pos=y+1,!0}},6109:Ve=>{"use strict";Ve.exports=function(s){var e,o,p=0,_=s.tokens,g=s.tokens.length;for(e=o=0;e<g;e++)_[e].nesting<0&&p--,_[e].level=p,_[e].nesting>0&&p++,"text"===_[e].type&&e+1<g&&"text"===_[e+1].type?_[e+1].content=_[e].content+_[e+1].content:(e!==o&&(_[o]=_[e]),o++);e!==o&&(_.length=o)}},5061:(Ve,ae,s)=>{"use strict";var e=s(7110).n;Ve.exports=function(f,m){var C,O,w,S,y=f.pos;return!(!f.md.options.html||(w=f.posMax,60!==f.src.charCodeAt(y)||y+2>=w)||(C=f.src.charCodeAt(y+1),33!==C&&63!==C&&47!==C&&!function _(g){var f=32|g;return f>=97&&f<=122}(C))||(O=f.src.slice(y).match(e),!O)||(m||((S=f.push("html_inline","",0)).content=O[0],function o(g){return/^<a[>\s]/i.test(g)}(S.content)&&f.linkLevel++,function p(g){return/^<\/a\s*>/i.test(g)}(S.content)&&f.linkLevel--),f.pos+=O[0].length,0))}},898:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g){var f,m,C,O,w,S,y,U,z,Z,le,Q,ue,de="",X=_.pos,B=_.posMax;if(33!==_.src.charCodeAt(_.pos)||91!==_.src.charCodeAt(_.pos+1)||(S=_.pos+2,(w=_.md.helpers.parseLinkLabel(_,_.pos+1,!1))<0))return!1;if((y=w+1)<B&&40===_.src.charCodeAt(y)){for(y++;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);if(y>=B)return!1;for(ue=y,(z=_.md.helpers.parseLinkDestination(_.src,y,_.posMax)).ok&&(de=_.md.normalizeLink(z.str),_.md.validateLink(de)?y=z.pos:de=""),ue=y;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);if(z=_.md.helpers.parseLinkTitle(_.src,y,_.posMax),y<B&&ue!==y&&z.ok)for(Z=z.str,y=z.pos;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);else Z="";if(y>=B||41!==_.src.charCodeAt(y))return _.pos=X,!1;y++}else{if(typeof _.env.references>"u")return!1;if(y<B&&91===_.src.charCodeAt(y)?(ue=y+1,(y=_.md.helpers.parseLinkLabel(_,y))>=0?O=_.src.slice(ue,y++):y=w+1):y=w+1,O||(O=_.src.slice(S,w)),!(U=_.env.references[e(O)]))return _.pos=X,!1;de=U.href,Z=U.title}return g||(C=_.src.slice(S,w),_.md.inline.parse(C,_.md,_.env,Q=[]),(le=_.push("image","img",0)).attrs=f=[["src",de],["alt",""]],le.children=Q,le.content=C,Z&&f.push(["title",Z])),_.pos=y,_.posMax=B,!0}},1786:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g){var f,m,C,O,w,S,y,U,Z="",le="",Q=_.pos,ue=_.posMax,de=_.pos,X=!0;if(91!==_.src.charCodeAt(_.pos)||(w=_.pos+1,(O=_.md.helpers.parseLinkLabel(_,_.pos,!0))<0))return!1;if((S=O+1)<ue&&40===_.src.charCodeAt(S)){for(X=!1,S++;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);if(S>=ue)return!1;if(de=S,(y=_.md.helpers.parseLinkDestination(_.src,S,_.posMax)).ok){for(Z=_.md.normalizeLink(y.str),_.md.validateLink(Z)?S=y.pos:Z="",de=S;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);if(y=_.md.helpers.parseLinkTitle(_.src,S,_.posMax),S<ue&&de!==S&&y.ok)for(le=y.str,S=y.pos;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);}(S>=ue||41!==_.src.charCodeAt(S))&&(X=!0),S++}if(X){if(typeof _.env.references>"u")return!1;if(S<ue&&91===_.src.charCodeAt(S)?(de=S+1,(S=_.md.helpers.parseLinkLabel(_,S))>=0?C=_.src.slice(de,S++):S=O+1):S=O+1,C||(C=_.src.slice(w,O)),!(U=_.env.references[e(C)]))return _.pos=Q,!1;Z=U.href,le=U.title}return g||(_.pos=w,_.posMax=O,_.push("link_open","a",1).attrs=f=[["href",Z]],le&&f.push(["title",le]),_.linkLevel++,_.md.inline.tokenize(_),_.linkLevel--,_.push("link_close","a",-1)),_.pos=S,_.posMax=ue,!0}},9850:Ve=>{"use strict";var ae=/(?:^|[^a-z0-9.+-])([a-z][a-z0-9.+-]*)$/i;Ve.exports=function(e,o){var p,_,g,f,m,C,O,w;return!(!e.md.options.linkify||e.linkLevel>0||(p=e.pos,_=e.posMax,p+3>_)||58!==e.src.charCodeAt(p)||47!==e.src.charCodeAt(p+1)||47!==e.src.charCodeAt(p+2)||(g=e.pending.match(ae),!g)||(f=g[1],m=e.md.linkify.matchAtStart(e.src.slice(p-f.length)),!m)||(C=m.url,C.length<=f.length)||(C=C.replace(/\*+$/,""),O=e.md.normalizeLink(C),!e.md.validateLink(O))||(o||(e.pending=e.pending.slice(0,-f.length),(w=e.push("link_open","a",1)).attrs=[["href",O]],w.markup="linkify",w.info="auto",(w=e.push("text","",0)).content=e.md.normalizeLinkText(C),(w=e.push("link_close","a",-1)).markup="linkify",w.info="auto"),e.pos+=C.length-f.length,0))}},8254:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_){var g,f,m,C=p.pos;if(10!==p.src.charCodeAt(C))return!1;if(g=p.pending.length-1,f=p.posMax,!_)if(g>=0&&32===p.pending.charCodeAt(g))if(g>=1&&32===p.pending.charCodeAt(g-1)){for(m=g-1;m>=1&&32===p.pending.charCodeAt(m-1);)m--;p.pending=p.pending.slice(0,m),p.push("hardbreak","br",0)}else p.pending=p.pending.slice(0,-1),p.push("softbreak","br",0);else p.push("softbreak","br",0);for(C++;C<f&&e(p.src.charCodeAt(C));)C++;return p.pos=C,!0}},9017:(Ve,ae,s)=>{"use strict";var e=s(8253),o=s(7504).isWhiteSpace,p=s(7504).isPunctChar,_=s(7504).isMdAsciiPunct;function g(f,m,C,O){this.src=f,this.env=C,this.md=m,this.tokens=O,this.tokens_meta=Array(O.length),this.pos=0,this.posMax=this.src.length,this.level=0,this.pending="",this.pendingLevel=0,this.cache={},this.delimiters=[],this._prev_delimiters=[],this.backticks={},this.backticksScanned=!1,this.linkLevel=0}g.prototype.pushPending=function(){var f=new e("text","",0);return f.content=this.pending,f.level=this.pendingLevel,this.tokens.push(f),this.pending="",f},g.prototype.push=function(f,m,C){this.pending&&this.pushPending();var O=new e(f,m,C),w=null;return C<0&&(this.level--,this.delimiters=this._prev_delimiters.pop()),O.level=this.level,C>0&&(this.level++,this._prev_delimiters.push(this.delimiters),this.delimiters=[],w={delimiters:this.delimiters}),this.pendingLevel=this.level,this.tokens.push(O),this.tokens_meta.push(w),O},g.prototype.scanDelims=function(f,m){var O,w,S,y,U,z,Z,le,Q,C=f,ue=!0,de=!0,X=this.posMax,B=this.src.charCodeAt(f);for(O=f>0?this.src.charCodeAt(f-1):32;C<X&&this.src.charCodeAt(C)===B;)C++;return S=C-f,w=C<X?this.src.charCodeAt(C):32,Z=_(O)||p(String.fromCharCode(O)),Q=_(w)||p(String.fromCharCode(w)),z=o(O),(le=o(w))?ue=!1:Q&&(z||Z||(ue=!1)),z?de=!1:Z&&(le||Q||(de=!1)),m?(y=ue,U=de):(y=ue&&(!de||Z),U=de&&(!ue||Q)),{can_open:y,can_close:U,length:S}},g.prototype.Token=e,Ve.exports=g},8032:Ve=>{"use strict";function ae(s,e){var o,p,_,g,f,m=[],C=e.length;for(o=0;o<C;o++)126===(_=e[o]).marker&&-1!==_.end&&(g=e[_.end],(f=s.tokens[_.token]).type="s_open",f.tag="s",f.nesting=1,f.markup="~~",f.content="",(f=s.tokens[g.token]).type="s_close",f.tag="s",f.nesting=-1,f.markup="~~",f.content="","text"===s.tokens[g.token-1].type&&"~"===s.tokens[g.token-1].content&&m.push(g.token-1));for(;m.length;){for(p=(o=m.pop())+1;p<s.tokens.length&&"s_close"===s.tokens[p].type;)p++;o!==--p&&(f=s.tokens[p],s.tokens[p]=s.tokens[o],s.tokens[o]=f)}}Ve.exports.w=function(e,o){var p,_,f,m,O=e.src.charCodeAt(e.pos);if(o||126!==O||(f=(_=e.scanDelims(e.pos,!0)).length,m=String.fromCharCode(O),f<2))return!1;for(f%2&&(e.push("text","",0).content=m,f--),p=0;p<f;p+=2)e.push("text","",0).content=m+m,e.delimiters.push({marker:O,length:0,token:e.tokens.length-1,end:-1,open:_.can_open,close:_.can_close});return e.pos+=_.length,!0},Ve.exports.g=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e,e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(e,p[o].delimiters)}},6242:Ve=>{"use strict";function ae(s){switch(s){case 10:case 33:case 35:case 36:case 37:case 38:case 42:case 43:case 45:case 58:case 60:case 61:case 62:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 125:case 126:return!0;default:return!1}}Ve.exports=function(e,o){for(var p=e.pos;p<e.posMax&&!ae(e.src.charCodeAt(p));)p++;return p!==e.pos&&(o||(e.pending+=e.src.slice(e.pos,p)),e.pos=p,!0)}},8253:Ve=>{"use strict";function ae(s,e,o){this.type=s,this.tag=e,this.attrs=null,this.map=null,this.nesting=o,this.level=0,this.children=null,this.content="",this.markup="",this.info="",this.meta=null,this.block=!1,this.hidden=!1}ae.prototype.attrIndex=function(e){var o,p,_;if(!this.attrs)return-1;for(p=0,_=(o=this.attrs).length;p<_;p++)if(o[p][0]===e)return p;return-1},ae.prototype.attrPush=function(e){this.attrs?this.attrs.push(e):this.attrs=[e]},ae.prototype.attrSet=function(e,o){var p=this.attrIndex(e),_=[e,o];p<0?this.attrPush(_):this.attrs[p]=_},ae.prototype.attrGet=function(e){var o=this.attrIndex(e),p=null;return o>=0&&(p=this.attrs[o][1]),p},ae.prototype.attrJoin=function(e,o){var p=this.attrIndex(e);p<0?this.attrPush([e,o]):this.attrs[p][1]=this.attrs[p][1]+" "+o},Ve.exports=ae},5325:Ve=>{"use strict";var ae={};function e(o,p){var _;return"string"!=typeof p&&(p=e.defaultChars),_=function s(o){var p,_,g=ae[o];if(g)return g;for(g=ae[o]=[],p=0;p<128;p++)_=String.fromCharCode(p),g.push(_);for(p=0;p<o.length;p++)g[_=o.charCodeAt(p)]="%"+("0"+_.toString(16).toUpperCase()).slice(-2);return g}(p),o.replace(/(%[a-f0-9]{2})+/gi,function(g){var f,m,C,O,w,S,y,U="";for(f=0,m=g.length;f<m;f+=3)(C=parseInt(g.slice(f+1,f+3),16))<128?U+=_[C]:192==(224&C)&&f+3<m&&128==(192&(O=parseInt(g.slice(f+4,f+6),16)))?(U+=(y=C<<6&1984|63&O)<128?"\ufffd\ufffd":String.fromCharCode(y),f+=3):224==(240&C)&&f+6<m&&(O=parseInt(g.slice(f+4,f+6),16),w=parseInt(g.slice(f+7,f+9),16),128==(192&O)&&128==(192&w))?(U+=(y=C<<12&61440|O<<6&4032|63&w)<2048||y>=55296&&y<=57343?"\ufffd\ufffd\ufffd":String.fromCharCode(y),f+=6):240==(248&C)&&f+9<m&&(O=parseInt(g.slice(f+4,f+6),16),w=parseInt(g.slice(f+7,f+9),16),S=parseInt(g.slice(f+10,f+12),16),128==(192&O)&&128==(192&w)&&128==(192&S))?((y=C<<18&1835008|O<<12&258048|w<<6&4032|63&S)<65536||y>1114111?U+="\ufffd\ufffd\ufffd\ufffd":(y-=65536,U+=String.fromCharCode(55296+(y>>10),56320+(1023&y))),f+=9):U+="\ufffd";return U})}e.defaultChars=";/?:@&=+$,#",e.componentChars="",Ve.exports=e},9108:Ve=>{"use strict";var ae={};function e(o,p,_){var g,f,m,C,O,w="";for("string"!=typeof p&&(_=p,p=e.defaultChars),typeof _>"u"&&(_=!0),O=function s(o){var p,_,g=ae[o];if(g)return g;for(g=ae[o]=[],p=0;p<128;p++)_=String.fromCharCode(p),/^[0-9a-z]$/i.test(_)?g.push(_):g.push("%"+("0"+p.toString(16).toUpperCase()).slice(-2));for(p=0;p<o.length;p++)g[o.charCodeAt(p)]=o[p];return g}(p),g=0,f=o.length;g<f;g++)if(m=o.charCodeAt(g),_&&37===m&&g+2<f&&/^[0-9a-f]{2}$/i.test(o.slice(g+1,g+3)))w+=o.slice(g,g+3),g+=2;else if(m<128)w+=O[m];else if(m>=55296&&m<=57343){if(m>=55296&&m<=56319&&g+1<f&&(C=o.charCodeAt(g+1))>=56320&&C<=57343){w+=encodeURIComponent(o[g]+o[g+1]),g++;continue}w+="%EF%BF%BD"}else w+=encodeURIComponent(o[g]);return w}e.defaultChars=";/?:@&=+$,-_.!~*'()#",e.componentChars="-_.!~*'()",Ve.exports=e},3923:Ve=>{"use strict";Ve.exports=function(s){var e="";return e+=s.protocol||"",e+=s.slashes?"//":"",e+=s.auth?s.auth+"@":"",s.hostname&&-1!==s.hostname.indexOf(":")?e+="["+s.hostname+"]":e+=s.hostname||"",e+=s.port?":"+s.port:"",e+=s.pathname||"",(e+=s.search||"")+(s.hash||"")}},4149:(Ve,ae,s)=>{"use strict";Ve.exports.encode=s(9108),Ve.exports.decode=s(5325),Ve.exports.format=s(3923),Ve.exports.parse=s(4652)},4652:Ve=>{"use strict";function ae(){this.protocol=null,this.slashes=null,this.auth=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.pathname=null}var s=/^([a-z0-9.+-]+:)/i,e=/:[0-9]*$/,o=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,_=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),g=["'"].concat(_),f=["%","/","?",";","#"].concat(g),m=["/","?","#"],O=/^[+a-z0-9A-Z_-]{0,63}$/,w=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,S={javascript:!0,"javascript:":!0},y={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};ae.prototype.parse=function(z,Z){var le,Q,ue,de,X,B=z;if(B=B.trim(),!Z&&1===z.split("#").length){var K=o.exec(B);if(K)return this.pathname=K[1],K[2]&&(this.search=K[2]),this}var ne=s.exec(B);if(ne&&(ue=(ne=ne[0]).toLowerCase(),this.protocol=ne,B=B.substr(ne.length)),(Z||ne||B.match(/^\/\/[^@\/]+@[^@\/]+/))&&(X="//"===B.substr(0,2))&&!(ne&&S[ne])&&(B=B.substr(2),this.slashes=!0),!S[ne]&&(X||ne&&!y[ne])){var Le,Je,We=-1;for(le=0;le<m.length;le++)-1!==(de=B.indexOf(m[le]))&&(-1===We||de<We)&&(We=de);for(-1!==(Je=-1===We?B.lastIndexOf("@"):B.lastIndexOf("@",We))&&(Le=B.slice(0,Je),B=B.slice(Je+1),this.auth=Le),We=-1,le=0;le<f.length;le++)-1!==(de=B.indexOf(f[le]))&&(-1===We||de<We)&&(We=de);-1===We&&(We=B.length),":"===B[We-1]&&We--;var we=B.slice(0,We);B=B.slice(We),this.parseHost(we),this.hostname=this.hostname||"";var Ee="["===this.hostname[0]&&"]"===this.hostname[this.hostname.length-1];if(!Ee){var $e=this.hostname.split(/\./);for(le=0,Q=$e.length;le<Q;le++){var Ie=$e[le];if(Ie&&!Ie.match(O)){for(var G="",he=0,ye=Ie.length;he<ye;he++)Ie.charCodeAt(he)>127?G+="x":G+=Ie[he];if(!G.match(O)){var te=$e.slice(0,le),Re=$e.slice(le+1),q=Ie.match(w);q&&(te.push(q[1]),Re.unshift(q[2])),Re.length&&(B=Re.join(".")+B),this.hostname=te.join(".");break}}}}this.hostname.length>255&&(this.hostname=""),Ee&&(this.hostname=this.hostname.substr(1,this.hostname.length-2))}var ce=B.indexOf("#");-1!==ce&&(this.hash=B.substr(ce),B=B.slice(0,ce));var be=B.indexOf("?");return-1!==be&&(this.search=B.substr(be),B=B.slice(0,be)),B&&(this.pathname=B),y[ue]&&this.hostname&&!this.pathname&&(this.pathname=""),this},ae.prototype.parseHost=function(z){var Z=e.exec(z);Z&&(":"!==(Z=Z[0])&&(this.port=Z.substr(1)),z=z.substr(0,z.length-Z.length)),z&&(this.hostname=z)},Ve.exports=function U(z,Z){if(z&&z instanceof ae)return z;var le=new ae;return le.parse(z,Z),le}},1911:(Ve,ae,s)=>{"use strict";s.r(ae),s.d(ae,{decode:()=>Le,default:()=>Ie,encode:()=>Je,toASCII:()=>Ee,toUnicode:()=>we,ucs2decode:()=>X,ucs2encode:()=>B});const e=2147483647,o=36,w=/^xn--/,S=/[^\0-\x7F]/,y=/[\x2E\u3002\uFF0E\uFF61]/g,U={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},Z=Math.floor,le=String.fromCharCode;function Q(G){throw new RangeError(U[G])}function de(G,he){const ye=G.split("@");let te="";ye.length>1&&(te=ye[0]+"@",G=ye[1]);const q=function ue(G,he){const ye=[];let te=G.length;for(;te--;)ye[te]=he(G[te]);return ye}((G=G.replace(y,".")).split("."),he).join(".");return te+q}function X(G){const he=[];let ye=0;const te=G.length;for(;ye<te;){const Re=G.charCodeAt(ye++);if(Re>=55296&&Re<=56319&&ye<te){const q=G.charCodeAt(ye++);56320==(64512&q)?he.push(((1023&Re)<<10)+(1023&q)+65536):(he.push(Re),ye--)}else he.push(Re)}return he}const B=G=>String.fromCodePoint(...G),K=function(G){return G>=48&&G<58?G-48+26:G>=65&&G<91?G-65:G>=97&&G<123?G-97:o},ne=function(G,he){return G+22+75*(G<26)-((0!=he)<<5)},We=function(G,he,ye){let te=0;for(G=ye?Z(G/700):G>>1,G+=Z(G/he);G>455;te+=o)G=Z(G/35);return Z(te+36*G/(G+38))},Le=function(G){const he=[],ye=G.length;let te=0,Re=128,q=72,ce=G.lastIndexOf("-");ce<0&&(ce=0);for(let be=0;be<ce;++be)G.charCodeAt(be)>=128&&Q("not-basic"),he.push(G.charCodeAt(be));for(let be=ce>0?ce+1:0;be<ye;){const N=te;for(let ze=1,Ct=o;;Ct+=o){be>=ye&&Q("invalid-input");const Et=K(G.charCodeAt(be++));Et>=o&&Q("invalid-input"),Et>Z((e-te)/ze)&&Q("overflow"),te+=Et*ze;const Gt=Ct<=q?1:Ct>=q+26?26:Ct-q;if(Et<Gt)break;const St=o-Gt;ze>Z(e/St)&&Q("overflow"),ze*=St}const _e=he.length+1;q=We(te-N,_e,0==N),Z(te/_e)>e-Re&&Q("overflow"),Re+=Z(te/_e),te%=_e,he.splice(te++,0,Re)}return String.fromCodePoint(...he)},Je=function(G){const he=[],ye=(G=X(G)).length;let te=128,Re=0,q=72;for(const N of G)N<128&&he.push(le(N));const ce=he.length;let be=ce;for(ce&&he.push("-");be<ye;){let N=e;for(const ze of G)ze>=te&&ze<N&&(N=ze);const _e=be+1;N-te>Z((e-Re)/_e)&&Q("overflow"),Re+=(N-te)*_e,te=N;for(const ze of G)if(ze<te&&++Re>e&&Q("overflow"),ze===te){let Ct=Re;for(let Et=o;;Et+=o){const Gt=Et<=q?1:Et>=q+26?26:Et-q;if(Ct<Gt)break;const St=Ct-Gt,qt=o-Gt;he.push(le(ne(Gt+St%qt,0))),Ct=Z(St/qt)}he.push(le(ne(Ct,0))),q=We(Re,_e,be===ce),Re=0,++be}++Re,++te}return he.join("")},we=function(G){return de(G,function(he){return w.test(he)?Le(he.slice(4).toLowerCase()):he})},Ee=function(G){return de(G,function(he){return S.test(he)?"xn--"+Je(he):he})},Ie={version:"2.3.1",ucs2:{decode:X,encode:B},decode:Le,encode:Je,toASCII:Ee,toUnicode:we}},6215:(Ve,ae,s)=>{"use strict";s.d(ae,{X:()=>p});var e=s(9765),o=s(7971);class p extends e.xQ{constructor(g){super(),this._value=g}get value(){return this.getValue()}_subscribe(g){const f=super._subscribe(g);return f&&!f.closed&&g.next(this._value),f}getValue(){if(this.hasError)throw this.thrownError;if(this.closed)throw new o.N;return this._value}next(g){super.next(this._value=g)}}},3098:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>g});var e=s(9193),o=s(5917),p=s(205);class g{constructor(m,C,O){this.kind=m,this.value=C,this.error=O,this.hasValue="N"===m}observe(m){switch(this.kind){case"N":return m.next&&m.next(this.value);case"E":return m.error&&m.error(this.error);case"C":return m.complete&&m.complete()}}do(m,C,O){switch(this.kind){case"N":return m&&m(this.value);case"E":return C&&C(this.error);case"C":return O&&O()}}accept(m,C,O){return m&&"function"==typeof m.next?this.observe(m):this.do(m,C,O)}toObservable(){switch(this.kind){case"N":return(0,o.of)(this.value);case"E":return(0,p._)(this.error);case"C":return(0,e.c)()}throw new Error("unexpected notification kind value")}static createNext(m){return typeof m<"u"?new g("N",m):g.undefinedValueNotification}static createError(m){return new g("E",void 0,m)}static createComplete(){return g.completeNotification}}g.completeNotification=new g("C"),g.undefinedValueNotification=new g("N",void 0)},882:(Ve,ae,s)=>{"use strict";s.d(ae,{y:()=>O});var e=s(7393),p=s(9181),_=s(6490),f=s(6554),m=s(4022),C=s(2494);let O=(()=>{class S{constructor(U){this._isScalar=!1,U&&(this._subscribe=U)}lift(U){const z=new S;return z.source=this,z.operator=U,z}subscribe(U,z,Z){const{operator:le}=this,Q=function g(S,y,U){if(S){if(S instanceof e.L)return S;if(S[p.b])return S[p.b]()}return S||y||U?new e.L(S,y,U):new e.L(_.c)}(U,z,Z);if(Q.add(le?le.call(Q,this.source):this.source||C.v.useDeprecatedSynchronousErrorHandling&&!Q.syncErrorThrowable?this._subscribe(Q):this._trySubscribe(Q)),C.v.useDeprecatedSynchronousErrorHandling&&Q.syncErrorThrowable&&(Q.syncErrorThrowable=!1,Q.syncErrorThrown))throw Q.syncErrorValue;return Q}_trySubscribe(U){try{return this._subscribe(U)}catch(z){C.v.useDeprecatedSynchronousErrorHandling&&(U.syncErrorThrown=!0,U.syncErrorValue=z),function o(S){for(;S;){const{closed:y,destination:U,isStopped:z}=S;if(y||z)return!1;S=U&&U instanceof e.L?U:null}return!0}(U)?U.error(z):console.warn(z)}}forEach(U,z){return new(z=w(z))((Z,le)=>{let Q;Q=this.subscribe(ue=>{try{U(ue)}catch(de){le(de),Q&&Q.unsubscribe()}},le,Z)})}_subscribe(U){const{source:z}=this;return z&&z.subscribe(U)}[f.L](){return this}pipe(...U){return 0===U.length?this:(0,m.U)(U)(this)}toPromise(U){return new(U=w(U))((z,Z)=>{let le;this.subscribe(Q=>le=Q,Q=>Z(Q),()=>z(le))})}}return S.create=y=>new S(y),S})();function w(S){if(S||(S=C.v.Promise||Promise),!S)throw new Error("no Promise impl found");return S}},6490:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>p});var e=s(2494),o=s(4449);const p={closed:!0,next(_){},error(_){if(e.v.useDeprecatedSynchronousErrorHandling)throw _;(0,o.z)(_)},complete(){}}},5197:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>o});var e=s(7393);class o extends e.L{notifyNext(_,g,f,m,C){this.destination.next(g)}notifyError(_,g){this.destination.error(_)}notifyComplete(_){this.destination.complete()}}},8447:(Ve,ae,s)=>{"use strict";s.d(ae,{t:()=>Q});var e=s(9765),o=s(3989),_=s(6493);const m=new class g extends _.v{}(class p extends o.o{constructor(X,B){super(X,B),this.scheduler=X,this.work=B}schedule(X,B=0){return B>0?super.schedule(X,B):(this.delay=B,this.state=X,this.scheduler.flush(this),this)}execute(X,B){return B>0||this.closed?super.execute(X,B):this._execute(X,B)}requestAsyncId(X,B,K=0){return null!==K&&K>0||null===K&&this.delay>0?super.requestAsyncId(X,B,K):X.flush(this)}});var C=s(3464),O=s(7393),w=s(3098);class U extends O.L{constructor(X,B,K=0){super(X),this.scheduler=B,this.delay=K}static dispatch(X){const{notification:B,destination:K}=X;B.observe(K),this.unsubscribe()}scheduleMessage(X){this.destination.add(this.scheduler.schedule(U.dispatch,this.delay,new z(X,this.destination)))}_next(X){this.scheduleMessage(w.P.createNext(X))}_error(X){this.scheduleMessage(w.P.createError(X)),this.unsubscribe()}_complete(){this.scheduleMessage(w.P.createComplete()),this.unsubscribe()}}class z{constructor(X,B){this.notification=X,this.destination=B}}var Z=s(7971),le=s(8858);class Q extends e.xQ{constructor(X=Number.POSITIVE_INFINITY,B=Number.POSITIVE_INFINITY,K){super(),this.scheduler=K,this._events=[],this._infiniteTimeWindow=!1,this._bufferSize=X<1?1:X,this._windowTime=B<1?1:B,B===Number.POSITIVE_INFINITY?(this._infiniteTimeWindow=!0,this.next=this.nextInfiniteTimeWindow):this.next=this.nextTimeWindow}nextInfiniteTimeWindow(X){if(!this.isStopped){const B=this._events;B.push(X),B.length>this._bufferSize&&B.shift()}super.next(X)}nextTimeWindow(X){this.isStopped||(this._events.push(new ue(this._getNow(),X)),this._trimBufferThenGetEvents()),super.next(X)}_subscribe(X){const B=this._infiniteTimeWindow,K=B?this._events:this._trimBufferThenGetEvents(),ne=this.scheduler,We=K.length;let Le;if(this.closed)throw new Z.N;if(this.isStopped||this.hasError?Le=C.w.EMPTY:(this.observers.push(X),Le=new le.W(this,X)),ne&&X.add(X=new U(X,ne)),B)for(let Je=0;Je<We&&!X.closed;Je++)X.next(K[Je]);else for(let Je=0;Je<We&&!X.closed;Je++)X.next(K[Je].value);return this.hasError?X.error(this.thrownError):this.isStopped&&X.complete(),Le}_getNow(){return(this.scheduler||m).now()}_trimBufferThenGetEvents(){const X=this._getNow(),B=this._bufferSize,K=this._windowTime,ne=this._events,We=ne.length;let Le=0;for(;Le<We&&!(X-ne[Le].time<K);)Le++;return We>B&&(Le=Math.max(Le,We-B)),Le>0&&ne.splice(0,Le),ne}}class ue{constructor(X,B){this.time=X,this.value=B}}},9765:(Ve,ae,s)=>{"use strict";s.d(ae,{Yc:()=>m,xQ:()=>C});var e=s(882),o=s(7393),p=s(3464),_=s(7971),g=s(8858),f=s(9181);class m extends o.L{constructor(S){super(S),this.destination=S}}let C=(()=>{class w extends e.y{constructor(){super(),this.observers=[],this.closed=!1,this.isStopped=!1,this.hasError=!1,this.thrownError=null}[f.b](){return new m(this)}lift(y){const U=new O(this,this);return U.operator=y,U}next(y){if(this.closed)throw new _.N;if(!this.isStopped){const{observers:U}=this,z=U.length,Z=U.slice();for(let le=0;le<z;le++)Z[le].next(y)}}error(y){if(this.closed)throw new _.N;this.hasError=!0,this.thrownError=y,this.isStopped=!0;const{observers:U}=this,z=U.length,Z=U.slice();for(let le=0;le<z;le++)Z[le].error(y);this.observers.length=0}complete(){if(this.closed)throw new _.N;this.isStopped=!0;const{observers:y}=this,U=y.length,z=y.slice();for(let Z=0;Z<U;Z++)z[Z].complete();this.observers.length=0}unsubscribe(){this.isStopped=!0,this.closed=!0,this.observers=null}_trySubscribe(y){if(this.closed)throw new _.N;return super._trySubscribe(y)}_subscribe(y){if(this.closed)throw new _.N;return this.hasError?(y.error(this.thrownError),p.w.EMPTY):this.isStopped?(y.complete(),p.w.EMPTY):(this.observers.push(y),new g.W(this,y))}asObservable(){const y=new e.y;return y.source=this,y}}return w.create=(S,y)=>new O(S,y),w})();class O extends C{constructor(S,y){super(),this.destination=S,this.source=y}next(S){const{destination:y}=this;y&&y.next&&y.next(S)}error(S){const{destination:y}=this;y&&y.error&&this.destination.error(S)}complete(){const{destination:S}=this;S&&S.complete&&this.destination.complete()}_subscribe(S){const{source:y}=this;return y?this.source.subscribe(S):p.w.EMPTY}}},8858:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>o});var e=s(3464);class o extends e.w{constructor(_,g){super(),this.subject=_,this.subscriber=g,this.closed=!1}unsubscribe(){if(this.closed)return;this.closed=!0;const _=this.subject,g=_.observers;if(this.subject=null,!g||0===g.length||_.isStopped||_.closed)return;const f=g.indexOf(this.subscriber);-1!==f&&g.splice(f,1)}}},7393:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>m});var e=s(9105),o=s(6490),p=s(3464),_=s(9181),g=s(2494),f=s(4449);class m extends p.w{constructor(w,S,y){switch(super(),this.syncErrorValue=null,this.syncErrorThrown=!1,this.syncErrorThrowable=!1,this.isStopped=!1,arguments.length){case 0:this.destination=o.c;break;case 1:if(!w){this.destination=o.c;break}if("object"==typeof w){w instanceof m?(this.syncErrorThrowable=w.syncErrorThrowable,this.destination=w,w.add(this)):(this.syncErrorThrowable=!0,this.destination=new C(this,w));break}default:this.syncErrorThrowable=!0,this.destination=new C(this,w,S,y)}}[_.b](){return this}static create(w,S,y){const U=new m(w,S,y);return U.syncErrorThrowable=!1,U}next(w){this.isStopped||this._next(w)}error(w){this.isStopped||(this.isStopped=!0,this._error(w))}complete(){this.isStopped||(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe())}_next(w){this.destination.next(w)}_error(w){this.destination.error(w),this.unsubscribe()}_complete(){this.destination.complete(),this.unsubscribe()}_unsubscribeAndRecycle(){const{_parentOrParents:w}=this;return this._parentOrParents=null,this.unsubscribe(),this.closed=!1,this.isStopped=!1,this._parentOrParents=w,this}}class C extends m{constructor(w,S,y,U){super(),this._parentSubscriber=w;let z,Z=this;(0,e.m)(S)?z=S:S&&(z=S.next,y=S.error,U=S.complete,S!==o.c&&(Z=Object.create(S),(0,e.m)(Z.unsubscribe)&&this.add(Z.unsubscribe.bind(Z)),Z.unsubscribe=this.unsubscribe.bind(this))),this._context=Z,this._next=z,this._error=y,this._complete=U}next(w){if(!this.isStopped&&this._next){const{_parentSubscriber:S}=this;g.v.useDeprecatedSynchronousErrorHandling&&S.syncErrorThrowable?this.__tryOrSetError(S,this._next,w)&&this.unsubscribe():this.__tryOrUnsub(this._next,w)}}error(w){if(!this.isStopped){const{_parentSubscriber:S}=this,{useDeprecatedSynchronousErrorHandling:y}=g.v;if(this._error)y&&S.syncErrorThrowable?(this.__tryOrSetError(S,this._error,w),this.unsubscribe()):(this.__tryOrUnsub(this._error,w),this.unsubscribe());else if(S.syncErrorThrowable)y?(S.syncErrorValue=w,S.syncErrorThrown=!0):(0,f.z)(w),this.unsubscribe();else{if(this.unsubscribe(),y)throw w;(0,f.z)(w)}}}complete(){if(!this.isStopped){const{_parentSubscriber:w}=this;if(this._complete){const S=()=>this._complete.call(this._context);g.v.useDeprecatedSynchronousErrorHandling&&w.syncErrorThrowable?(this.__tryOrSetError(w,S),this.unsubscribe()):(this.__tryOrUnsub(S),this.unsubscribe())}else this.unsubscribe()}}__tryOrUnsub(w,S){try{w.call(this._context,S)}catch(y){if(this.unsubscribe(),g.v.useDeprecatedSynchronousErrorHandling)throw y;(0,f.z)(y)}}__tryOrSetError(w,S,y){if(!g.v.useDeprecatedSynchronousErrorHandling)throw new Error("bad call");try{S.call(this._context,y)}catch(U){return g.v.useDeprecatedSynchronousErrorHandling?(w.syncErrorValue=U,w.syncErrorThrown=!0,!0):((0,f.z)(U),!0)}return!1}_unsubscribe(){const{_parentSubscriber:w}=this;this._context=null,this._parentSubscriber=null,w.unsubscribe()}}},3464:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>f});var e=s(9796),o=s(1555),p=s(9105);const g=(()=>{function C(O){return Error.call(this),this.message=O?`${O.length} errors occurred during unsubscription:\n${O.map((w,S)=>`${S+1}) ${w.toString()}`).join("\n  ")}`:"",this.name="UnsubscriptionError",this.errors=O,this}return C.prototype=Object.create(Error.prototype),C})();class f{constructor(O){this.closed=!1,this._parentOrParents=null,this._subscriptions=null,O&&(this._ctorUnsubscribe=!0,this._unsubscribe=O)}unsubscribe(){let O;if(this.closed)return;let{_parentOrParents:w,_ctorUnsubscribe:S,_unsubscribe:y,_subscriptions:U}=this;if(this.closed=!0,this._parentOrParents=null,this._subscriptions=null,w instanceof f)w.remove(this);else if(null!==w)for(let z=0;z<w.length;++z)w[z].remove(this);if((0,p.m)(y)){S&&(this._unsubscribe=void 0);try{y.call(this)}catch(z){O=z instanceof g?m(z.errors):[z]}}if((0,e.k)(U)){let z=-1,Z=U.length;for(;++z<Z;){const le=U[z];if((0,o.K)(le))try{le.unsubscribe()}catch(Q){O=O||[],Q instanceof g?O=O.concat(m(Q.errors)):O.push(Q)}}}if(O)throw new g(O)}add(O){let w=O;if(!O)return f.EMPTY;switch(typeof O){case"function":w=new f(O);case"object":if(w===this||w.closed||"function"!=typeof w.unsubscribe)return w;if(this.closed)return w.unsubscribe(),w;if(!(w instanceof f)){const U=w;w=new f,w._subscriptions=[U]}break;default:throw new Error("unrecognized teardown "+O+" added to Subscription.")}let{_parentOrParents:S}=w;if(null===S)w._parentOrParents=this;else if(S instanceof f){if(S===this)return w;w._parentOrParents=[S,this]}else{if(-1!==S.indexOf(this))return w;S.push(this)}const y=this._subscriptions;return null===y?this._subscriptions=[w]:y.push(w),w}remove(O){const w=this._subscriptions;if(w){const S=w.indexOf(O);-1!==S&&w.splice(S,1)}}}var C;function m(C){return C.reduce((O,w)=>O.concat(w instanceof g?w.errors:w),[])}f.EMPTY=((C=new f).closed=!0,C)},2494:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>o});let e=!1;const o={Promise:void 0,set useDeprecatedSynchronousErrorHandling(p){if(p){const _=new Error;console.warn("DEPRECATED! RxJS was set to use deprecated synchronous error handling behavior by code at: \n"+_.stack)}else e&&console.log("RxJS: Back to a better error behavior. Thank you. <3");e=p},get useDeprecatedSynchronousErrorHandling(){return e}}},5345:(Ve,ae,s)=>{"use strict";s.d(ae,{Ds:()=>f,IY:()=>_,ft:()=>C});var e=s(7393),o=s(882),p=s(9846);class _ extends e.L{constructor(w){super(),this.parent=w}_next(w){this.parent.notifyNext(w)}_error(w){this.parent.notifyError(w),this.unsubscribe()}_complete(){this.parent.notifyComplete(),this.unsubscribe()}}class f extends e.L{notifyNext(w){this.destination.next(w)}notifyError(w){this.destination.error(w)}notifyComplete(){this.destination.complete()}}function C(O,w){if(w.closed)return;if(O instanceof o.y)return O.subscribe(w);let S;try{S=(0,p.s)(O)(w)}catch(y){w.error(y)}return S}},2441:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>f,c:()=>g});var e=s(9765),o=s(882),p=s(3464),_=s(1307);class g extends o.y{constructor(S,y){super(),this.source=S,this.subjectFactory=y,this._refCount=0,this._isComplete=!1}_subscribe(S){return this.getSubject().subscribe(S)}getSubject(){const S=this._subject;return(!S||S.isStopped)&&(this._subject=this.subjectFactory()),this._subject}connect(){let S=this._connection;return S||(this._isComplete=!1,S=this._connection=new p.w,S.add(this.source.subscribe(new m(this.getSubject(),this))),S.closed&&(this._connection=null,S=p.w.EMPTY)),S}refCount(){return(0,_.x)()(this)}}const f=(()=>{const w=g.prototype;return{operator:{value:null},_refCount:{value:0,writable:!0},_subject:{value:null,writable:!0},_connection:{value:null,writable:!0},_subscribe:{value:w._subscribe},_isComplete:{value:w._isComplete,writable:!0},getSubject:{value:w.getSubject},connect:{value:w.connect},refCount:{value:w.refCount}}})();class m extends e.Yc{constructor(S,y){super(S),this.connectable=y}_error(S){this._unsubscribe(),super._error(S)}_complete(){this.connectable._isComplete=!0,this._unsubscribe(),super._complete()}_unsubscribe(){const S=this.connectable;if(S){this.connectable=null;const y=S._connection;S._refCount=0,S._subject=null,S._connection=null,y&&y.unsubscribe()}}}},9112:(Ve,ae,s)=>{"use strict";s.d(ae,{aj:()=>m});var e=s(4869),o=s(9796),p=s(5197),_=s(3960),g=s(6693);const f={};function m(...w){let S,y;return(0,e.K)(w[w.length-1])&&(y=w.pop()),"function"==typeof w[w.length-1]&&(S=w.pop()),1===w.length&&(0,o.k)(w[0])&&(w=w[0]),(0,g.n)(w,y).lift(new C(S))}class C{constructor(S){this.resultSelector=S}call(S,y){return y.subscribe(new O(S,this.resultSelector))}}class O extends p.L{constructor(S,y){super(S),this.resultSelector=y,this.active=0,this.values=[],this.observables=[]}_next(S){this.values.push(f),this.observables.push(S)}_complete(){const S=this.observables,y=S.length;if(0===y)this.destination.complete();else{this.active=y,this.toRespond=y;for(let U=0;U<y;U++)this.add((0,_.D)(this,S[U],void 0,U))}}notifyComplete(S){0==(this.active-=1)&&this.destination.complete()}notifyNext(S,y,U){const z=this.values,le=this.toRespond?z[U]===f?--this.toRespond:this.toRespond:0;z[U]=y,0===le&&(this.resultSelector?this._tryResultSelector(z):this.destination.next(z.slice()))}_tryResultSelector(S){let y;try{y=this.resultSelector.apply(this,S)}catch(U){return void this.destination.error(U)}this.destination.next(y)}}},6481:(Ve,ae,s)=>{"use strict";s.d(ae,{z:()=>_});var e=s(5917),o=s(3282);function _(...g){return function p(){return(0,o.J)(1)}()((0,e.of)(...g))}},1439:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>_});var e=s(882),o=s(6666),p=s(9193);function _(g){return new e.y(f=>{let m;try{m=g()}catch(O){return void f.error(O)}return(m?(0,o.D)(m):(0,p.c)()).subscribe(f)})}},9193:(Ve,ae,s)=>{"use strict";s.d(ae,{E:()=>o,c:()=>p});var e=s(882);const o=new e.y(g=>g.complete());function p(g){return g?function _(g){return new e.y(f=>g.schedule(()=>f.complete()))}(g):o}},6666:(Ve,ae,s)=>{"use strict";s.d(ae,{D:()=>Z});var e=s(882),o=s(9846),p=s(3464),_=s(6554),m=s(4087),C=s(377),S=s(4072),y=s(9489);function Z(le,Q){return Q?function z(le,Q){if(null!=le){if(function w(le){return le&&"function"==typeof le[_.L]}(le))return function g(le,Q){return new e.y(ue=>{const de=new p.w;return de.add(Q.schedule(()=>{const X=le[_.L]();de.add(X.subscribe({next(B){de.add(Q.schedule(()=>ue.next(B)))},error(B){de.add(Q.schedule(()=>ue.error(B)))},complete(){de.add(Q.schedule(()=>ue.complete()))}}))})),de})}(le,Q);if((0,S.t)(le))return function f(le,Q){return new e.y(ue=>{const de=new p.w;return de.add(Q.schedule(()=>le.then(X=>{de.add(Q.schedule(()=>{ue.next(X),de.add(Q.schedule(()=>ue.complete()))}))},X=>{de.add(Q.schedule(()=>ue.error(X)))}))),de})}(le,Q);if((0,y.z)(le))return(0,m.r)(le,Q);if(function U(le){return le&&"function"==typeof le[C.hZ]}(le)||"string"==typeof le)return function O(le,Q){if(!le)throw new Error("Iterable cannot be null");return new e.y(ue=>{const de=new p.w;let X;return de.add(()=>{X&&"function"==typeof X.return&&X.return()}),de.add(Q.schedule(()=>{X=le[C.hZ](),de.add(Q.schedule(function(){if(ue.closed)return;let B,K;try{const ne=X.next();B=ne.value,K=ne.done}catch(ne){return void ue.error(ne)}K?ue.complete():(ue.next(B),this.schedule())}))})),de})}(le,Q)}throw new TypeError((null!==le&&typeof le||le)+" is not observable")}(le,Q):le instanceof e.y?le:new e.y((0,o.s)(le))}},6693:(Ve,ae,s)=>{"use strict";s.d(ae,{n:()=>_});var e=s(882),o=s(5015),p=s(4087);function _(g,f){return f?(0,p.r)(g,f):new e.y((0,o.V)(g))}},2759:(Ve,ae,s)=>{"use strict";s.d(ae,{R:()=>f});var e=s(882),o=s(9796),p=s(9105),_=s(8002);function f(S,y,U,z){return(0,p.m)(U)&&(z=U,U=void 0),z?f(S,y,U).pipe((0,_.U)(Z=>(0,o.k)(Z)?z(...Z):z(Z))):new e.y(Z=>{m(S,y,function le(Q){Z.next(arguments.length>1?Array.prototype.slice.call(arguments):Q)},Z,U)})}function m(S,y,U,z,Z){let le;if(function w(S){return S&&"function"==typeof S.addEventListener&&"function"==typeof S.removeEventListener}(S)){const Q=S;S.addEventListener(y,U,Z),le=()=>Q.removeEventListener(y,U,Z)}else if(function O(S){return S&&"function"==typeof S.on&&"function"==typeof S.off}(S)){const Q=S;S.on(y,U),le=()=>Q.off(y,U)}else if(function C(S){return S&&"function"==typeof S.addListener&&"function"==typeof S.removeListener}(S)){const Q=S;S.addListener(y,U),le=()=>Q.removeListener(y,U)}else{if(!S||!S.length)throw new TypeError("Invalid event target");for(let Q=0,ue=S.length;Q<ue;Q++)m(S[Q],y,U,z,Z)}z.add(le)}},6682:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>g});var e=s(882),o=s(4869),p=s(3282),_=s(6693);function g(...f){let m=Number.POSITIVE_INFINITY,C=null,O=f[f.length-1];return(0,o.K)(O)?(C=f.pop(),f.length>1&&"number"==typeof f[f.length-1]&&(m=f.pop())):"number"==typeof O&&(m=f.pop()),null===C&&1===f.length&&f[0]instanceof e.y?f[0]:(0,p.J)(m)((0,_.n)(f,C))}},5917:(Ve,ae,s)=>{"use strict";s.d(ae,{of:()=>_});var e=s(4869),o=s(6693),p=s(4087);function _(...g){let f=g[g.length-1];return(0,e.K)(f)?(g.pop(),(0,p.r)(g,f)):(0,o.n)(g)}},205:(Ve,ae,s)=>{"use strict";s.d(ae,{_:()=>o});var e=s(882);function o(_,g){return new e.y(g?f=>g.schedule(p,0,{error:_,subscriber:f}):f=>f.error(_))}function p({error:_,subscriber:g}){g.error(_)}},8653:(Ve,ae,s)=>{"use strict";s.d(ae,{H:()=>f});var e=s(882),o=s(3637),p=s(9796);function _(C){return!(0,p.k)(C)&&C-parseFloat(C)+1>=0}var g=s(4869);function f(C=0,O,w){let S=-1;return _(O)?S=Number(O)<1?1:Number(O):(0,g.K)(O)&&(w=O),(0,g.K)(w)||(w=o.P),new e.y(y=>{const U=_(C)?C:+C-w.now();return w.schedule(m,U,{index:0,period:S,subscriber:y})})}function m(C){const{index:O,period:w,subscriber:S}=C;if(S.next(O),!S.closed){if(-1===w)return S.complete();C.index=O+1,this.schedule(C,w)}}},5304:(Ve,ae,s)=>{"use strict";s.d(ae,{K:()=>o});var e=s(5345);function o(g){return function(m){const C=new p(g),O=m.lift(C);return C.caught=O}}class p{constructor(f){this.selector=f}call(f,m){return m.subscribe(new _(f,this.selector,this.caught))}}class _ extends e.Ds{constructor(f,m,C){super(f),this.selector=m,this.caught=C}error(f){if(!this.isStopped){let m;try{m=this.selector(f,this.caught)}catch(w){return void super.error(w)}this._unsubscribeAndRecycle();const C=new e.IY(this);this.add(C);const O=(0,e.ft)(m,C);O!==C&&this.add(O)}}}},4612:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>o});var e=s(9773);function o(p,_){return(0,e.zg)(p,_,1)}},4395:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>p});var e=s(7393),o=s(3637);function p(m,C=o.P){return O=>O.lift(new _(m,C))}class _{constructor(C,O){this.dueTime=C,this.scheduler=O}call(C,O){return O.subscribe(new g(C,this.dueTime,this.scheduler))}}class g extends e.L{constructor(C,O,w){super(C),this.dueTime=O,this.scheduler=w,this.debouncedSubscription=null,this.lastValue=null,this.hasValue=!1}_next(C){this.clearDebounce(),this.lastValue=C,this.hasValue=!0,this.add(this.debouncedSubscription=this.scheduler.schedule(f,this.dueTime,this))}_complete(){this.debouncedNext(),this.destination.complete()}debouncedNext(){if(this.clearDebounce(),this.hasValue){const{lastValue:C}=this;this.lastValue=null,this.hasValue=!1,this.destination.next(C)}}clearDebounce(){const C=this.debouncedSubscription;null!==C&&(this.remove(C),C.unsubscribe(),this.debouncedSubscription=null)}}function f(m){m.debouncedNext()}},5242:(Ve,ae,s)=>{"use strict";s.d(ae,{d:()=>o});var e=s(7393);function o(g=null){return f=>f.lift(new p(g))}class p{constructor(f){this.defaultValue=f}call(f,m){return m.subscribe(new _(f,this.defaultValue))}}class _ extends e.L{constructor(f,m){super(f),this.defaultValue=m,this.isEmpty=!0}_next(f){this.isEmpty=!1,this.destination.next(f)}_complete(){this.isEmpty&&this.destination.next(this.defaultValue),this.destination.complete()}}},7460:(Ve,ae,s)=>{"use strict";s.d(ae,{g:()=>g});var e=s(3637),p=s(7393),_=s(3098);function g(O,w=e.P){const y=function o(O){return O instanceof Date&&!isNaN(+O)}(O)?+O-w.now():Math.abs(O);return U=>U.lift(new f(y,w))}class f{constructor(w,S){this.delay=w,this.scheduler=S}call(w,S){return S.subscribe(new m(w,this.delay,this.scheduler))}}class m extends p.L{constructor(w,S,y){super(w),this.delay=S,this.scheduler=y,this.queue=[],this.active=!1,this.errored=!1}static dispatch(w){const S=w.source,y=S.queue,U=w.scheduler,z=w.destination;for(;y.length>0&&y[0].time-U.now()<=0;)y.shift().notification.observe(z);if(y.length>0){const Z=Math.max(0,y[0].time-U.now());this.schedule(w,Z)}else this.unsubscribe(),S.active=!1}_schedule(w){this.active=!0,this.destination.add(w.schedule(m.dispatch,this.delay,{source:this,destination:this.destination,scheduler:w}))}scheduleNotification(w){if(!0===this.errored)return;const S=this.scheduler,y=new C(S.now()+this.delay,w);this.queue.push(y),!1===this.active&&this._schedule(S)}_next(w){this.scheduleNotification(_.P.createNext(w))}_error(w){this.errored=!0,this.queue=[],this.destination.error(w),this.unsubscribe()}_complete(){this.scheduleNotification(_.P.createComplete()),this.unsubscribe()}}class C{constructor(w,S){this.time=w,this.notification=S}}},7519:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>o});var e=s(7393);function o(g,f){return m=>m.lift(new p(g,f))}class p{constructor(f,m){this.compare=f,this.keySelector=m}call(f,m){return m.subscribe(new _(f,this.compare,this.keySelector))}}class _ extends e.L{constructor(f,m,C){super(f),this.keySelector=C,this.hasKey=!1,"function"==typeof m&&(this.compare=m)}compare(f,m){return f===m}_next(f){let m;try{const{keySelector:O}=this;m=O?O(f):f}catch(O){return this.destination.error(O)}let C=!1;if(this.hasKey)try{const{compare:O}=this;C=O(this.key,m)}catch(O){return this.destination.error(O)}else this.hasKey=!0;C||(this.key=m,this.destination.next(f))}}},5435:(Ve,ae,s)=>{"use strict";s.d(ae,{h:()=>o});var e=s(7393);function o(g,f){return function(C){return C.lift(new p(g,f))}}class p{constructor(f,m){this.predicate=f,this.thisArg=m}call(f,m){return m.subscribe(new _(f,this.predicate,this.thisArg))}}class _ extends e.L{constructor(f,m,C){super(f),this.predicate=m,this.thisArg=C,this.count=0}_next(f){let m;try{m=this.predicate.call(this.thisArg,f,this.count++)}catch(C){return void this.destination.error(C)}m&&this.destination.next(f)}}},197:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>p});var e=s(7393),o=s(3464);function p(f){return m=>m.lift(new _(f))}class _{constructor(m){this.callback=m}call(m,C){return C.subscribe(new g(m,this.callback))}}class g extends e.L{constructor(m,C){super(m),this.add(new o.w(C))}}},8049:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>m});var e=s(3410),o=s(5435),p=s(5257),_=s(5242),g=s(4635),f=s(4487);function m(C,O){const w=arguments.length>=2;return S=>S.pipe(C?(0,o.h)((y,U)=>C(y,U,S)):f.y,(0,p.q)(1),w?(0,_.d)(O):(0,g.T)(()=>new e.K))}},8002:(Ve,ae,s)=>{"use strict";s.d(ae,{U:()=>o});var e=s(7393);function o(g,f){return function(C){if("function"!=typeof g)throw new TypeError("argument is not a function. Are you looking for `mapTo()`?");return C.lift(new p(g,f))}}class p{constructor(f,m){this.project=f,this.thisArg=m}call(f,m){return m.subscribe(new _(f,this.project,this.thisArg))}}class _ extends e.L{constructor(f,m,C){super(f),this.project=m,this.count=0,this.thisArg=C||this}_next(f){let m;try{m=this.project.call(this.thisArg,f,this.count++)}catch(C){return void this.destination.error(C)}this.destination.next(m)}}},6736:(Ve,ae,s)=>{"use strict";s.d(ae,{h:()=>o});var e=s(7393);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.value=f}call(f,m){return m.subscribe(new _(f,this.value))}}class _ extends e.L{constructor(f,m){super(f),this.value=m}_next(f){this.destination.next(this.value)}}},3282:(Ve,ae,s)=>{"use strict";s.d(ae,{J:()=>p});var e=s(9773),o=s(4487);function p(_=Number.POSITIVE_INFINITY){return(0,e.zg)(o.y,_)}},9773:(Ve,ae,s)=>{"use strict";s.d(ae,{zg:()=>_});var e=s(8002),o=s(6666),p=s(5345);function _(C,O,w=Number.POSITIVE_INFINITY){return"function"==typeof O?S=>S.pipe(_((y,U)=>(0,o.D)(C(y,U)).pipe((0,e.U)((z,Z)=>O(y,z,U,Z))),w)):("number"==typeof O&&(w=O),S=>S.lift(new g(C,w)))}class g{constructor(O,w=Number.POSITIVE_INFINITY){this.project=O,this.concurrent=w}call(O,w){return w.subscribe(new f(O,this.project,this.concurrent))}}class f extends p.Ds{constructor(O,w,S=Number.POSITIVE_INFINITY){super(O),this.project=w,this.concurrent=S,this.hasCompleted=!1,this.buffer=[],this.active=0,this.index=0}_next(O){this.active<this.concurrent?this._tryNext(O):this.buffer.push(O)}_tryNext(O){let w;const S=this.index++;try{w=this.project(O,S)}catch(y){return void this.destination.error(y)}this.active++,this._innerSub(w)}_innerSub(O){const w=new p.IY(this),S=this.destination;S.add(w);const y=(0,p.ft)(O,w);y!==w&&S.add(y)}_complete(){this.hasCompleted=!0,0===this.active&&0===this.buffer.length&&this.destination.complete(),this.unsubscribe()}notifyNext(O){this.destination.next(O)}notifyComplete(){const O=this.buffer;this.active--,O.length>0?this._next(O.shift()):0===this.active&&this.hasCompleted&&this.destination.complete()}}},9328:(Ve,ae,s)=>{"use strict";s.d(ae,{G:()=>o});var e=s(7393);function o(){return g=>g.lift(new p)}class p{call(f,m){return m.subscribe(new _(f))}}class _ extends e.L{constructor(f){super(f),this.hasPrev=!1}_next(f){let m;this.hasPrev?m=[this.prev,f]:this.hasPrev=!0,this.prev=f,m&&this.destination.next(m)}}},1307:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>o});var e=s(7393);function o(){return function(f){return f.lift(new p(f))}}class p{constructor(f){this.connectable=f}call(f,m){const{connectable:C}=this;C._refCount++;const O=new _(f,C),w=m.subscribe(O);return O.closed||(O.connection=C.connect()),w}}class _ extends e.L{constructor(f,m){super(f),this.connectable=m}_unsubscribe(){const{connectable:f}=this;if(!f)return void(this.connection=null);this.connectable=null;const m=f._refCount;if(m<=0)return void(this.connection=null);if(f._refCount=m-1,m>1)return void(this.connection=null);const{connection:C}=this,O=f._connection;this.connection=null,O&&(!C||O===C)&&O.unsubscribe()}}},9196:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>p});var e=s(7393),o=s(9193);function p(f=-1){return m=>0===f?(0,o.c)():m.lift(new _(f<0?-1:f-1,m))}class _{constructor(m,C){this.count=m,this.source=C}call(m,C){return C.subscribe(new g(m,this.count,this.source))}}class g extends e.L{constructor(m,C,O){super(m),this.count=C,this.source=O}complete(){if(!this.isStopped){const{source:m,count:C}=this;if(0===C)return super.complete();C>-1&&(this.count=C-1),m.subscribe(this._unsubscribeAndRecycle())}}}},2361:(Ve,ae,s)=>{"use strict";s.d(ae,{a:()=>p});var e=s(9765),o=s(5345);function p(f){return m=>m.lift(new _(f))}class _{constructor(m){this.notifier=m}call(m,C){return C.subscribe(new g(m,this.notifier,C))}}class g extends o.Ds{constructor(m,C,O){super(m),this.notifier=C,this.source=O,this.sourceIsBeingSubscribedTo=!0}notifyNext(){this.sourceIsBeingSubscribedTo=!0,this.source.subscribe(this)}notifyComplete(){if(!1===this.sourceIsBeingSubscribedTo)return super.complete()}complete(){if(this.sourceIsBeingSubscribedTo=!1,!this.isStopped){if(this.retries||this.subscribeToRetries(),!this.retriesSubscription||this.retriesSubscription.closed)return super.complete();this._unsubscribeAndRecycle(),this.notifications.next(void 0)}}_unsubscribe(){const{notifications:m,retriesSubscription:C}=this;m&&(m.unsubscribe(),this.notifications=void 0),C&&(C.unsubscribe(),this.retriesSubscription=void 0),this.retries=void 0}_unsubscribeAndRecycle(){const{_unsubscribe:m}=this;return this._unsubscribe=null,super._unsubscribeAndRecycle(),this._unsubscribe=m,this}subscribeToRetries(){let m;this.notifications=new e.xQ;try{const{notifier:C}=this;m=C(this.notifications)}catch{return super.complete()}this.retries=m,this.retriesSubscription=(0,o.ft)(m,new o.IY(this))}}},4121:(Ve,ae,s)=>{"use strict";s.d(ae,{B:()=>m});var e=s(2441);class p{constructor(O,w){this.subjectFactory=O,this.selector=w}call(O,w){const{selector:S}=this,y=this.subjectFactory(),U=S(y).subscribe(O);return U.add(w.subscribe(y)),U}}var _=s(1307),g=s(9765);function f(){return new g.xQ}function m(){return C=>(0,_.x)()(function o(C,O){return function(S){let y;if(y="function"==typeof C?C:function(){return C},"function"==typeof O)return S.lift(new p(y,O));const U=Object.create(S,e.N);return U.source=S,U.subjectFactory=y,U}}(f)(C))}},7349:(Ve,ae,s)=>{"use strict";s.d(ae,{d:()=>o});var e=s(8447);function o(_,g,f){let m;return m=_&&"object"==typeof _?_:{bufferSize:_,windowTime:g,refCount:!1,scheduler:f},C=>C.lift(function p({bufferSize:_=Number.POSITIVE_INFINITY,windowTime:g=Number.POSITIVE_INFINITY,refCount:f,scheduler:m}){let C,w,O=0,S=!1,y=!1;return function(z){let Z;O++,!C||S?(S=!1,C=new e.t(_,g,m),Z=C.subscribe(this),w=z.subscribe({next(le){C.next(le)},error(le){S=!0,C.error(le)},complete(){y=!0,w=void 0,C.complete()}}),y&&(w=void 0)):Z=C.subscribe(this),this.add(()=>{O--,Z.unsubscribe(),Z=void 0,w&&!y&&f&&0===O&&(w.unsubscribe(),w=void 0,C=void 0)})}}(m))}},3653:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>o});var e=s(7393);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.total=f}call(f,m){return m.subscribe(new _(f,this.total))}}class _ extends e.L{constructor(f,m){super(f),this.total=m,this.count=0}_next(f){++this.count>this.total&&this.destination.next(f)}}},9761:(Ve,ae,s)=>{"use strict";s.d(ae,{O:()=>p});var e=s(6481),o=s(4869);function p(..._){const g=_[_.length-1];return(0,o.K)(g)?(_.pop(),f=>(0,e.z)(_,f,g)):f=>(0,e.z)(_,f)}},3190:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>_});var e=s(8002),o=s(6666),p=s(5345);function _(m,C){return"function"==typeof C?O=>O.pipe(_((w,S)=>(0,o.D)(m(w,S)).pipe((0,e.U)((y,U)=>C(w,y,S,U))))):O=>O.lift(new g(m))}class g{constructor(C){this.project=C}call(C,O){return O.subscribe(new f(C,this.project))}}class f extends p.Ds{constructor(C,O){super(C),this.project=O,this.index=0}_next(C){let O;const w=this.index++;try{O=this.project(C,w)}catch(S){return void this.destination.error(S)}this._innerSub(O)}_innerSub(C){const O=this.innerSubscription;O&&O.unsubscribe();const w=new p.IY(this),S=this.destination;S.add(w),this.innerSubscription=(0,p.ft)(C,w),this.innerSubscription!==w&&S.add(this.innerSubscription)}_complete(){const{innerSubscription:C}=this;(!C||C.closed)&&super._complete(),this.unsubscribe()}_unsubscribe(){this.innerSubscription=void 0}notifyComplete(){this.innerSubscription=void 0,this.isStopped&&super._complete()}notifyNext(C){this.destination.next(C)}}},5257:(Ve,ae,s)=>{"use strict";s.d(ae,{q:()=>_});var e=s(7393),o=s(7108),p=s(9193);function _(m){return C=>0===m?(0,p.c)():C.lift(new g(m))}class g{constructor(C){if(this.total=C,this.total<0)throw new o.W}call(C,O){return O.subscribe(new f(C,this.total))}}class f extends e.L{constructor(C,O){super(C),this.total=O,this.count=0}_next(C){const O=this.total,w=++this.count;w<=O&&(this.destination.next(C),w===O&&(this.destination.complete(),this.unsubscribe()))}}},6782:(Ve,ae,s)=>{"use strict";s.d(ae,{R:()=>o});var e=s(5345);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.notifier=f}call(f,m){const C=new _(f),O=(0,e.ft)(this.notifier,new e.IY(C));return O&&!C.seenValue?(C.add(O),m.subscribe(C)):C}}class _ extends e.Ds{constructor(f){super(f),this.seenValue=!1}notifyNext(){this.seenValue=!0,this.complete()}notifyComplete(){}}},409:(Ve,ae,s)=>{"use strict";s.d(ae,{o:()=>o});var e=s(7393);function o(g,f=!1){return m=>m.lift(new p(g,f))}class p{constructor(f,m){this.predicate=f,this.inclusive=m}call(f,m){return m.subscribe(new _(f,this.predicate,this.inclusive))}}class _ extends e.L{constructor(f,m,C){super(f),this.predicate=m,this.inclusive=C,this.index=0}_next(f){const m=this.destination;let C;try{C=this.predicate(f,this.index++)}catch(O){return void m.error(O)}this.nextOrComplete(f,C)}nextOrComplete(f,m){const C=this.destination;Boolean(m)?C.next(f):(this.inclusive&&C.next(f),C.complete())}}},8307:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>_});var e=s(7393),o=s(8640),p=s(9105);function _(m,C,O){return function(S){return S.lift(new g(m,C,O))}}class g{constructor(C,O,w){this.nextOrObserver=C,this.error=O,this.complete=w}call(C,O){return O.subscribe(new f(C,this.nextOrObserver,this.error,this.complete))}}class f extends e.L{constructor(C,O,w,S){super(C),this._tapNext=o.Z,this._tapError=o.Z,this._tapComplete=o.Z,this._tapError=w||o.Z,this._tapComplete=S||o.Z,(0,p.m)(O)?(this._context=this,this._tapNext=O):O&&(this._context=O,this._tapNext=O.next||o.Z,this._tapError=O.error||o.Z,this._tapComplete=O.complete||o.Z)}_next(C){try{this._tapNext.call(this._context,C)}catch(O){return void this.destination.error(O)}this.destination.next(C)}_error(C){try{this._tapError.call(this._context,C)}catch(O){return void this.destination.error(O)}this.destination.error(C)}_complete(){try{this._tapComplete.call(this._context)}catch(C){return void this.destination.error(C)}return this.destination.complete()}}},6803:(Ve,ae,s)=>{"use strict";s.d(ae,{p:()=>m});var e=s(7393),o=s(3637);const p={leading:!0,trailing:!1};function m(S,y=o.P,U=p){return z=>z.lift(new C(S,y,U.leading,U.trailing))}class C{constructor(y,U,z,Z){this.duration=y,this.scheduler=U,this.leading=z,this.trailing=Z}call(y,U){return U.subscribe(new O(y,this.duration,this.scheduler,this.leading,this.trailing))}}class O extends e.L{constructor(y,U,z,Z,le){super(y),this.duration=U,this.scheduler=z,this.leading=Z,this.trailing=le,this._hasTrailingValue=!1,this._trailingValue=null}_next(y){this.throttled?this.trailing&&(this._trailingValue=y,this._hasTrailingValue=!0):(this.add(this.throttled=this.scheduler.schedule(w,this.duration,{subscriber:this})),this.leading?this.destination.next(y):this.trailing&&(this._trailingValue=y,this._hasTrailingValue=!0))}_complete(){this._hasTrailingValue?(this.destination.next(this._trailingValue),this.destination.complete()):this.destination.complete()}clearThrottle(){const y=this.throttled;y&&(this.trailing&&this._hasTrailingValue&&(this.destination.next(this._trailingValue),this._trailingValue=null,this._hasTrailingValue=!1),y.unsubscribe(),this.remove(y),this.throttled=null)}}function w(S){const{subscriber:y}=S;y.clearThrottle()}},4635:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>p});var e=s(3410),o=s(7393);function p(m=f){return C=>C.lift(new _(m))}class _{constructor(C){this.errorFactory=C}call(C,O){return O.subscribe(new g(C,this.errorFactory))}}class g extends o.L{constructor(C,O){super(C),this.errorFactory=O,this.hasValue=!1}_next(C){this.hasValue=!0,this.destination.next(C)}_complete(){if(this.hasValue)return this.destination.complete();{let C;try{C=this.errorFactory()}catch(O){C=O}this.destination.error(C)}}}function f(){return new e.K}},7057:(Ve,ae,s)=>{"use strict";s.d(ae,{M:()=>p});var e=s(5197),o=s(3960);function p(...f){return m=>{let C;return"function"==typeof f[f.length-1]&&(C=f.pop()),m.lift(new _(f,C))}}class _{constructor(m,C){this.observables=m,this.project=C}call(m,C){return C.subscribe(new g(m,this.observables,this.project))}}class g extends e.L{constructor(m,C,O){super(m),this.observables=C,this.project=O,this.toRespond=[];const w=C.length;this.values=new Array(w);for(let S=0;S<w;S++)this.toRespond.push(S);for(let S=0;S<w;S++)this.add((0,o.D)(this,C[S],void 0,S))}notifyNext(m,C,O){this.values[O]=C;const w=this.toRespond;if(w.length>0){const S=w.indexOf(O);-1!==S&&w.splice(S,1)}}notifyComplete(){}_next(m){if(0===this.toRespond.length){const C=[m,...this.values];this.project?this._tryProject(C):this.destination.next(C)}}_tryProject(m){let C;try{C=this.project.apply(this,m)}catch(O){return void this.destination.error(O)}this.destination.next(C)}}},4087:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>p});var e=s(882),o=s(3464);function p(_,g){return new e.y(f=>{const m=new o.w;let C=0;return m.add(g.schedule(function(){C!==_.length?(f.next(_[C++]),f.closed||m.add(this.schedule())):f.complete()})),m})}},3989:(Ve,ae,s)=>{"use strict";s.d(ae,{o:()=>p});var e=s(3464);class o extends e.w{constructor(g,f){super()}schedule(g,f=0){return this}}class p extends o{constructor(g,f){super(g,f),this.scheduler=g,this.work=f,this.pending=!1}schedule(g,f=0){if(this.closed)return this;this.state=g;const m=this.id,C=this.scheduler;return null!=m&&(this.id=this.recycleAsyncId(C,m,f)),this.pending=!0,this.delay=f,this.id=this.id||this.requestAsyncId(C,this.id,f),this}requestAsyncId(g,f,m=0){return setInterval(g.flush.bind(g,this),m)}recycleAsyncId(g,f,m=0){if(null!==m&&this.delay===m&&!1===this.pending)return f;clearInterval(f)}execute(g,f){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;const m=this._execute(g,f);if(m)return m;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))}_execute(g,f){let C,m=!1;try{this.work(g)}catch(O){m=!0,C=!!O&&O||new Error(O)}if(m)return this.unsubscribe(),C}_unsubscribe(){const g=this.id,f=this.scheduler,m=f.actions,C=m.indexOf(this);this.work=null,this.state=null,this.pending=!1,this.scheduler=null,-1!==C&&m.splice(C,1),null!=g&&(this.id=this.recycleAsyncId(f,g,null)),this.delay=null}}},6493:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>o});let e=(()=>{class p{constructor(g,f=p.now){this.SchedulerAction=g,this.now=f}schedule(g,f=0,m){return new this.SchedulerAction(this,g).schedule(m,f)}}return p.now=()=>Date.now(),p})();class o extends e{constructor(_,g=e.now){super(_,()=>o.delegate&&o.delegate!==this?o.delegate.now():g()),this.actions=[],this.active=!1,this.scheduled=void 0}schedule(_,g=0,f){return o.delegate&&o.delegate!==this?o.delegate.schedule(_,g,f):super.schedule(_,g,f)}flush(_){const{actions:g}=this;if(this.active)return void g.push(_);let f;this.active=!0;do{if(f=_.execute(_.state,_.delay))break}while(_=g.shift());if(this.active=!1,f){for(;_=g.shift();)_.unsubscribe();throw f}}}},3637:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>_});var e=s(3989);const _=new(s(6493).v)(e.o)},377:(Ve,ae,s)=>{"use strict";s.d(ae,{hZ:()=>o});const o=function e(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},6554:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>e});const e="function"==typeof Symbol&&Symbol.observable||"@@observable"},9181:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>e});const e="function"==typeof Symbol?Symbol("rxSubscriber"):"@@rxSubscriber_"+Math.random()},7108:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="argument out of range",this.name="ArgumentOutOfRangeError",this}return p.prototype=Object.create(Error.prototype),p})()},3410:(Ve,ae,s)=>{"use strict";s.d(ae,{K:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="no elements in sequence",this.name="EmptyError",this}return p.prototype=Object.create(Error.prototype),p})()},7971:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="object unsubscribed",this.name="ObjectUnsubscribedError",this}return p.prototype=Object.create(Error.prototype),p})()},4449:(Ve,ae,s)=>{"use strict";function e(o){setTimeout(()=>{throw o},0)}s.d(ae,{z:()=>e})},4487:(Ve,ae,s)=>{"use strict";function e(o){return o}s.d(ae,{y:()=>e})},9796:(Ve,ae,s)=>{"use strict";s.d(ae,{k:()=>e});const e=Array.isArray||(o=>o&&"number"==typeof o.length)},9489:(Ve,ae,s)=>{"use strict";s.d(ae,{z:()=>e});const e=o=>o&&"number"==typeof o.length&&"function"!=typeof o},9105:(Ve,ae,s)=>{"use strict";function e(o){return"function"==typeof o}s.d(ae,{m:()=>e})},1555:(Ve,ae,s)=>{"use strict";function e(o){return null!==o&&"object"==typeof o}s.d(ae,{K:()=>e})},5639:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>o});var e=s(882);function o(p){return!!p&&(p instanceof e.y||"function"==typeof p.lift&&"function"==typeof p.subscribe)}},4072:(Ve,ae,s)=>{"use strict";function e(o){return!!o&&"function"!=typeof o.subscribe&&"function"==typeof o.then}s.d(ae,{t:()=>e})},4869:(Ve,ae,s)=>{"use strict";function e(o){return o&&"function"==typeof o.schedule}s.d(ae,{K:()=>e})},8640:(Ve,ae,s)=>{"use strict";function e(){}s.d(ae,{Z:()=>e})},4022:(Ve,ae,s)=>{"use strict";s.d(ae,{U:()=>p,z:()=>o});var e=s(4487);function o(..._){return p(_)}function p(_){return 0===_.length?e.y:1===_.length?_[0]:function(f){return _.reduce((m,C)=>C(m),f)}}},9846:(Ve,ae,s)=>{"use strict";s.d(ae,{s:()=>S});var e=s(5015),o=s(4449),_=s(377),f=s(6554),C=s(9489),O=s(4072),w=s(1555);const S=y=>{if(y&&"function"==typeof y[f.L])return(y=>U=>{const z=y[f.L]();if("function"!=typeof z.subscribe)throw new TypeError("Provided object does not correctly implement Symbol.observable");return z.subscribe(U)})(y);if((0,C.z)(y))return(0,e.V)(y);if((0,O.t)(y))return(y=>U=>(y.then(z=>{U.closed||(U.next(z),U.complete())},z=>U.error(z)).then(null,o.z),U))(y);if(y&&"function"==typeof y[_.hZ])return(y=>U=>{const z=y[_.hZ]();for(;;){let Z;try{Z=z.next()}catch(le){return U.error(le),U}if(Z.done){U.complete();break}if(U.next(Z.value),U.closed)break}return"function"==typeof z.return&&U.add(()=>{z.return&&z.return()}),U})(y);{const z=`You provided ${(0,w.K)(y)?"an invalid object":`'${y}'`} where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.`;throw new TypeError(z)}}},5015:(Ve,ae,s)=>{"use strict";s.d(ae,{V:()=>e});const e=o=>p=>{for(let _=0,g=o.length;_<g&&!p.closed;_++)p.next(o[_]);p.complete()}},3960:(Ve,ae,s)=>{"use strict";s.d(ae,{D:()=>g});var e=s(7393);class o extends e.L{constructor(m,C,O){super(),this.parent=m,this.outerValue=C,this.outerIndex=O,this.index=0}_next(m){this.parent.notifyNext(this.outerValue,m,this.outerIndex,this.index++,this)}_error(m){this.parent.notifyError(m,this),this.unsubscribe()}_complete(){this.parent.notifyComplete(this),this.unsubscribe()}}var p=s(9846),_=s(882);function g(f,m,C,O,w=new o(f,C,O)){if(!w.closed)return m instanceof _.y?m.subscribe(w):(0,p.s)(m)(w)}},9756:Ve=>{Ve.exports=/[\0-\x1F\x7F-\x9F]/},7713:Ve=>{Ve.exports=/[\xAD\u0600-\u0605\u061C\u06DD\u070F\u08E2\u180E\u200B-\u200F\u202A-\u202E\u2060-\u2064\u2066-\u206F\uFEFF\uFFF9-\uFFFB]|\uD804[\uDCBD\uDCCD]|\uD82F[\uDCA0-\uDCA3]|\uD834[\uDD73-\uDD7A]|\uDB40[\uDC01\uDC20-\uDC7F]/},4897:Ve=>{Ve.exports=/[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4E\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDF55-\uDF59]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDF3C-\uDF3E]|\uD806[\uDC3B\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F]/},1905:Ve=>{Ve.exports=/[ \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000]/},8363:(Ve,ae,s)=>{"use strict";ae.Any=s(3644),ae.Cc=s(9756),ae.Cf=s(7713),ae.P=s(4897),ae.Z=s(1905)},3644:Ve=>{Ve.exports=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/},7277:()=>{"use strict";!function(Te){const Pe=Te.performance;function et(dt){Pe&&Pe.mark&&Pe.mark(dt)}function Ge(dt,rt){Pe&&Pe.measure&&Pe.measure(dt,rt)}et("Zone");const ke=Te.__Zone_symbol_prefix||"__zone_symbol__";function Ke(dt){return ke+dt}const Fe=!0===Te[Ke("forceDuplicateZoneCheck")];if(Te.Zone){if(Fe||"function"!=typeof Te.Zone.__symbol__)throw new Error("Zone already loaded.");return Te.Zone}let ht=(()=>{class rt{static assertZonePatched(){if(Te.Promise!==Be.ZoneAwarePromise)throw new Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let He=rt.current;for(;He.parent;)He=He.parent;return He}static get current(){return re.zone}static get currentTask(){return Y}static __load_patch(He,zt,tn=!1){if(Be.hasOwnProperty(He)){if(!tn&&Fe)throw Error("Already loaded patch: "+He)}else if(!Te["__Zone_disable_"+He]){const ln="Zone:"+He;et(ln),Be[He]=zt(Te,rt,se),Ge(ln,ln)}}get parent(){return this._parent}get name(){return this._name}constructor(He,zt){this._parent=He,this._name=zt?zt.name||"unnamed":"<root>",this._properties=zt&&zt.properties||{},this._zoneDelegate=new $t(this,this._parent&&this._parent._zoneDelegate,zt)}get(He){const zt=this.getZoneWith(He);if(zt)return zt._properties[He]}getZoneWith(He){let zt=this;for(;zt;){if(zt._properties.hasOwnProperty(He))return zt;zt=zt._parent}return null}fork(He){if(!He)throw new Error("ZoneSpec required!");return this._zoneDelegate.fork(this,He)}wrap(He,zt){if("function"!=typeof He)throw new Error("Expecting function got: "+He);const tn=this._zoneDelegate.intercept(this,He,zt),ln=this;return function(){return ln.runGuarded(tn,this,arguments,zt)}}run(He,zt,tn,ln){re={parent:re,zone:this};try{return this._zoneDelegate.invoke(this,He,zt,tn,ln)}finally{re=re.parent}}runGuarded(He,zt=null,tn,ln){re={parent:re,zone:this};try{try{return this._zoneDelegate.invoke(this,He,zt,tn,ln)}catch(Rt){if(this._zoneDelegate.handleError(this,Rt))throw Rt}}finally{re=re.parent}}runTask(He,zt,tn){if(He.zone!=this)throw new Error("A task can only be run in the zone of creation! (Creation: "+(He.zone||it).name+"; Execution: "+this.name+")");if(He.state===W&&(He.type===Se||He.type===At))return;const ln=He.state!=De;ln&&He._transitionTo(De,Ne),He.runCount++;const Rt=Y;Y=He,re={parent:re,zone:this};try{He.type==At&&He.data&&!He.data.isPeriodic&&(He.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,He,zt,tn)}catch(en){if(this._zoneDelegate.handleError(this,en))throw en}}finally{He.state!==W&&He.state!==ct&&(He.type==Se||He.data&&He.data.isPeriodic?ln&&He._transitionTo(Ne,De):(He.runCount=0,this._updateTaskCount(He,-1),ln&&He._transitionTo(W,De,W))),re=re.parent,Y=Rt}}scheduleTask(He){if(He.zone&&He.zone!==this){let tn=this;for(;tn;){if(tn===He.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${He.zone.name}`);tn=tn.parent}}He._transitionTo($,W);const zt=[];He._zoneDelegates=zt,He._zone=this;try{He=this._zoneDelegate.scheduleTask(this,He)}catch(tn){throw He._transitionTo(ct,$,W),this._zoneDelegate.handleError(this,tn),tn}return He._zoneDelegates===zt&&this._updateTaskCount(He,1),He.state==$&&He._transitionTo(Ne,$),He}scheduleMicroTask(He,zt,tn,ln){return this.scheduleTask(new Ye(_t,He,zt,tn,ln,void 0))}scheduleMacroTask(He,zt,tn,ln,Rt){return this.scheduleTask(new Ye(At,He,zt,tn,ln,Rt))}scheduleEventTask(He,zt,tn,ln,Rt){return this.scheduleTask(new Ye(Se,He,zt,tn,ln,Rt))}cancelTask(He){if(He.zone!=this)throw new Error("A task can only be cancelled in the zone of creation! (Creation: "+(He.zone||it).name+"; Execution: "+this.name+")");if(He.state===Ne||He.state===De){He._transitionTo(pt,Ne,De);try{this._zoneDelegate.cancelTask(this,He)}catch(zt){throw He._transitionTo(ct,pt),this._zoneDelegate.handleError(this,zt),zt}return this._updateTaskCount(He,-1),He._transitionTo(W,pt),He.runCount=0,He}}_updateTaskCount(He,zt){const tn=He._zoneDelegates;-1==zt&&(He._zoneDelegates=null);for(let ln=0;ln<tn.length;ln++)tn[ln]._updateTaskCount(He.type,zt)}}return rt.__symbol__=Ke,rt})();const Vt={name:"",onHasTask:(dt,rt,at,He)=>dt.hasTask(at,He),onScheduleTask:(dt,rt,at,He)=>dt.scheduleTask(at,He),onInvokeTask:(dt,rt,at,He,zt,tn)=>dt.invokeTask(at,He,zt,tn),onCancelTask:(dt,rt,at,He)=>dt.cancelTask(at,He)};class $t{constructor(rt,at,He){this._taskCounts={microTask:0,macroTask:0,eventTask:0},this.zone=rt,this._parentDelegate=at,this._forkZS=He&&(He&&He.onFork?He:at._forkZS),this._forkDlgt=He&&(He.onFork?at:at._forkDlgt),this._forkCurrZone=He&&(He.onFork?this.zone:at._forkCurrZone),this._interceptZS=He&&(He.onIntercept?He:at._interceptZS),this._interceptDlgt=He&&(He.onIntercept?at:at._interceptDlgt),this._interceptCurrZone=He&&(He.onIntercept?this.zone:at._interceptCurrZone),this._invokeZS=He&&(He.onInvoke?He:at._invokeZS),this._invokeDlgt=He&&(He.onInvoke?at:at._invokeDlgt),this._invokeCurrZone=He&&(He.onInvoke?this.zone:at._invokeCurrZone),this._handleErrorZS=He&&(He.onHandleError?He:at._handleErrorZS),this._handleErrorDlgt=He&&(He.onHandleError?at:at._handleErrorDlgt),this._handleErrorCurrZone=He&&(He.onHandleError?this.zone:at._handleErrorCurrZone),this._scheduleTaskZS=He&&(He.onScheduleTask?He:at._scheduleTaskZS),this._scheduleTaskDlgt=He&&(He.onScheduleTask?at:at._scheduleTaskDlgt),this._scheduleTaskCurrZone=He&&(He.onScheduleTask?this.zone:at._scheduleTaskCurrZone),this._invokeTaskZS=He&&(He.onInvokeTask?He:at._invokeTaskZS),this._invokeTaskDlgt=He&&(He.onInvokeTask?at:at._invokeTaskDlgt),this._invokeTaskCurrZone=He&&(He.onInvokeTask?this.zone:at._invokeTaskCurrZone),this._cancelTaskZS=He&&(He.onCancelTask?He:at._cancelTaskZS),this._cancelTaskDlgt=He&&(He.onCancelTask?at:at._cancelTaskDlgt),this._cancelTaskCurrZone=He&&(He.onCancelTask?this.zone:at._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;const zt=He&&He.onHasTask;(zt||at&&at._hasTaskZS)&&(this._hasTaskZS=zt?He:Vt,this._hasTaskDlgt=at,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=rt,He.onScheduleTask||(this._scheduleTaskZS=Vt,this._scheduleTaskDlgt=at,this._scheduleTaskCurrZone=this.zone),He.onInvokeTask||(this._invokeTaskZS=Vt,this._invokeTaskDlgt=at,this._invokeTaskCurrZone=this.zone),He.onCancelTask||(this._cancelTaskZS=Vt,this._cancelTaskDlgt=at,this._cancelTaskCurrZone=this.zone))}fork(rt,at){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,rt,at):new ht(rt,at)}intercept(rt,at,He){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,rt,at,He):at}invoke(rt,at,He,zt,tn){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,rt,at,He,zt,tn):at.apply(He,zt)}handleError(rt,at){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,rt,at)}scheduleTask(rt,at){let He=at;if(this._scheduleTaskZS)this._hasTaskZS&&He._zoneDelegates.push(this._hasTaskDlgtOwner),He=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,rt,at),He||(He=at);else if(at.scheduleFn)at.scheduleFn(at);else{if(at.type!=_t)throw new Error("Task is missing scheduleFn.");ot(at)}return He}invokeTask(rt,at,He,zt){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,rt,at,He,zt):at.callback.apply(He,zt)}cancelTask(rt,at){let He;if(this._cancelTaskZS)He=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,rt,at);else{if(!at.cancelFn)throw Error("Task is not cancelable");He=at.cancelFn(at)}return He}hasTask(rt,at){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,rt,at)}catch(He){this.handleError(rt,He)}}_updateTaskCount(rt,at){const He=this._taskCounts,zt=He[rt],tn=He[rt]=zt+at;if(tn<0)throw new Error("More tasks executed then were scheduled.");0!=zt&&0!=tn||this.hasTask(this.zone,{microTask:He.microTask>0,macroTask:He.macroTask>0,eventTask:He.eventTask>0,change:rt})}}class Ye{constructor(rt,at,He,zt,tn,ln){if(this._zone=null,this.runCount=0,this._zoneDelegates=null,this._state="notScheduled",this.type=rt,this.source=at,this.data=zt,this.scheduleFn=tn,this.cancelFn=ln,!He)throw new Error("callback is not defined");this.callback=He;const Rt=this;this.invoke=rt===Se&&zt&&zt.useG?Ye.invokeTask:function(){return Ye.invokeTask.call(Te,Rt,this,arguments)}}static invokeTask(rt,at,He){rt||(rt=this),fe++;try{return rt.runCount++,rt.zone.runTask(rt,at,He)}finally{1==fe&&st(),fe--}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(W,$)}_transitionTo(rt,at,He){if(this._state!==at&&this._state!==He)throw new Error(`${this.type} '${this.source}': can not transition to '${rt}', expecting state '${at}'${He?" or '"+He+"'":""}, was '${this._state}'.`);this._state=rt,rt==W&&(this._zoneDelegates=null)}toString(){return this.data&&typeof this.data.handleId<"u"?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}const wt=Ke("setTimeout"),Mt=Ke("Promise"),kt=Ke("then");let Qe,cn=[],Yt=!1;function lt(dt){if(Qe||Te[Mt]&&(Qe=Te[Mt].resolve(0)),Qe){let rt=Qe[kt];rt||(rt=Qe.then),rt.call(Qe,dt)}else Te[wt](dt,0)}function ot(dt){0===fe&&0===cn.length&&lt(st),dt&&cn.push(dt)}function st(){if(!Yt){for(Yt=!0;cn.length;){const dt=cn;cn=[];for(let rt=0;rt<dt.length;rt++){const at=dt[rt];try{at.zone.runTask(at,null,null)}catch(He){se.onUnhandledError(He)}}}se.microtaskDrainDone(),Yt=!1}}const it={name:"NO ZONE"},W="notScheduled",$="scheduling",Ne="scheduled",De="running",pt="canceling",ct="unknown",_t="microTask",At="macroTask",Se="eventTask",Be={},se={symbol:Ke,currentZoneFrame:()=>re,onUnhandledError:Ue,microtaskDrainDone:Ue,scheduleMicroTask:ot,showUncaughtError:()=>!ht[Ke("ignoreConsoleErrorUncaughtError")],patchEventTarget:()=>[],patchOnProperties:Ue,patchMethod:()=>Ue,bindArguments:()=>[],patchThen:()=>Ue,patchMacroTask:()=>Ue,patchEventPrototype:()=>Ue,isIEOrEdge:()=>!1,getGlobalObjects:()=>{},ObjectDefineProperty:()=>Ue,ObjectGetOwnPropertyDescriptor:()=>{},ObjectCreate:()=>{},ArraySlice:()=>[],patchClass:()=>Ue,wrapWithCurrentZone:()=>Ue,filterProperties:()=>[],attachOriginToPatched:()=>Ue,_redefineProperty:()=>Ue,patchCallbacks:()=>Ue,nativeScheduleMicroTask:lt};let re={parent:null,zone:new ht(null,null)},Y=null,fe=0;function Ue(){}Ge("Zone","Zone"),Te.Zone=ht}(typeof window<"u"&&window||typeof self<"u"&&self||global);const Ve=Object.getOwnPropertyDescriptor,ae=Object.defineProperty,s=Object.getPrototypeOf,e=Object.create,o=Array.prototype.slice,p="addEventListener",_="removeEventListener",g=Zone.__symbol__(p),f=Zone.__symbol__(_),m="true",C="false",O=Zone.__symbol__("");function w(Te,Pe){return Zone.current.wrap(Te,Pe)}function S(Te,Pe,et,Ge,ke){return Zone.current.scheduleMacroTask(Te,Pe,et,Ge,ke)}const y=Zone.__symbol__,U=typeof window<"u",z=U?window:void 0,Z=U&&z||"object"==typeof self&&self||global,le="removeAttribute";function Q(Te,Pe){for(let et=Te.length-1;et>=0;et--)"function"==typeof Te[et]&&(Te[et]=w(Te[et],Pe+"_"+et));return Te}function de(Te){return!Te||!1!==Te.writable&&!("function"==typeof Te.get&&typeof Te.set>"u")}const X=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope,B=!("nw"in Z)&&typeof Z.process<"u"&&"[object process]"==={}.toString.call(Z.process),K=!B&&!X&&!(!U||!z.HTMLElement),ne=typeof Z.process<"u"&&"[object process]"==={}.toString.call(Z.process)&&!X&&!(!U||!z.HTMLElement),We={},Le=function(Te){if(!(Te=Te||Z.event))return;let Pe=We[Te.type];Pe||(Pe=We[Te.type]=y("ON_PROPERTY"+Te.type));const et=this||Te.target||Z,Ge=et[Pe];let ke;return K&&et===z&&"error"===Te.type?(ke=Ge&&Ge.call(this,Te.message,Te.filename,Te.lineno,Te.colno,Te.error),!0===ke&&Te.preventDefault()):(ke=Ge&&Ge.apply(this,arguments),null!=ke&&!ke&&Te.preventDefault()),ke};function Je(Te,Pe,et){let Ge=Ve(Te,Pe);if(!Ge&&et&&Ve(et,Pe)&&(Ge={enumerable:!0,configurable:!0}),!Ge||!Ge.configurable)return;const ke=y("on"+Pe+"patched");if(Te.hasOwnProperty(ke)&&Te[ke])return;delete Ge.writable,delete Ge.value;const Ke=Ge.get,Fe=Ge.set,ht=Pe.slice(2);let Vt=We[ht];Vt||(Vt=We[ht]=y("ON_PROPERTY"+ht)),Ge.set=function($t){let Ye=this;!Ye&&Te===Z&&(Ye=Z),Ye&&("function"==typeof Ye[Vt]&&Ye.removeEventListener(ht,Le),Fe&&Fe.call(Ye,null),Ye[Vt]=$t,"function"==typeof $t&&Ye.addEventListener(ht,Le,!1))},Ge.get=function(){let $t=this;if(!$t&&Te===Z&&($t=Z),!$t)return null;const Ye=$t[Vt];if(Ye)return Ye;if(Ke){let wt=Ke.call(this);if(wt)return Ge.set.call(this,wt),"function"==typeof $t[le]&&$t.removeAttribute(Pe),wt}return null},ae(Te,Pe,Ge),Te[ke]=!0}function we(Te,Pe,et){if(Pe)for(let Ge=0;Ge<Pe.length;Ge++)Je(Te,"on"+Pe[Ge],et);else{const Ge=[];for(const ke in Te)"on"==ke.slice(0,2)&&Ge.push(ke);for(let ke=0;ke<Ge.length;ke++)Je(Te,Ge[ke],et)}}const Ee=y("originalInstance");function $e(Te){const Pe=Z[Te];if(!Pe)return;Z[y(Te)]=Pe,Z[Te]=function(){const ke=Q(arguments,Te);switch(ke.length){case 0:this[Ee]=new Pe;break;case 1:this[Ee]=new Pe(ke[0]);break;case 2:this[Ee]=new Pe(ke[0],ke[1]);break;case 3:this[Ee]=new Pe(ke[0],ke[1],ke[2]);break;case 4:this[Ee]=new Pe(ke[0],ke[1],ke[2],ke[3]);break;default:throw new Error("Arg list too long.")}},he(Z[Te],Pe);const et=new Pe(function(){});let Ge;for(Ge in et)"XMLHttpRequest"===Te&&"responseBlob"===Ge||function(ke){"function"==typeof et[ke]?Z[Te].prototype[ke]=function(){return this[Ee][ke].apply(this[Ee],arguments)}:ae(Z[Te].prototype,ke,{set:function(Ke){"function"==typeof Ke?(this[Ee][ke]=w(Ke,Te+"."+ke),he(this[Ee][ke],Ke)):this[Ee][ke]=Ke},get:function(){return this[Ee][ke]}})}(Ge);for(Ge in Pe)"prototype"!==Ge&&Pe.hasOwnProperty(Ge)&&(Z[Te][Ge]=Pe[Ge])}function Ie(Te,Pe,et){let Ge=Te;for(;Ge&&!Ge.hasOwnProperty(Pe);)Ge=s(Ge);!Ge&&Te[Pe]&&(Ge=Te);const ke=y(Pe);let Ke=null;if(Ge&&(!(Ke=Ge[ke])||!Ge.hasOwnProperty(ke))&&(Ke=Ge[ke]=Ge[Pe],de(Ge&&Ve(Ge,Pe)))){const ht=et(Ke,ke,Pe);Ge[Pe]=function(){return ht(this,arguments)},he(Ge[Pe],Ke)}return Ke}function G(Te,Pe,et){let Ge=null;function ke(Ke){const Fe=Ke.data;return Fe.args[Fe.cbIdx]=function(){Ke.invoke.apply(this,arguments)},Ge.apply(Fe.target,Fe.args),Ke}Ge=Ie(Te,Pe,Ke=>function(Fe,ht){const Vt=et(Fe,ht);return Vt.cbIdx>=0&&"function"==typeof ht[Vt.cbIdx]?S(Vt.name,ht[Vt.cbIdx],Vt,ke):Ke.apply(Fe,ht)})}function he(Te,Pe){Te[y("OriginalDelegate")]=Pe}let ye=!1,te=!1;function q(){if(ye)return te;ye=!0;try{const Te=z.navigator.userAgent;(-1!==Te.indexOf("MSIE ")||-1!==Te.indexOf("Trident/")||-1!==Te.indexOf("Edge/"))&&(te=!0)}catch{}return te}Zone.__load_patch("ZoneAwarePromise",(Te,Pe,et)=>{const Ge=Object.getOwnPropertyDescriptor,ke=Object.defineProperty,Fe=et.symbol,ht=[],Vt=!0===Te[Fe("DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION")],$t=Fe("Promise"),Ye=Fe("then"),wt="__creationTrace__";et.onUnhandledError=Rt=>{if(et.showUncaughtError()){const en=Rt&&Rt.rejection;en?console.error("Unhandled Promise rejection:",en instanceof Error?en.message:en,"; Zone:",Rt.zone.name,"; Task:",Rt.task&&Rt.task.source,"; Value:",en,en instanceof Error?en.stack:void 0):console.error(Rt)}},et.microtaskDrainDone=()=>{for(;ht.length;){const Rt=ht.shift();try{Rt.zone.runGuarded(()=>{throw Rt.throwOriginal?Rt.rejection:Rt})}catch(en){kt(en)}}};const Mt=Fe("unhandledPromiseRejectionHandler");function kt(Rt){et.onUnhandledError(Rt);try{const en=Pe[Mt];"function"==typeof en&&en.call(this,Rt)}catch{}}function cn(Rt){return Rt&&Rt.then}function Yt(Rt){return Rt}function Qe(Rt){return at.reject(Rt)}const lt=Fe("state"),ot=Fe("value"),st=Fe("finally"),it=Fe("parentPromiseValue"),W=Fe("parentPromiseState"),$="Promise.then",Ne=null,De=!0,pt=!1,ct=0;function _t(Rt,en){return Ft=>{try{se(Rt,en,Ft)}catch(nn){se(Rt,!1,nn)}}}const At=function(){let Rt=!1;return function(Ft){return function(){Rt||(Rt=!0,Ft.apply(null,arguments))}}},Se="Promise resolved with itself",Be=Fe("currentTaskTrace");function se(Rt,en,Ft){const nn=At();if(Rt===Ft)throw new TypeError(Se);if(Rt[lt]===Ne){let on=null;try{("object"==typeof Ft||"function"==typeof Ft)&&(on=Ft&&Ft.then)}catch(fn){return nn(()=>{se(Rt,!1,fn)})(),Rt}if(en!==pt&&Ft instanceof at&&Ft.hasOwnProperty(lt)&&Ft.hasOwnProperty(ot)&&Ft[lt]!==Ne)Y(Ft),se(Rt,Ft[lt],Ft[ot]);else if(en!==pt&&"function"==typeof on)try{on.call(Ft,nn(_t(Rt,en)),nn(_t(Rt,!1)))}catch(fn){nn(()=>{se(Rt,!1,fn)})()}else{Rt[lt]=en;const fn=Rt[ot];if(Rt[ot]=Ft,Rt[st]===st&&en===De&&(Rt[lt]=Rt[W],Rt[ot]=Rt[it]),en===pt&&Ft instanceof Error){const dn=Pe.currentTask&&Pe.currentTask.data&&Pe.currentTask.data[wt];dn&&ke(Ft,Be,{configurable:!0,enumerable:!1,writable:!0,value:dn})}for(let dn=0;dn<fn.length;)fe(Rt,fn[dn++],fn[dn++],fn[dn++],fn[dn++]);if(0==fn.length&&en==pt){Rt[lt]=ct;let dn=Ft;try{throw new Error("Uncaught (in promise): "+function Ke(Rt){return Rt&&Rt.toString===Object.prototype.toString?(Rt.constructor&&Rt.constructor.name||"")+": "+JSON.stringify(Rt):Rt?Rt.toString():Object.prototype.toString.call(Rt)}(Ft)+(Ft&&Ft.stack?"\n"+Ft.stack:""))}catch(Dn){dn=Dn}Vt&&(dn.throwOriginal=!0),dn.rejection=Ft,dn.promise=Rt,dn.zone=Pe.current,dn.task=Pe.currentTask,ht.push(dn),et.scheduleMicroTask()}}}return Rt}const re=Fe("rejectionHandledHandler");function Y(Rt){if(Rt[lt]===ct){try{const en=Pe[re];en&&"function"==typeof en&&en.call(this,{rejection:Rt[ot],promise:Rt})}catch{}Rt[lt]=pt;for(let en=0;en<ht.length;en++)Rt===ht[en].promise&&ht.splice(en,1)}}function fe(Rt,en,Ft,nn,on){Y(Rt);const fn=Rt[lt],dn=fn?"function"==typeof nn?nn:Yt:"function"==typeof on?on:Qe;en.scheduleMicroTask($,()=>{try{const Dn=Rt[ot],Cn=!!Ft&&st===Ft[st];Cn&&(Ft[it]=Dn,Ft[W]=fn);const Fn=en.run(dn,void 0,Cn&&dn!==Qe&&dn!==Yt?[]:[Dn]);se(Ft,!0,Fn)}catch(Dn){se(Ft,!1,Dn)}},Ft)}const dt=function(){},rt=Te.AggregateError;class at{static toString(){return"function ZoneAwarePromise() { [native code] }"}static resolve(en){return se(new this(null),De,en)}static reject(en){return se(new this(null),pt,en)}static any(en){if(!en||"function"!=typeof en[Symbol.iterator])return Promise.reject(new rt([],"All promises were rejected"));const Ft=[];let nn=0;try{for(let dn of en)nn++,Ft.push(at.resolve(dn))}catch{return Promise.reject(new rt([],"All promises were rejected"))}if(0===nn)return Promise.reject(new rt([],"All promises were rejected"));let on=!1;const fn=[];return new at((dn,Dn)=>{for(let Cn=0;Cn<Ft.length;Cn++)Ft[Cn].then(Fn=>{on||(on=!0,dn(Fn))},Fn=>{fn.push(Fn),nn--,0===nn&&(on=!0,Dn(new rt(fn,"All promises were rejected")))})})}static race(en){let Ft,nn,on=new this((Dn,Cn)=>{Ft=Dn,nn=Cn});function fn(Dn){Ft(Dn)}function dn(Dn){nn(Dn)}for(let Dn of en)cn(Dn)||(Dn=this.resolve(Dn)),Dn.then(fn,dn);return on}static all(en){return at.allWithCallback(en)}static allSettled(en){return(this&&this.prototype instanceof at?this:at).allWithCallback(en,{thenCallback:nn=>({status:"fulfilled",value:nn}),errorCallback:nn=>({status:"rejected",reason:nn})})}static allWithCallback(en,Ft){let nn,on,fn=new this((Fn,Qn)=>{nn=Fn,on=Qn}),dn=2,Dn=0;const Cn=[];for(let Fn of en){cn(Fn)||(Fn=this.resolve(Fn));const Qn=Dn;try{Fn.then(Hn=>{Cn[Qn]=Ft?Ft.thenCallback(Hn):Hn,dn--,0===dn&&nn(Cn)},Hn=>{Ft?(Cn[Qn]=Ft.errorCallback(Hn),dn--,0===dn&&nn(Cn)):on(Hn)})}catch(Hn){on(Hn)}dn++,Dn++}return dn-=2,0===dn&&nn(Cn),fn}constructor(en){const Ft=this;if(!(Ft instanceof at))throw new Error("Must be an instanceof Promise.");Ft[lt]=Ne,Ft[ot]=[];try{const nn=At();en&&en(nn(_t(Ft,De)),nn(_t(Ft,pt)))}catch(nn){se(Ft,!1,nn)}}get[Symbol.toStringTag](){return"Promise"}get[Symbol.species](){return at}then(en,Ft){var nn;let on=null===(nn=this.constructor)||void 0===nn?void 0:nn[Symbol.species];(!on||"function"!=typeof on)&&(on=this.constructor||at);const fn=new on(dt),dn=Pe.current;return this[lt]==Ne?this[ot].push(dn,fn,en,Ft):fe(this,dn,fn,en,Ft),fn}catch(en){return this.then(null,en)}finally(en){var Ft;let nn=null===(Ft=this.constructor)||void 0===Ft?void 0:Ft[Symbol.species];(!nn||"function"!=typeof nn)&&(nn=at);const on=new nn(dt);on[st]=st;const fn=Pe.current;return this[lt]==Ne?this[ot].push(fn,on,en,en):fe(this,fn,on,en,en),on}}at.resolve=at.resolve,at.reject=at.reject,at.race=at.race,at.all=at.all;const He=Te[$t]=Te.Promise;Te.Promise=at;const zt=Fe("thenPatched");function tn(Rt){const en=Rt.prototype,Ft=Ge(en,"then");if(Ft&&(!1===Ft.writable||!Ft.configurable))return;const nn=en.then;en[Ye]=nn,Rt.prototype.then=function(on,fn){return new at((Dn,Cn)=>{nn.call(this,Dn,Cn)}).then(on,fn)},Rt[zt]=!0}return et.patchThen=tn,He&&(tn(He),Ie(Te,"fetch",Rt=>function ln(Rt){return function(en,Ft){let nn=Rt.apply(en,Ft);if(nn instanceof at)return nn;let on=nn.constructor;return on[zt]||tn(on),nn}}(Rt))),Promise[Pe.__symbol__("uncaughtPromiseErrors")]=ht,at}),Zone.__load_patch("toString",Te=>{const Pe=Function.prototype.toString,et=y("OriginalDelegate"),Ge=y("Promise"),ke=y("Error"),Ke=function(){if("function"==typeof this){const $t=this[et];if($t)return"function"==typeof $t?Pe.call($t):Object.prototype.toString.call($t);if(this===Promise){const Ye=Te[Ge];if(Ye)return Pe.call(Ye)}if(this===Error){const Ye=Te[ke];if(Ye)return Pe.call(Ye)}}return Pe.call(this)};Ke[et]=Pe,Function.prototype.toString=Ke;const Fe=Object.prototype.toString;Object.prototype.toString=function(){return"function"==typeof Promise&&this instanceof Promise?"[object Promise]":Fe.call(this)}});let ce=!1;if(typeof window<"u")try{const Te=Object.defineProperty({},"passive",{get:function(){ce=!0}});window.addEventListener("test",Te,Te),window.removeEventListener("test",Te,Te)}catch{ce=!1}const be={useG:!0},N={},_e={},ze=new RegExp("^"+O+"(\\w+)(true|false)$"),Ct=y("propagationStopped");function Et(Te,Pe){const et=(Pe?Pe(Te):Te)+C,Ge=(Pe?Pe(Te):Te)+m,ke=O+et,Ke=O+Ge;N[Te]={},N[Te][C]=ke,N[Te][m]=Ke}function Gt(Te,Pe,et,Ge){const ke=Ge&&Ge.add||p,Ke=Ge&&Ge.rm||_,Fe=Ge&&Ge.listeners||"eventListeners",ht=Ge&&Ge.rmAll||"removeAllListeners",Vt=y(ke),$t="."+ke+":",Ye="prependListener",wt="."+Ye+":",Mt=function(ot,st,it){if(ot.isRemoved)return;const W=ot.callback;let $;"object"==typeof W&&W.handleEvent&&(ot.callback=De=>W.handleEvent(De),ot.originalDelegate=W);try{ot.invoke(ot,st,[it])}catch(De){$=De}const Ne=ot.options;return Ne&&"object"==typeof Ne&&Ne.once&&st[Ke].call(st,it.type,ot.originalDelegate?ot.originalDelegate:ot.callback,Ne),$};function kt(ot,st,it){if(!(st=st||Te.event))return;const W=ot||st.target||Te,$=W[N[st.type][it?m:C]];if($){const Ne=[];if(1===$.length){const De=Mt($[0],W,st);De&&Ne.push(De)}else{const De=$.slice();for(let pt=0;pt<De.length&&(!st||!0!==st[Ct]);pt++){const ct=Mt(De[pt],W,st);ct&&Ne.push(ct)}}if(1===Ne.length)throw Ne[0];for(let De=0;De<Ne.length;De++){const pt=Ne[De];Pe.nativeScheduleMicroTask(()=>{throw pt})}}}const cn=function(ot){return kt(this,ot,!1)},Yt=function(ot){return kt(this,ot,!0)};function Qe(ot,st){if(!ot)return!1;let it=!0;st&&void 0!==st.useG&&(it=st.useG);const W=st&&st.vh;let $=!0;st&&void 0!==st.chkDup&&($=st.chkDup);let Ne=!1;st&&void 0!==st.rt&&(Ne=st.rt);let De=ot;for(;De&&!De.hasOwnProperty(ke);)De=s(De);if(!De&&ot[ke]&&(De=ot),!De||De[Vt])return!1;const pt=st&&st.eventNameToString,ct={},_t=De[Vt]=De[ke],At=De[y(Ke)]=De[Ke],Se=De[y(Fe)]=De[Fe],Be=De[y(ht)]=De[ht];let se;st&&st.prepend&&(se=De[y(st.prepend)]=De[st.prepend]);const at=it?function(Ft){if(!ct.isExisting)return _t.call(ct.target,ct.eventName,ct.capture?Yt:cn,ct.options)}:function(Ft){return _t.call(ct.target,ct.eventName,Ft.invoke,ct.options)},He=it?function(Ft){if(!Ft.isRemoved){const nn=N[Ft.eventName];let on;nn&&(on=nn[Ft.capture?m:C]);const fn=on&&Ft.target[on];if(fn)for(let dn=0;dn<fn.length;dn++)if(fn[dn]===Ft){fn.splice(dn,1),Ft.isRemoved=!0,0===fn.length&&(Ft.allRemoved=!0,Ft.target[on]=null);break}}if(Ft.allRemoved)return At.call(Ft.target,Ft.eventName,Ft.capture?Yt:cn,Ft.options)}:function(Ft){return At.call(Ft.target,Ft.eventName,Ft.invoke,Ft.options)},tn=st&&st.diff?st.diff:function(Ft,nn){const on=typeof nn;return"function"===on&&Ft.callback===nn||"object"===on&&Ft.originalDelegate===nn},ln=Zone[y("UNPATCHED_EVENTS")],Rt=Te[y("PASSIVE_EVENTS")],en=function(Ft,nn,on,fn,dn=!1,Dn=!1){return function(){const Cn=this||Te;let Fn=arguments[0];st&&st.transferEventName&&(Fn=st.transferEventName(Fn));let Qn=arguments[1];if(!Qn)return Ft.apply(this,arguments);if(B&&"uncaughtException"===Fn)return Ft.apply(this,arguments);let Hn=!1;if("function"!=typeof Qn){if(!Qn.handleEvent)return Ft.apply(this,arguments);Hn=!0}if(W&&!W(Ft,Qn,Cn,arguments))return;const li=ce&&!!Rt&&-1!==Rt.indexOf(Fn),pn=function re(Ft,nn){return!ce&&"object"==typeof Ft&&Ft?!!Ft.capture:ce&&nn?"boolean"==typeof Ft?{capture:Ft,passive:!0}:Ft?"object"==typeof Ft&&!1!==Ft.passive?{...Ft,passive:!0}:Ft:{passive:!0}:Ft}(arguments[2],li);if(ln)for(let Mi=0;Mi<ln.length;Mi++)if(Fn===ln[Mi])return li?Ft.call(Cn,Fn,Qn,pn):Ft.apply(this,arguments);const wn=!!pn&&("boolean"==typeof pn||pn.capture),ti=!(!pn||"object"!=typeof pn)&&pn.once,ai=Zone.current;let yi=N[Fn];yi||(Et(Fn,pt),yi=N[Fn]);const hi=yi[wn?m:C];let ii,_i=Cn[hi],ni=!1;if(_i){if(ni=!0,$)for(let Mi=0;Mi<_i.length;Mi++)if(tn(_i[Mi],Qn))return}else _i=Cn[hi]=[];const Ci=Cn.constructor.name,Sn=_e[Ci];Sn&&(ii=Sn[Fn]),ii||(ii=Ci+nn+(pt?pt(Fn):Fn)),ct.options=pn,ti&&(ct.options.once=!1),ct.target=Cn,ct.capture=wn,ct.eventName=Fn,ct.isExisting=ni;const zn=it?be:void 0;zn&&(zn.taskData=ct);const oi=ai.scheduleEventTask(ii,Qn,zn,on,fn);return ct.target=null,zn&&(zn.taskData=null),ti&&(pn.once=!0),!ce&&"boolean"==typeof oi.options||(oi.options=pn),oi.target=Cn,oi.capture=wn,oi.eventName=Fn,Hn&&(oi.originalDelegate=Qn),Dn?_i.unshift(oi):_i.push(oi),dn?Cn:void 0}};return De[ke]=en(_t,$t,at,He,Ne),se&&(De[Ye]=en(se,wt,function(Ft){return se.call(ct.target,ct.eventName,Ft.invoke,ct.options)},He,Ne,!0)),De[Ke]=function(){const Ft=this||Te;let nn=arguments[0];st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=arguments[2],fn=!!on&&("boolean"==typeof on||on.capture),dn=arguments[1];if(!dn)return At.apply(this,arguments);if(W&&!W(At,dn,Ft,arguments))return;const Dn=N[nn];let Cn;Dn&&(Cn=Dn[fn?m:C]);const Fn=Cn&&Ft[Cn];if(Fn)for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];if(tn(Hn,dn))return Fn.splice(Qn,1),Hn.isRemoved=!0,0===Fn.length&&(Hn.allRemoved=!0,Ft[Cn]=null,"string"==typeof nn)&&(Ft[O+"ON_PROPERTY"+nn]=null),Hn.zone.cancelTask(Hn),Ne?Ft:void 0}return At.apply(this,arguments)},De[Fe]=function(){const Ft=this||Te;let nn=arguments[0];st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=[],fn=St(Ft,pt?pt(nn):nn);for(let dn=0;dn<fn.length;dn++){const Dn=fn[dn];on.push(Dn.originalDelegate?Dn.originalDelegate:Dn.callback)}return on},De[ht]=function(){const Ft=this||Te;let nn=arguments[0];if(nn){st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=N[nn];if(on){const Dn=Ft[on[C]],Cn=Ft[on[m]];if(Dn){const Fn=Dn.slice();for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];this[Ke].call(this,nn,Hn.originalDelegate?Hn.originalDelegate:Hn.callback,Hn.options)}}if(Cn){const Fn=Cn.slice();for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];this[Ke].call(this,nn,Hn.originalDelegate?Hn.originalDelegate:Hn.callback,Hn.options)}}}}else{const on=Object.keys(Ft);for(let fn=0;fn<on.length;fn++){const Dn=ze.exec(on[fn]);let Cn=Dn&&Dn[1];Cn&&"removeListener"!==Cn&&this[ht].call(this,Cn)}this[ht].call(this,"removeListener")}if(Ne)return this},he(De[ke],_t),he(De[Ke],At),Be&&he(De[ht],Be),Se&&he(De[Fe],Se),!0}let lt=[];for(let ot=0;ot<et.length;ot++)lt[ot]=Qe(et[ot],Ge);return lt}function St(Te,Pe){if(!Pe){const Ke=[];for(let Fe in Te){const ht=ze.exec(Fe);let Vt=ht&&ht[1];if(Vt&&(!Pe||Vt===Pe)){const $t=Te[Fe];if($t)for(let Ye=0;Ye<$t.length;Ye++)Ke.push($t[Ye])}}return Ke}let et=N[Pe];et||(Et(Pe),et=N[Pe]);const Ge=Te[et[C]],ke=Te[et[m]];return Ge?ke?Ge.concat(ke):Ge.slice():ke?ke.slice():[]}function qt(Te,Pe){const et=Te.Event;et&&et.prototype&&Pe.patchMethod(et.prototype,"stopImmediatePropagation",Ge=>function(ke,Ke){ke[Ct]=!0,Ge&&Ge.apply(ke,Ke)})}function Ot(Te,Pe,et,Ge,ke){const Ke=Zone.__symbol__(Ge);if(Pe[Ke])return;const Fe=Pe[Ke]=Pe[Ge];Pe[Ge]=function(ht,Vt,$t){return Vt&&Vt.prototype&&ke.forEach(function(Ye){const wt=`${et}.${Ge}::`+Ye,Mt=Vt.prototype;try{if(Mt.hasOwnProperty(Ye)){const kt=Te.ObjectGetOwnPropertyDescriptor(Mt,Ye);kt&&kt.value?(kt.value=Te.wrapWithCurrentZone(kt.value,wt),Te._redefineProperty(Vt.prototype,Ye,kt)):Mt[Ye]&&(Mt[Ye]=Te.wrapWithCurrentZone(Mt[Ye],wt))}else Mt[Ye]&&(Mt[Ye]=Te.wrapWithCurrentZone(Mt[Ye],wt))}catch{}}),Fe.call(Pe,ht,Vt,$t)},Te.attachOriginToPatched(Pe[Ge],Fe)}function Ht(Te,Pe,et){if(!et||0===et.length)return Pe;const Ge=et.filter(Ke=>Ke.target===Te);if(!Ge||0===Ge.length)return Pe;const ke=Ge[0].ignoreProperties;return Pe.filter(Ke=>-1===ke.indexOf(Ke))}function Pt(Te,Pe,et,Ge){Te&&we(Te,Ht(Te,Pe,et),Ge)}function Tt(Te){return Object.getOwnPropertyNames(Te).filter(Pe=>Pe.startsWith("on")&&Pe.length>2).map(Pe=>Pe.substring(2))}Zone.__load_patch("util",(Te,Pe,et)=>{const Ge=Tt(Te);et.patchOnProperties=we,et.patchMethod=Ie,et.bindArguments=Q,et.patchMacroTask=G;const ke=Pe.__symbol__("BLACK_LISTED_EVENTS"),Ke=Pe.__symbol__("UNPATCHED_EVENTS");Te[Ke]&&(Te[ke]=Te[Ke]),Te[ke]&&(Pe[ke]=Pe[Ke]=Te[ke]),et.patchEventPrototype=qt,et.patchEventTarget=Gt,et.isIEOrEdge=q,et.ObjectDefineProperty=ae,et.ObjectGetOwnPropertyDescriptor=Ve,et.ObjectCreate=e,et.ArraySlice=o,et.patchClass=$e,et.wrapWithCurrentZone=w,et.filterProperties=Ht,et.attachOriginToPatched=he,et._redefineProperty=Object.defineProperty,et.patchCallbacks=Ot,et.getGlobalObjects=()=>({globalSources:_e,zoneSymbolEventNames:N,eventNames:Ge,isBrowser:K,isMix:ne,isNode:B,TRUE_STR:m,FALSE_STR:C,ZONE_SYMBOL_PREFIX:O,ADD_EVENT_LISTENER_STR:p,REMOVE_EVENT_LISTENER_STR:_})});const sn=y("zoneTask");function _n(Te,Pe,et,Ge){let ke=null,Ke=null;et+=Ge;const Fe={};function ht($t){const Ye=$t.data;return Ye.args[0]=function(){return $t.invoke.apply(this,arguments)},Ye.handleId=ke.apply(Te,Ye.args),$t}function Vt($t){return Ke.call(Te,$t.data.handleId)}ke=Ie(Te,Pe+=Ge,$t=>function(Ye,wt){if("function"==typeof wt[0]){const Mt={isPeriodic:"Interval"===Ge,delay:"Timeout"===Ge||"Interval"===Ge?wt[1]||0:void 0,args:wt},kt=wt[0];wt[0]=function(){try{return kt.apply(this,arguments)}finally{Mt.isPeriodic||("number"==typeof Mt.handleId?delete Fe[Mt.handleId]:Mt.handleId&&(Mt.handleId[sn]=null))}};const cn=S(Pe,wt[0],Mt,ht,Vt);if(!cn)return cn;const Yt=cn.data.handleId;return"number"==typeof Yt?Fe[Yt]=cn:Yt&&(Yt[sn]=cn),Yt&&Yt.ref&&Yt.unref&&"function"==typeof Yt.ref&&"function"==typeof Yt.unref&&(cn.ref=Yt.ref.bind(Yt),cn.unref=Yt.unref.bind(Yt)),"number"==typeof Yt||Yt?Yt:cn}return $t.apply(Te,wt)}),Ke=Ie(Te,et,$t=>function(Ye,wt){const Mt=wt[0];let kt;"number"==typeof Mt?kt=Fe[Mt]:(kt=Mt&&Mt[sn],kt||(kt=Mt)),kt&&"string"==typeof kt.type?"notScheduled"!==kt.state&&(kt.cancelFn&&kt.data.isPeriodic||0===kt.runCount)&&("number"==typeof Mt?delete Fe[Mt]:Mt&&(Mt[sn]=null),kt.zone.cancelTask(kt)):$t.apply(Te,wt)})}Zone.__load_patch("legacy",Te=>{const Pe=Te[Zone.__symbol__("legacyPatch")];Pe&&Pe()}),Zone.__load_patch("timers",Te=>{const et="clear";_n(Te,"set",et,"Timeout"),_n(Te,"set",et,"Interval"),_n(Te,"set",et,"Immediate")}),Zone.__load_patch("requestAnimationFrame",Te=>{_n(Te,"request","cancel","AnimationFrame"),_n(Te,"mozRequest","mozCancel","AnimationFrame"),_n(Te,"webkitRequest","webkitCancel","AnimationFrame")}),Zone.__load_patch("blocking",(Te,Pe)=>{const et=["alert","prompt","confirm"];for(let Ge=0;Ge<et.length;Ge++)Ie(Te,et[Ge],(Ke,Fe,ht)=>function(Vt,$t){return Pe.current.run(Ke,Te,$t,ht)})}),Zone.__load_patch("EventTarget",(Te,Pe,et)=>{(function ut(Te,Pe){Pe.patchEventPrototype(Te,Pe)})(Te,et),function vt(Te,Pe){if(Zone[Pe.symbol("patchEventTarget")])return;const{eventNames:et,zoneSymbolEventNames:Ge,TRUE_STR:ke,FALSE_STR:Ke,ZONE_SYMBOL_PREFIX:Fe}=Pe.getGlobalObjects();for(let Vt=0;Vt<et.length;Vt++){const $t=et[Vt],Mt=Fe+($t+Ke),kt=Fe+($t+ke);Ge[$t]={},Ge[$t][Ke]=Mt,Ge[$t][ke]=kt}const ht=Te.EventTarget;ht&&ht.prototype&&Pe.patchEventTarget(Te,Pe,[ht&&ht.prototype])}(Te,et);const Ge=Te.XMLHttpRequestEventTarget;Ge&&Ge.prototype&&et.patchEventTarget(Te,et,[Ge.prototype])}),Zone.__load_patch("MutationObserver",(Te,Pe,et)=>{$e("MutationObserver"),$e("WebKitMutationObserver")}),Zone.__load_patch("IntersectionObserver",(Te,Pe,et)=>{$e("IntersectionObserver")}),Zone.__load_patch("FileReader",(Te,Pe,et)=>{$e("FileReader")}),Zone.__load_patch("on_property",(Te,Pe,et)=>{!function xt(Te,Pe){if(B&&!ne||Zone[Te.symbol("patchEvents")])return;const et=Pe.__Zone_ignore_on_properties;let Ge=[];if(K){const ke=window;Ge=Ge.concat(["Document","SVGElement","Element","HTMLElement","HTMLBodyElement","HTMLMediaElement","HTMLFrameSetElement","HTMLFrameElement","HTMLIFrameElement","HTMLMarqueeElement","Worker"]);const Ke=function Re(){try{const Te=z.navigator.userAgent;if(-1!==Te.indexOf("MSIE ")||-1!==Te.indexOf("Trident/"))return!0}catch{}return!1}()?[{target:ke,ignoreProperties:["error"]}]:[];Pt(ke,Tt(ke),et&&et.concat(Ke),s(ke))}Ge=Ge.concat(["XMLHttpRequest","XMLHttpRequestEventTarget","IDBIndex","IDBRequest","IDBOpenDBRequest","IDBDatabase","IDBTransaction","IDBCursor","WebSocket"]);for(let ke=0;ke<Ge.length;ke++){const Ke=Pe[Ge[ke]];Ke&&Ke.prototype&&Pt(Ke.prototype,Tt(Ke.prototype),et)}}(et,Te)}),Zone.__load_patch("customElements",(Te,Pe,et)=>{!function Jt(Te,Pe){const{isBrowser:et,isMix:Ge}=Pe.getGlobalObjects();(et||Ge)&&Te.customElements&&"customElements"in Te&&Pe.patchCallbacks(Pe,Te.customElements,"customElements","define",["connectedCallback","disconnectedCallback","adoptedCallback","attributeChangedCallback"])}(Te,et)}),Zone.__load_patch("XHR",(Te,Pe)=>{!function Vt($t){const Ye=$t.XMLHttpRequest;if(!Ye)return;const wt=Ye.prototype;let kt=wt[g],cn=wt[f];if(!kt){const ct=$t.XMLHttpRequestEventTarget;if(ct){const _t=ct.prototype;kt=_t[g],cn=_t[f]}}const Yt="readystatechange",Qe="scheduled";function lt(ct){const _t=ct.data,At=_t.target;At[Ke]=!1,At[ht]=!1;const Se=At[ke];kt||(kt=At[g],cn=At[f]),Se&&cn.call(At,Yt,Se);const Be=At[ke]=()=>{if(At.readyState===At.DONE)if(!_t.aborted&&At[Ke]&&ct.state===Qe){const re=At[Pe.__symbol__("loadfalse")];if(0!==At.status&&re&&re.length>0){const Y=ct.invoke;ct.invoke=function(){const fe=At[Pe.__symbol__("loadfalse")];for(let Ue=0;Ue<fe.length;Ue++)fe[Ue]===ct&&fe.splice(Ue,1);!_t.aborted&&ct.state===Qe&&Y.call(ct)},re.push(ct)}else ct.invoke()}else!_t.aborted&&!1===At[Ke]&&(At[ht]=!0)};return kt.call(At,Yt,Be),At[et]||(At[et]=ct),De.apply(At,_t.args),At[Ke]=!0,ct}function ot(){}function st(ct){const _t=ct.data;return _t.aborted=!0,pt.apply(_t.target,_t.args)}const it=Ie(wt,"open",()=>function(ct,_t){return ct[Ge]=0==_t[2],ct[Fe]=_t[1],it.apply(ct,_t)}),$=y("fetchTaskAborting"),Ne=y("fetchTaskScheduling"),De=Ie(wt,"send",()=>function(ct,_t){if(!0===Pe.current[Ne]||ct[Ge])return De.apply(ct,_t);{const At={target:ct,url:ct[Fe],isPeriodic:!1,args:_t,aborted:!1},Se=S("XMLHttpRequest.send",ot,At,lt,st);ct&&!0===ct[ht]&&!At.aborted&&Se.state===Qe&&Se.invoke()}}),pt=Ie(wt,"abort",()=>function(ct,_t){const At=function Mt(ct){return ct[et]}(ct);if(At&&"string"==typeof At.type){if(null==At.cancelFn||At.data&&At.data.aborted)return;At.zone.cancelTask(At)}else if(!0===Pe.current[$])return pt.apply(ct,_t)})}(Te);const et=y("xhrTask"),Ge=y("xhrSync"),ke=y("xhrListener"),Ke=y("xhrScheduled"),Fe=y("xhrURL"),ht=y("xhrErrorBeforeScheduled")}),Zone.__load_patch("geolocation",Te=>{Te.navigator&&Te.navigator.geolocation&&function ue(Te,Pe){const et=Te.constructor.name;for(let Ge=0;Ge<Pe.length;Ge++){const ke=Pe[Ge],Ke=Te[ke];if(Ke){if(!de(Ve(Te,ke)))continue;Te[ke]=(ht=>{const Vt=function(){return ht.apply(this,Q(arguments,et+"."+ke))};return he(Vt,ht),Vt})(Ke)}}}(Te.navigator.geolocation,["getCurrentPosition","watchPosition"])}),Zone.__load_patch("PromiseRejectionEvent",(Te,Pe)=>{function et(Ge){return function(ke){St(Te,Ge).forEach(Fe=>{const ht=Te.PromiseRejectionEvent;if(ht){const Vt=new ht(Ge,{promise:ke.promise,reason:ke.rejection});Fe.invoke(Vt)}})}}Te.PromiseRejectionEvent&&(Pe[y("unhandledPromiseRejectionHandler")]=et("unhandledrejection"),Pe[y("rejectionHandledHandler")]=et("rejectionhandled"))}),Zone.__load_patch("queueMicrotask",(Te,Pe,et)=>{!function Wt(Te,Pe){Pe.patchMethod(Te,"queueMicrotask",et=>function(Ge,ke){Zone.current.scheduleMicroTask("queueMicrotask",ke[0])})}(Te,et)})},1516:(Ve,ae,s)=>{"use strict";s.d(ae,{ro:()=>o.r,U5:()=>_}),s(9510);var o=s(7258),p=s(4537);let _=(()=>{class f{}return f.\u0275fac=function(C){return new(C||f)},f.\u0275mod=p.oAB({type:f}),f.\u0275inj=p.cJS({}),f})();s(635)},9510:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>_});var e=s(8942),o=s(3711),p=s(4537);let _=(()=>{class g{constructor(m){this.accessor=m,this.maskito=o.A_;const C=m.writeValue.bind(m);m.writeValue=O=>{var w;C((0,o.CV)(String(null!=O?O:""),null!==(w=this.maskito)&&void 0!==w?w:o.A_))}}}return g.\u0275fac=function(m){return new(m||g)(p.Y36(e.Fj))},g.\u0275dir=p.lG2({type:g,selectors:[["input","maskito",""],["textarea","maskito",""]],hostBindings:function(m,C){1&m&&p.NdJ("input",function(w){return C.accessor._handleInput(w.target.value)})("blur",function(){return C.accessor.onTouched()})("compositionstart",function(){return C.accessor._compositionStart()})("compositionend",function(w){return C.accessor._compositionEnd(w.target.value)})},inputs:{maskito:"maskito"},features:[p._Bn([e.Fj,{provide:e.JU,multi:!0,useExisting:e.Fj}])]}),g})()},7258:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>_});var e=s(4911),o=s(4537),p=s(3711);let _=(()=>{class g{constructor(m,C){this.ngZone=m,this.elementRef=C,this.maskedElement=null,this.maskito=p.A_,this.maskitoElement=p.gI}ngOnChanges(){var m;return(0,e.mG)(this,void 0,void 0,function*(){null===(m=this.maskedElement)||void 0===m||m.destroy();const C=this.maskitoElement,O=yield C(this.elementRef.nativeElement);this.maskitoElement===C&&this.ngZone.runOutsideAngular(()=>{var w;this.maskedElement=new p.C8(O,null!==(w=this.maskito)&&void 0!==w?w:p.A_)})})}ngOnDestroy(){var m;null===(m=this.maskedElement)||void 0===m||m.destroy()}}return g.\u0275fac=function(m){return new(m||g)(o.Y36(o.R0b),o.Y36(o.SBq))},g.\u0275dir=o.lG2({type:g,selectors:[["","maskito",""]],inputs:{maskito:"maskito",maskitoElement:"maskitoElement"},features:[o.TTD]}),g})()},635:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>p});var e=s(3711),o=s(4537);let p=(()=>{class _{transform(f,m){return(0,e.CV)(String(null!=f?f:""),null!=m?m:e.A_)}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275pipe=o.Yjl({name:"maskito",type:_,pure:!0}),_})()},3711:(Ve,ae,s)=>{"use strict";s.d(ae,{gI:()=>e,A_:()=>o,C8:()=>$e,CV:()=>Ee});const e=Ie=>Ie.querySelector("input,textarea")||Ie,o={mask:/^.*$/,preprocessors:[],postprocessors:[],plugins:[],overwriteMode:"shift"};class p{constructor(){this.now=null,this.past=[],this.future=[]}undo(){const G=this.past.pop();G&&this.now&&(this.future.push(this.now),this.updateElement(G,"historyUndo"))}redo(){const G=this.future.pop();G&&this.now&&(this.past.push(this.now),this.updateElement(G,"historyRedo"))}updateHistory(G){if(!this.now)return void(this.now=G);const he=this.now.value!==G.value,ye=this.now.selection.some((te,Re)=>te!==G.selection[Re]);!he&&!ye||(he&&(this.past.push(this.now),this.future=[]),this.now=G)}updateElement(G,he){this.now=G,this.updateElementState(G,{inputType:he,data:null})}}function m(Ie){return"string"==typeof Ie}function C(Ie,G,he,ye){let te="";for(let Re=G.length;Re<Ie.length;Re++){const q=Ie[Re],ce=(null==ye?void 0:ye.value[Re])===q;if(!m(q)||q===he&&!ce)return te;te+=q}return te}function O(Ie,G){return Array.isArray(G)?Ie.length===G.length&&Array.from(Ie).every((he,ye)=>{const te=G[ye];return m(te)?he===te:he.match(te)}):G.test(Ie)}function y(Ie,G,he=null){if(O(Ie.value,G))return Ie;const{value:ye,selection:te}=Array.isArray(G)?function w(Ie,G,he){let ye=null,te=null;const Re=Array.from(Ie.value).reduce((ce,be,N)=>{const ze=ce+C(G,ce,be,he),Ct=G[ze.length];return m(Ct)?ze+Ct:be.match(Ct)?(null===ye&&N>=Ie.selection[0]&&(ye=ze.length),null===te&&N>=Ie.selection[1]&&(te=ze.length),ze+be):ze},""),q=C(G,Re,"",he);return{value:O(Re+q,G)?Re+q:Re,selection:[null!=ye?ye:Re.length,null!=te?te:Re.length]}}(Ie,G,he):function S({value:Ie,selection:G},he){const[ye,te]=G;let Re=ye,q=te;return{value:Array.from(Ie).reduce((be,N,_e)=>{const ze=be+N;return ye===_e&&(Re=be.length),te===_e&&(q=be.length),ze.match(he)?ze:be},""),selection:[Re,q]}}(Ie,G);return{selection:te,value:Array.isArray(G)?ye.slice(0,G.length):ye}}function U(Ie,G){if(!Array.isArray(G))return Ie;const[he,ye]=Ie.selection,te=[],Re=Array.from(Ie.value).reduce((q,ce,be)=>{const N=G[be];return be===he&&te.push(q.length),be===ye&&te.push(q.length),m(N)&&N===ce?q:q+ce},"");return te.length<2&&te.push(...new Array(2-te.length).fill(Re.length)),{value:Re,selection:[te[0],te[1]]}}class z{constructor(G,he){this.initialElementState=G,this.maskOptions=he,this.value="",this.selection=[0,0];const{value:ye,selection:te}=y(G,this.getMaskExpression(G));this.value=ye,this.selection=te}addCharacters([G,he],ye){const{value:te}=this,Re=this.getMaskExpression({value:te.slice(0,G)+ye+te.slice(he),selection:[G+ye.length,G+ye.length]}),q={value:te,selection:[G,he]},ce=U(q,Re),[be,N]=function f({value:Ie,selection:G},he,ye){const[te,Re]=G;return{value:Ie,selection:"replace"===("function"==typeof ye?ye({value:Ie,selection:G}):ye)?[te,te+he.length]:[te,Re]}}(ce,ye,this.maskOptions.overwriteMode).selection,_e=ce.value.slice(0,be)+ye,ze=_e.length,Ct=y({value:_e+ce.value.slice(N),selection:[ze,ze]},Re,q);if(te.slice(0,be)===y({value:_e,selection:[ze,ze]},Re,q).value||function g(Ie,...G){return G.every(({value:he,selection:ye})=>he===Ie.value&&ye[0]===Ie.selection[0]&&ye[1]===Ie.selection[1])}(this,Ct))throw new Error("Invalid mask value");this.value=Ct.value,this.selection=Ct.selection}deleteCharacters([G,he]){if(G===he||!he)return;const{value:ye}=this,te=this.getMaskExpression({value:ye.slice(0,G)+ye.slice(he),selection:[G,G]}),Re={value:ye,selection:[G,he]},q=U(Re,te),[ce,be]=q.selection,_e=y({value:q.value.slice(0,ce)+q.value.slice(be),selection:[ce,ce]},te,Re);this.value=_e.value,this.selection=_e.selection}getMaskExpression(G){const{mask:he}=this.maskOptions;return"function"==typeof he?he(G):he}}class Z{constructor(G){this.element=G,this.listeners=[]}listen(G,he,ye){const te=he;this.element.addEventListener(G,te,ye),this.listeners.push(()=>this.element.removeEventListener(G,te))}destroy(){this.listeners.forEach(G=>G())}}function le(Ie,G,he){return Ie.ctrlKey===!!(1&G)&&Ie.altKey===!!(2&G)&&Ie.shiftKey===!!(4&G)&&Ie.metaKey===!!(8&G)&&Ie.keyCode===he}function B({value:Ie,selection:G},he){const[ye,te]=G;if(ye!==te)return[ye,te];const Re=he?Ie.slice(ye).indexOf("\n")+1||Ie.length:Ie.slice(0,te).lastIndexOf("\n")+1;return[he?ye:Re,he?Re:te]}function K({value:Ie,selection:G},he){const[ye,te]=G;return ye!==te?[ye,te]:(he?[ye,te+1]:[ye-1,te]).map(q=>Math.min(Math.max(q,0),Ie.length))}const ne=/\s+$/g,We=/^\s+/g,Le=/\s/;function Je({value:Ie,selection:G},he){const[ye,te]=G;if(ye!==te)return[ye,te];if(he){const be=Ie.slice(ye),[N]=be.match(We)||[""],_e=be.replace(We,"").search(Le);return[ye,-1!==_e?ye+N.length+_e:Ie.length]}const Re=Ie.slice(0,te),[q]=Re.match(ne)||[""],ce=Re.replace(ne,"").split("").reverse().findIndex(be=>be.match(Le));return[-1!==ce?te-q.length-ce:0,te]}function we(Ie=[]){return(G,...he)=>Ie.reduce((ye,te)=>Object.assign(Object.assign({},ye),te(ye,...he)),G)}function Ee(Ie,G){const he=Object.assign(Object.assign({},o),G),ye=we(he.preprocessors),te=we(he.postprocessors),Re="string"==typeof Ie?{value:Ie,selection:[0,0]}:Ie,{elementState:q}=ye({elementState:Re,data:""},"validation"),ce=new z(q,he),{value:be,selection:N}=te(ce,Re);return"string"==typeof Ie?be:{value:be,selection:N}}class $e extends p{constructor(G,he){super(),this.element=G,this.maskitoOptions=he,this.isTextArea="TEXTAREA"===this.element.nodeName,this.eventListener=new Z(this.element),this.options=Object.assign(Object.assign({},o),this.maskitoOptions),this.preprocessor=we(this.options.preprocessors),this.postprocessor=we(this.options.postprocessors),this.teardowns=this.options.plugins.map(ye=>ye(this.element,this.options)),this.ensureValueFitsMask(),this.updateHistory(this.elementState),this.eventListener.listen("keydown",ye=>function Q(Ie){return le(Ie,1,89)||le(Ie,5,90)||le(Ie,12,90)}(ye)?(ye.preventDefault(),this.redo()):function ue(Ie){return le(Ie,1,90)||le(Ie,8,90)}(ye)?(ye.preventDefault(),this.undo()):void 0),function de(Ie){return"onbeforeinput"in Ie}(G)?this.eventListener.listen("beforeinput",ye=>{const te=ye.inputType.includes("Forward");switch(this.updateHistory(this.elementState),ye.inputType){case"historyUndo":return ye.preventDefault(),this.undo();case"historyRedo":return ye.preventDefault(),this.redo();case"deleteByCut":case"deleteContentBackward":case"deleteContentForward":return this.handleDelete({event:ye,isForward:te,selection:K(this.elementState,te)});case"deleteWordForward":case"deleteWordBackward":return this.handleDelete({event:ye,isForward:te,selection:Je(this.elementState,te),force:!0});case"deleteSoftLineBackward":case"deleteSoftLineForward":case"deleteHardLineBackward":case"deleteHardLineForward":return this.handleDelete({event:ye,isForward:te,selection:B(this.elementState,te),force:!0});case"insertCompositionText":return;case"insertLineBreak":return this.handleEnter(ye);default:return this.handleInsert(ye,ye.data||"")}}):(this.eventListener.listen("keydown",ye=>this.handleKeydown(ye)),this.eventListener.listen("paste",ye=>{var te;return this.handleInsert(ye,(null===(te=ye.clipboardData)||void 0===te?void 0:te.getData("text/plain"))||"")})),this.eventListener.listen("input",({inputType:ye})=>{"insertCompositionText"!==ye&&(this.ensureValueFitsMask(),this.updateHistory(this.elementState))}),this.eventListener.listen("compositionend",()=>{this.ensureValueFitsMask(),this.updateHistory(this.elementState)})}get elementState(){const{value:G,selectionStart:he,selectionEnd:ye}=this.element;return{value:G,selection:[he||0,ye||0]}}get maxLength(){const{maxLength:G}=this.element;return-1===G?1/0:G}destroy(){this.eventListener.destroy(),this.teardowns.forEach(G=>null==G?void 0:G())}updateElementState({value:G,selection:he},ye={inputType:"insertText",data:null}){const te=this.elementState.value;this.updateValue(G),this.updateSelectionRange(he),te!==G&&this.dispatchInputEvent(ye)}updateSelectionRange([G,he]){var ye,te;(this.element.selectionStart!==G||this.element.selectionEnd!==he)&&(null===(te=(ye=this.element).setSelectionRange)||void 0===te||te.call(ye,G,he))}updateValue(G){this.element.value=G}ensureValueFitsMask(){this.updateElementState(Ee(this.elementState,this.options))}dispatchInputEvent(G={inputType:"insertText",data:null}){const he=typeof window<"u"?window:globalThis;null!=he&&he.InputEvent&&this.element.dispatchEvent(new InputEvent("input",Object.assign(Object.assign({},G),{bubbles:!0,cancelable:!1})))}handleKeydown(G){const he=G.key,ye="Delete"===he;switch(he){case"Backspace":case"Delete":return this.handleDelete({event:G,isForward:ye,selection:K(this.elementState,ye)});case"Enter":return this.handleEnter(G)}(function X({key:Ie,ctrlKey:G,metaKey:he,altKey:ye}){const te=G||he||ye,Re=/^.$/u.test(Ie);return!te&&"Backspace"!==Ie&&Re})(G)&&this.handleInsert(G,he)}handleDelete({event:G,selection:he,isForward:ye,force:te=!1}){const Re={value:this.elementState.value,selection:he},[q,ce]=Re.selection,{elementState:be}=this.preprocessor({elementState:Re,data:""},ye?"deleteForward":"deleteBackward"),N=new z(be,this.options),[_e,ze]=be.selection;N.deleteCharacters([_e,ze]);const Ct=this.postprocessor(N,Re);if(Re.value.slice(0,q)+Re.value.slice(ce)!==Ct.value||te)return G.preventDefault(),function _(Ie,...G){return G.every(({value:he})=>he===Ie.value)}(Re,be,N,Ct)?this.updateSelectionRange(ye?[ze,ze]:[_e,_e]):(this.updateElementState(Ct,{inputType:"inputType"in G?G.inputType:ye?"deleteContentForward":"deleteContentBackward",data:null}),void this.updateHistory(Ct))}handleInsert(G,he){const ye=this.elementState,{elementState:te,data:Re=he}=this.preprocessor({data:he,elementState:ye},"insert"),q=new z(te,this.options);try{q.addCharacters(te.selection,Re)}catch{return G.preventDefault()}const[ce,be]=te.selection,N=te.value.slice(0,ce)+he+te.value.slice(be),_e=this.postprocessor(q,ye);if(_e.value.length>this.maxLength)return G.preventDefault();N!==_e.value&&(G.preventDefault(),this.updateElementState(_e,{data:he,inputType:"inputType"in G?G.inputType:"insertText"}),this.updateHistory(_e))}handleEnter(G){this.isTextArea&&this.handleInsert(G,"\n")}}},4707:(Ve,ae,s)=>{"use strict";s.d(ae,{C:()=>e});var e=(()=>{return(o=e||(e={})).MaskitoOptions="mask",o.JavaScript="JavaScript",o.Angular="Angular",o.React="React",o.Vue="Vue",e;var o})()},374:(Ve,ae,s)=>{"use strict";var e=s(5998),p=(s(7400),s(5732)),_=s(4537),g=s(4091),f=s(763),m=s(8692);let C=(()=>{class Qe extends g._j{constructor(ot,st){super(),this._nextAnimationId=0,this._renderer=ot.createRenderer(st.body,{id:"0",encapsulation:_.ifc.None,styles:[],data:{animation:[]}})}build(ot){const st=this._nextAnimationId.toString();this._nextAnimationId++;const it=Array.isArray(ot)?(0,g.vP)(ot):ot;return S(this._renderer,null,st,"register",[it]),new O(st,this._renderer)}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(_.FYo),_.LFG(m.K0))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})();class O extends g.LC{constructor(lt,ot){super(),this._id=lt,this._renderer=ot}create(lt,ot){return new w(this._id,lt,ot||{},this._renderer)}}class w{constructor(lt,ot,st,it){this.id=lt,this.element=ot,this._renderer=it,this.parentPlayer=null,this._started=!1,this.totalTime=0,this._command("create",st)}_listen(lt,ot){return this._renderer.listen(this.element,`@@${this.id}:${lt}`,ot)}_command(lt,...ot){return S(this._renderer,this.element,this.id,lt,ot)}onDone(lt){this._listen("done",lt)}onStart(lt){this._listen("start",lt)}onDestroy(lt){this._listen("destroy",lt)}init(){this._command("init")}hasStarted(){return this._started}play(){this._command("play"),this._started=!0}pause(){this._command("pause")}restart(){this._command("restart")}finish(){this._command("finish")}destroy(){this._command("destroy")}reset(){this._command("reset"),this._started=!1}setPosition(lt){this._command("setPosition",lt)}getPosition(){var lt,ot;return null!==(lt=null===(ot=this._renderer.engine.players[+this.id])||void 0===ot?void 0:ot.getPosition())&&void 0!==lt?lt:0}}function S(Qe,lt,ot,st,it){return Qe.setProperty(lt,`@@${ot}:${st}`,it)}const y="@",U="@.disabled";let z=(()=>{class Qe{constructor(ot,st,it){this.delegate=ot,this.engine=st,this._zone=it,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,this.promise=Promise.resolve(0),st.onRemovalComplete=(W,$)=>{const Ne=null==$?void 0:$.parentNode(W);Ne&&$.removeChild(Ne,W)}}createRenderer(ot,st){const W=this.delegate.createRenderer(ot,st);if(!(ot&&st&&st.data&&st.data.animation)){let ct=this._rendererCache.get(W);return ct||(ct=new Z("",W,this.engine,()=>this._rendererCache.delete(W)),this._rendererCache.set(W,ct)),ct}const $=st.id,Ne=st.id+"-"+this._currentId;this._currentId++,this.engine.register(Ne,ot);const De=ct=>{Array.isArray(ct)?ct.forEach(De):this.engine.registerTrigger($,Ne,ot,ct.name,ct)};return st.data.animation.forEach(De),new le(this,Ne,W,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){this.promise.then(()=>{this._microtaskId++})}scheduleListenerCallback(ot,st,it){ot>=0&&ot<this._microtaskId?this._zone.run(()=>st(it)):(0==this._animationCallbacksBuffer.length&&Promise.resolve(null).then(()=>{this._zone.run(()=>{this._animationCallbacksBuffer.forEach(W=>{const[$,Ne]=W;$(Ne)}),this._animationCallbacksBuffer=[]})}),this._animationCallbacksBuffer.push([st,it]))}end(){this._cdRecurDepth--,0==this._cdRecurDepth&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(_.FYo),_.LFG(f.Th),_.LFG(_.R0b))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})();class Z{constructor(lt,ot,st,it){this.namespaceId=lt,this.delegate=ot,this.engine=st,this._onDestroy=it,this.destroyNode=this.delegate.destroyNode?W=>ot.destroyNode(W):null}get data(){return this.delegate.data}destroy(){var lt;this.engine.destroy(this.namespaceId,this.delegate),this.delegate.destroy(),null===(lt=this._onDestroy)||void 0===lt||lt.call(this)}createElement(lt,ot){return this.delegate.createElement(lt,ot)}createComment(lt){return this.delegate.createComment(lt)}createText(lt){return this.delegate.createText(lt)}appendChild(lt,ot){this.delegate.appendChild(lt,ot),this.engine.onInsert(this.namespaceId,ot,lt,!1)}insertBefore(lt,ot,st,it=!0){this.delegate.insertBefore(lt,ot,st),this.engine.onInsert(this.namespaceId,ot,lt,it)}removeChild(lt,ot,st){this.engine.onRemove(this.namespaceId,ot,this.delegate,st)}selectRootElement(lt,ot){return this.delegate.selectRootElement(lt,ot)}parentNode(lt){return this.delegate.parentNode(lt)}nextSibling(lt){return this.delegate.nextSibling(lt)}setAttribute(lt,ot,st,it){this.delegate.setAttribute(lt,ot,st,it)}removeAttribute(lt,ot,st){this.delegate.removeAttribute(lt,ot,st)}addClass(lt,ot){this.delegate.addClass(lt,ot)}removeClass(lt,ot){this.delegate.removeClass(lt,ot)}setStyle(lt,ot,st,it){this.delegate.setStyle(lt,ot,st,it)}removeStyle(lt,ot,st){this.delegate.removeStyle(lt,ot,st)}setProperty(lt,ot,st){ot.charAt(0)==y&&ot==U?this.disableAnimations(lt,!!st):this.delegate.setProperty(lt,ot,st)}setValue(lt,ot){this.delegate.setValue(lt,ot)}listen(lt,ot,st){return this.delegate.listen(lt,ot,st)}disableAnimations(lt,ot){this.engine.disableAnimations(lt,ot)}}class le extends Z{constructor(lt,ot,st,it,W){super(ot,st,it,W),this.factory=lt,this.namespaceId=ot}setProperty(lt,ot,st){ot.charAt(0)==y?"."==ot.charAt(1)&&ot==U?this.disableAnimations(lt,st=void 0===st||!!st):this.engine.process(this.namespaceId,lt,ot.slice(1),st):this.delegate.setProperty(lt,ot,st)}listen(lt,ot,st){if(ot.charAt(0)==y){const it=function Q(Qe){switch(Qe){case"body":return document.body;case"document":return document;case"window":return window;default:return Qe}}(lt);let W=ot.slice(1),$="";return W.charAt(0)!=y&&([W,$]=function ue(Qe){const lt=Qe.indexOf(".");return[Qe.substring(0,lt),Qe.slice(lt+1)]}(W)),this.engine.listen(this.namespaceId,it,W,$,Ne=>{this.factory.scheduleListenerCallback(Ne._data||-1,st,Ne)})}return this.delegate.listen(lt,ot,st)}}const K=[{provide:g._j,useClass:C},{provide:f.NH,useFactory:function X(){return new f.Ar}},{provide:f.Th,useClass:(()=>{class Qe extends f.Th{constructor(ot,st,it,W){super(ot.body,st,it)}ngOnDestroy(){this.flush()}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(m.K0),_.LFG(f.Vi),_.LFG(f.NH),_.LFG(_.z2F))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})()},{provide:_.FYo,useFactory:function B(Qe,lt,ot){return new z(Qe,lt,ot)},deps:[e.se,f.Th,_.R0b]}],ne=[{provide:f.Vi,useFactory:()=>new f.DT},{provide:_.QbO,useValue:"BrowserAnimations"},...K],We=[{provide:f.Vi,useClass:f.nV},{provide:_.QbO,useValue:"NoopAnimations"},...K];let Le=(()=>{class Qe{static withConfig(ot){return{ngModule:Qe,providers:ot.disableAnimations?We:ne}}}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({providers:ne,imports:[e.b2]}),Qe})();var $e=s(9658),Ie=s(2847),G=s(5452),he=s(972),ye=s(1001),te=s(6060),Re=s(4480),q=s.n(Re);const ce=new _.OlP("Config for DOMPurify",{factory:()=>({}),providedIn:"root"}),be=new _.OlP("Hooks for DOMPurify",{factory:()=>[],providedIn:"root"}),N=new _.OlP("A function that sanitizes value for a CSS rule",{factory:()=>Qe=>Qe,providedIn:"root"}),_e=q();let ze=(()=>{class Qe{constructor(ot,st,{defaultView:it},W){this.config=ot,this.sanitizeStyle=st,this.domPurify=_e(it),W.forEach(({name:$,hook:Ne})=>{this.domPurify.addHook($,Ne)})}sanitize(ot,st,it=this.config){if(ot===_.q3G.SCRIPT)throw new Error("DOMPurify does not support SCRIPT context");return ot===_.q3G.STYLE?this.sanitizeStyle(String(st)):this.domPurify.sanitize(String(st||""),it)}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(ce),_.LFG(N),_.LFG(m.K0),_.LFG(be))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac,providedIn:"root"}),Qe})();var Gt=s(1862);let St=(()=>{class Qe{constructor(){this.stackblitzStarterPath="/stackblitz"}}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["my-app"]],features:[_._Bn([{provide:te.hm,useClass:ze}])],decls:5,vars:1,consts:[["ngProjectAs","tuiDocHeader",5,["tuiDocHeader"]],["href","https://github.com/taiga-family/maskito","icon","assets/icons/github.svg","iconAlign","left","rel","noreferrer","target","_blank","title","Maskito source code on GitHub","tuiLink","","tuiMode","onLight",1,"link"],["href","https://t.me/taiga_ui/10600","icon","assets/icons/telegram.svg","iconAlign","left","rel","noreferrer","target","_blank","title","Get help on Telegram","tuiLink","","tuiMode","onLight",1,"link"],["icon","assets/icons/stackblitz.svg","iconAlign","left","title","Maskito StackBlitz Starter","tuiLink","","tuiMode","onLight",1,"link",3,"routerLink"]],template:function(ot,st){1&ot&&(_.TgZ(0,"tui-doc-main"),_.ynx(1,0),_._UZ(2,"a",1)(3,"a",2)(4,"a",3),_.BQk(),_.qZA()),2&ot&&(_.xp6(4),_.Q6J("routerLink",st.stackblitzStarterPath))},dependencies:[Gt.rH,$e.$5,Ie.V,G.w],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-m);color:var(--tui-text-01)}.link[_ngcontent-%COMP%]{margin-left:1rem}"],changeDetection:0}),Qe})();var qt=s(4911),Ot=s(4707),Ht=s(4548),Pt=s(1909),xt=s(9570),Wt=s(4789);const _n=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["angular-logo"]],decls:1,vars:0,consts:[["src","assets/icons/angular.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})());let Jt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Wt.EI]}),Qe})();const ut=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["javascript-logo"]],decls:1,vars:0,consts:[["src","assets/icons/javascript.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Pe=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["react-logo"]],decls:1,vars:0,consts:[["src","assets/icons/react.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Ge=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["vue-logo"]],decls:1,vars:0,consts:[["src","assets/icons/vue.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Ke=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["logo"]],decls:5,vars:0,consts:[["routerLink","/","tuiLink","",1,"logo-link"],[1,"logo-name"],["alt","Maskito logo","src","assets/icons/maskito.svg",1,"logo"],["alt","by Tinkoff","src","assets/icons/by.svg",1,"by"]],template:function(ot,st){1&ot&&(_.TgZ(0,"a",0)(1,"span",1),_._UZ(2,"img",2),_._uU(3," Maskito "),_.qZA()(),_._UZ(4,"img",3))},dependencies:[Ie.V,Gt.rH],styles:["[_nghost-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%], tui-root._mobile   [_nghost-%COMP%]{font-size:0}.logo-link[_ngcontent-%COMP%]{display:flex}.logo-name[_ngcontent-%COMP%]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-%COMP%]{margin-right:.625rem}.by[_ngcontent-%COMP%]{margin-left:.875rem}tui-root._mobile[_nghost-%COMP%]   .by[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .by[_ngcontent-%COMP%]{display:none}"],changeDetection:0}),Qe})()),wt=[{provide:m.S$,useClass:m.b0},{provide:Ht.Yx,useValue:"Maskito | "},{provide:Ht.Or,useValue:Ke},{provide:Ht.AC,useValue:["Description and examples","API"]},{provide:Ht.V5,useValue:[{section:"Getting started",title:"What is Maskito?",route:"getting-started/what-is-maskito",keywords:"getting, started, what, is, maskito"},{section:"Getting started",title:"Maskito libraries",route:"getting-started/maskito-libraries",keywords:"install, package, packages, maskito, npm, setup, explore, ecosystem"},{section:"Core concepts",title:"Overview",route:"core-concepts/overview",keywords:"core, concepts, overview"},{section:"Core concepts",title:"Mask expression",route:"core-concepts/mask-expression",keywords:"core, concepts, mask, expression, reg, exp, fixed"},{section:"Core concepts",title:"Element state",route:"core-concepts/element-state",keywords:"core, concepts, element, state"},{section:"Core concepts",title:"Processors",route:"core-concepts/processors",keywords:"core, concepts, preprocessor, postprocessor, processor, element, state, elementState"},{section:"Core concepts",title:"Plugins",route:"core-concepts/plugins",keywords:"core, concepts, extension, event, focus, blur"},{section:"Core concepts",title:"Overwrite mode",route:"core-concepts/overwrite-mode",keywords:"core, concepts, overwrite, mode, shift, replace"},{section:"Core concepts",title:"Transformer",route:"core-concepts/transformer",keywords:"core, concepts, programmatic, patch, set, update, value"},{section:"Frameworks",title:"Angular",route:"frameworks/angular",keywords:"ng, angular, framework, addon"},{section:"Frameworks",title:"React",route:"frameworks/react",keywords:"react, framework, addon"},{section:"Frameworks",title:"Vue",route:"frameworks/vue",keywords:"vue, framework, addon"},{section:"Kit",title:"Number",route:"kit/number",keywords:"digit, number, money, mask, kit, generator"},{section:"Kit",title:"Time",route:"kit/time",keywords:"time, hour, minute, second, mask, kit, generator"},{section:"Kit",title:"Date",route:"kit/date",keywords:"date, day, month, year, mask, kit, generator"},{section:"Kit",title:"DateRange",route:"kit/date-range",keywords:"date, day, month, year, mask, range, kit, generator"},{section:"Kit",title:"DateTime",route:"kit/date-time",keywords:"date, day, month, year, mask, time, date-time, hour, minute, second, kit, generator"},{section:"Addons",title:"@maskito/phone",route:"addons/phone",keywords:"phone, libphonenumber, international, generator"},{section:"Recipes",title:"Card",route:"recipes/card",keywords:"card, credit, cvv, debit, mask, recipe"},{section:"Recipes",title:"Phone",route:"recipes/phone",keywords:"phone, mobile, tel, telephone, mask, recipe"},{section:"Recipes",title:"Textarea",route:"recipes/textarea",keywords:"textarea, latin, mask, recipe"},{section:"Recipes",title:"With prefix",route:"recipes/prefix",keywords:"prefix, before, recipe"},{section:"Recipes",title:"With postfix",route:"recipes/postfix",keywords:"postfix, after, percent, am, pm, recipe"},{section:"Recipes",title:"With placeholder",route:"recipes/placeholder",keywords:"guide, placeholder, fill, recipe"},{section:"Other",title:"Browser support",route:"browser-support",keywords:"chrome, safari, ie, edge, firefox, browser, support"},{section:"Other",title:"Changelog",route:"changelog",keywords:"changelog, release, version, history"}]},{provide:Ht.yO,useValue:Qe=>{const lt="https://github.com/taiga-family/maskito/tree/main/projects";return Qe.path?`${lt}/${Qe.path}`:Qe.package&&"kit"===Qe.package.toLowerCase()?`${lt}/${Qe.package.toLowerCase()}/src/lib/masks/${(Qe.header[0].toLowerCase()+Qe.header.slice(1)).replace(/[A-Z]/g,ot=>`-${ot.toLowerCase()}`)}`:null}},{provide:Ht.lW,useClass:ye.StackblitzService},{provide:Ht.$_,useValue:Qe=>{const lt=Object.keys(Qe);return 1===lt.length&&lt[0]===Ot.C.MaskitoOptions?Object.assign(Object.assign({},Qe),{[Ot.C.JavaScript]:"import {Maskito, MaskitoOptions} from '@maskito/core';\nimport maskitoOptions from './mask';\n\nconst element = document.querySelector('input,textarea')!;\nconst maskedInput = new Maskito(element, maskitoOptions);\n\n// Call this function when the element is detached from DOM\nmaskedInput.destroy();",[Ot.C.Angular]:"import {Component} from '@angular/core';\nimport {MaskitoModule} from '@maskito/angular';\nimport type {MaskitoOptions} from '@maskito/core';\n\nimport mask from './mask';\n\n@Component({\n  selector: 'my-app',\n  standalone: true,\n  imports: [MaskitoModule],\n  template: '<input [maskito]=\"options\" />',\n})\nexport class App {\n  readonly options: MaskitoOptions = mask;\n}",[Ot.C.React]:"import * as React from 'react';\nimport {useMaskito} from '@maskito/react';\n\nimport options from './mask';\n\nexport default function App() {\n  const maskedInputRef = useMaskito({options});\n\n  return <input ref={maskedInputRef} />;\n}",[Ot.C.Vue]:"import {createApp} from 'vue';\nimport {maskito} from '@maskito/vue';\n\nimport options from './mask';\n\nconst app = createApp({\n  template: '<input v-maskito=\"options\" />',\n  directives: {maskito},\n  data: () => ({ options }),\n});"}):Qe}},(0,$e.hs)({codeEditorVisibilityHandler:Qe=>{const lt=Object.keys(Qe);return lt.includes(Ot.C.MaskitoOptions)&&lt.includes(Ot.C.JavaScript)},tabTitles:new Map([[Ot.C.JavaScript,ut],[Ot.C.Angular,_n],[Ot.C.React,Pe],[Ot.C.Vue,Ge]])}),{provide:Pt.rN,useFactory:()=>{const Qe=(0,m.NF)((0,_.f3M)(_.Lbi));return{coreLibraryLoader:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(9358).then(s.bind(s,9358))}),lineNumbersLoader:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return Qe?s.e(9022).then(s.t.bind(s,9022,23)):Promise.resolve()}),languages:{typescript:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(3377).then(s.bind(s,3377))}),less:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(4249).then(s.bind(s,4249))}),xml:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(3088).then(s.bind(s,3088))})}}}}],Mt=[{path:"getting-started/what-is-maskito",loadChildren:()=>Promise.all([s.e(8592),s.e(2089)]).then(s.bind(s,2089)).then(Qe=>Qe.WhatIsMaskitoDocPageModule),data:{title:"What is Maskito?"}},{path:"getting-started/maskito-libraries",loadChildren:()=>s.e(5113).then(s.bind(s,5113)).then(Qe=>Qe.MaskitoLibrariesDocPageModule),data:{title:"Maskito libraries"}},{path:"core-concepts/overview",loadChildren:()=>Promise.all([s.e(8592),s.e(7674)]).then(s.bind(s,7674)).then(Qe=>Qe.CoreConceptsOverviewDocPageModule),data:{title:"Core concepts"}},{path:"core-concepts/mask-expression",loadChildren:()=>Promise.all([s.e(8592),s.e(7089)]).then(s.bind(s,7089)).then(Qe=>Qe.MaskExpressionDocPageModule),data:{title:"Mask expression"}},{path:"core-concepts/element-state",loadChildren:()=>s.e(5017).then(s.bind(s,5017)).then(Qe=>Qe.ElementStateDocPageModule),data:{title:"Element state"}},{path:"core-concepts/processors",loadChildren:()=>Promise.all([s.e(8592),s.e(2742)]).then(s.bind(s,2742)).then(Qe=>Qe.ProcessorsDocPageModule),data:{title:"Processors"}},{path:"core-concepts/plugins",loadChildren:()=>Promise.all([s.e(8592),s.e(1351)]).then(s.bind(s,1351)).then(Qe=>Qe.PluginsDocPageModule),data:{title:"Plugins"}},{path:"core-concepts/overwrite-mode",loadChildren:()=>Promise.all([s.e(3506),s.e(8592),s.e(6233)]).then(s.bind(s,6233)).then(Qe=>Qe.OverwriteModeDocPageModule),data:{title:"Overwrite mode"}},{path:"core-concepts/transformer",loadChildren:()=>Promise.all([s.e(8592),s.e(7072)]).then(s.bind(s,7072)).then(Qe=>Qe.TransformerDocPageModule),data:{title:"Transformer"}},{path:"frameworks/angular",loadChildren:()=>s.e(8354).then(s.bind(s,8354)).then(Qe=>Qe.AngularDocPageModule),data:{title:"Angular"}},{path:"frameworks/react",loadChildren:()=>Promise.all([s.e(7435),s.e(8660)]).then(s.bind(s,8660)).then(Qe=>Qe.ReactDocPageModule),data:{title:"React"}},{path:"frameworks/vue",loadChildren:()=>s.e(8210).then(s.bind(s,8210)).then(Qe=>Qe.VueDocPageModule),data:{title:"Vue"}},{path:"kit/number",loadChildren:()=>s.e(6054).then(s.bind(s,6054)).then(Qe=>Qe.NumberMaskDocModule),data:{title:"Number"}},{path:"kit/time",loadChildren:()=>s.e(18).then(s.bind(s,18)).then(Qe=>Qe.TimeMaskDocModule),data:{title:"Time"}},{path:"kit/date",loadChildren:()=>s.e(2888).then(s.bind(s,2888)).then(Qe=>Qe.DateMaskDocModule),data:{title:"Date"}},{path:"kit/date-range",loadChildren:()=>s.e(4701).then(s.bind(s,4701)).then(Qe=>Qe.DateRangeMaskDocModule),data:{title:"DateRange"}},{path:"kit/date-time",loadChildren:()=>s.e(5564).then(s.bind(s,5564)).then(Qe=>Qe.DateTimeMaskDocModule),data:{title:"DateTime"}},{path:"recipes/card",loadChildren:()=>s.e(5445).then(s.bind(s,5445)).then(Qe=>Qe.CardDocModule),data:{title:"Card"}},{path:"recipes/phone",loadChildren:()=>Promise.all([s.e(8592),s.e(5608)]).then(s.bind(s,5608)).then(Qe=>Qe.PhoneDocModule),data:{title:"Phone"}},{path:"addons/phone",loadChildren:()=>Promise.all([s.e(8592),s.e(7316)]).then(s.bind(s,7316)).then(Qe=>Qe.PhoneDocModule),data:{title:"Phone"}},{path:"recipes/textarea",loadChildren:()=>Promise.all([s.e(3506),s.e(131)]).then(s.bind(s,131)).then(Qe=>Qe.TextareaDocModule),data:{title:"Textarea"}},{path:"recipes/prefix",loadChildren:()=>s.e(5580).then(s.bind(s,5580)).then(Qe=>Qe.PrefixDocModule),data:{title:"With prefix"}},{path:"recipes/postfix",loadChildren:()=>s.e(904).then(s.bind(s,904)).then(Qe=>Qe.PostfixDocModule),data:{title:"With postfix"}},{path:"recipes/placeholder",loadChildren:()=>Promise.all([s.e(8592),s.e(6597)]).then(s.bind(s,6597)).then(Qe=>Qe.PlaceholderDocModule),data:{title:"With placeholder"}},{path:"browser-support",loadChildren:()=>s.e(1759).then(s.bind(s,1759)).then(Qe=>Qe.BrowserSupportModule),data:{title:"Browser support"}},{path:"changelog",loadChildren:()=>s.e(4088).then(s.bind(s,4088)).then(Qe=>Qe.ChangelogModule),data:{title:"Changelog"}},{path:"stackblitz",loadChildren:()=>Promise.resolve().then(s.bind(s,1001)).then(Qe=>Qe.StackblitzStarterModule),data:{title:"Stackblitz Starter"}},{path:"cypress",loadChildren:()=>Promise.all([s.e(7435),s.e(169)]).then(s.bind(s,169)).then(Qe=>Qe.CypressDocPageModule),data:{title:"Cypress tests \u{1f92b}"}},{path:"**",redirectTo:"getting-started/what-is-maskito"}];let kt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Gt.Bz.forRoot(Mt,{initialNavigation:"enabledBlocking",scrollPositionRestoration:"enabled"}),Gt.Bz]}),Qe})(),cn=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Ie.j,Gt.Bz]}),Qe})(),Yt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe,bootstrap:[St]}),Qe.\u0275inj=_.cJS({providers:wt,imports:[e.b2.withServerTransition({appId:"demo"}),kt,Le,p.JF,cn,he.JP.forRoot({loader:p.eN,sanitize:_.q3G.NONE}),$e.qn,Ie.j,G.z,ye.StackblitzEditButtonModule,Jt]}),Qe})();document.addEventListener("DOMContentLoaded",()=>{e.q6().bootstrapModule(Yt).then(Qe=>{const lt=window;lt.ngRef&&lt.ngRef.destroy(),lt.ngRef=Qe}).catch(console.error)})},1001:(Ve,ae,s)=>{"use strict";s.r(ae),s.d(ae,{StackblitzEditButtonComponent:()=>p,StackblitzEditButtonModule:()=>_,StackblitzService:()=>xt,StackblitzStarterComponent:()=>sn,StackblitzStarterModule:()=>Jt});var e=s(4537),o=s(2628);let p=(()=>{class vt{}return vt.\u0275fac=function(Te){return new(Te||vt)},vt.\u0275cmp=e.Xpm({type:vt,selectors:[["stackblitz-edit-button"]],decls:2,vars:0,consts:[["appearance","flat","icon","assets/icons/stackblitz.svg","size","s","title","Edit on StackBlitz","tuiButton","","type","button"]],template:function(Te,Pe){1&Te&&(e.TgZ(0,"button",0),e._uU(1," Edit "),e.qZA())},dependencies:[o.v0],styles:["@media screen and (max-width: 47.9625em){button[_ngcontent-%COMP%]{font-size:0;margin-right:-1rem}}"],changeDetection:0}),vt})(),_=(()=>{class vt{}return vt.\u0275fac=function(Te){return new(Te||vt)},vt.\u0275mod=e.oAB({type:vt}),vt.\u0275inj=e.cJS({imports:[o.fN]}),vt})();var g=s(4911),f=s(8692),m=s(4427),C=s(4707);const y="https://stackblitz.com",U=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],z=["project","search","ports","settings"],Z=["light","dark"],le=["editor","preview"],Q={clickToLoad:vt=>de("ctl",vt),devToolsHeight:vt=>B("devtoolsheight",vt),forceEmbedLayout:vt=>de("embed",vt),hideDevTools:vt=>de("hidedevtools",vt),hideExplorer:vt=>de("hideExplorer",vt),hideNavigation:vt=>de("hideNavigation",vt),openFile:vt=>ne("file",vt),showSidebar:vt=>function X(vt,ut){return"boolean"==typeof ut?`${vt}=${ut?"1":"0"}`:""}("showSidebar",vt),sidebarView:vt=>K("sidebarView",vt,z),startScript:vt=>ne("startScript",vt),terminalHeight:vt=>B("terminalHeight",vt),theme:vt=>K("theme",vt,Z),view:vt=>K("view",vt,le),zenMode:vt=>de("zenMode",vt)};function ue(vt={}){const ut=Object.entries(vt).map(([Te,Pe])=>null!=Pe&&Q.hasOwnProperty(Te)?Q[Te](Pe):"").filter(Boolean);return ut.length?`?${ut.join("&")}`:""}function de(vt,ut){return!0===ut?`${vt}=1`:""}function B(vt,ut){if("number"==typeof ut&&!Number.isNaN(ut)){const Te=Math.min(100,Math.max(0,ut));return`${vt}=${encodeURIComponent(Math.round(Te))}`}return""}function K(vt,ut="",Te=[]){return Te.includes(ut)?`${vt}=${encodeURIComponent(ut)}`:""}function ne(vt,ut){return(Array.isArray(ut)?ut:[ut]).filter(Pe=>"string"==typeof Pe&&""!==Pe.trim()).map(Pe=>`${vt}=${encodeURIComponent(Pe)}`).join("&")}function Le(vt,ut){return`${we(ut)}${vt}${ue(ut)}`}function we(vt={}){return("string"==typeof vt.origin?vt.origin:y).replace(/\/$/,"")}function Ie(vt){return vt&&!1===vt.newWindow?"_self":"_blank"}function N({template:vt,title:ut,description:Te,dependencies:Pe,files:et,settings:Ge}){if(!U.includes(vt)){const ht=U.map(Vt=>`'${Vt}'`).join(", ");console.warn(`Unsupported project.template: must be one of ${ht}`)}const ke=[],Ke=(ht,Vt,$t="")=>{ke.push(function ce(vt,ut){const Te=document.createElement("input");return Te.type="hidden",Te.name=vt,Te.value=ut,Te}(ht,"string"==typeof Vt?Vt:$t))};Ke("project[title]",ut),"string"==typeof Te&&Te.length>0&&Ke("project[description]",Te),Ke("project[template]",vt,"javascript"),Pe&&("node"===vt?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):Ke("project[dependencies]",JSON.stringify(Pe))),Ge&&Ke("project[settings]",JSON.stringify(Ge)),Object.entries(et).forEach(([ht,Vt])=>{Ke(`project[files][${function be(vt){return vt.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}(ht)}]`,Vt)});const Fe=document.createElement("form");return Fe.method="POST",Fe.setAttribute("style","display:none!important;"),Fe.append(...ke),Fe}const Pt_openProject=function Et(vt,ut){!function ze(vt,ut){const Te=N(vt);Te.action=Le("/run",ut),Te.target=Ie(ut),document.body.appendChild(Te),Te.submit(),document.body.removeChild(Te)}(vt,ut)};var Tt=s(9570);let xt=(()=>{class vt{constructor(){this.baseProjectConfigs={template:"typescript",dependencies:{"@maskito/core":"*","@maskito/kit":"*"}},this.name="Stackblitz",this.content=new Tt.Al(p)}edit(Te,Pe,et){return(0,g.mG)(this,void 0,void 0,function*(){const[Ge,ke]=yield Promise.all([s.e(1223).then(s.t.bind(s,1223,17)),s.e(4930).then(s.t.bind(s,4930,17))].map(m.JQ));return Pt_openProject(Object.assign(Object.assign({},this.baseProjectConfigs),{title:`maskito/${Te}/${Pe}`,description:`Maskito example of the component ${Te}`,files:{"index.html":Te.includes("textarea")?"<textarea></textarea>":"<input />","styles.css":ke,"index.ts":(0,m.vi)(Ge)[0],"mask.ts":et[C.C.MaskitoOptions]}}),{openFile:"index.ts,mask.ts"})})}openStarter({title:Te,description:Pe,files:et},Ge){return Pt_openProject(Object.assign(Object.assign({},this.baseProjectConfigs),{title:Te,description:Pe,files:et}),Ge)}}return vt.\u0275fac=function(Te){return new(Te||vt)},vt.\u0275prov=e.Yz7({token:vt,factory:vt.\u0275fac}),vt})();var Wt=s(719);let sn=(()=>{class vt{constructor(Te,Pe){this.platformId=Te,this.stackblitz=Pe}ngOnInit(){return(0,g.mG)(this,void 0,void 0,function*(){(0,f.NF)(this.platformId)&&(yield this.openStackblitz())})}openStackblitz(){return(0,g.mG)(this,void 0,void 0,function*(){const[Te,Pe]=yield Promise.all([s.e(5097).then(s.t.bind(s,5097,17)),s.e(4930).then(s.t.bind(s,4930,17))].map(m.JQ));return this.stackblitz.openStarter({title:"Maskito Starter",description:"A starter with Maskito library\nDocumentation: https://maskito.dev",files:{"index.html":"<input />","index.ts":Te,"styles.css":Pe}},{newWindow:!1,openFile:"index.ts",hideExplorer:!0})})}}return vt.\u0275fac=function(Te){return new(Te||vt)(e.Y36(e.Lbi),e.Y36(xt))},vt.\u0275cmp=e.Xpm({type:vt,selectors:[["stackblitz-starter"]],features:[e._Bn([xt])],decls:1,vars:1,consts:[["size","xxl","textContent","Stackblitz loading...",1,"loader",3,"overlay"]],template:function(Te,Pe){1&Te&&e._UZ(0,"tui-loader",0),2&Te&&e.Q6J("overlay",!0)},dependencies:[Wt.kM],styles:[".loader[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--tui-base-01);z-index:1}"],changeDetection:0}),vt})();var _n=s(1862);let Jt=(()=>{class vt{}return vt.\u0275fac=function(Te){return new(Te||vt)},vt.\u0275mod=e.oAB({type:vt}),vt.\u0275inj=e.cJS({imports:[Wt.dS,_n.Bz.forChild([{path:"",component:sn}])]}),vt})()},7400:(Ve,ae,s)=>{"use strict";s(7277)},3358:(Ve,ae,s)=>{"use strict";s.d(ae,{Q7:()=>Gt,nQ:()=>St,tr:()=>xt,n9:()=>_n,H$:()=>Fe,f8:()=>ct,vZ:()=>$t,A7:()=>_e,jX:()=>ze,Bb:()=>qt,hM:()=>Ot,rC:()=>At,Oe:()=>Ht});var e=s(3711);const o=[".",",","\u0431","\u044e"],p=new Date("0001-01-01"),_=new Date("9999-12-31"),g={hours:23,minutes:59,seconds:59,milliseconds:999},f="\xa0",m="\u2013",C="\u2014",O="-",w="\u2212",S=[O,m,C,w],y=[","," "],U=[":","."],z={hours:2,minutes:2,seconds:2,milliseconds:3};function Z(Se,Be,se){const re=Math.min(Number(se),Math.max(Number(Be),Number(Se)));return Se instanceof Date?new Date(re):re}function le(Se,{day:Be,month:se,year:re}={}){const Y=new Date(Se);return Be&&Y.setDate(Y.getDate()+Be),se&&Y.setMonth(Y.getMonth()+se),re&&Y.setFullYear(Y.getFullYear()+re),Y}function Q(Se){return{day:String(Se.getDate()).padStart(2,"0"),month:String(Se.getMonth()+1).padStart(2,"0"),year:String(Se.getFullYear()).padStart(4,"0"),hours:String(Se.getHours()).padStart(2,"0"),minutes:String(Se.getMinutes()).padStart(2,"0"),seconds:String(Se.getSeconds()).padStart(2,"0"),milliseconds:String(Se.getMilliseconds()).padStart(3,"0")}}function ue(Se,Be){return!(Se.length<Be.length)&&Se.split(/\D/).every(se=>!se.match(/^0+$/))}function de(Se,Be,se){const re=Be.replace(/\W/g,"").length;return Se.replace(se,"").match(new RegExp(`(\\D*\\d[^\\d\\s]*){1,${re}}`,"g"))||[]}function X(Se){return Se.reduce((Be,[se,re])=>Object.assign(Object.assign({},Be),{[se]:re}),{})}function B(Se,Be){const se=Be.replace(/[^dmy]/g,""),re=Se.replace(/\D+/g,""),Y={day:re.slice(se.indexOf("d"),se.lastIndexOf("d")+1),month:re.slice(se.indexOf("m"),se.lastIndexOf("m")+1),year:re.slice(se.indexOf("y"),se.lastIndexOf("y")+1)};return X(Object.entries(Y).filter(([fe,Ue])=>Boolean(Ue)).sort(([fe],[Ue])=>Be.toLowerCase().indexOf(fe[0])>Be.toLowerCase().indexOf(Ue[0])?1:-1))}function K(Se,Be){var se,re,Y,fe,Ue,dt,rt;const at=2===(null===(se=Se.year)||void 0===se?void 0:se.length)?`20${Se.year}`:Se.year,He=new Date(Number(null!=at?at:"0"),Number(null!==(re=Se.month)&&void 0!==re?re:"1")-1,Number(null!==(Y=Se.day)&&void 0!==Y?Y:"1"),Number(null!==(fe=null==Be?void 0:Be.hours)&&void 0!==fe?fe:"0"),Number(null!==(Ue=null==Be?void 0:Be.minutes)&&void 0!==Ue?Ue:"0"),Number(null!==(dt=null==Be?void 0:Be.seconds)&&void 0!==dt?dt:"0"),Number(null!==(rt=null==Be?void 0:Be.milliseconds)&&void 0!==rt?rt:"0"));return He.setFullYear(Number(null!=at?at:"0")),He}const ne=", ";function We({day:Se,month:Be,year:se,hours:re,minutes:Y,seconds:fe,milliseconds:Ue},dt,rt){var at;const He=2===(null===(at=dt.match(/y/g))||void 0===at?void 0:at.length)?null==se?void 0:se.slice(-2):se;return(dt+(rt?ne+rt:"")).replace(/d+/g,null!=Se?Se:"").replace(/m+/g,null!=Be?Be:"").replace(/y+/g,null!=He?He:"").replace(/H+/g,null!=re?re:"").replace(/MSS/g,null!=Ue?Ue:"").replace(/M+/g,null!=Y?Y:"").replace(/S+/g,null!=fe?fe:"").replace(/^\D+/g,"").replace(/\D+$/g,"")}function Le(Se,Be,se=0){return Number(Se.padEnd(Be.length,"0"))<=Number(Be)?{validatedSegmentValue:Se,prefixedZeroesCount:se}:Se.endsWith("0")?Le(`0${Se.slice(0,Be.length-1)}`,Be,se+1):Le(`${Se.slice(0,Be.length-1)}0`,Be,se)}const Je=Se=>{var Be,se,re;return{day:(null===(Be=Se.match(/d/g))||void 0===Be?void 0:Be.length)||0,month:(null===(se=Se.match(/m/g))||void 0===se?void 0:se.length)||0,year:(null===(re=Se.match(/y/g))||void 0===re?void 0:re.length)||0}},we={day:31,month:12,year:9999};function Ee({dateString:Se,dateModeTemplate:Be,offset:se,selection:[re,Y]}){const fe=B(Se,Be),Ue=Object.entries(fe),dt={};let rt=0;for(const[zt,tn]of Ue){const ln=We(dt,Be),Rt=we[zt],Ft=se+ln.length+(ln.length&&1)+Je(Be)[zt],nn=Ft>=re&&Ft===Y;if(nn&&Number(tn)>Number(Rt))return{validatedDateString:"",updatedSelection:[re,Y]};if(nn&&Number(tn)<1)return{validatedDateString:"",updatedSelection:[re,Y]};const{validatedSegmentValue:on,prefixedZeroesCount:fn}=Le(tn,`${Rt}`);rt+=fn,dt[zt]=on}const at=We(dt,Be),He=at.length-Se.length;return{validatedDateString:at,updatedSelection:[re+rt+He,Y+rt+He]}}const $e=/[\\^$.*+?()[\]{}|]/g,Ie=new RegExp($e.source);function G(Se){return Se&&Ie.test(Se)?Se.replace($e,"\\$&"):Se}function te(Se){return Se}function Re(Se){return!Se||"object"==typeof Se&&0===Object.keys(Se).length}function q(Se,Be){const se=Je(Be);return X(Object.entries(Se).map(([re,Y])=>{const fe=se[re];return[re,Y.length===fe&&Y.match(/^0+$/)?"1".padStart(fe,"0"):Y]}))}function ce({dateModeTemplate:Se,min:Be=p,max:se=_,rangeSeparator:re="",dateSegmentSeparator:Y="."}){return({value:fe,selection:Ue})=>{const dt=re&&fe.endsWith(re),rt=de(fe,Se,re);let at="";for(const He of rt){at+=at?re:"";const zt=B(He,Se);ue(He,Se)?at+=We(Q(Z(K(zt),Be,se)),Se):at+=We(q(zt,Se),Se)+(He.endsWith(Y)?Y:"")}return{selection:Ue,value:at+(dt?re:"")}}}function be({dateModeTemplate:Se,dateSegmentsSeparator:Be,rangeSeparator:se=""}){return({elementState:re,data:Y})=>{const fe=se?new RegExp(`${se}|-`):ne,Ue=Y.split(fe),dt=Y.includes(ne)?[Ue[0]]:Ue;if(dt.every(rt=>rt.trim().split(/\D/).length===Se.split(Be).length)){const rt=dt.map(at=>function N(Se,Be,se){const re=Se.split(/\D/),Y=Be.split(se);return re.map((Ue,dt)=>dt===Y.length-1?Ue:Ue.padStart(Y[dt].length,"0")).join(se)}(at,Se,Be)).join(se);return{elementState:re,data:`${rt}${Y.includes(ne)&&ne+Ue[1]||""}`}}return{elementState:re,data:Y}}}function _e(Se){const Be=new RegExp(`${G(Se)}$`);return Se?({value:se,selection:re},Y)=>{if(!se&&!Y.value.endsWith(Se))return{value:se,selection:re};if(!se.endsWith(Se)&&!Y.value.endsWith(Se))return{selection:re,value:se+Se};const fe=Y.value.replace(Be,""),Ue=Y.selection[1]>=fe.length,dt=function he(Se,Be){let se="";for(let re=0;re<Se.length;re++){if(Se[re]!==Be[re])return se;se+=Se[re]}return se}(fe,se);return{selection:re,value:Array.from(Se).reverse().reduce((rt,at,He)=>{const zt=rt.length-1-He;return rt[zt]!==at||dt[zt]===at&&Ue?rt.slice(0,zt+1)+at+rt.slice(zt+1):rt},se)}}:te}function ze(Se){return Se?({value:Be,selection:se},re)=>{if(Be.startsWith(Se)||!Be&&!re.value.startsWith(Se))return{value:Be,selection:se};const[Y,fe]=se,Ue=Array.from(Se).reduce((rt,at,He)=>rt[He]===at?rt:rt.slice(0,He)+at+rt.slice(He),Be),dt=Ue.length-Be.length;return{selection:[Y+dt,fe+dt],value:Ue}}:te}function Ct({dateModeTemplate:Se,dateSegmentsSeparator:Be,rangeSeparator:se=""}){return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;if(Y===Be)return{elementState:re,data:Ue[0]===fe.length?Y:""};if(S.includes(Y))return{elementState:re,data:se};const dt=Y.replace(new RegExp(`[^\\d${G(Be)}${se}]`,"g"),"");if(!dt)return{elementState:re,data:""};const[rt,at]=Ue;let He=at+Y.length;const zt=fe.slice(0,rt)+dt+fe.slice(He),tn=de(zt,Se,se);let ln="";const Rt=Boolean(se)&&zt.includes(se);for(const Ft of tn){const{validatedDateString:nn,updatedSelection:on}=Ee({dateString:Ft,dateModeTemplate:Se,offset:ln?ln.length+se.length:0,selection:[rt,He]});if(Ft&&!nn)return{elementState:re,data:""};He=on[1],ln+=Rt&&ln?se+nn:nn}const en=ln.slice(rt,He);return{elementState:{selection:Ue,value:ln.slice(0,rt)+en.split(Be).map(Ft=>"0".repeat(Ft.length)).join(Be)+ln.slice(He)},data:en}}}function Et(Se,Be,se){return(re,Y)=>{const fe=()=>Be(re,Y);return re.addEventListener(Se,fe,se),()=>re.removeEventListener(Se,fe,se)}}function Gt(Se){return Et("focus",Be=>{Be.value||(Be.value=Se,Be.dispatchEvent(new Event("input")))})}function St(Se){return Be=>{const se=Be.ownerDocument;let re=0;const Y=()=>re++,fe=()=>{re=Math.max(--re,0)},Ue=()=>{if(function ye({activeElement:Se}){if(null==Se||!Se.shadowRoot)return Se;let Be=Se.shadowRoot.activeElement;for(;null!=Be&&Be.shadowRoot;)Be=Be.shadowRoot.activeElement;return Be}(se)!==Be)return;if(re)return se.addEventListener("mouseup",Ue,{once:!0,passive:!0});const dt=Be.selectionStart||0,rt=Be.selectionEnd||0,[at,He]=Se(Be.value,[dt,rt]);(at>dt||He<rt)&&Be.setSelectionRange(Z(dt,at,He),Z(rt,at,He))};return se.addEventListener("selectionchange",Ue,{passive:!0}),Be.addEventListener("mousedown",Y,{passive:!0}),se.addEventListener("mouseup",fe,{passive:!0}),()=>{se.removeEventListener("selectionchange",Ue),se.removeEventListener("mousedown",Y),se.removeEventListener("mouseup",fe)}}}function qt(Se){const Be=()=>{const se=Se.value;Se.addEventListener("beforeinput",re=>{re.defaultPrevented&&se===Se.value&&Se.dispatchEvent(new CustomEvent("maskitoReject",{bubbles:!0}))},{once:!0})};return Se.addEventListener("beforeinput",Be,!0),()=>Se.removeEventListener("beforeinput",Be,!0)}function Ot(Se){return Et("blur",Be=>{Be.value===Se&&(Be.value="",Be.dispatchEvent(new Event("input")))})}function Ht(Se,Be=!1){const se=fe=>{for(let Ue=fe.length-1;Ue>=0;Ue--)if(fe[Ue]!==Se[Ue])return fe.slice(0,Ue+1);return""},re=[St(fe=>[0,se(fe).length])];let Y=!1;if(Be){const fe=Et("focus",dt=>{Y=!0,dt.value+=Se.slice(dt.value.length),dt.dispatchEvent(new Event("input"))},{capture:!0}),Ue=Et("blur",dt=>{Y=!1,dt.value=se(dt.value),dt.dispatchEvent(new Event("input"))},{capture:!0});re.push(fe,Ue)}return{plugins:re,removePlaceholder:se,preprocessors:[({elementState:fe,data:Ue})=>{const{value:dt,selection:rt}=fe;return{elementState:{selection:rt,value:se(dt)},data:Ue}}],postprocessors:[({value:fe,selection:Ue},dt)=>!dt.value||!Y&&Be?{value:fe,selection:Ue}:{value:fe+Se.slice(fe.length),selection:Ue}]}}function xt({mode:Se,separator:Be=".",max:se,min:re}){const Y=Se.split("/").join(Be);return Object.assign(Object.assign({},e.A_),{mask:Array.from(Y).map(fe=>fe===Be?fe:/\d/),overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:Y,dateSegmentsSeparator:Be}),Ct({dateModeTemplate:Y,dateSegmentsSeparator:Be})],postprocessors:[ce({min:re,max:se,dateModeTemplate:Y,dateSegmentSeparator:Be})]})}function Wt({dateModeTemplate:Se,rangeSeparator:Be,minLength:se,maxLength:re,max:Y=_}){return Re(se)&&Re(re)?te:({value:fe,selection:Ue})=>{const dt=de(fe,Se,Be);if(2!==dt.length||dt.some(Rt=>!ue(Rt,Se)))return{value:fe,selection:Ue};const[rt,at]=dt.map(Rt=>K(B(Rt,Se))),He=le(rt,Object.assign(Object.assign({},se),{day:(null==se?void 0:se.day)&&se.day-1})),zt=Re(re)?Y:le(rt,Object.assign(Object.assign({},re),{day:(null==re?void 0:re.day)&&re.day-1})),tn=Z(at,He,Y);return{selection:Ue,value:dt[0]+Be+We(Q(tn>zt?zt:tn),Se)}}}function sn({dateModeTemplate:Se,rangeSeparator:Be}){return({value:se,selection:re})=>{const Y=de(se,Se,Be),fe=2===Y.length&&Y.every(tn=>ue(tn,Se)),[Ue,dt]=re;if(!((Ue>=se.length||0===Ue&&dt>=se.length)&&fe))return{value:se,selection:re};const[He,zt]=Y.map(tn=>K(B(tn,Se)));return{selection:re,value:He>zt?Y.reverse().join(Be):se}}}function _n({mode:Se,separator:Be=".",min:se,max:re,minLength:Y,maxLength:fe,dateSeparator:Ue=Be,rangeSeparator:dt=`${f}${m}${f}`}){const rt=Se.split("/").join(Ue),at=Array.from(rt).map(He=>He===Ue?He:/\d/);return Object.assign(Object.assign({},e.A_),{mask:[...at,...Array.from(dt),...at],overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:rt,rangeSeparator:dt,dateSegmentsSeparator:Ue}),Ct({dateModeTemplate:rt,rangeSeparator:dt,dateSegmentsSeparator:Ue})],postprocessors:[ce({min:se,max:re,dateModeTemplate:rt,rangeSeparator:dt,dateSegmentSeparator:Ue}),Wt({dateModeTemplate:rt,minLength:Y,maxLength:fe,max:re,rangeSeparator:dt}),sn({dateModeTemplate:rt,rangeSeparator:dt})]})}function Jt(Se){return X(Object.entries(Se).map(([Be,se])=>[Be,`${se}`.padEnd(z[Be],"0")]))}function vt(Se){const Be=Se.replace(/\D+/g,""),se={hours:Be.slice(0,2),minutes:Be.slice(2,4),seconds:Be.slice(4,6),milliseconds:Be.slice(6,9)};return X(Object.entries(se).filter(([re,Y])=>Boolean(Y)))}function ut({hours:Se="",minutes:Be="",seconds:se="",milliseconds:re=""}){return`${Se}${Be&&`:${Be}`}${se&&`:${se}`}${re&&`.${re}`}`}const Te=new RegExp(`[${U.map(G).join("")}]$`);function Pe({timeString:Se,paddedMaxValues:Be,offset:se,selection:[re,Y]}){const fe=vt(Se),Ue=Object.entries(fe),dt={};let rt=0;for(const[tn,ln]of Ue){const Rt=ut(dt),en=Be[tn],nn=se+Rt.length+(Rt.length&&1)+z[tn];if(nn>=re&&nn<=Y&&Number(ln)>Number(en))return{validatedTimeString:"",updatedTimeSelection:[re,Y]};const{validatedSegmentValue:fn,prefixedZeroesCount:dn}=Le(ln,`${en}`);rt+=dn,dt[tn]=fn}const[at=""]=Se.match(Te)||[],He=ut(dt)+at,zt=Math.max(He.length-Se.length,0);return{validatedTimeString:He,updatedTimeSelection:[re+rt+zt,Y+rt+zt]}}function et(Se,Be){const se=Se.includes(ne);return[Se.slice(0,Be.length),Se.slice(se?Be.length+ne.length:Be.length)]}function ke({dateModeTemplate:Se,timeMode:Be,min:se=p,max:re=_}){return({value:Y,selection:fe})=>{const[Ue,dt]=et(Y,Se),rt=B(Ue,Se),at=vt(dt);if(!function Ge(Se,Be,se){return Se.length>=Be.length+se.length+ne.length&&Se.split(ne)[0].split(/\D/).every(re=>!re.match(/^0+$/))}(Y,Se,Be)){const ln=q(rt,Se),{year:Rt,month:en,day:Ft}=ue(Ue,Se)?Q(Z(K(ln),se,re)):ln,nn=We(Object.assign({year:Rt,month:en,day:Ft},at),Se,Be);return{selection:fe,value:nn+Y.slice(nn.length)}}return{selection:fe,value:We(Q(Z(K(rt,at),se,re)),Se,Be)}}}function Ke({dateModeTemplate:Se,dateSegmentsSeparator:Be}){const se=new RegExp(`[^\\d${U.map(G).join("")}${G(Be)}]+`);return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;if(Y===Be)return{elementState:re,data:Ue[0]===fe.length?Y:""};if(y.includes(Y))return{elementState:re,data:ne};const dt=Y.replace(se,"");if(!dt)return{elementState:re,data:""};const[rt,at]=Ue;let He=at+Y.length;const zt=fe.slice(0,rt)+dt+fe.slice(He),[tn,ln]=et(zt,Se);let Rt="";const en=zt.includes(ne),{validatedDateString:Ft,updatedSelection:nn}=Ee({dateString:tn,dateModeTemplate:Se,offset:0,selection:[rt,He]});if(tn&&!Ft)return{elementState:re,data:""};He=nn[1],Rt+=Ft;const on=Jt(g),{validatedTimeString:fn,updatedTimeSelection:dn}=Pe({timeString:ln,paddedMaxValues:on,offset:Rt.length+ne.length,selection:[rt,He]});if(ln&&!fn)return{elementState:re,data:""};He=dn[1],Rt+=en?ne+fn:fn;const Dn=Rt.slice(rt,He);return{elementState:{selection:Ue,value:Rt.slice(0,rt)+Dn.split(Be).map(Cn=>"0".repeat(Cn.length)).join(Be)+Rt.slice(He)},data:Dn}}}function Fe({dateMode:Se,timeMode:Be,dateSeparator:se=".",min:re,max:Y}){const fe=Se.split("/").join(se);return Object.assign(Object.assign({},e.A_),{mask:[...Array.from(fe).map(Ue=>Ue===se?Ue:/\d/),...ne.split(""),...Array.from(Be).map(Ue=>U.includes(Ue)?Ue:/\d/)],overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:fe,dateSegmentsSeparator:se}),Ke({dateModeTemplate:fe,dateSegmentsSeparator:se})],postprocessors:[ke({min:re,max:Y,dateModeTemplate:fe,timeMode:Be})]})}function ht({decimalSeparator:Se,isNegativeAllowed:Be,precision:se,thousandSeparator:re,prefix:Y,postfix:fe,decimalPseudoSeparators:Ue=[],pseudoMinuses:dt=[]}){const rt=Vt(Y),He=Be?`[${w}${dt.map(Rt=>`\\${Rt}`).join("")}]?`:"",zt=re?`[\\d${G(re).replace(/\s/g,"\\s")}]*`:"[\\d]*",tn=se>0?`([${G(Se)}${Ue.map(G).join("")}]\\d{0,${Number.isFinite(se)?se:""}})?`:"",ln=Vt(fe);return new RegExp(`^${rt}${He}${zt}${tn}${ln}$`)}function Vt(Se){return Se?`${Se.split("").map(Be=>`${G(Be)}?`).join("")}`:""}function $t(Se,Be="."){const se=!!Se.match(new RegExp(`^\\D*[${w}\\${O}${m}${C}]`)),re=Se.replace(new RegExp(`[^\\d${G(Be)}]`,"g"),"").replace(Be,".");return re?Number((se?O:"")+re):NaN}function Mt({decimalSeparator:Se,precision:Be,decimalZeroPadding:se,postfix:re}){if(Be<=0||!se)return te;const Y=new RegExp(`${G(re)}$`);return({value:fe,selection:Ue})=>{if(Number.isNaN($t(fe,Se)))return{value:fe,selection:Ue};const[dt,rt=""]=fe.replace(Y,"").split(Se);return{value:dt+Se+rt.padEnd(Be,"0")+re,selection:Ue}}}function kt({decimalSeparator:Se,decimalPseudoSeparators:Be,pseudoMinuses:se}){let re=!0;const Y=ht({decimalSeparator:Se,decimalPseudoSeparators:Be,pseudoMinuses:se,prefix:"",postfix:"",thousandSeparator:"",precision:1/0,isNegativeAllowed:!0});return({elementState:fe,data:Ue})=>re?(re=!1,{elementState:(0,e.CV)(fe,{mask:Y}),data:Ue}):{elementState:fe,data:Ue}}function Yt({min:Se,max:Be,decimalSeparator:se}){return({value:re,selection:Y})=>{const fe=$t(re,se),Ue=fe>0?Math.min(fe,Be):Math.max(fe,Se);if(!Number.isNaN(fe)&&Ue!==fe){const dt=`${Ue}`.replace(".",se).replace(O,w);return{value:dt,selection:[dt.length,dt.length]}}return{value:re,selection:Y}}}function Qe({decimalSeparator:Se,thousandSeparator:Be,decimalZeroPadding:se}){return({elementState:re,data:Y},fe)=>{const{value:Ue,selection:dt}=re,[rt,at]=dt,He=Ue.slice(rt,at),zt=se?[Se,Be]:[Be],tn=se&&rt>Ue.indexOf(Se)&&Boolean(He.match(/^0+$/gi));return"deleteBackward"!==fe&&"deleteForward"!==fe||!zt.includes(He)&&!tn?{elementState:re,data:Y}:{elementState:{value:Ue,selection:"deleteForward"===fe?[at,at]:[rt,rt]},data:Y}}}function lt({decimalSeparator:Se,precision:Be}){const se=new RegExp(`^\\D*${G(Se)}`);return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re,[dt]=Ue;return Be<=0||fe.includes(Se)||!Y.match(se)?{elementState:re,data:Y}:{elementState:re,data:fe.slice(0,dt).match(/\d+/)?Y:`0${Y}`}}}function ot(Se,Be){const se=new RegExp(`[${Be.join("")}]`,"gi");return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;return{elementState:{selection:Ue,value:fe.replace(se,Se)},data:Y.replace(se,Se)}}}function st(Se){return({elementState:Be,data:se})=>{const{value:re,selection:Y}=Be,[fe,Ue]=Y;return{elementState:Be,data:!re.includes(Se)||re.slice(fe,Ue+1).includes(Se)?se:se.replace(new RegExp(G(Se),"gi"),"")}}}function it({thousandSeparator:Se,decimalSeparator:Be,prefix:se,postfix:re}){if(!Se)return te;const Y=new RegExp(`^${G(se)}${w}?`),fe=new RegExp(`${G(re)}$`);return({value:dt,selection:rt})=>{const[at,He=""]=dt.split(Be),[zt,tn]=rt;let[ln,Rt]=rt;const en=at.replace(Y,"").replace(fe,""),[Ft=""]=at.match(Y)||[],[nn=""]=at.match(fe)||[],on=Array.from(en).reduceRight((fn,dn,Dn)=>{const Fn=!(!Dn&&dn===Se)&&fn.length&&(fn.length+1)%4==0;return Fn&&(dn===Se||((...dt)=>dt.every(rt=>/\s/.test(rt)))(dn,Se))?Se+fn:dn!==Se||Fn?Fn?(Dn<=zt&&ln++,Dn<=tn&&Rt++,dn+Se+fn):dn+fn:(Dn&&Dn<=zt&&ln--,Dn&&Dn<=tn&&Rt--,fn)},"");return{value:Ft+on+nn+(dt.includes(Be)?Be:"")+He,selection:[ln,Rt]}}}function W(Se,Be){if(Se>0)return te;const se=new RegExp(`${G(Be)}.*$`,"g");return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re,[dt,rt]=Ue,at=fe.replace(se,"");return{elementState:{selection:[Math.min(dt,at.length),Math.min(rt,at.length)],value:at},data:Y.replace(se,"")}}}const $=[0,0];function Ne(Se,Be){const se=function cn(Se,Be){const se=Y=>{const fe=G(Be);return Y.replace(new RegExp(`^(\\D+)?[0${fe}]+(?=0)`),"$1").replace(new RegExp(`^(\\D+)?[0${fe}]+(?=[1-9])`),"$1")},re=(Y,fe)=>{const Ue=Y.slice(0,fe),dt=Y.slice(fe).startsWith("0");return Ue.length-se(Ue).length+(dt?1:0)};return({value:Y,selection:fe})=>{const[Ue,dt]=fe,rt=Y.includes(Se),[at,He=""]=Y.split(Se),zt=se(at);if(at===zt)return{value:Y,selection:fe};const tn=Ue-re(Y,Ue),ln=dt-re(Y,dt);return{value:zt+(rt?Se:"")+He,selection:[Math.max(tn,0),Math.max(ln,0)]}}}(Se,Be);return Et("blur",re=>{const Y=se({value:re.value,selection:$},{value:"",selection:$}).value;re.value!==Y&&(re.value=Y,re.dispatchEvent(new Event("input")))},{capture:!0})}function De({min:Se,max:Be,decimalSeparator:se}){return Et("blur",(re,Y)=>{const fe=$t(re.value,se),Ue=Z(fe,Se,Be);!Number.isNaN(fe)&&fe!==Ue&&(re.value=(0,e.CV)(function Ye(Se){const Be=String(Se),[se,re]=Be.split("e-");let Y=Be;if(re){const[,fe]=se.split("."),Ue=Number(re)+((null==fe?void 0:fe.length)||0);Y=Se.toFixed(Ue)}return Y}(Ue),Y),re.dispatchEvent(new Event("input")))},{capture:!0})}function pt(Se){return Et("blur",Be=>{const se=Be.value.replace(new RegExp(`^(\\D+)?${G(Se)}`),`$10${Se}`);se!==Be.value&&(Be.value=se,Be.dispatchEvent(new Event("input")))},{capture:!0})}function ct({max:Se=Number.MAX_SAFE_INTEGER,min:Be=Number.MIN_SAFE_INTEGER,precision:se=0,thousandSeparator:re=f,decimalSeparator:Y=".",decimalPseudoSeparators:fe,decimalZeroPadding:Ue=!1,prefix:dt="",postfix:rt=""}={}){const at=[O,m,C].filter(zt=>zt!==re&&zt!==Y),He=function wt({decimalSeparator:Se,thousandSeparator:Be,decimalPseudoSeparators:se=o}){return se.filter(re=>re!==Be&&re!==Se)}({decimalSeparator:Y,thousandSeparator:re,decimalPseudoSeparators:fe});return Object.assign(Object.assign({},e.A_),{mask:ht({decimalSeparator:Y,precision:se,thousandSeparator:re,prefix:dt,postfix:rt,isNegativeAllowed:Be<0}),preprocessors:[kt({decimalSeparator:Y,decimalPseudoSeparators:He,pseudoMinuses:at}),ot(w,at),ot(Y,He),lt({decimalSeparator:Y,precision:se}),Qe({decimalSeparator:Y,decimalZeroPadding:Ue,thousandSeparator:re}),W(se,Y),st(Y)],postprocessors:[Yt({decimalSeparator:Y,min:Be,max:Se}),ze(dt),_e(rt),it({decimalSeparator:Y,thousandSeparator:re,prefix:dt,postfix:rt}),Mt({decimalSeparator:Y,decimalZeroPadding:Ue,precision:se,postfix:rt})],plugins:[Ne(Y,re),pt(Y),De({min:Be,max:Se,decimalSeparator:Y})],overwriteMode:Ue?({value:zt,selection:[tn]})=>tn<=zt.indexOf(Y)?"shift":"replace":"shift"})}function _t(Se){const Be=Jt(Se),se=new RegExp(`[^\\d${U.map(G).join("")}]+`);return({elementState:re,data:Y},fe)=>{if("deleteBackward"===fe||"deleteForward"===fe)return{elementState:re,data:Y};const{value:Ue,selection:dt}=re;if("validation"===fe){const{validatedTimeString:Ft,updatedTimeSelection:nn}=Pe({timeString:Ue,paddedMaxValues:Be,offset:0,selection:dt});return{elementState:{value:Ft,selection:nn},data:Y}}const rt=Y.replace(se,""),[at,He]=dt;let zt=He+rt.length;const tn=Ue.slice(0,at)+rt+Ue.slice(zt),{validatedTimeString:ln,updatedTimeSelection:Rt}=Pe({timeString:tn,paddedMaxValues:Be,offset:0,selection:[at,zt]});if(tn&&!ln)return{elementState:re,data:""};zt=Rt[1];const en=ln.slice(at,zt);return{elementState:{selection:dt,value:ln.slice(0,at)+"0".repeat(en.length)+ln.slice(zt)},data:en}}}function At({mode:Se,timeSegmentMaxValues:Be={}}){const se=Object.assign(Object.assign({},g),Be);return Object.assign(Object.assign({},e.A_),{mask:Array.from(Se).map(re=>U.includes(re)?re:/\d/),preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},_t(se)],overwriteMode:"replace"})}},4091:(Ve,ae,s)=>{"use strict";s.d(ae,{EY:()=>le,IO:()=>Z,LC:()=>o,X$:()=>_,ZE:()=>de,ZN:()=>ue,_j:()=>e,eR:()=>S,jt:()=>g,k1:()=>X,l3:()=>p,oB:()=>C,pV:()=>U,vP:()=>m});class e{}class o{}const p="*";function _(B,K){return{type:7,name:B,definitions:K,options:{}}}function g(B,K=null){return{type:4,styles:K,timings:B}}function m(B,K=null){return{type:2,steps:B,options:K}}function C(B){return{type:6,styles:B,offset:null}}function S(B,K,ne=null){return{type:1,expr:B,animation:K,options:ne}}function U(B=null){return{type:9,options:B}}function Z(B,K,ne=null){return{type:11,selector:B,animation:K,options:ne}}function le(B,K){return{type:12,timings:B,animation:K}}function Q(B){Promise.resolve().then(B)}class ue{constructor(K=0,ne=0){this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._originalOnDoneFns=[],this._originalOnStartFns=[],this._started=!1,this._destroyed=!1,this._finished=!1,this._position=0,this.parentPlayer=null,this.totalTime=K+ne}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(K=>K()),this._onDoneFns=[])}onStart(K){this._originalOnStartFns.push(K),this._onStartFns.push(K)}onDone(K){this._originalOnDoneFns.push(K),this._onDoneFns.push(K)}onDestroy(K){this._onDestroyFns.push(K)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){Q(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(K=>K()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(K=>K()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(K){this._position=this.totalTime?K*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(K){const ne="start"==K?this._onStartFns:this._onDoneFns;ne.forEach(We=>We()),ne.length=0}}class de{constructor(K){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=K;let ne=0,We=0,Le=0;const Je=this.players.length;0==Je?Q(()=>this._onFinish()):this.players.forEach(we=>{we.onDone(()=>{++ne==Je&&this._onFinish()}),we.onDestroy(()=>{++We==Je&&this._onDestroy()}),we.onStart(()=>{++Le==Je&&this._onStart()})}),this.totalTime=this.players.reduce((we,Ee)=>Math.max(we,Ee.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(K=>K()),this._onDoneFns=[])}init(){this.players.forEach(K=>K.init())}onStart(K){this._onStartFns.push(K)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(K=>K()),this._onStartFns=[])}onDone(K){this._onDoneFns.push(K)}onDestroy(K){this._onDestroyFns.push(K)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(K=>K.play())}pause(){this.players.forEach(K=>K.pause())}restart(){this.players.forEach(K=>K.restart())}finish(){this._onFinish(),this.players.forEach(K=>K.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(K=>K.destroy()),this._onDestroyFns.forEach(K=>K()),this._onDestroyFns=[])}reset(){this.players.forEach(K=>K.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(K){const ne=K*this.totalTime;this.players.forEach(We=>{const Le=We.totalTime?Math.min(1,ne/We.totalTime):1;We.setPosition(Le)})}getPosition(){const K=this.players.reduce((ne,We)=>null===ne||We.totalTime>ne.totalTime?We:ne,null);return null!=K?K.getPosition():0}beforeDestroy(){this.players.forEach(K=>{K.beforeDestroy&&K.beforeDestroy()})}triggerCallback(K){const ne="start"==K?this._onStartFns:this._onDoneFns;ne.forEach(We=>We()),ne.length=0}}const X="!"},763:(Ve,ae,s)=>{"use strict";s.d(ae,{Ar:()=>On,DT:()=>ko,NH:()=>Dt,Th:()=>Lo,Vi:()=>ht,nV:()=>Fe});var e=s(4091),o=s(4537);function _(Oe){return new o.vHH(3e3,!1)}function ze(){return typeof window<"u"&&typeof window.document<"u"}function Ct(){return typeof process<"u"&&"[object process]"==={}.toString.call(process)}function Et(Oe){switch(Oe.length){case 0:return new e.ZN;case 1:return Oe[0];default:return new e.ZE(Oe)}}function Gt(Oe,b,M,J,ve=new Map,je=new Map){const gt=[],bt=[];let k=-1,A=null;if(J.forEach(I=>{const V=I.get("offset"),ft=V==k,an=ft&&A||new Map;I.forEach((bn,vn)=>{let $n=vn,Xn=bn;if("offset"!==vn)switch($n=b.normalizePropertyName($n,gt),Xn){case e.k1:Xn=ve.get(vn);break;case e.l3:Xn=je.get(vn);break;default:Xn=b.normalizeStyleValue(vn,$n,Xn,gt)}an.set($n,Xn)}),ft||bt.push(an),A=an,k=V}),gt.length)throw function Ee(Oe){return new o.vHH(3502,!1)}();return bt}function St(Oe,b,M,J){switch(b){case"start":Oe.onStart(()=>J(M&&qt(M,"start",Oe)));break;case"done":Oe.onDone(()=>J(M&&qt(M,"done",Oe)));break;case"destroy":Oe.onDestroy(()=>J(M&&qt(M,"destroy",Oe)))}}function qt(Oe,b,M){const J=M.totalTime,je=Ot(Oe.element,Oe.triggerName,Oe.fromState,Oe.toState,b||Oe.phaseName,null==J?Oe.totalTime:J,!!M.disabled),gt=Oe._data;return null!=gt&&(je._data=gt),je}function Ot(Oe,b,M,J,ve="",je=0,gt){return{element:Oe,triggerName:b,fromState:M,toState:J,phaseName:ve,totalTime:je,disabled:!!gt}}function Ht(Oe,b,M){let J=Oe.get(b);return J||Oe.set(b,J=M),J}function Pt(Oe){const b=Oe.indexOf(":");return[Oe.substring(1,b),Oe.slice(b+1)]}let Tt=(Oe,b)=>!1,xt=(Oe,b,M)=>[],Wt=null;function sn(Oe){const b=Oe.parentNode||Oe.host;return b===Wt?null:b}(Ct()||typeof Element<"u")&&(ze()?(Wt=(()=>document.documentElement)(),Tt=(Oe,b)=>{for(;b;){if(b===Oe)return!0;b=sn(b)}return!1}):Tt=(Oe,b)=>Oe.contains(b),xt=(Oe,b,M)=>{if(M)return Array.from(Oe.querySelectorAll(b));const J=Oe.querySelector(b);return J?[J]:[]});let vt=null,ut=!1;const Ge=Tt,ke=xt;let Fe=(()=>{class Oe{validateStyleProperty(M){return function Te(Oe){vt||(vt=function et(){return typeof document<"u"?document.body:null}()||{},ut=!!vt.style&&"WebkitAppearance"in vt.style);let b=!0;return vt.style&&!function Jt(Oe){return"ebkit"==Oe.substring(1,6)}(Oe)&&(b=Oe in vt.style,!b&&ut&&(b="Webkit"+Oe.charAt(0).toUpperCase()+Oe.slice(1)in vt.style)),b}(M)}matchesElement(M,J){return!1}containsElement(M,J){return Ge(M,J)}getParentElement(M){return sn(M)}query(M,J,ve){return ke(M,J,ve)}computeStyle(M,J,ve){return ve||""}animate(M,J,ve,je,gt,bt=[],k){return new e.ZN(ve,je)}}return Oe.\u0275fac=function(M){return new(M||Oe)},Oe.\u0275prov=o.Yz7({token:Oe,factory:Oe.\u0275fac}),Oe})(),ht=(()=>{class Oe{}return Oe.NOOP=new Fe,Oe})();const Vt=1e3,wt="ng-enter",Mt="ng-leave",kt="ng-trigger",cn=".ng-trigger",Yt="ng-animating",Qe=".ng-animating";function lt(Oe){if("number"==typeof Oe)return Oe;const b=Oe.match(/^(-?[\.\d]+)(m?s)/);return!b||b.length<2?0:ot(parseFloat(b[1]),b[2])}function ot(Oe,b){return"s"===b?Oe*Vt:Oe}function st(Oe,b,M){return Oe.hasOwnProperty("duration")?Oe:function it(Oe,b,M){let ve,je=0,gt="";if("string"==typeof Oe){const bt=Oe.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===bt)return b.push(_()),{duration:0,delay:0,easing:""};ve=ot(parseFloat(bt[1]),bt[2]);const k=bt[3];null!=k&&(je=ot(parseFloat(k),bt[4]));const A=bt[5];A&&(gt=A)}else ve=Oe;if(!M){let bt=!1,k=b.length;ve<0&&(b.push(function g(){return new o.vHH(3100,!1)}()),bt=!0),je<0&&(b.push(function f(){return new o.vHH(3101,!1)}()),bt=!0),bt&&b.splice(k,0,_())}return{duration:ve,delay:je,easing:gt}}(Oe,b,M)}function W(Oe,b={}){return Object.keys(Oe).forEach(M=>{b[M]=Oe[M]}),b}function $(Oe){const b=new Map;return Object.keys(Oe).forEach(M=>{b.set(M,Oe[M])}),b}function pt(Oe,b=new Map,M){if(M)for(let[J,ve]of M)b.set(J,ve);for(let[J,ve]of Oe)b.set(J,ve);return b}function ct(Oe,b,M){return M?b+":"+M+";":""}function _t(Oe){let b="";for(let M=0;M<Oe.style.length;M++){const J=Oe.style.item(M);b+=ct(0,J,Oe.style.getPropertyValue(J))}for(const M in Oe.style)Oe.style.hasOwnProperty(M)&&!M.startsWith("_")&&(b+=ct(0,at(M),Oe.style[M]));Oe.setAttribute("style",b)}function At(Oe,b,M){Oe.style&&(b.forEach((J,ve)=>{const je=rt(ve);M&&!M.has(ve)&&M.set(ve,Oe.style[je]),Oe.style[je]=J}),Ct()&&_t(Oe))}function Se(Oe,b){Oe.style&&(b.forEach((M,J)=>{const ve=rt(J);Oe.style[ve]=""}),Ct()&&_t(Oe))}function Be(Oe){return Array.isArray(Oe)?1==Oe.length?Oe[0]:(0,e.vP)(Oe):Oe}const re=new RegExp("{{\\s*(.+?)\\s*}}","g");function Y(Oe){let b=[];if("string"==typeof Oe){let M;for(;M=re.exec(Oe);)b.push(M[1]);re.lastIndex=0}return b}function fe(Oe,b,M){const J=Oe.toString(),ve=J.replace(re,(je,gt)=>{let bt=b[gt];return null==bt&&(M.push(function C(Oe){return new o.vHH(3003,!1)}()),bt=""),bt.toString()});return ve==J?Oe:ve}function Ue(Oe){const b=[];let M=Oe.next();for(;!M.done;)b.push(M.value),M=Oe.next();return b}const dt=/-+([a-z0-9])/g;function rt(Oe){return Oe.replace(dt,(...b)=>b[1].toUpperCase())}function at(Oe){return Oe.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function tn(Oe,b,M){switch(b.type){case 7:return Oe.visitTrigger(b,M);case 0:return Oe.visitState(b,M);case 1:return Oe.visitTransition(b,M);case 2:return Oe.visitSequence(b,M);case 3:return Oe.visitGroup(b,M);case 4:return Oe.visitAnimate(b,M);case 5:return Oe.visitKeyframes(b,M);case 6:return Oe.visitStyle(b,M);case 8:return Oe.visitReference(b,M);case 9:return Oe.visitAnimateChild(b,M);case 10:return Oe.visitAnimateRef(b,M);case 11:return Oe.visitQuery(b,M);case 12:return Oe.visitStagger(b,M);default:throw function O(Oe){return new o.vHH(3004,!1)}()}}function ln(Oe,b){return window.getComputedStyle(Oe)[b]}const Dn="*";function Cn(Oe,b){const M=[];return"string"==typeof Oe?Oe.split(/\s*,\s*/).forEach(J=>function Fn(Oe,b,M){if(":"==Oe[0]){const k=function Qn(Oe,b){switch(Oe){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(M,J)=>parseFloat(J)>parseFloat(M);case":decrement":return(M,J)=>parseFloat(J)<parseFloat(M);default:return b.push(function We(Oe){return new o.vHH(3016,!1)}()),"* => *"}}(Oe,M);if("function"==typeof k)return void b.push(k);Oe=k}const J=Oe.match(/^(\*|[-\w]+)\s*(<?[=-]>)\s*(\*|[-\w]+)$/);if(null==J||J.length<4)return M.push(function ne(Oe){return new o.vHH(3015,!1)}()),b;const ve=J[1],je=J[2],gt=J[3];b.push(pn(ve,gt));"<"==je[0]&&!(ve==Dn&&gt==Dn)&&b.push(pn(gt,ve))}(J,M,b)):M.push(Oe),M}const Hn=new Set(["true","1"]),li=new Set(["false","0"]);function pn(Oe,b){const M=Hn.has(Oe)||li.has(Oe),J=Hn.has(b)||li.has(b);return(ve,je)=>{let gt=Oe==Dn||Oe==ve,bt=b==Dn||b==je;return!gt&&M&&"boolean"==typeof ve&&(gt=ve?Hn.has(Oe):li.has(Oe)),!bt&&J&&"boolean"==typeof je&&(bt=je?Hn.has(b):li.has(b)),gt&&bt}}const ti=new RegExp("s*:selfs*,?","g");function ai(Oe,b,M,J){return new hi(Oe).build(b,M,J)}class hi{constructor(b){this._driver=b}build(b,M,J){const ve=new ii(M);return this._resetContextStyleTimingState(ve),tn(this,Be(b),ve)}_resetContextStyleTimingState(b){b.currentQuerySelector="",b.collectedStyles=new Map,b.collectedStyles.set("",new Map),b.currentTime=0}visitTrigger(b,M){let J=M.queryCount=0,ve=M.depCount=0;const je=[],gt=[];return"@"==b.name.charAt(0)&&M.errors.push(function S(){return new o.vHH(3006,!1)}()),b.definitions.forEach(bt=>{if(this._resetContextStyleTimingState(M),0==bt.type){const k=bt,A=k.name;A.toString().split(/\s*,\s*/).forEach(I=>{k.name=I,je.push(this.visitState(k,M))}),k.name=A}else if(1==bt.type){const k=this.visitTransition(bt,M);J+=k.queryCount,ve+=k.depCount,gt.push(k)}else M.errors.push(function y(){return new o.vHH(3007,!1)}())}),{type:7,name:b.name,states:je,transitions:gt,queryCount:J,depCount:ve,options:null}}visitState(b,M){const J=this.visitStyle(b.styles,M),ve=b.options&&b.options.params||null;if(J.containsDynamicStyles){const je=new Set,gt=ve||{};J.styles.forEach(bt=>{bt instanceof Map&&bt.forEach(k=>{Y(k).forEach(A=>{gt.hasOwnProperty(A)||je.add(A)})})}),je.size&&(Ue(je.values()),M.errors.push(function U(Oe,b){return new o.vHH(3008,!1)}()))}return{type:0,name:b.name,style:J,options:ve?{params:ve}:null}}visitTransition(b,M){M.queryCount=0,M.depCount=0;const J=tn(this,Be(b.animation),M);return{type:1,matchers:Cn(b.expr,M.errors),animation:J,queryCount:M.queryCount,depCount:M.depCount,options:zn(b.options)}}visitSequence(b,M){return{type:2,steps:b.steps.map(J=>tn(this,J,M)),options:zn(b.options)}}visitGroup(b,M){const J=M.currentTime;let ve=0;const je=b.steps.map(gt=>{M.currentTime=J;const bt=tn(this,gt,M);return ve=Math.max(ve,M.currentTime),bt});return M.currentTime=ve,{type:3,steps:je,options:zn(b.options)}}visitAnimate(b,M){const J=function Sn(Oe,b){if(Oe.hasOwnProperty("duration"))return Oe;if("number"==typeof Oe)return oi(st(Oe,b).duration,0,"");const M=Oe;if(M.split(/\s+/).some(je=>"{"==je.charAt(0)&&"{"==je.charAt(1))){const je=oi(0,0,"");return je.dynamic=!0,je.strValue=M,je}const ve=st(M,b);return oi(ve.duration,ve.delay,ve.easing)}(b.timings,M.errors);M.currentAnimateTimings=J;let ve,je=b.styles?b.styles:(0,e.oB)({});if(5==je.type)ve=this.visitKeyframes(je,M);else{let gt=b.styles,bt=!1;if(!gt){bt=!0;const A={};J.easing&&(A.easing=J.easing),gt=(0,e.oB)(A)}M.currentTime+=J.duration+J.delay;const k=this.visitStyle(gt,M);k.isEmptyStep=bt,ve=k}return M.currentAnimateTimings=null,{type:4,timings:J,style:ve,options:null}}visitStyle(b,M){const J=this._makeStyleAst(b,M);return this._validateStyleAst(J,M),J}_makeStyleAst(b,M){const J=[],ve=Array.isArray(b.styles)?b.styles:[b.styles];for(let bt of ve)"string"==typeof bt?bt===e.l3?J.push(bt):M.errors.push(new o.vHH(3002,!1)):J.push($(bt));let je=!1,gt=null;return J.forEach(bt=>{if(bt instanceof Map&&(bt.has("easing")&&(gt=bt.get("easing"),bt.delete("easing")),!je))for(let k of bt.values())if(k.toString().indexOf("{{")>=0){je=!0;break}}),{type:6,styles:J,easing:gt,offset:b.offset,containsDynamicStyles:je,options:null}}_validateStyleAst(b,M){const J=M.currentAnimateTimings;let ve=M.currentTime,je=M.currentTime;J&&je>0&&(je-=J.duration+J.delay),b.styles.forEach(gt=>{"string"!=typeof gt&&gt.forEach((bt,k)=>{const A=M.collectedStyles.get(M.currentQuerySelector),I=A.get(k);let V=!0;I&&(je!=ve&&je>=I.startTime&&ve<=I.endTime&&(M.errors.push(function le(Oe,b,M,J,ve){return new o.vHH(3010,!1)}()),V=!1),je=I.startTime),V&&A.set(k,{startTime:je,endTime:ve}),M.options&&function se(Oe,b,M){const J=b.params||{},ve=Y(Oe);ve.length&&ve.forEach(je=>{J.hasOwnProperty(je)||M.push(function m(Oe){return new o.vHH(3001,!1)}())})}(bt,M.options,M.errors)})})}visitKeyframes(b,M){const J={type:5,styles:[],options:null};if(!M.currentAnimateTimings)return M.errors.push(function Q(){return new o.vHH(3011,!1)}()),J;let je=0;const gt=[];let bt=!1,k=!1,A=0;const I=b.steps.map(Xn=>{const ri=this._makeStyleAst(Xn,M);let Ln=null!=ri.offset?ri.offset:function Ci(Oe){if("string"==typeof Oe)return null;let b=null;if(Array.isArray(Oe))Oe.forEach(M=>{if(M instanceof Map&&M.has("offset")){const J=M;b=parseFloat(J.get("offset")),J.delete("offset")}});else if(Oe instanceof Map&&Oe.has("offset")){const M=Oe;b=parseFloat(M.get("offset")),M.delete("offset")}return b}(ri.styles),wi=0;return null!=Ln&&(je++,wi=ri.offset=Ln),k=k||wi<0||wi>1,bt=bt||wi<A,A=wi,gt.push(wi),ri});k&&M.errors.push(function ue(){return new o.vHH(3012,!1)}()),bt&&M.errors.push(function de(){return new o.vHH(3200,!1)}());const V=b.steps.length;let ft=0;je>0&&je<V?M.errors.push(function X(){return new o.vHH(3202,!1)}()):0==je&&(ft=1/(V-1));const an=V-1,bn=M.currentTime,vn=M.currentAnimateTimings,$n=vn.duration;return I.forEach((Xn,ri)=>{const Ln=ft>0?ri==an?1:ft*ri:gt[ri],wi=Ln*$n;M.currentTime=bn+vn.delay+wi,vn.duration=wi,this._validateStyleAst(Xn,M),Xn.offset=Ln,J.styles.push(Xn)}),J}visitReference(b,M){return{type:8,animation:tn(this,Be(b.animation),M),options:zn(b.options)}}visitAnimateChild(b,M){return M.depCount++,{type:9,options:zn(b.options)}}visitAnimateRef(b,M){return{type:10,animation:this.visitReference(b.animation,M),options:zn(b.options)}}visitQuery(b,M){const J=M.currentQuerySelector,ve=b.options||{};M.queryCount++,M.currentQuery=b;const[je,gt]=function _i(Oe){const b=!!Oe.split(/\s*,\s*/).find(M=>":self"==M);return b&&(Oe=Oe.replace(ti,"")),Oe=Oe.replace(/@\*/g,cn).replace(/@\w+/g,M=>cn+"-"+M.slice(1)).replace(/:animating/g,Qe),[Oe,b]}(b.selector);M.currentQuerySelector=J.length?J+" "+je:je,Ht(M.collectedStyles,M.currentQuerySelector,new Map);const bt=tn(this,Be(b.animation),M);return M.currentQuery=null,M.currentQuerySelector=J,{type:11,selector:je,limit:ve.limit||0,optional:!!ve.optional,includeSelf:gt,animation:bt,originalSelector:b.selector,options:zn(b.options)}}visitStagger(b,M){M.currentQuery||M.errors.push(function B(){return new o.vHH(3013,!1)}());const J="full"===b.timings?{duration:0,delay:0,easing:"full"}:st(b.timings,M.errors,!0);return{type:12,animation:tn(this,Be(b.animation),M),timings:J,options:null}}}class ii{constructor(b){this.errors=b,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}}function zn(Oe){return Oe?(Oe=W(Oe)).params&&(Oe.params=function ni(Oe){return Oe?W(Oe):null}(Oe.params)):Oe={},Oe}function oi(Oe,b,M){return{duration:Oe,delay:b,easing:M}}function Mi(Oe,b,M,J,ve,je,gt=null,bt=!1){return{type:1,element:Oe,keyframes:b,preStyleProps:M,postStyleProps:J,duration:ve,delay:je,totalTime:ve+je,easing:gt,subTimeline:bt}}class ki{constructor(){this._map=new Map}get(b){return this._map.get(b)||[]}append(b,M){let J=this._map.get(b);J||this._map.set(b,J=[]),J.push(...M)}has(b){return this._map.has(b)}clear(){this._map.clear()}}const zi=new RegExp(":enter","g"),ro=new RegExp(":leave","g");function lo(Oe,b,M,J,ve,je=new Map,gt=new Map,bt,k,A=[]){return(new ui).buildKeyframes(Oe,b,M,J,ve,je,gt,bt,k,A)}class ui{buildKeyframes(b,M,J,ve,je,gt,bt,k,A,I=[]){A=A||new ki;const V=new Ut(b,M,A,ve,je,I,[]);V.options=k;const ft=k.delay?lt(k.delay):0;V.currentTimeline.delayNextStep(ft),V.currentTimeline.setStyles([gt],null,V.errors,k),tn(this,J,V);const an=V.timelines.filter(bn=>bn.containsAnimation());if(an.length&&bt.size){let bn;for(let vn=an.length-1;vn>=0;vn--){const $n=an[vn];if($n.element===M){bn=$n;break}}bn&&!bn.allowOnlyTimelineStyles()&&bn.setStyles([bt],null,V.errors,k)}return an.length?an.map(bn=>bn.buildKeyframes()):[Mi(M,[],[],[],0,ft,"",!1)]}visitTrigger(b,M){}visitState(b,M){}visitTransition(b,M){}visitAnimateChild(b,M){const J=M.subInstructions.get(M.element);if(J){const ve=M.createSubContext(b.options),je=M.currentTimeline.currentTime,gt=this._visitSubInstructions(J,ve,ve.options);je!=gt&&M.transformIntoNewTimeline(gt)}M.previousNode=b}visitAnimateRef(b,M){const J=M.createSubContext(b.options);J.transformIntoNewTimeline(),this._applyAnimationRefDelays([b.options,b.animation.options],M,J),this.visitReference(b.animation,J),M.transformIntoNewTimeline(J.currentTimeline.currentTime),M.previousNode=b}_applyAnimationRefDelays(b,M,J){for(const je of b){const gt=null==je?void 0:je.delay;if(gt){var ve;const bt="number"==typeof gt?gt:lt(fe(gt,null!==(ve=null==je?void 0:je.params)&&void 0!==ve?ve:{},M.errors));J.delayNextStep(bt)}}}_visitSubInstructions(b,M,J){let je=M.currentTimeline.currentTime;const gt=null!=J.duration?lt(J.duration):null,bt=null!=J.delay?lt(J.delay):null;return 0!==gt&&b.forEach(k=>{const A=M.appendInstructionToTimeline(k,gt,bt);je=Math.max(je,A.duration+A.delay)}),je}visitReference(b,M){M.updateOptions(b.options,!0),tn(this,b.animation,M),M.previousNode=b}visitSequence(b,M){const J=M.subContextCount;let ve=M;const je=b.options;if(je&&(je.params||je.delay)&&(ve=M.createSubContext(je),ve.transformIntoNewTimeline(),null!=je.delay)){6==ve.previousNode.type&&(ve.currentTimeline.snapshotCurrentStyles(),ve.previousNode=fi);const gt=lt(je.delay);ve.delayNextStep(gt)}b.steps.length&&(b.steps.forEach(gt=>tn(this,gt,ve)),ve.currentTimeline.applyStylesToKeyframe(),ve.subContextCount>J&&ve.transformIntoNewTimeline()),M.previousNode=b}visitGroup(b,M){const J=[];let ve=M.currentTimeline.currentTime;const je=b.options&&b.options.delay?lt(b.options.delay):0;b.steps.forEach(gt=>{const bt=M.createSubContext(b.options);je&&bt.delayNextStep(je),tn(this,gt,bt),ve=Math.max(ve,bt.currentTimeline.currentTime),J.push(bt.currentTimeline)}),J.forEach(gt=>M.currentTimeline.mergeTimelineCollectedStyles(gt)),M.transformIntoNewTimeline(ve),M.previousNode=b}_visitTiming(b,M){if(b.dynamic){const J=b.strValue;return st(M.params?fe(J,M.params,M.errors):J,M.errors)}return{duration:b.duration,delay:b.delay,easing:b.easing}}visitAnimate(b,M){const J=M.currentAnimateTimings=this._visitTiming(b.timings,M),ve=M.currentTimeline;J.delay&&(M.incrementTime(J.delay),ve.snapshotCurrentStyles());const je=b.style;5==je.type?this.visitKeyframes(je,M):(M.incrementTime(J.duration),this.visitStyle(je,M),ve.applyStylesToKeyframe()),M.currentAnimateTimings=null,M.previousNode=b}visitStyle(b,M){const J=M.currentTimeline,ve=M.currentAnimateTimings;!ve&&J.hasCurrentStyleProperties()&&J.forwardFrame();const je=ve&&ve.easing||b.easing;b.isEmptyStep?J.applyEmptyStep(je):J.setStyles(b.styles,je,M.errors,M.options),M.previousNode=b}visitKeyframes(b,M){const J=M.currentAnimateTimings,ve=M.currentTimeline.duration,je=J.duration,bt=M.createSubContext().currentTimeline;bt.easing=J.easing,b.styles.forEach(k=>{bt.forwardTime((k.offset||0)*je),bt.setStyles(k.styles,k.easing,M.errors,M.options),bt.applyStylesToKeyframe()}),M.currentTimeline.mergeTimelineCollectedStyles(bt),M.transformIntoNewTimeline(ve+je),M.previousNode=b}visitQuery(b,M){const J=M.currentTimeline.currentTime,ve=b.options||{},je=ve.delay?lt(ve.delay):0;je&&(6===M.previousNode.type||0==J&&M.currentTimeline.hasCurrentStyleProperties())&&(M.currentTimeline.snapshotCurrentStyles(),M.previousNode=fi);let gt=J;const bt=M.invokeQuery(b.selector,b.originalSelector,b.limit,b.includeSelf,!!ve.optional,M.errors);M.currentQueryTotal=bt.length;let k=null;bt.forEach((A,I)=>{M.currentQueryIndex=I;const V=M.createSubContext(b.options,A);je&&V.delayNextStep(je),A===M.element&&(k=V.currentTimeline),tn(this,b.animation,V),V.currentTimeline.applyStylesToKeyframe(),gt=Math.max(gt,V.currentTimeline.currentTime)}),M.currentQueryIndex=0,M.currentQueryTotal=0,M.transformIntoNewTimeline(gt),k&&(M.currentTimeline.mergeTimelineCollectedStyles(k),M.currentTimeline.snapshotCurrentStyles()),M.previousNode=b}visitStagger(b,M){const J=M.parentContext,ve=M.currentTimeline,je=b.timings,gt=Math.abs(je.duration),bt=gt*(M.currentQueryTotal-1);let k=gt*M.currentQueryIndex;switch(je.duration<0?"reverse":je.easing){case"reverse":k=bt-k;break;case"full":k=J.currentStaggerTime}const I=M.currentTimeline;k&&I.delayNextStep(k);const V=I.currentTime;tn(this,b.animation,M),M.previousNode=b,J.currentStaggerTime=ve.currentTime-V+(ve.startTime-J.currentTimeline.startTime)}}const fi={};class Ut{constructor(b,M,J,ve,je,gt,bt,k){this._driver=b,this.element=M,this.subInstructions=J,this._enterClassName=ve,this._leaveClassName=je,this.errors=gt,this.timelines=bt,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=fi,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=k||new Me(this._driver,M,0),bt.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(b,M){if(!b)return;const J=b;let ve=this.options;null!=J.duration&&(ve.duration=lt(J.duration)),null!=J.delay&&(ve.delay=lt(J.delay));const je=J.params;if(je){let gt=ve.params;gt||(gt=this.options.params={}),Object.keys(je).forEach(bt=>{(!M||!gt.hasOwnProperty(bt))&&(gt[bt]=fe(je[bt],gt,this.errors))})}}_copyOptions(){const b={};if(this.options){const M=this.options.params;if(M){const J=b.params={};Object.keys(M).forEach(ve=>{J[ve]=M[ve]})}}return b}createSubContext(b=null,M,J){const ve=M||this.element,je=new Ut(this._driver,ve,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(ve,J||0));return je.previousNode=this.previousNode,je.currentAnimateTimings=this.currentAnimateTimings,je.options=this._copyOptions(),je.updateOptions(b),je.currentQueryIndex=this.currentQueryIndex,je.currentQueryTotal=this.currentQueryTotal,je.parentContext=this,this.subContextCount++,je}transformIntoNewTimeline(b){return this.previousNode=fi,this.currentTimeline=this.currentTimeline.fork(this.element,b),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(b,M,J){const ve={duration:null!=M?M:b.duration,delay:this.currentTimeline.currentTime+(null!=J?J:0)+b.delay,easing:""},je=new ee(this._driver,b.element,b.keyframes,b.preStyleProps,b.postStyleProps,ve,b.stretchStartingKeyframe);return this.timelines.push(je),ve}incrementTime(b){this.currentTimeline.forwardTime(this.currentTimeline.duration+b)}delayNextStep(b){b>0&&this.currentTimeline.delayNextStep(b)}invokeQuery(b,M,J,ve,je,gt){let bt=[];if(ve&&bt.push(this.element),b.length>0){b=(b=b.replace(zi,"."+this._enterClassName)).replace(ro,"."+this._leaveClassName);let A=this._driver.query(this.element,b,1!=J);0!==J&&(A=J<0?A.slice(A.length+J,A.length):A.slice(0,J)),bt.push(...A)}return!je&&0==bt.length&&gt.push(function K(Oe){return new o.vHH(3014,!1)}()),bt}}class Me{constructor(b,M,J,ve){this._driver=b,this.element=M,this.startTime=J,this._elementTimelineStylesLookup=ve,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(M),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(M,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(b){const M=1===this._keyframes.size&&this._pendingStyles.size;this.duration||M?(this.forwardTime(this.currentTime+b),M&&this.snapshotCurrentStyles()):this.startTime+=b}fork(b,M){return this.applyStylesToKeyframe(),new Me(this._driver,b,M||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=1,this._loadKeyframe()}forwardTime(b){this.applyStylesToKeyframe(),this.duration=b,this._loadKeyframe()}_updateStyle(b,M){this._localTimelineStyles.set(b,M),this._globalTimelineStyles.set(b,M),this._styleSummary.set(b,{time:this.currentTime,value:M})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(b){b&&this._previousKeyframe.set("easing",b);for(let[M,J]of this._globalTimelineStyles)this._backFill.set(M,J||e.l3),this._currentKeyframe.set(M,e.l3);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(b,M,J,ve){M&&this._previousKeyframe.set("easing",M);const je=ve&&ve.params||{},gt=function nt(Oe,b){const M=new Map;let J;return Oe.forEach(ve=>{if("*"===ve){J=J||b.keys();for(let je of J)M.set(je,e.l3)}else pt(ve,M)}),M}(b,this._globalTimelineStyles);for(let[k,A]of gt){const I=fe(A,je,J);var bt;this._pendingStyles.set(k,I),this._localTimelineStyles.has(k)||this._backFill.set(k,null!==(bt=this._globalTimelineStyles.get(k))&&void 0!==bt?bt:e.l3),this._updateStyle(k,I)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((b,M)=>{this._currentKeyframe.set(M,b)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((b,M)=>{this._currentKeyframe.has(M)||this._currentKeyframe.set(M,b)}))}snapshotCurrentStyles(){for(let[b,M]of this._localTimelineStyles)this._pendingStyles.set(b,M),this._updateStyle(b,M)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const b=[];for(let M in this._currentKeyframe)b.push(M);return b}mergeTimelineCollectedStyles(b){b._styleSummary.forEach((M,J)=>{const ve=this._styleSummary.get(J);(!ve||M.time>ve.time)&&this._updateStyle(J,M.value)})}buildKeyframes(){this.applyStylesToKeyframe();const b=new Set,M=new Set,J=1===this._keyframes.size&&0===this.duration;let ve=[];this._keyframes.forEach((bt,k)=>{const A=pt(bt,new Map,this._backFill);A.forEach((I,V)=>{I===e.k1?b.add(V):I===e.l3&&M.add(V)}),J||A.set("offset",k/this.duration),ve.push(A)});const je=b.size?Ue(b.values()):[],gt=M.size?Ue(M.values()):[];if(J){const bt=ve[0],k=new Map(bt);bt.set("offset",0),k.set("offset",1),ve=[bt,k]}return Mi(this.element,ve,je,gt,this.duration,this.startTime,this.easing,!1)}}class ee extends Me{constructor(b,M,J,ve,je,gt,bt=!1){super(b,M,gt.delay),this.keyframes=J,this.preStyleProps=ve,this.postStyleProps=je,this._stretchStartingKeyframe=bt,this.timings={duration:gt.duration,delay:gt.delay,easing:gt.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let b=this.keyframes,{delay:M,duration:J,easing:ve}=this.timings;if(this._stretchStartingKeyframe&&M){const je=[],gt=J+M,bt=M/gt,k=pt(b[0]);k.set("offset",0),je.push(k);const A=pt(b[0]);A.set("offset",ge(bt)),je.push(A);const I=b.length-1;for(let V=1;V<=I;V++){let ft=pt(b[V]);const an=ft.get("offset");ft.set("offset",ge((M+an*J)/gt)),je.push(ft)}J=gt,M=0,ve="",b=je}return Mi(this.element,b,this.preStyleProps,this.postStyleProps,J,M,ve,!0)}}function ge(Oe,b=3){const M=Math.pow(10,b-1);return Math.round(Oe*M)/M}class Dt{}const rn=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]);class On extends Dt{normalizePropertyName(b,M){return rt(b)}normalizeStyleValue(b,M,J,ve){let je="";const gt=J.toString().trim();if(rn.has(M)&&0!==J&&"0"!==J)if("number"==typeof J)je="px";else{const bt=J.match(/^[+-]?[\d\.]+([a-z]*)$/);bt&&0==bt[1].length&&ve.push(function w(Oe,b){return new o.vHH(3005,!1)}())}return gt+je}}function yn(Oe,b,M,J,ve,je,gt,bt,k,A,I,V,ft){return{type:0,element:Oe,triggerName:b,isRemovalTransition:ve,fromState:M,fromStyles:je,toState:J,toStyles:gt,timelines:bt,queriedElements:k,preStyleProps:A,postStyleProps:I,totalTime:V,errors:ft}}const Zt={};class tt{constructor(b,M,J){this._triggerName=b,this.ast=M,this._stateStyles=J}match(b,M,J,ve){return function mn(Oe,b,M,J,ve){return Oe.some(je=>je(b,M,J,ve))}(this.ast.matchers,b,M,J,ve)}buildStyles(b,M,J){let ve=this._stateStyles.get("*");return void 0!==b&&(ve=this._stateStyles.get(null==b?void 0:b.toString())||ve),ve?ve.buildStyles(M,J):new Map}build(b,M,J,ve,je,gt,bt,k,A,I){var V;const ft=[],an=this.ast.options&&this.ast.options.params||Zt,vn=this.buildStyles(J,bt&&bt.params||Zt,ft),$n=k&&k.params||Zt,Xn=this.buildStyles(ve,$n,ft),ri=new Set,Ln=new Map,wi=new Map,or="void"===ve,Bo={params:jn($n,an),delay:null===(V=this.ast.options)||void 0===V?void 0:V.delay},Ui=I?[]:lo(b,M,this.ast.animation,je,gt,vn,Xn,Bo,A,ft);let ci=0;if(Ui.forEach(Li=>{ci=Math.max(Li.duration+Li.delay,ci)}),ft.length)return yn(M,this._triggerName,J,ve,or,vn,Xn,[],[],Ln,wi,ci,ft);Ui.forEach(Li=>{const bo=Li.element,Qi=Ht(Ln,bo,new Set);Li.preStyleProps.forEach(go=>Qi.add(go));const Uo=Ht(wi,bo,new Set);Li.postStyleProps.forEach(go=>Uo.add(go)),bo!==M&&ri.add(bo)});const uo=Ue(ri.values());return yn(M,this._triggerName,J,ve,or,vn,Xn,Ui,uo,Ln,wi,ci)}}function jn(Oe,b){const M=W(b);for(const J in Oe)Oe.hasOwnProperty(J)&&null!=Oe[J]&&(M[J]=Oe[J]);return M}class Kn{constructor(b,M,J){this.styles=b,this.defaultParams=M,this.normalizer=J}buildStyles(b,M){const J=new Map,ve=W(this.defaultParams);return Object.keys(b).forEach(je=>{const gt=b[je];null!==gt&&(ve[je]=gt)}),this.styles.styles.forEach(je=>{"string"!=typeof je&&je.forEach((gt,bt)=>{gt&&(gt=fe(gt,ve,M));const k=this.normalizer.normalizePropertyName(bt,M);gt=this.normalizer.normalizeStyleValue(bt,k,gt,M),J.set(bt,gt)})}),J}}class Oi{constructor(b,M,J){this.name=b,this.ast=M,this._normalizer=J,this.transitionFactories=[],this.states=new Map,M.states.forEach(ve=>{this.states.set(ve.name,new Kn(ve.style,ve.options&&ve.options.params||{},J))}),ji(this.states,"true","1"),ji(this.states,"false","0"),M.transitions.forEach(ve=>{this.transitionFactories.push(new tt(b,ve,this.states))}),this.fallbackTransition=function Fi(Oe,b,M){return new tt(Oe,{type:1,animation:{type:2,steps:[],options:null},matchers:[(gt,bt)=>!0],options:null,queryCount:0,depCount:0},b)}(b,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(b,M,J,ve){return this.transitionFactories.find(gt=>gt.match(b,M,J,ve))||null}matchStyles(b,M,J){return this.fallbackTransition.buildStyles(b,M,J)}}function ji(Oe,b,M){Oe.has(b)?Oe.has(M)||Oe.set(M,Oe.get(b)):Oe.has(M)&&Oe.set(b,Oe.get(M))}const Ti=new ki;class er{constructor(b,M,J){this.bodyNode=b,this._driver=M,this._normalizer=J,this._animations=new Map,this._playersById=new Map,this.players=[]}register(b,M){const J=[],ve=[],je=ai(this._driver,M,J,ve);if(J.length)throw function $e(Oe){return new o.vHH(3503,!1)}();this._animations.set(b,je)}_buildPlayer(b,M,J){const ve=b.element,je=Gt(0,this._normalizer,0,b.keyframes,M,J);return this._driver.animate(ve,je,b.duration,b.delay,b.easing,[],!0)}create(b,M,J={}){const ve=[],je=this._animations.get(b);let gt;const bt=new Map;if(je?(gt=lo(this._driver,M,je,wt,Mt,new Map,new Map,J,Ti,ve),gt.forEach(I=>{const V=Ht(bt,I.element,new Map);I.postStyleProps.forEach(ft=>V.set(ft,null))})):(ve.push(function Ie(){return new o.vHH(3300,!1)}()),gt=[]),ve.length)throw function G(Oe){return new o.vHH(3504,!1)}();bt.forEach((I,V)=>{I.forEach((ft,an)=>{I.set(an,this._driver.computeStyle(V,an,e.l3))})});const A=Et(gt.map(I=>{const V=bt.get(I.element);return this._buildPlayer(I,new Map,V)}));return this._playersById.set(b,A),A.onDestroy(()=>this.destroy(b)),this.players.push(A),A}destroy(b){const M=this._getPlayer(b);M.destroy(),this._playersById.delete(b);const J=this.players.indexOf(M);J>=0&&this.players.splice(J,1)}_getPlayer(b){const M=this._playersById.get(b);if(!M)throw function he(Oe){return new o.vHH(3301,!1)}();return M}listen(b,M,J,ve){const je=Ot(M,"","","");return St(this._getPlayer(b),J,je,ve),()=>{}}command(b,M,J,ve){if("register"==J)return void this.register(b,ve[0]);if("create"==J)return void this.create(b,M,ve[0]||{});const je=this._getPlayer(b);switch(J){case"play":je.play();break;case"pause":je.pause();break;case"reset":je.reset();break;case"restart":je.restart();break;case"finish":je.finish();break;case"init":je.init();break;case"setPosition":je.setPosition(parseFloat(ve[0]));break;case"destroy":this.destroy(b)}}}const so="ng-animate-queued",ur="ng-animate-disabled",$i=[],Fo={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},Or={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},Gi="__ng_removed";class Go{get params(){return this.options.params}constructor(b,M=""){this.namespaceId=M;const J=b&&b.hasOwnProperty("value");if(this.value=function nr(Oe){return null!=Oe?Oe:null}(J?b.value:b),J){const je=W(b);delete je.value,this.options=je}else this.options={};this.options.params||(this.options.params={})}absorbOptions(b){const M=b.params;if(M){const J=this.options.params;Object.keys(M).forEach(ve=>{null==J[ve]&&(J[ve]=M[ve])})}}}const co="void",Po=new Go(co);class No{constructor(b,M,J){this.id=b,this.hostElement=M,this._engine=J,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+b,Ni(M,this._hostClassName)}listen(b,M,J,ve){if(!this._triggers.has(M))throw function ye(Oe,b){return new o.vHH(3302,!1)}();if(null==J||0==J.length)throw function te(Oe){return new o.vHH(3303,!1)}();if(!function Co(Oe){return"start"==Oe||"done"==Oe}(J))throw function Re(Oe,b){return new o.vHH(3400,!1)}();const je=Ht(this._elementListeners,b,[]),gt={name:M,phase:J,callback:ve};je.push(gt);const bt=Ht(this._engine.statesByElement,b,new Map);return bt.has(M)||(Ni(b,kt),Ni(b,kt+"-"+M),bt.set(M,Po)),()=>{this._engine.afterFlush(()=>{const k=je.indexOf(gt);k>=0&&je.splice(k,1),this._triggers.has(M)||bt.delete(M)})}}register(b,M){return!this._triggers.has(b)&&(this._triggers.set(b,M),!0)}_getTrigger(b){const M=this._triggers.get(b);if(!M)throw function q(Oe){return new o.vHH(3401,!1)}();return M}trigger(b,M,J,ve=!0){const je=this._getTrigger(M),gt=new cr(this.id,M,b);let bt=this._engine.statesByElement.get(b);bt||(Ni(b,kt),Ni(b,kt+"-"+M),this._engine.statesByElement.set(b,bt=new Map));let k=bt.get(M);const A=new Go(J,this.id);if(!(J&&J.hasOwnProperty("value"))&&k&&A.absorbOptions(k.options),bt.set(M,A),k||(k=Po),A.value!==co&&k.value===A.value){if(!function di(Oe,b){const M=Object.keys(Oe),J=Object.keys(b);if(M.length!=J.length)return!1;for(let ve=0;ve<M.length;ve++){const je=M[ve];if(!b.hasOwnProperty(je)||Oe[je]!==b[je])return!1}return!0}(k.params,A.params)){const vn=[],$n=je.matchStyles(k.value,k.params,vn),Xn=je.matchStyles(A.value,A.params,vn);vn.length?this._engine.reportError(vn):this._engine.afterFlush(()=>{Se(b,$n),At(b,Xn)})}return}const ft=Ht(this._engine.playersByElement,b,[]);ft.forEach(vn=>{vn.namespaceId==this.id&&vn.triggerName==M&&vn.queued&&vn.destroy()});let an=je.matchTransition(k.value,A.value,b,A.params),bn=!1;if(!an){if(!ve)return;an=je.fallbackTransition,bn=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:b,triggerName:M,transition:an,fromState:k,toState:A,player:gt,isFallbackTransition:bn}),bn||(Ni(b,so),gt.onStart(()=>{So(b,so)})),gt.onDone(()=>{let vn=this.players.indexOf(gt);vn>=0&&this.players.splice(vn,1);const $n=this._engine.playersByElement.get(b);if($n){let Xn=$n.indexOf(gt);Xn>=0&&$n.splice(Xn,1)}}),this.players.push(gt),ft.push(gt),gt}deregister(b){this._triggers.delete(b),this._engine.statesByElement.forEach(M=>M.delete(b)),this._elementListeners.forEach((M,J)=>{this._elementListeners.set(J,M.filter(ve=>ve.name!=b))})}clearElementCache(b){this._engine.statesByElement.delete(b),this._elementListeners.delete(b);const M=this._engine.playersByElement.get(b);M&&(M.forEach(J=>J.destroy()),this._engine.playersByElement.delete(b))}_signalRemovalForInnerTriggers(b,M){const J=this._engine.driver.query(b,cn,!0);J.forEach(ve=>{if(ve[Gi])return;const je=this._engine.fetchNamespacesByElement(ve);je.size?je.forEach(gt=>gt.triggerLeaveAnimation(ve,M,!1,!0)):this.clearElementCache(ve)}),this._engine.afterFlushAnimationsDone(()=>J.forEach(ve=>this.clearElementCache(ve)))}triggerLeaveAnimation(b,M,J,ve){const je=this._engine.statesByElement.get(b),gt=new Map;if(je){const bt=[];if(je.forEach((k,A)=>{if(gt.set(A,k.value),this._triggers.has(A)){const I=this.trigger(b,A,co,ve);I&&bt.push(I)}}),bt.length)return this._engine.markElementAsRemoved(this.id,b,!0,M,gt),J&&Et(bt).onDone(()=>this._engine.processLeaveNode(b)),!0}return!1}prepareLeaveAnimationListeners(b){const M=this._elementListeners.get(b),J=this._engine.statesByElement.get(b);if(M&&J){const ve=new Set;M.forEach(je=>{const gt=je.name;if(ve.has(gt))return;ve.add(gt);const k=this._triggers.get(gt).fallbackTransition,A=J.get(gt)||Po,I=new Go(co),V=new cr(this.id,gt,b);this._engine.totalQueuedPlayers++,this._queue.push({element:b,triggerName:gt,transition:k,fromState:A,toState:I,player:V,isFallbackTransition:!0})})}}removeNode(b,M){const J=this._engine;if(b.childElementCount&&this._signalRemovalForInnerTriggers(b,M),this.triggerLeaveAnimation(b,M,!0))return;let ve=!1;if(J.totalAnimations){const je=J.players.length?J.playersByQueriedElement.get(b):[];if(je&&je.length)ve=!0;else{let gt=b;for(;gt=gt.parentNode;)if(J.statesByElement.get(gt)){ve=!0;break}}}if(this.prepareLeaveAnimationListeners(b),ve)J.markElementAsRemoved(this.id,b,!1,M);else{const je=b[Gi];(!je||je===Fo)&&(J.afterFlush(()=>this.clearElementCache(b)),J.destroyInnerAnimations(b),J._onRemovalComplete(b,M))}}insertNode(b,M){Ni(b,this._hostClassName)}drainQueuedTransitions(b){const M=[];return this._queue.forEach(J=>{const ve=J.player;if(ve.destroyed)return;const je=J.element,gt=this._elementListeners.get(je);gt&&gt.forEach(bt=>{if(bt.name==J.triggerName){const k=Ot(je,J.triggerName,J.fromState.value,J.toState.value);k._data=b,St(J.player,bt.phase,k,bt.callback)}}),ve.markedForDestroy?this._engine.afterFlush(()=>{ve.destroy()}):M.push(J)}),this._queue=[],M.sort((J,ve)=>{const je=J.transition.ast.depCount,gt=ve.transition.ast.depCount;return 0==je||0==gt?je-gt:this._engine.driver.containsElement(J.element,ve.element)?1:-1})}destroy(b){this.players.forEach(M=>M.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,b)}elementContainsData(b){let M=!1;return this._elementListeners.has(b)&&(M=!0),M=!!this._queue.find(J=>J.element===b)||M,M}}class Ki{_onRemovalComplete(b,M){this.onRemovalComplete(b,M)}constructor(b,M,J){this.bodyNode=b,this.driver=M,this._normalizer=J,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(ve,je)=>{}}get queuedPlayers(){const b=[];return this._namespaceList.forEach(M=>{M.players.forEach(J=>{J.queued&&b.push(J)})}),b}createNamespace(b,M){const J=new No(b,M,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,M)?this._balanceNamespaceList(J,M):(this.newHostElements.set(M,J),this.collectEnterElement(M)),this._namespaceLookup[b]=J}_balanceNamespaceList(b,M){const J=this._namespaceList,ve=this.namespacesByHostElement;if(J.length-1>=0){let gt=!1,bt=this.driver.getParentElement(M);for(;bt;){const k=ve.get(bt);if(k){const A=J.indexOf(k);J.splice(A+1,0,b),gt=!0;break}bt=this.driver.getParentElement(bt)}gt||J.unshift(b)}else J.push(b);return ve.set(M,b),b}register(b,M){let J=this._namespaceLookup[b];return J||(J=this.createNamespace(b,M)),J}registerTrigger(b,M,J){let ve=this._namespaceLookup[b];ve&&ve.register(M,J)&&this.totalAnimations++}destroy(b,M){if(!b)return;const J=this._fetchNamespace(b);this.afterFlush(()=>{this.namespacesByHostElement.delete(J.hostElement),delete this._namespaceLookup[b];const ve=this._namespaceList.indexOf(J);ve>=0&&this._namespaceList.splice(ve,1)}),this.afterFlushAnimationsDone(()=>J.destroy(M))}_fetchNamespace(b){return this._namespaceLookup[b]}fetchNamespacesByElement(b){const M=new Set,J=this.statesByElement.get(b);if(J)for(let ve of J.values())if(ve.namespaceId){const je=this._fetchNamespace(ve.namespaceId);je&&M.add(je)}return M}trigger(b,M,J,ve){if(ao(M)){const je=this._fetchNamespace(b);if(je)return je.trigger(M,J,ve),!0}return!1}insertNode(b,M,J,ve){if(!ao(M))return;const je=M[Gi];if(je&&je.setForRemoval){je.setForRemoval=!1,je.setForMove=!0;const gt=this.collectedLeaveElements.indexOf(M);gt>=0&&this.collectedLeaveElements.splice(gt,1)}if(b){const gt=this._fetchNamespace(b);gt&&gt.insertNode(M,J)}ve&&this.collectEnterElement(M)}collectEnterElement(b){this.collectedEnterElements.push(b)}markElementAsDisabled(b,M){M?this.disabledNodes.has(b)||(this.disabledNodes.add(b),Ni(b,ur)):this.disabledNodes.has(b)&&(this.disabledNodes.delete(b),So(b,ur))}removeNode(b,M,J,ve){if(ao(M)){const je=b?this._fetchNamespace(b):null;if(je?je.removeNode(M,ve):this.markElementAsRemoved(b,M,!1,ve),J){const gt=this.namespacesByHostElement.get(M);gt&&gt.id!==b&&gt.removeNode(M,ve)}}else this._onRemovalComplete(M,ve)}markElementAsRemoved(b,M,J,ve,je){this.collectedLeaveElements.push(M),M[Gi]={namespaceId:b,setForRemoval:ve,hasAnimation:J,removedBeforeQueried:!1,previousTriggersValues:je}}listen(b,M,J,ve,je){return ao(M)?this._fetchNamespace(b).listen(M,J,ve,je):()=>{}}_buildInstruction(b,M,J,ve,je){return b.transition.build(this.driver,b.element,b.fromState.value,b.toState.value,J,ve,b.fromState.options,b.toState.options,M,je)}destroyInnerAnimations(b){let M=this.driver.query(b,cn,!0);M.forEach(J=>this.destroyActiveAnimationsForElement(J)),0!=this.playersByQueriedElement.size&&(M=this.driver.query(b,Qe,!0),M.forEach(J=>this.finishActiveQueriedAnimationOnElement(J)))}destroyActiveAnimationsForElement(b){const M=this.playersByElement.get(b);M&&M.forEach(J=>{J.queued?J.markedForDestroy=!0:J.destroy()})}finishActiveQueriedAnimationOnElement(b){const M=this.playersByQueriedElement.get(b);M&&M.forEach(J=>J.finish())}whenRenderingDone(){return new Promise(b=>{if(this.players.length)return Et(this.players).onDone(()=>b());b()})}processLeaveNode(b){var M;const J=b[Gi];if(J&&J.setForRemoval){if(b[Gi]=Fo,J.namespaceId){this.destroyInnerAnimations(b);const ve=this._fetchNamespace(J.namespaceId);ve&&ve.clearElementCache(b)}this._onRemovalComplete(b,J.setForRemoval)}null!==(M=b.classList)&&void 0!==M&&M.contains(ur)&&this.markElementAsDisabled(b,!1),this.driver.query(b,".ng-animate-disabled",!0).forEach(ve=>{this.markElementAsDisabled(ve,!1)})}flush(b=-1){let M=[];if(this.newHostElements.size&&(this.newHostElements.forEach((J,ve)=>this._balanceNamespaceList(J,ve)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let J=0;J<this.collectedEnterElements.length;J++)Ni(this.collectedEnterElements[J],"ng-star-inserted");if(this._namespaceList.length&&(this.totalQueuedPlayers||this.collectedLeaveElements.length)){const J=[];try{M=this._flushAnimations(J,b)}finally{for(let ve=0;ve<J.length;ve++)J[ve]()}}else for(let J=0;J<this.collectedLeaveElements.length;J++)this.processLeaveNode(this.collectedLeaveElements[J]);if(this.totalQueuedPlayers=0,this.collectedEnterElements.length=0,this.collectedLeaveElements.length=0,this._flushFns.forEach(J=>J()),this._flushFns=[],this._whenQuietFns.length){const J=this._whenQuietFns;this._whenQuietFns=[],M.length?Et(M).onDone(()=>{J.forEach(ve=>ve())}):J.forEach(ve=>ve())}}reportError(b){throw function ce(Oe){return new o.vHH(3402,!1)}()}_flushAnimations(b,M){const J=new ki,ve=[],je=new Map,gt=[],bt=new Map,k=new Map,A=new Map,I=new Set;this.disabledNodes.forEach(An=>{I.add(An);const In=this.driver.query(An,".ng-animate-queued",!0);for(let Rn=0;Rn<In.length;Rn++)I.add(In[Rn])});const V=this.bodyNode,ft=Array.from(this.statesByElement.keys()),an=Xi(ft,this.collectedEnterElements),bn=new Map;let vn=0;an.forEach((An,In)=>{const Rn=wt+vn++;bn.set(In,Rn),An.forEach(Jn=>Ni(Jn,Rn))});const $n=[],Xn=new Set,ri=new Set;for(let An=0;An<this.collectedLeaveElements.length;An++){const In=this.collectedLeaveElements[An],Rn=In[Gi];Rn&&Rn.setForRemoval&&($n.push(In),Xn.add(In),Rn.hasAnimation?this.driver.query(In,".ng-star-inserted",!0).forEach(Jn=>Xn.add(Jn)):ri.add(In))}const Ln=new Map,wi=Xi(ft,Array.from(Xn));wi.forEach((An,In)=>{const Rn=Mt+vn++;Ln.set(In,Rn),An.forEach(Jn=>Ni(Jn,Rn))}),b.push(()=>{an.forEach((An,In)=>{const Rn=bn.get(In);An.forEach(Jn=>So(Jn,Rn))}),wi.forEach((An,In)=>{const Rn=Ln.get(In);An.forEach(Jn=>So(Jn,Rn))}),$n.forEach(An=>{this.processLeaveNode(An)})});const or=[],Bo=[];for(let An=this._namespaceList.length-1;An>=0;An--)this._namespaceList[An].drainQueuedTransitions(M).forEach(Rn=>{const Jn=Rn.player,vi=Rn.element;if(or.push(Jn),this.collectedEnterElements.length){const Hi=vi[Gi];if(Hi&&Hi.setForMove){if(Hi.previousTriggersValues&&Hi.previousTriggersValues.has(Rn.triggerName)){const Zo=Hi.previousTriggersValues.get(Rn.triggerName),mo=this.statesByElement.get(Rn.element);if(mo&&mo.has(Rn.triggerName)){const xr=mo.get(Rn.triggerName);xr.value=Zo,mo.set(Rn.triggerName,xr)}}return void Jn.destroy()}}const Eo=!V||!this.driver.containsElement(V,vi),qi=Ln.get(vi),ho=bn.get(vi),pi=this._buildInstruction(Rn,J,ho,qi,Eo);if(pi.errors&&pi.errors.length)return void Bo.push(pi);if(Eo)return Jn.onStart(()=>Se(vi,pi.fromStyles)),Jn.onDestroy(()=>At(vi,pi.toStyles)),void ve.push(Jn);if(Rn.isFallbackTransition)return Jn.onStart(()=>Se(vi,pi.fromStyles)),Jn.onDestroy(()=>At(vi,pi.toStyles)),void ve.push(Jn);const Lr=[];pi.timelines.forEach(Hi=>{Hi.stretchStartingKeyframe=!0,this.disabledNodes.has(Hi.element)||Lr.push(Hi)}),pi.timelines=Lr,J.append(vi,pi.timelines),gt.push({instruction:pi,player:Jn,element:vi}),pi.queriedElements.forEach(Hi=>Ht(bt,Hi,[]).push(Jn)),pi.preStyleProps.forEach((Hi,Zo)=>{if(Hi.size){let mo=k.get(Zo);mo||k.set(Zo,mo=new Set),Hi.forEach((xr,Vi)=>mo.add(Vi))}}),pi.postStyleProps.forEach((Hi,Zo)=>{let mo=A.get(Zo);mo||A.set(Zo,mo=new Set),Hi.forEach((xr,Vi)=>mo.add(Vi))})});if(Bo.length){const An=[];Bo.forEach(In=>{An.push(function N(Oe,b){return new o.vHH(3505,!1)}())}),or.forEach(In=>In.destroy()),this.reportError(An)}const Ui=new Map,ci=new Map;gt.forEach(An=>{const In=An.element;J.has(In)&&(ci.set(In,In),this._beforeAnimationBuild(An.player.namespaceId,An.instruction,Ui))}),ve.forEach(An=>{const In=An.element;this._getPreviousPlayers(In,!1,An.namespaceId,An.triggerName,null).forEach(Jn=>{Ht(Ui,In,[]).push(Jn),Jn.destroy()})});const uo=$n.filter(An=>Io(An,k,A)),Li=new Map;Wo(Li,this.driver,ri,A,e.l3).forEach(An=>{Io(An,k,A)&&uo.push(An)});const Qi=new Map;an.forEach((An,In)=>{Wo(Qi,this.driver,new Set(An),k,e.k1)}),uo.forEach(An=>{var In,Rn;const Jn=Li.get(An),vi=Qi.get(An);Li.set(An,new Map([...Array.from(null!==(In=null==Jn?void 0:Jn.entries())&&void 0!==In?In:[]),...Array.from(null!==(Rn=null==vi?void 0:vi.entries())&&void 0!==Rn?Rn:[])]))});const Uo=[],go=[],wr={};gt.forEach(An=>{const{element:In,player:Rn,instruction:Jn}=An;if(J.has(In)){if(I.has(In))return Rn.onDestroy(()=>At(In,Jn.toStyles)),Rn.disabled=!0,Rn.overrideTotalTime(Jn.totalTime),void ve.push(Rn);let vi=wr;if(ci.size>1){let qi=In;const ho=[];for(;qi=qi.parentNode;){const pi=ci.get(qi);if(pi){vi=pi;break}ho.push(qi)}ho.forEach(pi=>ci.set(pi,vi))}const Eo=this._buildAnimation(Rn.namespaceId,Jn,Ui,je,Qi,Li);if(Rn.setRealPlayer(Eo),vi===wr)Uo.push(Rn);else{const qi=this.playersByElement.get(vi);qi&&qi.length&&(Rn.parentPlayer=Et(qi)),ve.push(Rn)}}else Se(In,Jn.fromStyles),Rn.onDestroy(()=>At(In,Jn.toStyles)),go.push(Rn),I.has(In)&&ve.push(Rn)}),go.forEach(An=>{const In=je.get(An.element);if(In&&In.length){const Rn=Et(In);An.setRealPlayer(Rn)}}),ve.forEach(An=>{An.parentPlayer?An.syncPlayerEvents(An.parentPlayer):An.destroy()});for(let An=0;An<$n.length;An++){const In=$n[An],Rn=In[Gi];if(So(In,Mt),Rn&&Rn.hasAnimation)continue;let Jn=[];if(bt.size){let Eo=bt.get(In);Eo&&Eo.length&&Jn.push(...Eo);let qi=this.driver.query(In,Qe,!0);for(let ho=0;ho<qi.length;ho++){let pi=bt.get(qi[ho]);pi&&pi.length&&Jn.push(...pi)}}const vi=Jn.filter(Eo=>!Eo.destroyed);vi.length?Si(this,In,vi):this.processLeaveNode(In)}return $n.length=0,Uo.forEach(An=>{this.players.push(An),An.onDone(()=>{An.destroy();const In=this.players.indexOf(An);this.players.splice(In,1)}),An.play()}),Uo}elementContainsData(b,M){let J=!1;const ve=M[Gi];return ve&&ve.setForRemoval&&(J=!0),this.playersByElement.has(M)&&(J=!0),this.playersByQueriedElement.has(M)&&(J=!0),this.statesByElement.has(M)&&(J=!0),this._fetchNamespace(b).elementContainsData(M)||J}afterFlush(b){this._flushFns.push(b)}afterFlushAnimationsDone(b){this._whenQuietFns.push(b)}_getPreviousPlayers(b,M,J,ve,je){let gt=[];if(M){const bt=this.playersByQueriedElement.get(b);bt&&(gt=bt)}else{const bt=this.playersByElement.get(b);if(bt){const k=!je||je==co;bt.forEach(A=>{A.queued||!k&&A.triggerName!=ve||gt.push(A)})}}return(J||ve)&&(gt=gt.filter(bt=>!(J&&J!=bt.namespaceId||ve&&ve!=bt.triggerName))),gt}_beforeAnimationBuild(b,M,J){const je=M.element,gt=M.isRemovalTransition?void 0:b,bt=M.isRemovalTransition?void 0:M.triggerName;for(const k of M.timelines){const A=k.element,I=A!==je,V=Ht(J,A,[]);this._getPreviousPlayers(A,I,gt,bt,M.toState).forEach(an=>{const bn=an.getRealPlayer();bn.beforeDestroy&&bn.beforeDestroy(),an.destroy(),V.push(an)})}Se(je,M.fromStyles)}_buildAnimation(b,M,J,ve,je,gt){const bt=M.triggerName,k=M.element,A=[],I=new Set,V=new Set,ft=M.timelines.map(bn=>{const vn=bn.element;I.add(vn);const $n=vn[Gi];if($n&&$n.removedBeforeQueried)return new e.ZN(bn.duration,bn.delay);const Xn=vn!==k,ri=function Yo(Oe){const b=[];return fo(Oe,b),b}((J.get(vn)||$i).map(Ui=>Ui.getRealPlayer())).filter(Ui=>!!Ui.element&&Ui.element===vn),Ln=je.get(vn),wi=gt.get(vn),or=Gt(0,this._normalizer,0,bn.keyframes,Ln,wi),Bo=this._buildPlayer(bn,or,ri);if(bn.subTimeline&&ve&&V.add(vn),Xn){const Ui=new cr(b,bt,vn);Ui.setRealPlayer(Bo),A.push(Ui)}return Bo});A.forEach(bn=>{Ht(this.playersByQueriedElement,bn.element,[]).push(bn),bn.onDone(()=>function dr(Oe,b,M){let J=Oe.get(b);if(J){if(J.length){const ve=J.indexOf(M);J.splice(ve,1)}0==J.length&&Oe.delete(b)}return J}(this.playersByQueriedElement,bn.element,bn))}),I.forEach(bn=>Ni(bn,Yt));const an=Et(ft);return an.onDestroy(()=>{I.forEach(bn=>So(bn,Yt)),At(k,M.toStyles)}),V.forEach(bn=>{Ht(ve,bn,[]).push(an)}),an}_buildPlayer(b,M,J){return M.length>0?this.driver.animate(b.element,M,b.duration,b.delay,b.easing,J):new e.ZN(b.duration,b.delay)}}class cr{constructor(b,M,J){this.namespaceId=b,this.triggerName=M,this.element=J,this._player=new e.ZN,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(b){this._containsRealPlayer||(this._player=b,this._queuedCallbacks.forEach((M,J)=>{M.forEach(ve=>St(b,J,void 0,ve))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(b.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(b){this.totalTime=b}syncPlayerEvents(b){const M=this._player;M.triggerCallback&&b.onStart(()=>M.triggerCallback("start")),b.onDone(()=>this.finish()),b.onDestroy(()=>this.destroy())}_queueEvent(b,M){Ht(this._queuedCallbacks,b,[]).push(M)}onDone(b){this.queued&&this._queueEvent("done",b),this._player.onDone(b)}onStart(b){this.queued&&this._queueEvent("start",b),this._player.onStart(b)}onDestroy(b){this.queued&&this._queueEvent("destroy",b),this._player.onDestroy(b)}init(){this._player.init()}hasStarted(){return!this.queued&&this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(b){this.queued||this._player.setPosition(b)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(b){const M=this._player;M.triggerCallback&&M.triggerCallback(b)}}function ao(Oe){return Oe&&1===Oe.nodeType}function hr(Oe,b){const M=Oe.style.display;return Oe.style.display=null!=b?b:"none",M}function Wo(Oe,b,M,J,ve){const je=[];M.forEach(k=>je.push(hr(k)));const gt=[];J.forEach((k,A)=>{const I=new Map;k.forEach(V=>{const ft=b.computeStyle(A,V,ve);I.set(V,ft),(!ft||0==ft.length)&&(A[Gi]=Or,gt.push(A))}),Oe.set(A,I)});let bt=0;return M.forEach(k=>hr(k,je[bt++])),gt}function Xi(Oe,b){const M=new Map;if(Oe.forEach(bt=>M.set(bt,[])),0==b.length)return M;const J=1,ve=new Set(b),je=new Map;function gt(bt){if(!bt)return J;let k=je.get(bt);if(k)return k;const A=bt.parentNode;return k=M.has(A)?A:ve.has(A)?J:gt(A),je.set(bt,k),k}return b.forEach(bt=>{const k=gt(bt);k!==J&&M.get(k).push(bt)}),M}function Ni(Oe,b){var M;null===(M=Oe.classList)||void 0===M||M.add(b)}function So(Oe,b){var M;null===(M=Oe.classList)||void 0===M||M.remove(b)}function Si(Oe,b,M){Et(M).onDone(()=>Oe.processLeaveNode(b))}function fo(Oe,b){for(let M=0;M<Oe.length;M++){const J=Oe[M];J instanceof e.ZE?fo(J.players,b):b.push(J)}}function Io(Oe,b,M){const J=M.get(Oe);if(!J)return!1;let ve=b.get(Oe);return ve?J.forEach(je=>ve.add(je)):b.set(Oe,J),M.delete(Oe),!0}class Lo{constructor(b,M,J){this.bodyNode=b,this._driver=M,this._normalizer=J,this._triggerCache={},this.onRemovalComplete=(ve,je)=>{},this._transitionEngine=new Ki(b,M,J),this._timelineEngine=new er(b,M,J),this._transitionEngine.onRemovalComplete=(ve,je)=>this.onRemovalComplete(ve,je)}registerTrigger(b,M,J,ve,je){const gt=b+"-"+ve;let bt=this._triggerCache[gt];if(!bt){const k=[],A=[],I=ai(this._driver,je,k,A);if(k.length)throw function we(Oe,b){return new o.vHH(3404,!1)}();bt=function Di(Oe,b,M){return new Oi(Oe,b,M)}(ve,I,this._normalizer),this._triggerCache[gt]=bt}this._transitionEngine.registerTrigger(M,ve,bt)}register(b,M){this._transitionEngine.register(b,M)}destroy(b,M){this._transitionEngine.destroy(b,M)}onInsert(b,M,J,ve){this._transitionEngine.insertNode(b,M,J,ve)}onRemove(b,M,J,ve){this._transitionEngine.removeNode(b,M,ve||!1,J)}disableAnimations(b,M){this._transitionEngine.markElementAsDisabled(b,M)}process(b,M,J,ve){if("@"==J.charAt(0)){const[je,gt]=Pt(J);this._timelineEngine.command(je,M,gt,ve)}else this._transitionEngine.trigger(b,M,J,ve)}listen(b,M,J,ve,je){if("@"==J.charAt(0)){const[gt,bt]=Pt(J);return this._timelineEngine.listen(gt,M,bt,je)}return this._transitionEngine.listen(b,M,J,ve,je)}flush(b=-1){this._transitionEngine.flush(b)}get players(){return this._transitionEngine.players.concat(this._timelineEngine.players)}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}}let Ji=(()=>{class Oe{constructor(M,J,ve){this._element=M,this._startStyles=J,this._endStyles=ve,this._state=0;let je=Oe.initialStylesByElement.get(M);je||Oe.initialStylesByElement.set(M,je=new Map),this._initialStyles=je}start(){this._state<1&&(this._startStyles&&At(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(At(this._element,this._initialStyles),this._endStyles&&(At(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(Oe.initialStylesByElement.delete(this._element),this._startStyles&&(Se(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(Se(this._element,this._endStyles),this._endStyles=null),At(this._element,this._initialStyles),this._state=3)}}return Oe.initialStylesByElement=new WeakMap,Oe})();function yr(Oe){let b=null;return Oe.forEach((M,J)=>{(function Do(Oe){return"display"===Oe||"position"===Oe})(J)&&(b=b||new Map,b.set(J,M))}),b}class po{constructor(b,M,J,ve){this.element=b,this.keyframes=M,this.options=J,this._specialStyles=ve,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=J.duration,this._delay=J.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(b=>b()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const b=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,b,this.options),this._finalKeyframe=b.length?b[b.length-1]:new Map,this.domPlayer.addEventListener("finish",()=>this._onFinish())}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(b){const M=[];return b.forEach(J=>{M.push(Object.fromEntries(J))}),M}_triggerWebAnimation(b,M,J){return b.animate(this._convertKeyframesToObject(M),J)}onStart(b){this._originalOnStartFns.push(b),this._onStartFns.push(b)}onDone(b){this._originalOnDoneFns.push(b),this._onDoneFns.push(b)}onDestroy(b){this._onDestroyFns.push(b)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(b=>b()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(b=>b()),this._onDestroyFns=[])}setPosition(b){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=b*this.time}getPosition(){return this.domPlayer.currentTime/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const b=new Map;this.hasStarted()&&this._finalKeyframe.forEach((J,ve)=>{"offset"!==ve&&b.set(ve,this._finished?J:ln(this.element,ve))}),this.currentSnapshot=b}triggerCallback(b){const M="start"===b?this._onStartFns:this._onDoneFns;M.forEach(J=>J()),M.length=0}}class ko{validateStyleProperty(b){return!0}validateAnimatableStyleProperty(b){return!0}matchesElement(b,M){return!1}containsElement(b,M){return Ge(b,M)}getParentElement(b){return sn(b)}query(b,M,J){return ke(b,M,J)}computeStyle(b,M,J){return window.getComputedStyle(b)[M]}animate(b,M,J,ve,je,gt=[]){const k={duration:J,delay:ve,fill:0==ve?"both":"forwards"};je&&(k.easing=je);const A=new Map,I=gt.filter(an=>an instanceof po);(function He(Oe,b){return 0===Oe||0===b})(J,ve)&&I.forEach(an=>{an.currentSnapshot.forEach((bn,vn)=>A.set(vn,bn))});let V=function Ne(Oe){return Oe.length?Oe[0]instanceof Map?Oe:Oe.map(b=>$(b)):[]}(M).map(an=>pt(an));V=function zt(Oe,b,M){if(M.size&&b.length){let J=b[0],ve=[];if(M.forEach((je,gt)=>{J.has(gt)||ve.push(gt),J.set(gt,je)}),ve.length)for(let je=1;je<b.length;je++){let gt=b[je];ve.forEach(bt=>gt.set(bt,ln(Oe,bt)))}}return b}(b,V,A);const ft=function ir(Oe,b){let M=null,J=null;return Array.isArray(b)&&b.length?(M=yr(b[0]),b.length>1&&(J=yr(b[b.length-1]))):b instanceof Map&&(M=yr(b)),M||J?new Ji(Oe,M,J):null}(b,V);return new po(b,V,k,ft)}}},8692:(Ve,ae,s)=>{"use strict";s.d(ae,{$G:()=>ti,Do:()=>de,EM:()=>Ki,Gx:()=>mn,HT:()=>_,JF:()=>Co,K0:()=>f,Mx:()=>Hn,NF:()=>Gi,O5:()=>Ci,Ov:()=>nt,PM:()=>Go,RF:()=>Mi,S$:()=>le,Ts:()=>Kn,V_:()=>O,Ye:()=>X,b0:()=>ue,bD:()=>vr,ez:()=>_r,n9:()=>ki,q:()=>p,sg:()=>_i,tP:()=>lo,w_:()=>g});var e=s(4537);let o=null;function p(){return o}function _(R){o||(o=R)}class g{}const f=new e.OlP("DocumentToken");let m=(()=>{class R{historyGo(L){throw new Error("Not implemented")}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(){return function C(){return(0,e.LFG)(w)}()},providedIn:"platform"}),R})();const O=new e.OlP("Location Initialized");let w=(()=>{class R extends m{constructor(L){super(),this._doc=L,this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return p().getBaseHref(this._doc)}onPopState(L){const pe=p().getGlobalEventTarget(this._doc,"window");return pe.addEventListener("popstate",L,!1),()=>pe.removeEventListener("popstate",L)}onHashChange(L){const pe=p().getGlobalEventTarget(this._doc,"window");return pe.addEventListener("hashchange",L,!1),()=>pe.removeEventListener("hashchange",L)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(L){this._location.pathname=L}pushState(L,pe,Xe){S()?this._history.pushState(L,pe,Xe):this._location.hash=Xe}replaceState(L,pe,Xe){S()?this._history.replaceState(L,pe,Xe):this._location.hash=Xe}forward(){this._history.forward()}back(){this._history.back()}historyGo(L=0){this._history.go(L)}getState(){return this._history.state}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(f))},R.\u0275prov=e.Yz7({token:R,factory:function(){return function y(){return new w((0,e.LFG)(f))}()},providedIn:"platform"}),R})();function S(){return!!window.history.pushState}function U(R,oe){if(0==R.length)return oe;if(0==oe.length)return R;let L=0;return R.endsWith("/")&&L++,oe.startsWith("/")&&L++,2==L?R+oe.substring(1):1==L?R+oe:R+"/"+oe}function z(R){const oe=R.match(/#|\?|$/),L=oe&&oe.index||R.length;return R.slice(0,L-("/"===R[L-1]?1:0))+R.slice(L)}function Z(R){return R&&"?"!==R[0]?"?"+R:R}let le=(()=>{class R{historyGo(L){throw new Error("Not implemented")}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(){return(0,e.f3M)(ue)},providedIn:"root"}),R})();const Q=new e.OlP("appBaseHref");let ue=(()=>{class R extends le{constructor(L,pe){var Xe,Bt,Xt;super(),this._platformLocation=L,this._removeListenerFns=[],this._baseHref=null!==(Xe=null!==(Bt=null!=pe?pe:this._platformLocation.getBaseHrefFromDOM())&&void 0!==Bt?Bt:null===(Xt=(0,e.f3M)(f).location)||void 0===Xt?void 0:Xt.origin)&&void 0!==Xe?Xe:""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(L){this._removeListenerFns.push(this._platformLocation.onPopState(L),this._platformLocation.onHashChange(L))}getBaseHref(){return this._baseHref}prepareExternalUrl(L){return U(this._baseHref,L)}path(L=!1){const pe=this._platformLocation.pathname+Z(this._platformLocation.search),Xe=this._platformLocation.hash;return Xe&&L?`${pe}${Xe}`:pe}pushState(L,pe,Xe,Bt){const Xt=this.prepareExternalUrl(Xe+Z(Bt));this._platformLocation.pushState(L,pe,Xt)}replaceState(L,pe,Xe,Bt){const Xt=this.prepareExternalUrl(Xe+Z(Bt));this._platformLocation.replaceState(L,pe,Xt)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._platformLocation).historyGo)||void 0===pe||pe.call(Xe,L)}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(m),e.LFG(Q,8))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac,providedIn:"root"}),R})(),de=(()=>{class R extends le{constructor(L,pe){super(),this._platformLocation=L,this._baseHref="",this._removeListenerFns=[],null!=pe&&(this._baseHref=pe)}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(L){this._removeListenerFns.push(this._platformLocation.onPopState(L),this._platformLocation.onHashChange(L))}getBaseHref(){return this._baseHref}path(L=!1){let pe=this._platformLocation.hash;return null==pe&&(pe="#"),pe.length>0?pe.substring(1):pe}prepareExternalUrl(L){const pe=U(this._baseHref,L);return pe.length>0?"#"+pe:pe}pushState(L,pe,Xe,Bt){let Xt=this.prepareExternalUrl(Xe+Z(Bt));0==Xt.length&&(Xt=this._platformLocation.pathname),this._platformLocation.pushState(L,pe,Xt)}replaceState(L,pe,Xe,Bt){let Xt=this.prepareExternalUrl(Xe+Z(Bt));0==Xt.length&&(Xt=this._platformLocation.pathname),this._platformLocation.replaceState(L,pe,Xt)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._platformLocation).historyGo)||void 0===pe||pe.call(Xe,L)}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(m),e.LFG(Q,8))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac}),R})(),X=(()=>{class R{constructor(L){this._subject=new e.vpe,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=L;const pe=this._locationStrategy.getBaseHref();this._basePath=function We(R){if(new RegExp("^(https?:)?//").test(R)){const[,L]=R.split(/\/\/[^\/]+/);return L}return R}(z(ne(pe))),this._locationStrategy.onPopState(Xe=>{this._subject.emit({url:this.path(!0),pop:!0,state:Xe.state,type:Xe.type})})}ngOnDestroy(){var L;null===(L=this._urlChangeSubscription)||void 0===L||L.unsubscribe(),this._urlChangeListeners=[]}path(L=!1){return this.normalize(this._locationStrategy.path(L))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(L,pe=""){return this.path()==this.normalize(L+Z(pe))}normalize(L){return R.stripTrailingSlash(function K(R,oe){if(!R||!oe.startsWith(R))return oe;const L=oe.substring(R.length);return""===L||["/",";","?","#"].includes(L[0])?L:oe}(this._basePath,ne(L)))}prepareExternalUrl(L){return L&&"/"!==L[0]&&(L="/"+L),this._locationStrategy.prepareExternalUrl(L)}go(L,pe="",Xe=null){this._locationStrategy.pushState(Xe,"",L,pe),this._notifyUrlChangeListeners(this.prepareExternalUrl(L+Z(pe)),Xe)}replaceState(L,pe="",Xe=null){this._locationStrategy.replaceState(Xe,"",L,pe),this._notifyUrlChangeListeners(this.prepareExternalUrl(L+Z(pe)),Xe)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._locationStrategy).historyGo)||void 0===pe||pe.call(Xe,L)}onUrlChange(L){return this._urlChangeListeners.push(L),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(pe=>{this._notifyUrlChangeListeners(pe.url,pe.state)})),()=>{const pe=this._urlChangeListeners.indexOf(L);var Xe;this._urlChangeListeners.splice(pe,1),0===this._urlChangeListeners.length&&(null===(Xe=this._urlChangeSubscription)||void 0===Xe||Xe.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(L="",pe){this._urlChangeListeners.forEach(Xe=>Xe(L,pe))}subscribe(L,pe,Xe){return this._subject.subscribe({next:L,error:pe,complete:Xe})}}return R.normalizeQueryParams=Z,R.joinWithSlash=U,R.stripTrailingSlash=z,R.\u0275fac=function(L){return new(L||R)(e.LFG(le))},R.\u0275prov=e.Yz7({token:R,factory:function(){return function B(){return new X((0,e.LFG)(le))}()},providedIn:"root"}),R})();function ne(R){return R.replace(/\/index.html$/,"")}var we=(()=>((we=we||{})[we.Zero=0]="Zero",we[we.One=1]="One",we[we.Two=2]="Two",we[we.Few=3]="Few",we[we.Many=4]="Many",we[we.Other=5]="Other",we))();const Pt=e.kL8;let Dn=(()=>{class R{}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(L){let pe=null;return L?pe=new L:(Xe=e.LFG(e.soG),pe=new Fn(Xe)),pe;var Xe},providedIn:"root"}),R})();let Fn=(()=>{class R extends Dn{constructor(L){super(),this.locale=L}getPluralCategory(L,pe){switch(Pt(pe||this.locale)(L)){case we.Zero:return"zero";case we.One:return"one";case we.Two:return"two";case we.Few:return"few";case we.Many:return"many";default:return"other"}}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(e.soG))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac}),R})();function Hn(R,oe){oe=encodeURIComponent(oe);for(const L of R.split(";")){const pe=L.indexOf("="),[Xe,Bt]=-1==pe?[L,""]:[L.slice(0,pe),L.slice(pe+1)];if(Xe.trim()===oe)return decodeURIComponent(Bt)}return null}let ti=(()=>{class R{constructor(L){this._viewContainerRef=L,this.ngComponentOutlet=null}ngOnChanges(L){const{_viewContainerRef:pe,ngComponentOutletNgModule:Xe,ngComponentOutletNgModuleFactory:Bt}=this;if(pe.clear(),this._componentRef=void 0,this.ngComponentOutlet){const Xt=this.ngComponentOutletInjector||pe.parentInjector;(L.ngComponentOutletNgModule||L.ngComponentOutletNgModuleFactory)&&(this._moduleRef&&this._moduleRef.destroy(),this._moduleRef=Xe?(0,e.Lck)(Xe,ai(Xt)):Bt?Bt.create(ai(Xt)):void 0),this._componentRef=pe.createComponent(this.ngComponentOutlet,{index:pe.length,injector:Xt,ngModuleRef:this._moduleRef,projectableNodes:this.ngComponentOutletContent})}}ngOnDestroy(){this._moduleRef&&this._moduleRef.destroy()}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngComponentOutlet",""]],inputs:{ngComponentOutlet:"ngComponentOutlet",ngComponentOutletInjector:"ngComponentOutletInjector",ngComponentOutletContent:"ngComponentOutletContent",ngComponentOutletNgModule:"ngComponentOutletNgModule",ngComponentOutletNgModuleFactory:"ngComponentOutletNgModuleFactory"},standalone:!0,features:[e.TTD]}),R})();function ai(R){return R.get(e.h0i).injector}class hi{constructor(oe,L,pe,Xe){this.$implicit=oe,this.ngForOf=L,this.index=pe,this.count=Xe}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let _i=(()=>{class R{set ngForOf(L){this._ngForOf=L,this._ngForOfDirty=!0}set ngForTrackBy(L){this._trackByFn=L}get ngForTrackBy(){return this._trackByFn}constructor(L,pe,Xe){this._viewContainer=L,this._template=pe,this._differs=Xe,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(L){L&&(this._template=L)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const L=this._ngForOf;!this._differ&&L&&(this._differ=this._differs.find(L).create(this.ngForTrackBy))}if(this._differ){const L=this._differ.diff(this._ngForOf);L&&this._applyChanges(L)}}_applyChanges(L){const pe=this._viewContainer;L.forEachOperation((Xe,Bt,Xt)=>{if(null==Xe.previousIndex)pe.createEmbeddedView(this._template,new hi(Xe.item,this._ngForOf,-1,-1),null===Xt?void 0:Xt);else if(null==Xt)pe.remove(null===Bt?void 0:Bt);else if(null!==Bt){const xn=pe.get(Bt);pe.move(xn,Xt),ni(xn,Xe)}});for(let Xe=0,Bt=pe.length;Xe<Bt;Xe++){const xn=pe.get(Xe).context;xn.index=Xe,xn.count=Bt,xn.ngForOf=this._ngForOf}L.forEachIdentityChange(Xe=>{ni(pe.get(Xe.currentIndex),Xe)})}static ngTemplateContextGuard(L,pe){return!0}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc),e.Y36(e.ZZ4))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0}),R})();function ni(R,oe){R.context.$implicit=oe.item}let Ci=(()=>{class R{constructor(L,pe){this._viewContainer=L,this._context=new Sn,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=pe}set ngIf(L){this._context.$implicit=this._context.ngIf=L,this._updateView()}set ngIfThen(L){zn("ngIfThen",L),this._thenTemplateRef=L,this._thenViewRef=null,this._updateView()}set ngIfElse(L){zn("ngIfElse",L),this._elseTemplateRef=L,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(L,pe){return!0}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0}),R})();class Sn{constructor(){this.$implicit=null,this.ngIf=null}}function zn(R,oe){if(oe&&!oe.createEmbeddedView)throw new Error(`${R} must be a TemplateRef, but received '${(0,e.AaK)(oe)}'.`)}class oi{constructor(oe,L){this._viewContainerRef=oe,this._templateRef=L,this._created=!1}create(){this._created=!0,this._viewContainerRef.createEmbeddedView(this._templateRef)}destroy(){this._created=!1,this._viewContainerRef.clear()}enforceState(oe){oe&&!this._created?this.create():!oe&&this._created&&this.destroy()}}let Mi=(()=>{class R{constructor(){this._defaultViews=[],this._defaultUsed=!1,this._caseCount=0,this._lastCaseCheckIndex=0,this._lastCasesMatched=!1}set ngSwitch(L){this._ngSwitch=L,0===this._caseCount&&this._updateDefaultCases(!0)}_addCase(){return this._caseCount++}_addDefault(L){this._defaultViews.push(L)}_matchCase(L){const pe=L==this._ngSwitch;return this._lastCasesMatched=this._lastCasesMatched||pe,this._lastCaseCheckIndex++,this._lastCaseCheckIndex===this._caseCount&&(this._updateDefaultCases(!this._lastCasesMatched),this._lastCaseCheckIndex=0,this._lastCasesMatched=!1),pe}_updateDefaultCases(L){if(this._defaultViews.length>0&&L!==this._defaultUsed){this._defaultUsed=L;for(const pe of this._defaultViews)pe.enforceState(L)}}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275dir=e.lG2({type:R,selectors:[["","ngSwitch",""]],inputs:{ngSwitch:"ngSwitch"},standalone:!0}),R})(),ki=(()=>{class R{constructor(L,pe,Xe){this.ngSwitch=Xe,Xe._addCase(),this._view=new oi(L,pe)}ngDoCheck(){this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase))}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc),e.Y36(Mi,9))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngSwitchCase",""]],inputs:{ngSwitchCase:"ngSwitchCase"},standalone:!0}),R})(),lo=(()=>{class R{constructor(L){this._viewContainerRef=L,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(L){if(L.ngTemplateOutlet||L.ngTemplateOutletInjector){const pe=this._viewContainerRef;if(this._viewRef&&pe.remove(pe.indexOf(this._viewRef)),this.ngTemplateOutlet){const{ngTemplateOutlet:Xe,ngTemplateOutletContext:Bt,ngTemplateOutletInjector:Xt}=this;this._viewRef=pe.createEmbeddedView(Xe,Bt,Xt?{injector:Xt}:void 0)}else this._viewRef=null}else this._viewRef&&L.ngTemplateOutletContext&&this.ngTemplateOutletContext&&(this._viewRef.context=this.ngTemplateOutletContext)}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[e.TTD]}),R})();function fi(R,oe){return new e.vHH(2100,!1)}class Ut{createSubscription(oe,L){return oe.subscribe({next:L,error:pe=>{throw pe}})}dispose(oe){oe.unsubscribe()}}class Me{createSubscription(oe,L){return oe.then(L,pe=>{throw pe})}dispose(oe){}}const ee=new Me,ge=new Ut;let nt=(()=>{class R{constructor(L){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=L}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(L){return this._obj?L!==this._obj?(this._dispose(),this.transform(L)):this._latestValue:(L&&this._subscribe(L),this._latestValue)}_subscribe(L){this._obj=L,this._strategy=this._selectStrategy(L),this._subscription=this._strategy.createSubscription(L,pe=>this._updateLatestValue(L,pe))}_selectStrategy(L){if((0,e.QGY)(L))return ee;if((0,e.F4k)(L))return ge;throw fi()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(L,pe){L===this._obj&&(this._latestValue=pe,this._ref.markForCheck())}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.sBO,16))},R.\u0275pipe=e.Yjl({name:"async",type:R,pure:!1,standalone:!0}),R})();const Kt=/#/g;let mn=(()=>{class R{constructor(L){this._localization=L}transform(L,pe,Xe){if(null==L)return"";if("object"!=typeof pe||null===pe)throw fi();return pe[function Cn(R,oe,L,pe){let Xe=`=${R}`;if(oe.indexOf(Xe)>-1||(Xe=L.getPluralCategory(R,pe),oe.indexOf(Xe)>-1))return Xe;if(oe.indexOf("other")>-1)return"other";throw new Error(`No plural message found for value "${R}"`)}(L,Object.keys(pe),this._localization,Xe)].replace(Kt,L.toString())}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(Dn,16))},R.\u0275pipe=e.Yjl({name:"i18nPlural",type:R,pure:!0,standalone:!0}),R})(),Kn=(()=>{class R{transform(L){return JSON.stringify(L,null,2)}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275pipe=e.Yjl({name:"json",type:R,pure:!1,standalone:!0}),R})(),_r=(()=>{class R{}return R.\u0275fac=function(L){return new(L||R)},R.\u0275mod=e.oAB({type:R}),R.\u0275inj=e.cJS({}),R})();const vr="browser",$i="server";function Gi(R){return R===vr}function Go(R){return R===$i}let Ki=(()=>{class R{}return R.\u0275prov=(0,e.Yz7)({token:R,providedIn:"root",factory:()=>new cr((0,e.LFG)(f),window)}),R})();class cr{constructor(oe,L){this.document=oe,this.window=L,this.offset=()=>[0,0]}setOffset(oe){this.offset=Array.isArray(oe)?()=>oe:oe}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(oe){this.supportsScrolling()&&this.window.scrollTo(oe[0],oe[1])}scrollToAnchor(oe){if(!this.supportsScrolling())return;const L=function nr(R,oe){const L=R.getElementById(oe)||R.getElementsByName(oe)[0];if(L)return L;if("function"==typeof R.createTreeWalker&&R.body&&(R.body.createShadowRoot||R.body.attachShadow)){const pe=R.createTreeWalker(R.body,NodeFilter.SHOW_ELEMENT);let Xe=pe.currentNode;for(;Xe;){const Bt=Xe.shadowRoot;if(Bt){const Xt=Bt.getElementById(oe)||Bt.querySelector(`[name="${oe}"]`);if(Xt)return Xt}Xe=pe.nextNode()}}return null}(this.document,oe);L&&(this.scrollToElement(L),L.focus())}setHistoryScrollRestoration(oe){if(this.supportScrollRestoration()){const L=this.window.history;L&&L.scrollRestoration&&(L.scrollRestoration=oe)}}scrollToElement(oe){const L=oe.getBoundingClientRect(),pe=L.left+this.window.pageXOffset,Xe=L.top+this.window.pageYOffset,Bt=this.offset();this.window.scrollTo(pe-Bt[0],Xe-Bt[1])}supportScrollRestoration(){try{if(!this.supportsScrolling())return!1;const oe=dr(this.window.history)||dr(Object.getPrototypeOf(this.window.history));return!(!oe||!oe.writable&&!oe.set)}catch{return!1}}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}function dr(R){return Object.getOwnPropertyDescriptor(R,"scrollRestoration")}class Co{}},5732:(Ve,ae,s)=>{"use strict";s.d(ae,{JF:()=>lt,eN:()=>ye});var e=s(8692),o=s(4537),p=s(5917),_=s(882),g=s(4612),f=s(5435),m=s(8002);class C{}class O{}class w{constructor(W){this.normalizedNames=new Map,this.lazyUpdate=null,W?this.lazyInit="string"==typeof W?()=>{this.headers=new Map,W.split("\n").forEach($=>{const Ne=$.indexOf(":");if(Ne>0){const De=$.slice(0,Ne),pt=De.toLowerCase(),ct=$.slice(Ne+1).trim();this.maybeSetNormalizedName(De,pt),this.headers.has(pt)?this.headers.get(pt).push(ct):this.headers.set(pt,[ct])}})}:()=>{this.headers=new Map,Object.entries(W).forEach(([$,Ne])=>{let De;if(De="string"==typeof Ne?[Ne]:"number"==typeof Ne?[Ne.toString()]:Ne.map(pt=>pt.toString()),De.length>0){const pt=$.toLowerCase();this.headers.set(pt,De),this.maybeSetNormalizedName($,pt)}})}:this.headers=new Map}has(W){return this.init(),this.headers.has(W.toLowerCase())}get(W){this.init();const $=this.headers.get(W.toLowerCase());return $&&$.length>0?$[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(W){return this.init(),this.headers.get(W.toLowerCase())||null}append(W,$){return this.clone({name:W,value:$,op:"a"})}set(W,$){return this.clone({name:W,value:$,op:"s"})}delete(W,$){return this.clone({name:W,value:$,op:"d"})}maybeSetNormalizedName(W,$){this.normalizedNames.has($)||this.normalizedNames.set($,W)}init(){this.lazyInit&&(this.lazyInit instanceof w?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(W=>this.applyUpdate(W)),this.lazyUpdate=null))}copyFrom(W){W.init(),Array.from(W.headers.keys()).forEach($=>{this.headers.set($,W.headers.get($)),this.normalizedNames.set($,W.normalizedNames.get($))})}clone(W){const $=new w;return $.lazyInit=this.lazyInit&&this.lazyInit instanceof w?this.lazyInit:this,$.lazyUpdate=(this.lazyUpdate||[]).concat([W]),$}applyUpdate(W){const $=W.name.toLowerCase();switch(W.op){case"a":case"s":let Ne=W.value;if("string"==typeof Ne&&(Ne=[Ne]),0===Ne.length)return;this.maybeSetNormalizedName(W.name,$);const De=("a"===W.op?this.headers.get($):void 0)||[];De.push(...Ne),this.headers.set($,De);break;case"d":const pt=W.value;if(pt){let ct=this.headers.get($);if(!ct)return;ct=ct.filter(_t=>-1===pt.indexOf(_t)),0===ct.length?(this.headers.delete($),this.normalizedNames.delete($)):this.headers.set($,ct)}else this.headers.delete($),this.normalizedNames.delete($)}}forEach(W){this.init(),Array.from(this.normalizedNames.keys()).forEach($=>W(this.normalizedNames.get($),this.headers.get($)))}}class y{encodeKey(W){return le(W)}encodeValue(W){return le(W)}decodeKey(W){return decodeURIComponent(W)}decodeValue(W){return decodeURIComponent(W)}}const z=/%(\d[a-f0-9])/gi,Z={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function le(it){return encodeURIComponent(it).replace(z,(W,$)=>{var Ne;return null!==(Ne=Z[$])&&void 0!==Ne?Ne:W})}function Q(it){return`${it}`}class ue{constructor(W={}){if(this.updates=null,this.cloneFrom=null,this.encoder=W.encoder||new y,W.fromString){if(W.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function U(it,W){const $=new Map;return it.length>0&&it.replace(/^\?/,"").split("&").forEach(De=>{const pt=De.indexOf("="),[ct,_t]=-1==pt?[W.decodeKey(De),""]:[W.decodeKey(De.slice(0,pt)),W.decodeValue(De.slice(pt+1))],At=$.get(ct)||[];At.push(_t),$.set(ct,At)}),$}(W.fromString,this.encoder)}else W.fromObject?(this.map=new Map,Object.keys(W.fromObject).forEach($=>{const Ne=W.fromObject[$],De=Array.isArray(Ne)?Ne.map(Q):[Q(Ne)];this.map.set($,De)})):this.map=null}has(W){return this.init(),this.map.has(W)}get(W){this.init();const $=this.map.get(W);return $?$[0]:null}getAll(W){return this.init(),this.map.get(W)||null}keys(){return this.init(),Array.from(this.map.keys())}append(W,$){return this.clone({param:W,value:$,op:"a"})}appendAll(W){const $=[];return Object.keys(W).forEach(Ne=>{const De=W[Ne];Array.isArray(De)?De.forEach(pt=>{$.push({param:Ne,value:pt,op:"a"})}):$.push({param:Ne,value:De,op:"a"})}),this.clone($)}set(W,$){return this.clone({param:W,value:$,op:"s"})}delete(W,$){return this.clone({param:W,value:$,op:"d"})}toString(){return this.init(),this.keys().map(W=>{const $=this.encoder.encodeKey(W);return this.map.get(W).map(Ne=>$+"="+this.encoder.encodeValue(Ne)).join("&")}).filter(W=>""!==W).join("&")}clone(W){const $=new ue({encoder:this.encoder});return $.cloneFrom=this.cloneFrom||this,$.updates=(this.updates||[]).concat(W),$}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(W=>this.map.set(W,this.cloneFrom.map.get(W))),this.updates.forEach(W=>{switch(W.op){case"a":case"s":const $=("a"===W.op?this.map.get(W.param):void 0)||[];$.push(Q(W.value)),this.map.set(W.param,$);break;case"d":if(void 0===W.value){this.map.delete(W.param);break}{let Ne=this.map.get(W.param)||[];const De=Ne.indexOf(Q(W.value));-1!==De&&Ne.splice(De,1),Ne.length>0?this.map.set(W.param,Ne):this.map.delete(W.param)}}}),this.cloneFrom=this.updates=null)}}class X{constructor(){this.map=new Map}set(W,$){return this.map.set(W,$),this}get(W){return this.map.has(W)||this.map.set(W,W.defaultValue()),this.map.get(W)}delete(W){return this.map.delete(W),this}has(W){return this.map.has(W)}keys(){return this.map.keys()}}function K(it){return typeof ArrayBuffer<"u"&&it instanceof ArrayBuffer}function ne(it){return typeof Blob<"u"&&it instanceof Blob}function We(it){return typeof FormData<"u"&&it instanceof FormData}class Je{constructor(W,$,Ne,De){let pt;if(this.url=$,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=W.toUpperCase(),function B(it){switch(it){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||De?(this.body=void 0!==Ne?Ne:null,pt=De):pt=Ne,pt&&(this.reportProgress=!!pt.reportProgress,this.withCredentials=!!pt.withCredentials,pt.responseType&&(this.responseType=pt.responseType),pt.headers&&(this.headers=pt.headers),pt.context&&(this.context=pt.context),pt.params&&(this.params=pt.params)),this.headers||(this.headers=new w),this.context||(this.context=new X),this.params){const ct=this.params.toString();if(0===ct.length)this.urlWithParams=$;else{const _t=$.indexOf("?");this.urlWithParams=$+(-1===_t?"?":_t<$.length-1?"&":"")+ct}}else this.params=new ue,this.urlWithParams=$}serializeBody(){return null===this.body?null:K(this.body)||ne(this.body)||We(this.body)||function Le(it){return typeof URLSearchParams<"u"&&it instanceof URLSearchParams}(this.body)||"string"==typeof this.body?this.body:this.body instanceof ue?this.body.toString():"object"==typeof this.body||"boolean"==typeof this.body||Array.isArray(this.body)?JSON.stringify(this.body):this.body.toString()}detectContentTypeHeader(){return null===this.body||We(this.body)?null:ne(this.body)?this.body.type||null:K(this.body)?null:"string"==typeof this.body?"text/plain":this.body instanceof ue?"application/x-www-form-urlencoded;charset=UTF-8":"object"==typeof this.body||"number"==typeof this.body||"boolean"==typeof this.body?"application/json":null}clone(W={}){var $;const Ne=W.method||this.method,De=W.url||this.url,pt=W.responseType||this.responseType,ct=void 0!==W.body?W.body:this.body,_t=void 0!==W.withCredentials?W.withCredentials:this.withCredentials,At=void 0!==W.reportProgress?W.reportProgress:this.reportProgress;let Se=W.headers||this.headers,Be=W.params||this.params;const se=null!==($=W.context)&&void 0!==$?$:this.context;return void 0!==W.setHeaders&&(Se=Object.keys(W.setHeaders).reduce((re,Y)=>re.set(Y,W.setHeaders[Y]),Se)),W.setParams&&(Be=Object.keys(W.setParams).reduce((re,Y)=>re.set(Y,W.setParams[Y]),Be)),new Je(Ne,De,ct,{params:Be,headers:Se,context:se,reportProgress:At,responseType:pt,withCredentials:_t})}}var we=(()=>((we=we||{})[we.Sent=0]="Sent",we[we.UploadProgress=1]="UploadProgress",we[we.ResponseHeader=2]="ResponseHeader",we[we.DownloadProgress=3]="DownloadProgress",we[we.Response=4]="Response",we[we.User=5]="User",we))();class Ee{constructor(W,$=200,Ne="OK"){this.headers=W.headers||new w,this.status=void 0!==W.status?W.status:$,this.statusText=W.statusText||Ne,this.url=W.url||null,this.ok=this.status>=200&&this.status<300}}class $e extends Ee{constructor(W={}){super(W),this.type=we.ResponseHeader}clone(W={}){return new $e({headers:W.headers||this.headers,status:void 0!==W.status?W.status:this.status,statusText:W.statusText||this.statusText,url:W.url||this.url||void 0})}}class Ie extends Ee{constructor(W={}){super(W),this.type=we.Response,this.body=void 0!==W.body?W.body:null}clone(W={}){return new Ie({body:void 0!==W.body?W.body:this.body,headers:W.headers||this.headers,status:void 0!==W.status?W.status:this.status,statusText:W.statusText||this.statusText,url:W.url||this.url||void 0})}}class G extends Ee{constructor(W){super(W,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?`Http failure during parsing for ${W.url||"(unknown url)"}`:`Http failure response for ${W.url||"(unknown url)"}: ${W.status} ${W.statusText}`,this.error=W.error||null}}function he(it,W){return{body:W,headers:it.headers,context:it.context,observe:it.observe,params:it.params,reportProgress:it.reportProgress,responseType:it.responseType,withCredentials:it.withCredentials}}let ye=(()=>{class it{constructor($){this.handler=$}request($,Ne,De={}){let pt;if($ instanceof Je)pt=$;else{let At,Se;At=De.headers instanceof w?De.headers:new w(De.headers),De.params&&(Se=De.params instanceof ue?De.params:new ue({fromObject:De.params})),pt=new Je($,Ne,void 0!==De.body?De.body:null,{headers:At,context:De.context,params:Se,reportProgress:De.reportProgress,responseType:De.responseType||"json",withCredentials:De.withCredentials})}const ct=(0,p.of)(pt).pipe((0,g.b)(At=>this.handler.handle(At)));if($ instanceof Je||"events"===De.observe)return ct;const _t=ct.pipe((0,f.h)(At=>At instanceof Ie));switch(De.observe||"body"){case"body":switch(pt.responseType){case"arraybuffer":return _t.pipe((0,m.U)(At=>{if(null!==At.body&&!(At.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return At.body}));case"blob":return _t.pipe((0,m.U)(At=>{if(null!==At.body&&!(At.body instanceof Blob))throw new Error("Response is not a Blob.");return At.body}));case"text":return _t.pipe((0,m.U)(At=>{if(null!==At.body&&"string"!=typeof At.body)throw new Error("Response is not a string.");return At.body}));default:return _t.pipe((0,m.U)(At=>At.body))}case"response":return _t;default:throw new Error(`Unreachable: unhandled observe type ${De.observe}}`)}}delete($,Ne={}){return this.request("DELETE",$,Ne)}get($,Ne={}){return this.request("GET",$,Ne)}head($,Ne={}){return this.request("HEAD",$,Ne)}jsonp($,Ne){return this.request("JSONP",$,{params:(new ue).append(Ne,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options($,Ne={}){return this.request("OPTIONS",$,Ne)}patch($,Ne,De={}){return this.request("PATCH",$,he(De,Ne))}post($,Ne,De={}){return this.request("POST",$,he(De,Ne))}put($,Ne,De={}){return this.request("PUT",$,he(De,Ne))}}return it.\u0275fac=function($){return new($||it)(o.LFG(C))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();function te(it,W){return W(it)}function Re(it,W){return($,Ne)=>W.intercept($,{handle:De=>it(De,Ne)})}const ce=new o.OlP("HTTP_INTERCEPTORS"),be=new o.OlP("HTTP_INTERCEPTOR_FNS");function N(){let it=null;return(W,$)=>{var Ne;return null===it&&(it=(null!==(Ne=(0,o.f3M)(ce,{optional:!0}))&&void 0!==Ne?Ne:[]).reduceRight(Re,te)),it(W,$)}}let _e=(()=>{class it extends C{constructor($,Ne){super(),this.backend=$,this.injector=Ne,this.chain=null}handle($){if(null===this.chain){const Ne=Array.from(new Set(this.injector.get(be)));this.chain=Ne.reduceRight((De,pt)=>function q(it,W,$){return(Ne,De)=>$.runInContext(()=>W(Ne,pt=>it(pt,De)))}(De,pt,this.injector),te)}return this.chain($,Ne=>this.backend.handle(Ne))}}return it.\u0275fac=function($){return new($||it)(o.LFG(O),o.LFG(o.lqb))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();const Wt=/^\)\]\}',?\n/;let _n=(()=>{class it{constructor($){this.xhrFactory=$}handle($){if("JSONP"===$.method)throw new Error("Attempted to construct Jsonp request without HttpClientJsonpModule installed.");return new _.y(Ne=>{const De=this.xhrFactory.build();if(De.open($.method,$.urlWithParams),$.withCredentials&&(De.withCredentials=!0),$.headers.forEach((Y,fe)=>De.setRequestHeader(Y,fe.join(","))),$.headers.has("Accept")||De.setRequestHeader("Accept","application/json, text/plain, */*"),!$.headers.has("Content-Type")){const Y=$.detectContentTypeHeader();null!==Y&&De.setRequestHeader("Content-Type",Y)}if($.responseType){const Y=$.responseType.toLowerCase();De.responseType="json"!==Y?Y:"text"}const pt=$.serializeBody();let ct=null;const _t=()=>{if(null!==ct)return ct;const Y=De.statusText||"OK",fe=new w(De.getAllResponseHeaders()),Ue=function sn(it){return"responseURL"in it&&it.responseURL?it.responseURL:/^X-Request-URL:/m.test(it.getAllResponseHeaders())?it.getResponseHeader("X-Request-URL"):null}(De)||$.url;return ct=new $e({headers:fe,status:De.status,statusText:Y,url:Ue}),ct},At=()=>{let{headers:Y,status:fe,statusText:Ue,url:dt}=_t(),rt=null;204!==fe&&(rt=typeof De.response>"u"?De.responseText:De.response),0===fe&&(fe=rt?200:0);let at=fe>=200&&fe<300;if("json"===$.responseType&&"string"==typeof rt){const He=rt;rt=rt.replace(Wt,"");try{rt=""!==rt?JSON.parse(rt):null}catch(zt){rt=He,at&&(at=!1,rt={error:zt,text:rt})}}at?(Ne.next(new Ie({body:rt,headers:Y,status:fe,statusText:Ue,url:dt||void 0})),Ne.complete()):Ne.error(new G({error:rt,headers:Y,status:fe,statusText:Ue,url:dt||void 0}))},Se=Y=>{const{url:fe}=_t(),Ue=new G({error:Y,status:De.status||0,statusText:De.statusText||"Unknown Error",url:fe||void 0});Ne.error(Ue)};let Be=!1;const se=Y=>{Be||(Ne.next(_t()),Be=!0);let fe={type:we.DownloadProgress,loaded:Y.loaded};Y.lengthComputable&&(fe.total=Y.total),"text"===$.responseType&&De.responseText&&(fe.partialText=De.responseText),Ne.next(fe)},re=Y=>{let fe={type:we.UploadProgress,loaded:Y.loaded};Y.lengthComputable&&(fe.total=Y.total),Ne.next(fe)};return De.addEventListener("load",At),De.addEventListener("error",Se),De.addEventListener("timeout",Se),De.addEventListener("abort",Se),$.reportProgress&&(De.addEventListener("progress",se),null!==pt&&De.upload&&De.upload.addEventListener("progress",re)),De.send(pt),Ne.next({type:we.Sent}),()=>{De.removeEventListener("error",Se),De.removeEventListener("abort",Se),De.removeEventListener("load",At),De.removeEventListener("timeout",Se),$.reportProgress&&(De.removeEventListener("progress",se),null!==pt&&De.upload&&De.upload.removeEventListener("progress",re)),De.readyState!==De.DONE&&De.abort()}})}}return it.\u0275fac=function($){return new($||it)(o.LFG(e.JF))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();const Jt=new o.OlP("XSRF_ENABLED"),ut=new o.OlP("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),Pe=new o.OlP("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class et{}let Ge=(()=>{class it{constructor($,Ne,De){this.doc=$,this.platform=Ne,this.cookieName=De,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const $=this.doc.cookie||"";return $!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,e.Mx)($,this.cookieName),this.lastCookieString=$),this.lastToken}}return it.\u0275fac=function($){return new($||it)(o.LFG(e.K0),o.LFG(o.Lbi),o.LFG(ut))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();function ke(it,W){const $=it.url.toLowerCase();if(!(0,o.f3M)(Jt)||"GET"===it.method||"HEAD"===it.method||$.startsWith("http://")||$.startsWith("https://"))return W(it);const Ne=(0,o.f3M)(et).getToken(),De=(0,o.f3M)(Pe);return null!=Ne&&!it.headers.has(De)&&(it=it.clone({headers:it.headers.set(De,Ne)})),W(it)}var Fe=(()=>((Fe=Fe||{})[Fe.Interceptors=0]="Interceptors",Fe[Fe.LegacyInterceptors=1]="LegacyInterceptors",Fe[Fe.CustomXsrfConfiguration=2]="CustomXsrfConfiguration",Fe[Fe.NoXsrfProtection=3]="NoXsrfProtection",Fe[Fe.JsonpSupport=4]="JsonpSupport",Fe[Fe.RequestsMadeViaParent=5]="RequestsMadeViaParent",Fe))();function ht(it,W){return{\u0275kind:it,\u0275providers:W}}function Vt(...it){const W=[ye,_n,_e,{provide:C,useExisting:_e},{provide:O,useExisting:_n},{provide:be,useValue:ke,multi:!0},{provide:Jt,useValue:!0},{provide:et,useClass:Ge}];for(const $ of it)W.push(...$.\u0275providers);return(0,o.MR2)(W)}const Ye=new o.OlP("LEGACY_INTERCEPTOR_FN");let lt=(()=>{class it{}return it.\u0275fac=function($){return new($||it)},it.\u0275mod=o.oAB({type:it}),it.\u0275inj=o.cJS({providers:[Vt(ht(Fe.LegacyInterceptors,[{provide:Ye,useFactory:N},{provide:be,useExisting:Ye,multi:!0}]))]}),it})()},4537:(Ve,ae,s)=>{"use strict";s.d(ae,{$8M:()=>gs,$WT:()=>Dn,$Z:()=>ip,AFp:()=>i_,ALo:()=>bm,AaK:()=>C,AsE:()=>Oh,BQk:()=>cc,CHM:()=>an,CRH:()=>Rm,CZH:()=>Ec,CqO:()=>Np,D6c:()=>qD,DdM:()=>pm,Dn7:()=>Mm,EJc:()=>gD,EiD:()=>Ll,EpF:()=>Rp,F$t:()=>zp,F4k:()=>Fp,FYo:()=>Rf,FiY:()=>pr,Gf:()=>Im,GfV:()=>Ff,GkF:()=>gh,Gpc:()=>S,Hsn:()=>jp,Ikx:()=>wh,JOm:()=>gr,JVY:()=>Md,JZr:()=>le,Jf7:()=>Nf,KtG:()=>bn,L6k:()=>Od,LAX:()=>wd,LFG:()=>lt,LSH:()=>_u,Lbi:()=>dD,Lck:()=>hC,MAs:()=>kp,MMx:()=>Lh,MR2:()=>Hd,NdJ:()=>_h,O4$:()=>Os,OlP:()=>Ai,Oqu:()=>Mh,P3R:()=>zl,PXZ:()=>PD,PiD:()=>ys,Q6J:()=>hh,QGY:()=>mh,QbO:()=>hD,Qsj:()=>N_,R0b:()=>Mr,RDi:()=>vd,Rgc:()=>Nu,SBq:()=>bu,Sil:()=>_D,Suo:()=>km,TTD:()=>No,TgZ:()=>ac,Tol:()=>sg,Udp:()=>bh,VKq:()=>gm,W1O:()=>Bm,WLB:()=>mm,X6Q:()=>FD,XFs:()=>Jt,Xpm:()=>at,Xts:()=>_a,Y36:()=>Ta,YKP:()=>rm,YNc:()=>Ip,Yjl:()=>nn,Yz7:()=>Et,Z0I:()=>Ot,ZZ4:()=>cf,_Bn:()=>om,_UZ:()=>ph,_Vd:()=>Du,_c5:()=>JD,_uU:()=>fg,aQg:()=>df,c2e:()=>fD,cJS:()=>St,cg1:()=>Ah,d8E:()=>xh,dDg:()=>OD,dqk:()=>Ge,eBb:()=>wf,eFA:()=>m_,eJc:()=>Wh,ekj:()=>Eh,eoX:()=>h_,evT:()=>Lf,f3M:()=>st,g9A:()=>r_,gxx:()=>va,h0i:()=>Ba,hGG:()=>QD,hij:()=>fc,iGM:()=>Sm,ifc:()=>At,ip1:()=>n_,jDz:()=>am,kL8:()=>Pg,kcU:()=>ws,lG2:()=>Ft,lcZ:()=>Em,lqb:()=>a,lri:()=>c_,mCW:()=>ga,n5z:()=>Vr,n_E:()=>vc,oAB:()=>ln,oJD:()=>Bl,oxw:()=>Vp,pB0:()=>xd,q3G:()=>Yi,qLn:()=>Eu,qOj:()=>uh,qZA:()=>uc,qzn:()=>bs,rWj:()=>d_,sBO:()=>ND,s_b:()=>Cc,soG:()=>Tc,tb:()=>p_,tp0:()=>Wi,uIk:()=>dh,vHH:()=>Q,vpe:()=>Xr,wAp:()=>Vn,xi3:()=>Tm,xp6:()=>$f,ynx:()=>lc,z2F:()=>Mc,z3N:()=>Pr,zSh:()=>ya,zs3:()=>zs});var e=s(9765),o=s(3464),p=s(882),_=s(6682),g=s(4121);function f(t){for(let n in t)if(t[n]===f)return n;throw Error("Could not find renamed property on target object.")}function m(t,n){for(const i in n)n.hasOwnProperty(i)&&!t.hasOwnProperty(i)&&(t[i]=n[i])}function C(t){if("string"==typeof t)return t;if(Array.isArray(t))return"["+t.map(C).join(", ")+"]";if(null==t)return""+t;if(t.overriddenName)return`${t.overriddenName}`;if(t.name)return`${t.name}`;const n=t.toString();if(null==n)return""+n;const i=n.indexOf("\n");return-1===i?n:n.substring(0,i)}function O(t,n){return null==t||""===t?null===n?"":n:null==n||""===n?t:t+" "+n}const w=f({__forward_ref__:f});function S(t){return t.__forward_ref__=S,t.toString=function(){return C(this())},t}function y(t){return U(t)?t():t}function U(t){return"function"==typeof t&&t.hasOwnProperty(w)&&t.__forward_ref__===S}function z(t){return t&&!!t.\u0275providers}const le="https://g.co/ng/security#xss";class Q extends Error{constructor(n,i){super(ue(n,i)),this.code=n}}function ue(t,n){return`NG0${Math.abs(t)}${n?": "+n.trim():""}`}function de(t){return"string"==typeof t?t:null==t?"":String(t)}function We(t,n){throw new Q(-201,!1)}function be(t,n){null==t&&function N(t,n,i,r){throw new Error(`ASSERTION ERROR: ${t}`+(null==r?"":` [Expected=> ${i} ${r} ${n} <=Actual]`))}(n,t,null,"!=")}function Et(t){return{token:t.token,providedIn:t.providedIn||null,factory:t.factory,value:void 0}}function St(t){return{providers:t.providers||[],imports:t.imports||[]}}function qt(t){return Ht(t,xt)||Ht(t,sn)}function Ot(t){return null!==qt(t)}function Ht(t,n){return t.hasOwnProperty(n)?t[n]:null}function Tt(t){return t&&(t.hasOwnProperty(Wt)||t.hasOwnProperty(_n))?t[Wt]:null}const xt=f({\u0275prov:f}),Wt=f({\u0275inj:f}),sn=f({ngInjectableDef:f}),_n=f({ngInjectorDef:f});var Jt=(()=>((Jt=Jt||{})[Jt.Default=0]="Default",Jt[Jt.Host=1]="Host",Jt[Jt.Self=2]="Self",Jt[Jt.SkipSelf=4]="SkipSelf",Jt[Jt.Optional=8]="Optional",Jt))();let vt;function Te(t){const n=vt;return vt=t,n}function Pe(t,n,i){const r=qt(t);return r&&"root"==r.providedIn?void 0===r.value?r.value=r.factory():r.value:i&Jt.Optional?null:void 0!==n?n:void We(C(t))}const Ge=(()=>typeof globalThis<"u"&&globalThis||typeof global<"u"&&global||typeof window<"u"&&window||typeof self<"u"&&typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&self)(),ht={},Vt="__NG_DI_FLAG__",$t="ngTempTokenPath",Ye="ngTokenPath",wt=/\n/gm,Mt="\u0275",kt="__source";let cn;function Yt(t){const n=cn;return cn=t,n}function Qe(t,n=Jt.Default){if(void 0===cn)throw new Q(-203,!1);return null===cn?Pe(t,void 0,n):cn.get(t,n&Jt.Optional?null:void 0,n)}function lt(t,n=Jt.Default){return(function ut(){return vt}()||Qe)(y(t),n)}function st(t,n=Jt.Default){return lt(t,it(n))}function it(t){return typeof t>"u"||"number"==typeof t?t:0|(t.optional&&8)|(t.host&&1)|(t.self&&2)|(t.skipSelf&&4)}function W(t){const n=[];for(let i=0;i<t.length;i++){const r=y(t[i]);if(Array.isArray(r)){if(0===r.length)throw new Q(900,!1);let u,c=Jt.Default;for(let v=0;v<r.length;v++){const x=r[v],F=Ne(x);"number"==typeof F?-1===F?u=x.token:c|=F:u=x}n.push(lt(u,c))}else n.push(lt(r))}return n}function $(t,n){return t[Vt]=n,t.prototype[Vt]=n,t}function Ne(t){return t[Vt]}function ct(t){return{toString:t}.toString()}var _t=(()=>((_t=_t||{})[_t.OnPush=0]="OnPush",_t[_t.Default=1]="Default",_t))(),At=(()=>{return(t=At||(At={}))[t.Emulated=0]="Emulated",t[t.None=2]="None",t[t.ShadowDom=3]="ShadowDom",At;var t})();const Se={},Be=[],se=f({\u0275cmp:f}),re=f({\u0275dir:f}),Y=f({\u0275pipe:f}),fe=f({\u0275mod:f}),Ue=f({\u0275fac:f}),dt=f({__NG_ELEMENT_ID__:f});let rt=0;function at(t){return ct(()=>{const n=Fn(t),i={...n,decls:t.decls,vars:t.vars,template:t.template,consts:t.consts||null,ngContentSelectors:t.ngContentSelectors,onPush:t.changeDetection===_t.OnPush,directiveDefs:null,pipeDefs:null,dependencies:n.standalone&&t.dependencies||null,getStandaloneInjector:null,data:t.data||{},encapsulation:t.encapsulation||At.Emulated,id:"c"+rt++,styles:t.styles||Be,_:null,schemas:t.schemas||null,tView:null};Qn(i);const r=t.dependencies;return i.directiveDefs=Hn(r,!1),i.pipeDefs=Hn(r,!0),i})}function zt(t){return on(t)||fn(t)}function tn(t){return null!==t}function ln(t){return ct(()=>({type:t.type,bootstrap:t.bootstrap||Be,declarations:t.declarations||Be,imports:t.imports||Be,exports:t.exports||Be,transitiveCompileScopes:null,schemas:t.schemas||null,id:t.id||null}))}function en(t,n){if(null==t)return Se;const i={};for(const r in t)if(t.hasOwnProperty(r)){let u=t[r],c=u;Array.isArray(u)&&(c=u[1],u=u[0]),i[u]=r,n&&(n[u]=c)}return i}function Ft(t){return ct(()=>{const n=Fn(t);return Qn(n),n})}function nn(t){return{type:t.type,name:t.name,factory:null,pure:!1!==t.pure,standalone:!0===t.standalone,onDestroy:t.type.prototype.ngOnDestroy||null}}function on(t){return t[se]||null}function fn(t){return t[re]||null}function dn(t){return t[Y]||null}function Dn(t){const n=on(t)||fn(t)||dn(t);return null!==n&&n.standalone}function Cn(t,n){const i=t[fe]||null;if(!i&&!0===n)throw new Error(`Type ${C(t)} does not have '\u0275mod' property.`);return i}function Fn(t){const n={};return{type:t.type,providersResolver:null,factory:null,hostBindings:t.hostBindings||null,hostVars:t.hostVars||0,hostAttrs:t.hostAttrs||null,contentQueries:t.contentQueries||null,declaredInputs:n,exportAs:t.exportAs||null,standalone:!0===t.standalone,selectors:t.selectors||Be,viewQuery:t.viewQuery||null,features:t.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:en(t.inputs,n),outputs:en(t.outputs)}}function Qn(t){var n;null===(n=t.features)||void 0===n||n.forEach(i=>i(t))}function Hn(t,n){if(!t)return null;const i=n?dn:zt;return()=>("function"==typeof t?t():t).map(r=>i(r)).filter(tn)}const li=0,pn=1,wn=2,ti=3,ai=4,yi=5,hi=6,_i=7,ni=8,ii=9,Ci=10,Sn=11,zn=12,oi=13,Mi=14,ki=15,Ei=16,io=17,zi=18,oo=19,ro=20,lo=21,ui=22,Ut=1,Me=2,ee=7,ge=8,nt=9,qe=10;function Lt(t){return Array.isArray(t)&&"object"==typeof t[Ut]}function rn(t){return Array.isArray(t)&&!0===t[Ut]}function On(t){return 0!=(4&t.flags)}function yn(t){return t.componentOffset>-1}function Zt(t){return 1==(1&t.flags)}function tt(t){return!!t.template}function Kt(t){return 0!=(256&t[wn])}function co(t,n){return t.hasOwnProperty(Ue)?t[Ue]:null}class Po{constructor(n,i,r){this.previousValue=n,this.currentValue=i,this.firstChange=r}isFirstChange(){return this.firstChange}}function No(){return Ki}function Ki(t){return t.type.prototype.ngOnChanges&&(t.setInput=dr),cr}function cr(){const t=ao(this),n=null==t?void 0:t.current;if(n){const i=t.previous;if(i===Se)t.previous=n;else for(let r in n)i[r]=n[r];t.current=null,this.ngOnChanges(n)}}function dr(t,n,i,r){const u=this.declaredInputs[i],c=ao(t)||function Co(t,n){return t[nr]=n}(t,{previous:Se,current:null}),v=c.current||(c.current={}),x=c.previous,F=x[u];v[u]=new Po(F&&F.currentValue,n,x===Se),t[r]=n}No.ngInherit=!0;const nr="__ngSimpleChanges__";function ao(t){return t[nr]||null}const Xi=function(t,n,i){},Ni="svg";function Si(t){for(;Array.isArray(t);)t=t[li];return t}function fo(t,n){return Si(n[t])}function di(t,n){return Si(n[t.index])}function Lo(t,n){return t.data[n]}function ir(t,n){return t[n]}function Ji(t,n){const i=n[t];return Lt(i)?i:i[li]}function Do(t){return 64==(64&t[wn])}function ko(t,n){return null==n?null:t[n]}function Oe(t){t[zi]=0}function b(t,n){t[yi]+=n;let i=t,r=t[ti];for(;null!==r&&(1===n&&1===i[yi]||-1===n&&0===i[yi]);)r[yi]+=n,i=r,r=r[ti]}const M={lFrame:Lr(null),bindingsEnabled:!0};function k(){return M.bindingsEnabled}function V(){return M.lFrame.lView}function ft(){return M.lFrame.tView}function an(t){return M.lFrame.contextLView=t,t[ni]}function bn(t){return M.lFrame.contextLView=null,t}function vn(){let t=$n();for(;null!==t&&64===t.type;)t=t.parent;return t}function $n(){return M.lFrame.currentTNode}function ri(t,n){const i=M.lFrame;i.currentTNode=t,i.isParent=n}function Ln(){return M.lFrame.isParent}function wi(){M.lFrame.isParent=!1}function ci(){const t=M.lFrame;let n=t.bindingRootIndex;return-1===n&&(n=t.bindingRootIndex=t.tView.bindingStartIndex),n}function bo(){return M.lFrame.bindingIndex++}function Qi(t){const n=M.lFrame,i=n.bindingIndex;return n.bindingIndex=n.bindingIndex+t,i}function wr(t,n){const i=M.lFrame;i.bindingIndex=i.bindingRootIndex=t,In(n)}function In(t){M.lFrame.currentDirectiveIndex=t}function Rn(t){const n=M.lFrame.currentDirectiveIndex;return-1===n?null:t[n]}function Jn(){return M.lFrame.currentQueryIndex}function vi(t){M.lFrame.currentQueryIndex=t}function Eo(t){const n=t[pn];return 2===n.type?n.declTNode:1===n.type?t[hi]:null}function qi(t,n,i){if(i&Jt.SkipSelf){let u=n,c=t;for(;!(u=u.parent,null!==u||i&Jt.Host||(u=Eo(c),null===u||(c=c[ki],10&u.type))););if(null===u)return!1;n=u,t=c}const r=M.lFrame=pi();return r.currentTNode=n,r.lView=t,!0}function ho(t){const n=pi(),i=t[pn];M.lFrame=n,n.currentTNode=i.firstChild,n.lView=t,n.tView=i,n.contextLView=t,n.bindingIndex=i.bindingStartIndex,n.inI18n=!1}function pi(){const t=M.lFrame,n=null===t?null:t.child;return null===n?Lr(t):n}function Lr(t){const n={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:t,child:null,inI18n:!1};return null!==t&&(t.child=n),n}function Cr(){const t=M.lFrame;return M.lFrame=t.parent,t.currentTNode=null,t.lView=null,t}const Hi=Cr;function Zo(){const t=Cr();t.isParent=!0,t.tView=null,t.selectedIndex=-1,t.contextLView=null,t.elementDepthCount=0,t.currentDirectiveIndex=-1,t.currentNamespace=null,t.bindingRootIndex=-1,t.bindingIndex=-1,t.currentQueryIndex=0}function Vi(){return M.lFrame.selectedIndex}function Dr(t){M.lFrame.selectedIndex=t}function Pi(){const t=M.lFrame;return Lo(t.tView,t.selectedIndex)}function Os(){M.lFrame.currentNamespace=Ni}function ws(){!function Zs(){M.lFrame.currentNamespace=null}()}function Jr(t,n){for(let ie=n.directiveStart,xe=n.directiveEnd;ie<xe;ie++){const mt=t.data[ie].type.prototype,{ngAfterContentInit:It,ngAfterContentChecked:Qt,ngAfterViewInit:hn,ngAfterViewChecked:En,ngOnDestroy:kn}=mt;var i,r,u,c,v,x,F;It&&(null!==(i=t.contentHooks)&&void 0!==i?i:t.contentHooks=[]).push(-ie,It),Qt&&((null!==(r=t.contentHooks)&&void 0!==r?r:t.contentHooks=[]).push(ie,Qt),(null!==(u=t.contentCheckHooks)&&void 0!==u?u:t.contentCheckHooks=[]).push(ie,Qt)),hn&&(null!==(c=t.viewHooks)&&void 0!==c?c:t.viewHooks=[]).push(-ie,hn),En&&((null!==(v=t.viewHooks)&&void 0!==v?v:t.viewHooks=[]).push(ie,En),(null!==(x=t.viewCheckHooks)&&void 0!==x?x:t.viewCheckHooks=[]).push(ie,En)),null!=kn&&(null!==(F=t.destroyHooks)&&void 0!==F?F:t.destroyHooks=[]).push(ie,kn)}}function Br(t,n,i){oe(t,n,3,i)}function Qr(t,n,i,r){(3&t[wn])===i&&oe(t,n,i,r)}function R(t,n){let i=t[wn];(3&i)===n&&(i&=2047,i+=1,t[wn]=i)}function oe(t,n,i,r){const c=null!=r?r:-1,v=n.length-1;let x=0;for(let F=void 0!==r?65535&t[zi]:0;F<v;F++)if("number"==typeof n[F+1]){if(x=n[F],null!=r&&x>=r)break}else n[F]<0&&(t[zi]+=65536),(x<c||-1==c)&&(L(t,i,n,F),t[zi]=(4294901760&t[zi])+F+2),F++}function L(t,n,i,r){const u=i[r]<0,c=i[r+1],x=t[u?-i[r]:i[r]];if(u){if(t[wn]>>11<t[zi]>>16&&(3&t[wn])===n){t[wn]+=2048,Xi(4,x,c);try{c.call(x)}finally{Xi(5,x,c)}}}else{Xi(4,x,c);try{c.call(x)}finally{Xi(5,x,c)}}}const pe=-1;class Xe{constructor(n,i,r){this.factory=n,this.resolving=!1,this.canSeeViewProviders=i,this.injectImpl=r}}function mi(t,n,i){let r=0;for(;r<i.length;){const u=i[r];if("number"==typeof u){if(0!==u)break;r++;const c=i[r++],v=i[r++],x=i[r++];t.setAttribute(n,v,x,c)}else{const c=u,v=i[++r];Ho(c)?t.setProperty(n,c,v):t.setAttribute(n,c,v),r++}}return r}function xi(t){return 3===t||4===t||6===t}function Ho(t){return 64===t.charCodeAt(0)}function _o(t,n){if(null!==n&&0!==n.length)if(null===t||0===t.length)t=n.slice();else{let i=-1;for(let r=0;r<n.length;r++){const u=n[r];"number"==typeof u?i=u:0===i||Ko(t,i,u,null,-1===i||2===i?n[++r]:null)}}return t}function Ko(t,n,i,r,u){let c=0,v=t.length;if(-1===n)v=-1;else for(;c<t.length;){const x=t[c++];if("number"==typeof x){if(x===n){v=-1;break}if(x>n){v=c-1;break}}}for(;c<t.length;){const x=t[c];if("number"==typeof x)break;if(x===i){if(null===r)return void(null!==u&&(t[c+1]=u));if(r===t[c+1])return void(t[c+2]=u)}c++,null!==r&&c++,null!==u&&c++}-1!==v&&(t.splice(v,0,n),c=v+1),t.splice(c++,0,i),null!==r&&t.splice(c++,0,r),null!==u&&t.splice(c++,0,u)}function eo(t){return t!==pe}function To(t){return 32767&t}function Vo(t,n){let i=function Xo(t){return t>>16}(t),r=n;for(;i>0;)r=r[ki],i--;return r}let xs=!0;function hs(t){const n=xs;return xs=t,n}const Js=255,As=5;let br=0;const rr={};function Ur(t,n){const i=qs(t,n);if(-1!==i)return i;const r=n[pn];r.firstCreatePass&&(t.injectorIndex=n.length,Qs(r.data,t),Qs(n,null),Qs(r.blueprint,null));const u=Ps(t,n),c=t.injectorIndex;if(eo(u)){const v=To(u),x=Vo(u,n),F=x[pn].data;for(let ie=0;ie<8;ie++)n[c+ie]=x[v+ie]|F[v+ie]}return n[c+8]=u,c}function Qs(t,n){t.push(0,0,0,0,0,0,0,0,n)}function qs(t,n){return-1===t.injectorIndex||t.parent&&t.parent.injectorIndex===t.injectorIndex||null===n[t.injectorIndex+8]?-1:t.injectorIndex}function Ps(t,n){if(t.parent&&-1!==t.parent.injectorIndex)return t.parent.injectorIndex;let i=0,r=null,u=n;for(;null!==u;){if(r=fr(u),null===r)return pe;if(i++,u=u[ki],-1!==r.injectorIndex)return r.injectorIndex|i<<16}return pe}function Ss(t,n,i){!function Va(t,n,i){let r;"string"==typeof i?r=i.charCodeAt(0)||0:i.hasOwnProperty(dt)&&(r=i[dt]),null==r&&(r=i[dt]=br++);const u=r&Js;n.data[t+(u>>As)]|=1<<u}(t,n,i)}function Is(t,n,i){if(i&Jt.Optional||void 0!==t)return t;We()}function Hr(t,n,i,r){if(i&Jt.Optional&&void 0===r&&(r=null),!(i&(Jt.Self|Jt.Host))){const u=t[ii],c=Te(void 0);try{return u?u.get(n,r,i&Jt.Optional):Pe(n,r,i&Jt.Optional)}finally{Te(c)}}return Is(r,0,i)}function ks(t,n,i,r=Jt.Default,u){if(null!==t){if(1024&n[wn]){const v=function Fs(t,n,i,r,u){let c=t,v=n;for(;null!==c&&null!==v&&1024&v[wn]&&!(256&v[wn]);){const x=ea(c,v,i,r|Jt.Self,rr);if(x!==rr)return x;let F=c.parent;if(!F){const ie=v[lo];if(ie){const xe=ie.get(i,rr,r);if(xe!==rr)return xe}F=fr(v),v=v[ki]}c=F}return u}(t,n,i,r,rr);if(v!==rr)return v}const c=ea(t,n,i,r,rr);if(c!==rr)return c}return Hr(n,i,r,u)}function ea(t,n,i,r,u){const c=function Uu(t){if("string"==typeof t)return t.charCodeAt(0)||0;const n=t.hasOwnProperty(dt)?t[dt]:void 0;return"number"==typeof n?n>=0?n&Js:Hu:n}(i);if("function"==typeof c){if(!qi(n,t,r))return r&Jt.Host?Is(u,0,r):Hr(n,i,r,u);try{const v=c(r);if(null!=v||r&Jt.Optional)return v;We()}finally{Hi()}}else if("number"==typeof c){let v=null,x=qs(t,n),F=pe,ie=r&Jt.Host?n[Ei][hi]:null;for((-1===x||r&Jt.SkipSelf)&&(F=-1===x?Ps(t,n):n[x+8],F!==pe&&Rs(r,!1)?(v=n[pn],x=To(F),n=Vo(F,n)):x=-1);-1!==x;){const xe=n[pn];if(ps(c,x,xe.data)){const Ze=ta(x,n,i,v,r,ie);if(Ze!==rr)return Ze}F=n[x+8],F!==pe&&Rs(r,n[pn].data[x+8]===ie)&&ps(c,x,n)?(v=xe,x=To(F),n=Vo(F,n)):x=-1}}return u}function ta(t,n,i,r,u,c){const v=n[pn],x=v.data[t+8],xe=fs(x,v,i,null==r?yn(x)&&xs:r!=v&&0!=(3&x.type),u&Jt.Host&&c===x);return null!==xe?Ar(n,v,xe,x):rr}function fs(t,n,i,r,u){const c=t.providerIndexes,v=n.data,x=1048575&c,F=t.directiveStart,xe=c>>20,mt=u?x+xe:t.directiveEnd;for(let It=r?x:x+xe;It<mt;It++){const Qt=v[It];if(It<F&&i===Qt||It>=F&&Qt.type===i)return It}if(u){const It=v[F];if(It&&tt(It)&&It.type===i)return F}return null}function Ar(t,n,i,r){let u=t[i];const c=n.data;if(function Bt(t){return t instanceof Xe}(u)){const v=u;v.resolving&&function B(t,n){const i=n?`. Dependency path: ${n.join(" > ")} > ${t}`:"";throw new Q(-200,`Circular dependency in DI detected for ${t}${i}`)}(function X(t){return"function"==typeof t?t.name||t.toString():"object"==typeof t&&null!=t&&"function"==typeof t.type?t.type.name||t.type.toString():de(t)}(c[i]));const x=hs(v.canSeeViewProviders);v.resolving=!0;const F=v.injectImpl?Te(v.injectImpl):null;qi(t,r,Jt.Default);try{u=t[i]=v.factory(void 0,c,t,r),n.firstCreatePass&&i>=r.directiveStart&&function Xs(t,n,i){const{ngOnChanges:r,ngOnInit:u,ngDoCheck:c}=n.type.prototype;if(r){var v,x;const Ze=Ki(n);(null!==(v=i.preOrderHooks)&&void 0!==v?v:i.preOrderHooks=[]).push(t,Ze),(null!==(x=i.preOrderCheckHooks)&&void 0!==x?x:i.preOrderCheckHooks=[]).push(t,Ze)}var F,ie,xe;u&&(null!==(F=i.preOrderHooks)&&void 0!==F?F:i.preOrderHooks=[]).push(0-t,u),c&&((null!==(ie=i.preOrderHooks)&&void 0!==ie?ie:i.preOrderHooks=[]).push(t,c),(null!==(xe=i.preOrderCheckHooks)&&void 0!==xe?xe:i.preOrderCheckHooks=[]).push(t,c))}(i,c[i],n)}finally{null!==F&&Te(F),hs(x),v.resolving=!1,Hi()}}return u}function ps(t,n,i){return!!(i[n+(t>>As)]&1<<t)}function Rs(t,n){return!(t&Jt.Self||t&Jt.Host&&n)}class Ri{constructor(n,i){this._tNode=n,this._lView=i}get(n,i,r){return ks(this._tNode,this._lView,n,it(r),i)}}function Hu(){return new Ri(vn(),V())}function Vr(t){return ct(()=>{const n=t.prototype.constructor,i=n[Ue]||na(n),r=Object.prototype;let u=Object.getPrototypeOf(t.prototype).constructor;for(;u&&u!==r;){const c=u[Ue]||na(u);if(c&&c!==i)return c;u=Object.getPrototypeOf(u)}return c=>new c})}function na(t){return U(t)?()=>{const n=na(y(t));return n&&n()}:co(t)}function fr(t){const n=t[pn],i=n.type;return 2===i?n.declTNode:1===i?t[hi]:null}function gs(t){return function Mo(t,n){if("class"===n)return t.classes;if("style"===n)return t.styles;const i=t.attrs;if(i){const r=i.length;let u=0;for(;u<r;){const c=i[u];if(xi(c))break;if(0===c)u+=2;else if("number"==typeof c)for(u++;u<r&&"string"==typeof i[u];)u++;else{if(c===n)return i[u+1];u+=2}}}return null}(vn(),t)}const es="__parameters__";function Er(t,n,i){return ct(()=>{const r=function _s(t){return function(...i){if(t){const r=t(...i);for(const u in r)this[u]=r[u]}}}(n);function u(...c){if(this instanceof u)return r.apply(this,c),this;const v=new u(...c);return x.annotation=v,x;function x(F,ie,xe){const Ze=F.hasOwnProperty(es)?F[es]:Object.defineProperty(F,es,{value:[]})[es];for(;Ze.length<=xe;)Ze.push(null);return(Ze[xe]=Ze[xe]||[]).push(v),F}}return i&&(u.prototype=Object.create(i.prototype)),u.prototype.ngMetadataName=t,u.annotationCls=u,u})}class Ai{constructor(n,i){this._desc=n,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof i?this.__NG_ELEMENT_ID__=i:void 0!==i&&(this.\u0275prov=Et({token:this,providedIn:i.providedIn||"root",factory:i.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}function ar(t,n){t.forEach(i=>Array.isArray(i)?ar(i,n):n(i))}function ia(t,n,i){n>=t.length?t.push(i):t.splice(n,0,i)}function is(t,n){return n>=t.length-1?t.pop():t.splice(n,1)[0]}function os(t,n){const i=[];for(let r=0;r<t;r++)i.push(n);return i}function j(t,n,i){let r=Ae(t,n);return r>=0?t[1|r]=i:(r=~r,function h(t,n,i,r){let u=t.length;if(u==n)t.push(i,r);else if(1===u)t.push(r,t[0]),t[0]=i;else{for(u--,t.push(t[u-1],t[u]);u>n;)t[u]=t[u-2],u--;t[n]=i,t[n+1]=r}}(t,r,n,i)),r}function me(t,n){const i=Ae(t,n);if(i>=0)return t[1|i]}function Ae(t,n){return function jt(t,n,i){let r=0,u=t.length>>i;for(;u!==r;){const c=r+(u-r>>1),v=t[c<<i];if(n===v)return c<<i;v>n?u=c:r=c+1}return~(u<<i)}(t,n,1)}const pr=$(Er("Optional"),8),ys=$(Er("Self"),2),Wi=$(Er("SkipSelf"),4);var gr=(()=>((gr=gr||{})[gr.Important=1]="Important",gr[gr.DashCase=2]="DashCase",gr))();const Xa=new Map;let zc=0;const Qa="__ngContext__";function xo(t,n){Lt(n)?(t[Qa]=n[ro],function Tf(t){Xa.set(t[ro],t)}(n)):t[Qa]=n}let qa;function eu(t,n){return qa(t,n)}function Bs(t){const n=t[ti];return rn(n)?n[ti]:n}function tu(t){return ul(t[oi])}function nu(t){return ul(t[ai])}function ul(t){for(;null!==t&&!rn(t);)t=t[ai];return t}function Cs(t,n,i,r,u){if(null!=r){let c,v=!1;rn(r)?c=r:Lt(r)&&(v=!0,r=r[li]);const x=Si(r);0===t&&null!==i?null==u?pl(n,i,x):as(n,i,x,u||null,!0):1===t&&null!==i?as(n,i,x,u||null,!0):2===t?function lu(t,n,i){const r=la(t,n);r&&function ud(t,n,i,r){t.removeChild(n,i,r)}(t,r,n,i)}(n,x,v):3===t&&n.destroyNode(x),null!=c&&function dd(t,n,i,r,u){const c=i[ee];c!==Si(i)&&Cs(n,t,r,c,u);for(let x=qe;x<i.length;x++){const F=i[x];Us(F[pn],F,t,n,r,c)}}(n,t,c,i,u)}}function ou(t,n,i){return t.createElement(n,i)}function cl(t,n){const i=t[nt],r=i.indexOf(n),u=n[ti];512&n[wn]&&(n[wn]&=-513,b(u,-1)),i.splice(r,1)}function ru(t,n){if(t.length<=qe)return;const i=qe+n,r=t[i];if(r){const u=r[io];null!==u&&u!==t&&cl(u,r),n>0&&(t[i-1][ai]=r[ai]);const c=is(t,qe+n);!function ed(t,n){Us(t,n,n[Sn],2,null,null),n[li]=null,n[hi]=null}(r[pn],r);const v=c[oo];null!==v&&v.detachView(c[pn]),r[ti]=null,r[ai]=null,r[wn]&=-65}return r}function dl(t,n){if(!(128&n[wn])){const i=n[Sn];i.destroyNode&&Us(t,n,i,3,null,null),function id(t){let n=t[oi];if(!n)return su(t[pn],t);for(;n;){let i=null;if(Lt(n))i=n[oi];else{const r=n[qe];r&&(i=r)}if(!i){for(;n&&!n[ai]&&n!==t;)Lt(n)&&su(n[pn],n),n=n[ti];null===n&&(n=t),Lt(n)&&su(n[pn],n),i=n&&n[ai]}n=i}}(n)}}function su(t,n){if(!(128&n[wn])){n[wn]&=-65,n[wn]|=128,function ad(t,n){let i;if(null!=t&&null!=(i=t.destroyHooks))for(let r=0;r<i.length;r+=2){const u=n[i[r]];if(!(u instanceof Xe)){const c=i[r+1];if(Array.isArray(c))for(let v=0;v<c.length;v+=2){const x=u[c[v]],F=c[v+1];Xi(4,x,F);try{F.call(x)}finally{Xi(5,x,F)}}else{Xi(4,u,c);try{c.call(u)}finally{Xi(5,u,c)}}}}}(t,n),function sd(t,n){const i=t.cleanup,r=n[_i];let u=-1;if(null!==i)for(let c=0;c<i.length-1;c+=2)if("string"==typeof i[c]){const v=i[c+3];v>=0?r[u=v]():r[u=-v].unsubscribe(),c+=2}else{const v=r[u=i[c+1]];i[c].call(v)}if(null!==r){for(let c=u+1;c<r.length;c++)(0,r[c])();n[_i]=null}}(t,n),1===n[pn].type&&n[Sn].destroy();const i=n[io];if(null!==i&&rn(n[ti])){i!==n[ti]&&cl(i,n);const r=n[oo];null!==r&&r.detachView(t)}!function Gc(t){Xa.delete(t[ro])}(n)}}function hl(t,n,i){return function fl(t,n,i){let r=n;for(;null!==r&&40&r.type;)r=(n=r).parent;if(null===r)return i[li];{const{componentOffset:u}=r;if(u>-1){const{encapsulation:c}=t.data[r.directiveStart+u];if(c===At.None||c===At.Emulated)return null}return di(r,i)}}(t,n.parent,i)}function as(t,n,i,r,u){t.insertBefore(n,i,r,u)}function pl(t,n,i){t.appendChild(n,i)}function gl(t,n,i,r,u){null!==r?as(t,n,i,r,u):pl(t,n,i)}function la(t,n){return t.parentNode(n)}function ml(t,n,i){return vl(t,n,i)}let au,fa,du,pa,vl=function _l(t,n,i){return 40&t.type?di(t,i):null};function ca(t,n,i,r){const u=hl(t,r,n),c=n[Sn],x=ml(r.parent||n[hi],r,n);if(null!=u)if(Array.isArray(i))for(let F=0;F<i.length;F++)gl(c,u,i[F],x,!1);else gl(c,u,i,x,!1);void 0!==au&&au(c,r,n,i,u)}function da(t,n){if(null!==n){const i=n.type;if(3&i)return di(n,t);if(4&i)return uu(-1,t[n.index]);if(8&i){const r=n.child;if(null!==r)return da(t,r);{const u=t[n.index];return rn(u)?uu(-1,u):Si(u)}}if(32&i)return eu(n,t)()||Si(t[n.index]);{const r=Cl(t,n);return null!==r?Array.isArray(r)?r[0]:da(Bs(t[Ei]),r):da(t,n.next)}}return null}function Cl(t,n){return null!==n?t[Ei][hi].projection[n.projection]:null}function uu(t,n){const i=qe+t+1;if(i<n.length){const r=n[i],u=r[pn].firstChild;if(null!==u)return da(r,u)}return n[ee]}function ha(t,n,i,r,u,c,v){for(;null!=i;){const x=r[i.index],F=i.type;if(v&&0===n&&(x&&xo(Si(x),r),i.flags|=2),32!=(32&i.flags))if(8&F)ha(t,n,i.child,r,u,c,!1),Cs(n,t,u,x,c);else if(32&F){const ie=eu(i,r);let xe;for(;xe=ie();)Cs(n,t,u,xe,c);Cs(n,t,u,x,c)}else 16&F?Dl(t,n,r,i,u,c):Cs(n,t,u,x,c);i=v?i.projectionNext:i.next}}function Us(t,n,i,r,u,c){ha(i,r,t.firstChild,n,u,c,!1)}function Dl(t,n,i,r,u,c){const v=i[Ei],F=v[hi].projection[r.projection];if(Array.isArray(F))for(let ie=0;ie<F.length;ie++)Cs(n,t,u,F[ie],c);else ha(t,n,F,v[ti],u,c,!0)}function bl(t,n,i){""===i?t.removeAttribute(n,"class"):t.setAttribute(n,"class",i)}function El(t,n,i){const{mergedAttrs:r,classes:u,styles:c}=i;null!==r&&mi(t,n,r),null!==u&&bl(t,n,u),null!==c&&function fd(t,n,i){t.setAttribute(n,"style",i)}(t,n,c)}function Ds(t){var n;return(null===(n=function cu(){if(void 0===fa&&(fa=null,Ge.trustedTypes))try{fa=Ge.trustedTypes.createPolicy("angular",{createHTML:t=>t,createScript:t=>t,createScriptURL:t=>t})}catch{}return fa}())||void 0===n?void 0:n.createHTML(t))||t}function vd(t){du=t}function hu(){if(void 0===pa&&(pa=null,Ge.trustedTypes))try{pa=Ge.trustedTypes.createPolicy("angular#unsafe-bypass",{createHTML:t=>t,createScript:t=>t,createScriptURL:t=>t})}catch{}return pa}function Ml(t){var n;return(null===(n=hu())||void 0===n?void 0:n.createHTML(t))||t}function wl(t){var n;return(null===(n=hu())||void 0===n?void 0:n.createScriptURL(t))||t}class us{constructor(n){this.changingThisBreaksApplicationSecurity=n}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${le})`}}class yd extends us{getTypeName(){return"HTML"}}class Cd extends us{getTypeName(){return"Style"}}class Dd extends us{getTypeName(){return"Script"}}class bd extends us{getTypeName(){return"URL"}}class Ed extends us{getTypeName(){return"ResourceURL"}}function Pr(t){return t instanceof us?t.changingThisBreaksApplicationSecurity:t}function bs(t,n){const i=function Td(t){return t instanceof us&&t.getTypeName()||null}(t);if(null!=i&&i!==n){if("ResourceURL"===i&&"URL"===n)return!0;throw new Error(`Required a safe ${n}, got a ${i} (see ${le})`)}return i===n}function Md(t){return new yd(t)}function Od(t){return new Cd(t)}function wf(t){return new Dd(t)}function wd(t){return new bd(t)}function xd(t){return new Ed(t)}class Ad{constructor(n){this.inertDocumentHelper=n}getInertBodyElement(n){n="<body><remove></remove>"+n;try{const i=(new window.DOMParser).parseFromString(Ds(n),"text/html").body;return null===i?this.inertDocumentHelper.getInertBodyElement(n):(i.removeChild(i.firstChild),i)}catch{return null}}}class Pd{constructor(n){this.defaultDoc=n,this.inertDocument=this.defaultDoc.implementation.createHTMLDocument("sanitization-inert")}getInertBodyElement(n){const i=this.inertDocument.createElement("template");return i.innerHTML=Ds(n),i}}const Id=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function ga(t){return(t=String(t)).match(Id)?t:"unsafe:"+t}function Sr(t){const n={};for(const i of t.split(","))n[i]=!0;return n}function Hs(...t){const n={};for(const i of t)for(const r in i)i.hasOwnProperty(r)&&(n[r]=!0);return n}const Al=Sr("area,br,col,hr,img,wbr"),Pl=Sr("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),Sl=Sr("rp,rt"),Il=Hs(Al,Hs(Pl,Sr("address,article,aside,blockquote,caption,center,del,details,dialog,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,main,map,menu,nav,ol,pre,section,summary,table,ul")),Hs(Sl,Sr("a,abbr,acronym,audio,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,picture,q,ruby,rp,rt,s,samp,small,source,span,strike,strong,sub,sup,time,track,tt,u,var,video")),Hs(Sl,Pl)),fu=Sr("background,cite,href,itemtype,longdesc,poster,src,xlink:href"),kl=Hs(fu,Sr("abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,valign,value,vspace,width"),Sr("aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,aria-colspan,aria-controls,aria-current,aria-describedby,aria-details,aria-disabled,aria-dropeffect,aria-errormessage,aria-expanded,aria-flowto,aria-grabbed,aria-haspopup,aria-hidden,aria-invalid,aria-keyshortcuts,aria-label,aria-labelledby,aria-level,aria-live,aria-modal,aria-multiline,aria-multiselectable,aria-orientation,aria-owns,aria-placeholder,aria-posinset,aria-pressed,aria-readonly,aria-relevant,aria-required,aria-roledescription,aria-rowcount,aria-rowindex,aria-rowspan,aria-selected,aria-setsize,aria-sort,aria-valuemax,aria-valuemin,aria-valuenow,aria-valuetext")),Rl=Sr("script,style,template");class Fl{constructor(){this.sanitizedSomething=!1,this.buf=[]}sanitizeChildren(n){let i=n.firstChild,r=!0;for(;i;)if(i.nodeType===Node.ELEMENT_NODE?r=this.startElement(i):i.nodeType===Node.TEXT_NODE?this.chars(i.nodeValue):this.sanitizedSomething=!0,r&&i.firstChild)i=i.firstChild;else for(;i;){i.nodeType===Node.ELEMENT_NODE&&this.endElement(i);let u=this.checkClobberedElement(i,i.nextSibling);if(u){i=u;break}i=this.checkClobberedElement(i,i.parentNode)}return this.buf.join("")}startElement(n){const i=n.nodeName.toLowerCase();if(!Il.hasOwnProperty(i))return this.sanitizedSomething=!0,!Rl.hasOwnProperty(i);this.buf.push("<"),this.buf.push(i);const r=n.attributes;for(let u=0;u<r.length;u++){const c=r.item(u),v=c.name,x=v.toLowerCase();if(!kl.hasOwnProperty(x)){this.sanitizedSomething=!0;continue}let F=c.value;fu[x]&&(F=ga(F)),this.buf.push(" ",v,'="',Nl(F),'"')}return this.buf.push(">"),!0}endElement(n){const i=n.nodeName.toLowerCase();Il.hasOwnProperty(i)&&!Al.hasOwnProperty(i)&&(this.buf.push("</"),this.buf.push(i),this.buf.push(">"))}chars(n){this.buf.push(Nl(n))}checkClobberedElement(n,i){if(i&&(n.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_CONTAINED_BY)===Node.DOCUMENT_POSITION_CONTAINED_BY)throw new Error(`Failed to sanitize html because the element is clobbered: ${n.outerHTML}`);return i}}const pu=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,gu=/([^\#-~ |!])/g;function Nl(t){return t.replace(/&/g,"&amp;").replace(pu,function(n){return"&#"+(1024*(n.charCodeAt(0)-55296)+(n.charCodeAt(1)-56320)+65536)+";"}).replace(gu,function(n){return"&#"+n.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}let ma;function Ll(t,n){let i=null;try{ma=ma||function xl(t){const n=new Pd(t);return function Sd(){try{return!!(new window.DOMParser).parseFromString(Ds(""),"text/html")}catch{return!1}}()?new Ad(n):n}(t);let r=n?String(n):"";i=ma.getInertBodyElement(r);let u=5,c=r;do{if(0===u)throw new Error("Failed to sanitize html because the input is unstable");u--,r=c,c=i.innerHTML,i=ma.getInertBodyElement(r)}while(r!==c);return Ds((new Fl).sanitizeChildren(mu(i)||i))}finally{if(i){const r=mu(i)||i;for(;r.firstChild;)r.removeChild(r.firstChild)}}}function mu(t){return"content"in t&&function Fd(t){return t.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===t.nodeName}(t)?t.content:null}var Yi=(()=>((Yi=Yi||{})[Yi.NONE=0]="NONE",Yi[Yi.HTML=1]="HTML",Yi[Yi.STYLE=2]="STYLE",Yi[Yi.SCRIPT=3]="SCRIPT",Yi[Yi.URL=4]="URL",Yi[Yi.RESOURCE_URL=5]="RESOURCE_URL",Yi))();function Bl(t){const n=Es();return n?Ml(n.sanitize(Yi.HTML,t)||""):bs(t,"HTML")?Ml(Pr(t)):Ll(function Tl(){return void 0!==du?du:typeof document<"u"?document:void 0}(),de(t))}function _u(t){const n=Es();return n?n.sanitize(Yi.URL,t)||"":bs(t,"URL")?Pr(t):ga(de(t))}function Ul(t){const n=Es();if(n)return wl(n.sanitize(Yi.RESOURCE_URL,t)||"");if(bs(t,"ResourceURL"))return wl(Pr(t));throw new Q(904,!1)}function zl(t,n,i){return function Bd(t,n){return"src"===n&&("embed"===t||"frame"===t||"iframe"===t||"media"===t||"script"===t)||"href"===n&&("base"===t||"link"===t)?Ul:_u}(n,i)(t)}function Es(){const t=V();return t&&t[zn]}const _a=new Ai("ENVIRONMENT_INITIALIZER"),va=new Ai("INJECTOR",-1),jl=new Ai("INJECTOR_DEF_TYPES");class vu{get(n,i=ht){if(i===ht){const r=new Error(`NullInjectorError: No provider for ${C(n)}!`);throw r.name="NullInjectorError",r}return i}}function Hd(t){return{\u0275providers:t}}function $l(...t){return{\u0275providers:Gl(0,t),\u0275fromNgModule:!0}}function Gl(t,...n){const i=[],r=new Set;let u;return ar(n,c=>{const v=c;yu(v,i,[],r)&&(u||(u=[]),u.push(v))}),void 0!==u&&Wl(u,i),i}function Wl(t,n){for(let i=0;i<t.length;i++){const{providers:u}=t[i];Cu(u,c=>{n.push(c)})}}function yu(t,n,i,r){if(!(t=y(t)))return!1;let u=null,c=Tt(t);const v=!c&&on(t);if(c||v){if(v&&!v.standalone)return!1;u=t}else{const F=t.ngModule;if(c=Tt(F),!c)return!1;u=F}const x=r.has(u);if(v){if(x)return!1;if(r.add(u),v.dependencies){const F="function"==typeof v.dependencies?v.dependencies():v.dependencies;for(const ie of F)yu(ie,n,i,r)}}else{if(!c)return!1;{if(null!=c.imports&&!x){let ie;r.add(u);try{ar(c.imports,xe=>{yu(xe,n,i,r)&&(ie||(ie=[]),ie.push(xe))})}finally{}void 0!==ie&&Wl(ie,n)}if(!x){const ie=co(u)||(()=>new u);n.push({provide:u,useFactory:ie,deps:Be},{provide:jl,useValue:u,multi:!0},{provide:_a,useValue:()=>lt(u),multi:!0})}const F=c.providers;null==F||x||Cu(F,xe=>{n.push(xe)})}}return u!==t&&void 0!==t.providers}function Cu(t,n){for(let i of t)z(i)&&(i=i.\u0275providers),Array.isArray(i)?Cu(i,n):n(i)}const If=f({provide:String,useValue:f});function Yl(t){return null!==t&&"object"==typeof t&&If in t}function $r(t){return"function"==typeof t}const ya=new Ai("Set Injector scope."),Ca={},zd={};let l;function T(){return void 0===l&&(l=new vu),l}class a{}class d extends a{get destroyed(){return this._destroyed}constructor(n,i,r,u){super(),this.parent=i,this.source=r,this.scopes=u,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,vo(n,v=>this.processProvider(v)),this.records.set(va,Nn(void 0,this)),u.has("environment")&&this.records.set(a,Nn(void 0,this));const c=this.records.get(ya);null!=c&&"string"==typeof c.value&&this.scopes.add(c.value),this.injectorDefTypes=new Set(this.get(jl.multi,Be,Jt.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const n of this._ngOnDestroyHooks)n.ngOnDestroy();for(const n of this._onDestroyHooks)n()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear(),this._onDestroyHooks.length=0}}onDestroy(n){this._onDestroyHooks.push(n)}runInContext(n){this.assertNotDestroyed();const i=Yt(this),r=Te(void 0);try{return n()}finally{Yt(i),Te(r)}}get(n,i=ht,r=Jt.Default){this.assertNotDestroyed(),r=it(r);const u=Yt(this),c=Te(void 0);try{if(!(r&Jt.SkipSelf)){let x=this.records.get(n);if(void 0===x){const F=function Ro(t){return"function"==typeof t||"object"==typeof t&&t instanceof Ai}(n)&&qt(n);x=F&&this.injectableDefInScope(F)?Nn(H(n),Ca):null,this.records.set(n,x)}if(null!=x)return this.hydrate(n,x)}return(r&Jt.Self?T():this.parent).get(n,i=r&Jt.Optional&&i===ht?null:i)}catch(v){if("NullInjectorError"===v.name){if((v[$t]=v[$t]||[]).unshift(C(n)),u)throw v;return function De(t,n,i,r){const u=t[$t];throw n[kt]&&u.unshift(n[kt]),t.message=function pt(t,n,i,r=null){t=t&&"\n"===t.charAt(0)&&t.charAt(1)==Mt?t.slice(2):t;let u=C(n);if(Array.isArray(n))u=n.map(C).join(" -> ");else if("object"==typeof n){let c=[];for(let v in n)if(n.hasOwnProperty(v)){let x=n[v];c.push(v+":"+("string"==typeof x?JSON.stringify(x):C(x)))}u=`{${c.join(", ")}}`}return`${i}${r?"("+r+")":""}[${u}]: ${t.replace(wt,"\n  ")}`}("\n"+t.message,u,i,r),t[Ye]=u,t[$t]=null,t}(v,n,"R3InjectorError",this.source)}throw v}finally{Te(c),Yt(u)}}resolveInjectorInitializers(){const n=Yt(this),i=Te(void 0);try{const r=this.get(_a.multi,Be,Jt.Self);for(const u of r)u()}finally{Yt(n),Te(i)}}toString(){const n=[],i=this.records;for(const r of i.keys())n.push(C(r));return`R3Injector[${n.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new Q(205,!1)}processProvider(n){let i=$r(n=y(n))?n:y(n&&n.provide);const r=function Nt(t){return Yl(t)?Nn(void 0,t.useValue):Nn(Mn(t),Ca)}(n);if($r(n)||!0!==n.multi)this.records.get(i);else{let u=this.records.get(i);u||(u=Nn(void 0,Ca,!0),u.factory=()=>W(u.multi),this.records.set(i,u)),i=n,u.multi.push(n)}this.records.set(i,r)}hydrate(n,i){return i.value===Ca&&(i.value=zd,i.value=i.factory()),"object"==typeof i.value&&i.value&&function Bi(t){return null!==t&&"object"==typeof t&&"function"==typeof t.ngOnDestroy}(i.value)&&this._ngOnDestroyHooks.add(i.value),i.value}injectableDefInScope(n){if(!n.providedIn)return!1;const i=y(n.providedIn);return"string"==typeof i?"any"===i||this.scopes.has(i):this.injectorDefTypes.has(i)}}function H(t){const n=qt(t),i=null!==n?n.factory:co(t);if(null!==i)return i;if(t instanceof Ai)throw new Q(204,!1);if(t instanceof Function)return function Ce(t){const n=t.length;if(n>0)throw os(n,"?"),new Q(204,!1);const i=function Pt(t){return t&&(t[xt]||t[sn])||null}(t);return null!==i?()=>i.factory(t):()=>new t}(t);throw new Q(204,!1)}function Mn(t,n,i){let r;if($r(t)){const u=y(t);return co(u)||H(u)}if(Yl(t))r=()=>y(t.useValue);else if(function Kl(t){return!(!t||!t.useFactory)}(t))r=()=>t.useFactory(...W(t.deps||[]));else if(function Zl(t){return!(!t||!t.useExisting)}(t))r=()=>lt(y(t.useExisting));else{const u=y(t&&(t.useClass||t.provide));if(!function Yn(t){return!!t.deps}(t))return co(u)||H(u);r=()=>new u(...W(t.deps))}return r}function Nn(t,n,i=!1){return{factory:t,value:n,multi:i?[]:void 0}}function vo(t,n){for(const i of t)Array.isArray(i)?vo(i,n):i&&z(i)?vo(i.\u0275providers,n):n(i)}class Ao{}class Gr{}class Vs{resolveComponentFactory(n){throw function Ir(t){const n=Error(`No component factory found for ${C(t)}. Did you add it to @NgModule.entryComponents?`);return n.ngComponent=t,n}(n)}}let Du=(()=>{class t{}return t.NULL=new Vs,t})();function R_(){return Da(vn(),V())}function Da(t,n){return new bu(di(t,n))}let bu=(()=>{class t{constructor(i){this.nativeElement=i}}return t.__NG_ELEMENT_ID__=R_,t})();function F_(t){return t instanceof bu?t.nativeElement:t}class Rf{}let N_=(()=>{class t{}return t.__NG_ELEMENT_ID__=()=>function L_(){const t=V(),i=Ji(vn().index,t);return(Lt(i)?i:t)[Sn]}(),t})(),B_=(()=>{class t{}return t.\u0275prov=Et({token:t,providedIn:"root",factory:()=>null}),t})();class Ff{constructor(n){this.full=n,this.major=n.split(".")[0],this.minor=n.split(".")[1],this.patch=n.split(".").slice(2).join(".")}}const U_=new Ff("15.2.10"),jd={},$d="ngOriginalError";function Gd(t){return t[$d]}class Eu{constructor(){this._console=console}handleError(n){const i=this._findOriginalError(n);this._console.error("ERROR",n),i&&this._console.error("ORIGINAL ERROR",i)}_findOriginalError(n){let i=n&&Gd(n);for(;i&&Gd(i);)i=Gd(i);return i||null}}function Nf(t){return t.ownerDocument.defaultView}function Lf(t){return t.ownerDocument}function ls(t){return t instanceof Function?t():t}function Uf(t,n,i){let r=t.length;for(;;){const u=t.indexOf(n,i);if(-1===u)return u;if(0===u||t.charCodeAt(u-1)<=32){const c=n.length;if(u+c===r||t.charCodeAt(u+c)<=32)return u}i=u+1}}const Hf="ng-template";function Z_(t,n,i){let r=0,u=!0;for(;r<t.length;){let c=t[r++];if("string"==typeof c&&u){const v=t[r++];if(i&&"class"===c&&-1!==Uf(v.toLowerCase(),n,0))return!0}else{if(1===c){for(;r<t.length&&"string"==typeof(c=t[r++]);)if(c.toLowerCase()===n)return!0;return!1}"number"==typeof c&&(u=!1)}}return!1}function Vf(t){return 4===t.type&&t.value!==Hf}function K_(t,n,i){return n===(4!==t.type||i?t.value:Hf)}function X_(t,n,i){let r=4;const u=t.attrs||[],c=function q_(t){for(let n=0;n<t.length;n++)if(xi(t[n]))return n;return t.length}(u);let v=!1;for(let x=0;x<n.length;x++){const F=n[x];if("number"!=typeof F){if(!v)if(4&r){if(r=2|1&r,""!==F&&!K_(t,F,i)||""===F&&1===n.length){if(kr(r))return!1;v=!0}}else{const ie=8&r?F:n[++x];if(8&r&&null!==t.attrs){if(!Z_(t.attrs,ie,i)){if(kr(r))return!1;v=!0}continue}const Ze=J_(8&r?"class":F,u,Vf(t),i);if(-1===Ze){if(kr(r))return!1;v=!0;continue}if(""!==ie){let mt;mt=Ze>c?"":u[Ze+1].toLowerCase();const It=8&r?mt:null;if(It&&-1!==Uf(It,ie,0)||2&r&&ie!==mt){if(kr(r))return!1;v=!0}}}}else{if(!v&&!kr(r)&&!kr(F))return!1;if(v&&kr(F))continue;v=!1,r=F|1&r}}return kr(r)||v}function kr(t){return 0==(1&t)}function J_(t,n,i,r){if(null===n)return-1;let u=0;if(r||!i){let c=!1;for(;u<n.length;){const v=n[u];if(v===t)return u;if(3===v||6===v)c=!0;else{if(1===v||2===v){let x=n[++u];for(;"string"==typeof x;)x=n[++u];continue}if(4===v)break;if(0===v){u+=4;continue}}u+=c?1:2}return-1}return function ev(t,n){let i=t.indexOf(4);if(i>-1)for(i++;i<t.length;){const r=t[i];if("number"==typeof r)return-1;if(r===n)return i;i++}return-1}(n,t)}function zf(t,n,i=!1){for(let r=0;r<n.length;r++)if(X_(t,n[r],i))return!0;return!1}function tv(t,n){e:for(let i=0;i<n.length;i++){const r=n[i];if(t.length===r.length){for(let u=0;u<t.length;u++)if(t[u]!==r[u])continue e;return!0}}return!1}function jf(t,n){return t?":not("+n.trim()+")":n}function nv(t){let n=t[0],i=1,r=2,u="",c=!1;for(;i<t.length;){let v=t[i];if("string"==typeof v)if(2&r){const x=t[++i];u+="["+v+(x.length>0?'="'+x+'"':"")+"]"}else 8&r?u+="."+v:4&r&&(u+=" "+v);else""!==u&&!kr(v)&&(n+=jf(c,u),u=""),r=v,c=c||!kr(r);i++}return""!==u&&(n+=jf(c,u)),n}const ei={};function $f(t){Gf(ft(),V(),Vi()+t,!1)}function Gf(t,n,i,r){if(!r)if(3==(3&n[wn])){const c=t.preOrderCheckHooks;null!==c&&Br(n,c,i)}else{const c=t.preOrderHooks;null!==c&&Qr(n,c,0,i)}Dr(i)}function Kf(t,n=null,i=null,r){const u=Xf(t,n,i,r);return u.resolveInjectorInitializers(),u}function Xf(t,n=null,i=null,r,u=new Set){const c=[i||Be,$l(t)];return r=r||("object"==typeof t?void 0:C(t)),new d(c,n||T(),r||null,u)}let zs=(()=>{class t{static create(i,r){if(Array.isArray(i))return Kf({name:""},r,i,"");{var u;const c=null!==(u=i.name)&&void 0!==u?u:"";return Kf({name:c},i.parent,i.providers,c)}}}return t.THROW_IF_NOT_FOUND=ht,t.NULL=new vu,t.\u0275prov=Et({token:t,providedIn:"any",factory:()=>lt(va)}),t.__NG_ELEMENT_ID__=-1,t})();function Ta(t,n=Jt.Default){const i=V();return null===i?lt(t,n):ks(vn(),i,y(t),n)}function ip(){throw new Error("invalid")}function op(t,n){const i=t.contentQueries;if(null!==i)for(let r=0;r<i.length;r+=2){const c=i[r+1];if(-1!==c){const v=t.data[c];vi(i[r]),v.contentQueries(2,n[c],c)}}}function Ql(t,n,i,r,u,c,v,x,F,ie,xe){const Ze=n.blueprint.slice();return Ze[li]=u,Ze[wn]=76|r,(null!==xe||t&&1024&t[wn])&&(Ze[wn]|=1024),Oe(Ze),Ze[ti]=Ze[ki]=t,Ze[ni]=i,Ze[Ci]=v||t&&t[Ci],Ze[Sn]=x||t&&t[Sn],Ze[zn]=F||t&&t[zn]||null,Ze[ii]=ie||t&&t[ii]||null,Ze[hi]=c,Ze[ro]=function jc(){return zc++}(),Ze[lo]=xe,Ze[Ei]=2==n.type?t[Ei]:Ze,Ze}function Ma(t,n,i,r,u){let c=t.data[n];if(null===c)c=function Xd(t,n,i,r,u){const c=$n(),v=Ln(),F=t.data[n]=function xv(t,n,i,r,u,c){return{type:i,index:r,insertBeforeIndex:null,injectorIndex:n?n.injectorIndex:-1,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:0,providerIndexes:0,value:u,attrs:c,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:n,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,v?c:c&&c.parent,i,n,r,u);return null===t.firstChild&&(t.firstChild=F),null!==c&&(v?null==c.child&&null!==F.parent&&(c.child=F):null===c.next&&(c.next=F,F.prev=c)),F}(t,n,i,r,u),function Uo(){return M.lFrame.inI18n}()&&(c.flags|=32);else if(64&c.type){c.type=i,c.value=r,c.attrs=u;const v=function Xn(){const t=M.lFrame,n=t.currentTNode;return t.isParent?n:n.parent}();c.injectorIndex=null===v?-1:v.injectorIndex}return ri(c,!0),c}function Tu(t,n,i,r){if(0===i)return-1;const u=n.length;for(let c=0;c<i;c++)n.push(r),t.blueprint.push(r),t.data.push(null);return u}function Jd(t,n,i){ho(n);try{const r=t.viewQuery;null!==r&&sh(1,r,i);const u=t.template;null!==u&&rp(t,n,u,1,i),t.firstCreatePass&&(t.firstCreatePass=!1),t.staticContentQueries&&op(t,n),t.staticViewQueries&&sh(2,t.viewQuery,i);const c=t.components;null!==c&&function Mv(t,n){for(let i=0;i<n.length;i++)Zv(t,n[i])}(n,c)}catch(r){throw t.firstCreatePass&&(t.incompleteFirstPass=!0,t.firstCreatePass=!1),r}finally{n[wn]&=-5,Zo()}}function ql(t,n,i,r){const u=n[wn];if(128!=(128&u)){ho(n);try{Oe(n),function Li(t){return M.lFrame.bindingIndex=t}(t.bindingStartIndex),null!==i&&rp(t,n,i,2,r);const v=3==(3&u);if(v){const ie=t.preOrderCheckHooks;null!==ie&&Br(n,ie,null)}else{const ie=t.preOrderHooks;null!==ie&&Qr(n,ie,0,null),R(n,0)}if(function Wv(t){for(let n=tu(t);null!==n;n=nu(n)){if(!n[Me])continue;const i=n[nt];for(let r=0;r<i.length;r++){const u=i[r];512&u[wn]||b(u[ti],1),u[wn]|=512}}}(n),function Gv(t){for(let n=tu(t);null!==n;n=nu(n))for(let i=qe;i<n.length;i++){const r=n[i],u=r[pn];Do(r)&&ql(u,r,u.template,r[ni])}}(n),null!==t.contentQueries&&op(t,n),v){const ie=t.contentCheckHooks;null!==ie&&Br(n,ie)}else{const ie=t.contentHooks;null!==ie&&Qr(n,ie,1),R(n,1)}!function Ev(t,n){const i=t.hostBindingOpCodes;if(null!==i)try{for(let r=0;r<i.length;r++){const u=i[r];if(u<0)Dr(~u);else{const c=u,v=i[++r],x=i[++r];wr(v,c),x(2,n[c])}}}finally{Dr(-1)}}(t,n);const x=t.components;null!==x&&function Tv(t,n){for(let i=0;i<n.length;i++)Yv(t,n[i])}(n,x);const F=t.viewQuery;if(null!==F&&sh(2,F,r),v){const ie=t.viewCheckHooks;null!==ie&&Br(n,ie)}else{const ie=t.viewHooks;null!==ie&&Qr(n,ie,2),R(n,2)}!0===t.firstUpdatePass&&(t.firstUpdatePass=!1),n[wn]&=-41,512&n[wn]&&(n[wn]&=-513,b(n[ti],-1))}finally{Zo()}}}function rp(t,n,i,r,u){const c=Vi(),v=2&r;try{Dr(-1),v&&n.length>ui&&Gf(t,n,ui,!1),Xi(v?2:0,u),i(r,u)}finally{Dr(c),Xi(v?3:1,u)}}function Qd(t,n,i){if(On(n)){const u=n.directiveEnd;for(let c=n.directiveStart;c<u;c++){const v=t.data[c];v.contentQueries&&v.contentQueries(1,i[c],c)}}}function qd(t,n,i){k()&&(function Fv(t,n,i,r){const u=i.directiveStart,c=i.directiveEnd;yn(i)&&function zv(t,n,i){const r=di(n,t),u=sp(i),c=t[Ci],v=ec(t,Ql(t,u,null,i.onPush?32:16,r,n,c,c.createRenderer(r,i),null,null,null));t[n.index]=v}(n,i,t.data[u+i.componentOffset]),t.firstCreatePass||Ur(i,n),xo(r,n);const v=i.initialInputs;for(let x=u;x<c;x++){const F=t.data[x],ie=Ar(n,t,x,i);xo(ie,n),null!==v&&jv(0,x-u,ie,F,0,v),tt(F)&&(Ji(i.index,n)[ni]=Ar(n,t,x,i))}}(t,n,i,di(i,n)),64==(64&i.flags)&&dp(t,n,i))}function eh(t,n,i=di){const r=n.localNames;if(null!==r){let u=n.index+1;for(let c=0;c<r.length;c+=2){const v=r[c+1],x=-1===v?i(n,t):t[v];t[u++]=x}}}function sp(t){const n=t.tView;return null===n||n.incompleteFirstPass?t.tView=th(1,null,t.template,t.decls,t.vars,t.directiveDefs,t.pipeDefs,t.viewQuery,t.schemas,t.consts):n}function th(t,n,i,r,u,c,v,x,F,ie){const xe=ui+r,Ze=xe+u,mt=function Ov(t,n){const i=[];for(let r=0;r<n;r++)i.push(r<t?null:ei);return i}(xe,Ze),It="function"==typeof ie?ie():ie;return mt[pn]={type:t,blueprint:mt,template:i,queries:null,viewQuery:x,declTNode:n,data:mt.slice().fill(null,xe),bindingStartIndex:xe,expandoStartIndex:Ze,hostBindingOpCodes:null,firstCreatePass:!0,firstUpdatePass:!0,staticViewQueries:!1,staticContentQueries:!1,preOrderHooks:null,preOrderCheckHooks:null,contentHooks:null,contentCheckHooks:null,viewHooks:null,viewCheckHooks:null,destroyHooks:null,cleanup:null,contentQueries:null,components:null,directiveRegistry:"function"==typeof c?c():c,pipeRegistry:"function"==typeof v?v():v,firstChild:null,schemas:F,consts:It,incompleteFirstPass:!1}}function ap(t,n,i,r){const u=fp(n);null===i?u.push(r):(u.push(i),t.firstCreatePass&&pp(t).push(r,u.length-1))}function up(t,n,i,r){for(let u in t)if(t.hasOwnProperty(u)){i=null===i?{}:i;const c=t[u];null===r?lp(i,n,u,c):r.hasOwnProperty(u)&&lp(i,n,r[u],c)}return i}function lp(t,n,i,r){t.hasOwnProperty(i)?t[i].push(n,r):t[i]=[n,r]}function mr(t,n,i,r,u,c,v,x){const F=di(n,i);let xe,ie=n.inputs;!x&&null!=ie&&(xe=ie[r])?(ah(t,i,xe,r,u),yn(n)&&function Sv(t,n){const i=Ji(n,t);16&i[wn]||(i[wn]|=32)}(i,n.index)):3&n.type&&(r=function Pv(t){return"class"===t?"className":"for"===t?"htmlFor":"formaction"===t?"formAction":"innerHtml"===t?"innerHTML":"readonly"===t?"readOnly":"tabindex"===t?"tabIndex":t}(r),u=null!=v?v(u,n.value||"",r):u,c.setProperty(F,r,u))}function nh(t,n,i,r){if(k()){const u=null===r?null:{"":-1},c=function Lv(t,n){const i=t.directiveRegistry;let r=null,u=null;if(i)for(let v=0;v<i.length;v++){const x=i[v];if(zf(n,x.selectors,!1))if(r||(r=[]),tt(x))if(null!==x.findHostDirectiveDefs){const F=[];u=u||new Map,x.findHostDirectiveDefs(x,F,u),r.unshift(...F,x),ih(t,n,F.length)}else r.unshift(x),ih(t,n,0);else{var c;u=u||new Map,null===(c=x.findHostDirectiveDefs)||void 0===c||c.call(x,x,r,u),r.push(x)}}return null===r?null:[r,u]}(t,i);let v,x;null===c?v=x=null:[v,x]=c,null!==v&&cp(t,n,i,v,u,x),u&&function Bv(t,n,i){if(n){const r=t.localNames=[];for(let u=0;u<n.length;u+=2){const c=i[n[u+1]];if(null==c)throw new Q(-301,!1);r.push(n[u],c)}}}(i,r,u)}i.mergedAttrs=_o(i.mergedAttrs,i.attrs)}function cp(t,n,i,r,u,c){for(let Ze=0;Ze<r.length;Ze++)Ss(Ur(i,n),t,r[Ze].type);!function Hv(t,n,i){t.flags|=1,t.directiveStart=n,t.directiveEnd=n+i,t.providerIndexes=n}(i,t.data.length,r.length);for(let Ze=0;Ze<r.length;Ze++){const mt=r[Ze];mt.providersResolver&&mt.providersResolver(mt)}let v=!1,x=!1,F=Tu(t,n,r.length,null);for(let Ze=0;Ze<r.length;Ze++){const mt=r[Ze];i.mergedAttrs=_o(i.mergedAttrs,mt.hostAttrs),Vv(t,i,n,F,mt),Uv(F,mt,u),null!==mt.contentQueries&&(i.flags|=4),(null!==mt.hostBindings||null!==mt.hostAttrs||0!==mt.hostVars)&&(i.flags|=64);const It=mt.type.prototype;var ie,xe;!v&&(It.ngOnChanges||It.ngOnInit||It.ngDoCheck)&&((null!==(ie=t.preOrderHooks)&&void 0!==ie?ie:t.preOrderHooks=[]).push(i.index),v=!0),x||!It.ngOnChanges&&!It.ngDoCheck||((null!==(xe=t.preOrderCheckHooks)&&void 0!==xe?xe:t.preOrderCheckHooks=[]).push(i.index),x=!0),F++}!function Av(t,n,i){const u=n.directiveEnd,c=t.data,v=n.attrs,x=[];let F=null,ie=null;for(let xe=n.directiveStart;xe<u;xe++){const Ze=c[xe],mt=i?i.get(Ze):null,Qt=mt?mt.outputs:null;F=up(Ze.inputs,xe,F,mt?mt.inputs:null),ie=up(Ze.outputs,xe,ie,Qt);const hn=null===F||null===v||Vf(n)?null:$v(F,xe,v);x.push(hn)}null!==F&&(F.hasOwnProperty("class")&&(n.flags|=8),F.hasOwnProperty("style")&&(n.flags|=16)),n.initialInputs=x,n.inputs=F,n.outputs=ie}(t,i,c)}function dp(t,n,i){const r=i.directiveStart,u=i.directiveEnd,c=i.index,v=function An(){return M.lFrame.currentDirectiveIndex}();try{Dr(c);for(let x=r;x<u;x++){const F=t.data[x],ie=n[x];In(x),(null!==F.hostBindings||0!==F.hostVars||null!==F.hostAttrs)&&Nv(F,ie)}}finally{Dr(-1),In(v)}}function Nv(t,n){null!==t.hostBindings&&t.hostBindings(1,n)}function ih(t,n,i){var r;n.componentOffset=i,(null!==(r=t.components)&&void 0!==r?r:t.components=[]).push(n.index)}function Uv(t,n,i){if(i){if(n.exportAs)for(let r=0;r<n.exportAs.length;r++)i[n.exportAs[r]]=t;tt(n)&&(i[""]=t)}}function Vv(t,n,i,r,u){t.data[r]=u;const c=u.factory||(u.factory=co(u.type)),v=new Xe(c,tt(u),Ta);t.blueprint[r]=v,i[r]=v,function kv(t,n,i,r,u){const c=u.hostBindings;if(c){let v=t.hostBindingOpCodes;null===v&&(v=t.hostBindingOpCodes=[]);const x=~n.index;(function Rv(t){let n=t.length;for(;n>0;){const i=t[--n];if("number"==typeof i&&i<0)return i}return 0})(v)!=x&&v.push(x),v.push(i,r,c)}}(t,n,r,Tu(t,i,u.hostVars,ei),u)}function Wr(t,n,i,r,u,c){const v=di(t,n);!function oh(t,n,i,r,u,c,v){if(null==c)t.removeAttribute(n,u,i);else{const x=null==v?de(c):v(c,r||"",u);t.setAttribute(n,u,x,i)}}(n[Sn],v,c,t.value,i,r,u)}function jv(t,n,i,r,u,c){const v=c[n];if(null!==v){const x=r.setInput;for(let F=0;F<v.length;){const ie=v[F++],xe=v[F++],Ze=v[F++];null!==x?r.setInput(i,Ze,ie,xe):i[xe]=Ze}}}function $v(t,n,i){let r=null,u=0;for(;u<i.length;){const c=i[u];if(0!==c)if(5!==c){if("number"==typeof c)break;if(t.hasOwnProperty(c)){null===r&&(r=[]);const v=t[c];for(let x=0;x<v.length;x+=2)if(v[x]===n){r.push(c,v[x+1],i[u+1]);break}}u+=2}else u+=2;else u+=4}return r}function hp(t,n,i,r){return[t,!0,!1,n,null,0,r,i,null,null]}function Yv(t,n){const i=Ji(n,t);if(Do(i)){const r=i[pn];48&i[wn]?ql(r,i,r.template,i[ni]):i[yi]>0&&rh(i)}}function rh(t){for(let r=tu(t);null!==r;r=nu(r))for(let u=qe;u<r.length;u++){const c=r[u];if(Do(c))if(512&c[wn]){const v=c[pn];ql(v,c,v.template,c[ni])}else c[yi]>0&&rh(c)}const i=t[pn].components;if(null!==i)for(let r=0;r<i.length;r++){const u=Ji(i[r],t);Do(u)&&u[yi]>0&&rh(u)}}function Zv(t,n){const i=Ji(n,t),r=i[pn];(function Kv(t,n){for(let i=n.length;i<t.blueprint.length;i++)n.push(t.blueprint[i])})(r,i),Jd(r,i,i[ni])}function ec(t,n){return t[oi]?t[Mi][ai]=n:t[oi]=n,t[Mi]=n,n}function tc(t){for(;t;){t[wn]|=32;const n=Bs(t);if(Kt(t)&&!n)return t;t=n}return null}function nc(t,n,i,r=!0){const u=n[Ci];u.begin&&u.begin();try{ql(t,n,t.template,i)}catch(v){throw r&&mp(n,v),v}finally{u.end&&u.end()}}function sh(t,n,i){vi(0),n(t,i)}function fp(t){return t[_i]||(t[_i]=[])}function pp(t){return t.cleanup||(t.cleanup=[])}function mp(t,n){const i=t[ii],r=i?i.get(Eu,null):null;r&&r.handleError(n)}function ah(t,n,i,r,u){for(let c=0;c<i.length;){const v=i[c++],x=i[c++],F=n[v],ie=t.data[v];null!==ie.setInput?ie.setInput(F,u,r,x):F[x]=u}}function cs(t,n,i){const r=fo(n,t);!function ll(t,n,i){t.setValue(n,i)}(t[Sn],r,i)}function ic(t,n,i){let r=i?t.styles:null,u=i?t.classes:null,c=0;if(null!==n)for(let v=0;v<n.length;v++){const x=n[v];"number"==typeof x?c=x:1==c?u=O(u,x):2==c&&(r=O(r,x+": "+n[++v]+";"))}i?t.styles=r:t.stylesWithoutHost=r,i?t.classes=u:t.classesWithoutHost=u}function oc(t,n,i,r,u=!1){for(;null!==i;){const c=n[i.index];if(null!==c&&r.push(Si(c)),rn(c))for(let x=qe;x<c.length;x++){const F=c[x],ie=F[pn].firstChild;null!==ie&&oc(F[pn],F,ie,r)}const v=i.type;if(8&v)oc(t,n,i.child,r);else if(32&v){const x=eu(i,n);let F;for(;F=x();)r.push(F)}else if(16&v){const x=Cl(n,i);if(Array.isArray(x))r.push(...x);else{const F=Bs(n[Ei]);oc(F[pn],F,x,r,!0)}}i=u?i.projectionNext:i.next}return r}class Mu{get rootNodes(){const n=this._lView,i=n[pn];return oc(i,n,i.firstChild,[])}constructor(n,i){this._lView=n,this._cdRefInjectingView=i,this._appRef=null,this._attachedToViewContainer=!1}get context(){return this._lView[ni]}set context(n){this._lView[ni]=n}get destroyed(){return 128==(128&this._lView[wn])}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){const n=this._lView[ti];if(rn(n)){const i=n[ge],r=i?i.indexOf(this):-1;r>-1&&(ru(n,r),is(i,r))}this._attachedToViewContainer=!1}dl(this._lView[pn],this._lView)}onDestroy(n){ap(this._lView[pn],this._lView,null,n)}markForCheck(){tc(this._cdRefInjectingView||this._lView)}detach(){this._lView[wn]&=-65}reattach(){this._lView[wn]|=64}detectChanges(){nc(this._lView[pn],this._lView,this.context)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new Q(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function nd(t,n){Us(t,n,n[Sn],2,null,null)}(this._lView[pn],this._lView)}attachToAppRef(n){if(this._attachedToViewContainer)throw new Q(902,!1);this._appRef=n}}class Xv extends Mu{constructor(n){super(n),this._view=n}detectChanges(){const n=this._view;nc(n[pn],n,n[ni],!1)}checkNoChanges(){}get context(){return null}}class _p extends Du{constructor(n){super(),this.ngModule=n}resolveComponentFactory(n){const i=on(n);return new Ou(i,this.ngModule)}}function vp(t){const n=[];for(let i in t)t.hasOwnProperty(i)&&n.push({propName:t[i],templateName:i});return n}class Qv{constructor(n,i){this.injector=n,this.parentInjector=i}get(n,i,r){r=it(r);const u=this.injector.get(n,jd,r);return u!==jd||i===jd?u:this.parentInjector.get(n,i,r)}}class Ou extends Gr{get inputs(){return vp(this.componentDef.inputs)}get outputs(){return vp(this.componentDef.outputs)}constructor(n,i){super(),this.componentDef=n,this.ngModule=i,this.componentType=n.type,this.selector=function iv(t){return t.map(nv).join(",")}(n.selectors),this.ngContentSelectors=n.ngContentSelectors?n.ngContentSelectors:[],this.isBoundToModule=!!i}create(n,i,r,u){var c;let v=(u=u||this.ngModule)instanceof a?u:null===(c=u)||void 0===c?void 0:c.injector;v&&null!==this.componentDef.getStandaloneInjector&&(v=this.componentDef.getStandaloneInjector(v)||v);const x=v?new Qv(n,v):n,F=x.get(Rf,null);if(null===F)throw new Q(407,!1);const ie=x.get(B_,null),xe=F.createRenderer(null,this.componentDef),Ze=this.componentDef.selectors[0][0]||"div",mt=r?function wv(t,n,i){return t.selectRootElement(n,i===At.ShadowDom)}(xe,r,this.componentDef.encapsulation):ou(xe,Ze,function Jv(t){const n=t.toLowerCase();return"svg"===n?Ni:"math"===n?"math":null}(Ze)),It=this.componentDef.onPush?288:272,Qt=th(0,null,null,1,0,null,null,null,null,null),hn=Ql(null,Qt,null,It,null,null,F,xe,ie,x,null);let En,kn;ho(hn);try{const Un=this.componentDef;let un,Zn=null;Un.findHostDirectiveDefs?(un=[],Zn=new Map,Un.findHostDirectiveDefs(Un,un,Zn),un.push(Un)):un=[Un];const Ii=function e0(t,n){const i=t[pn],r=ui;return t[r]=n,Ma(i,r,2,"#host",null)}(hn,mt),Zi=function t0(t,n,i,r,u,c,v,x){const F=u[pn];!function n0(t,n,i,r){for(const u of t)n.mergedAttrs=_o(n.mergedAttrs,u.hostAttrs);null!==n.mergedAttrs&&(ic(n,n.mergedAttrs,!0),null!==i&&El(r,i,n))}(r,t,n,v);const ie=c.createRenderer(n,i),xe=Ql(u,sp(i),null,i.onPush?32:16,u[t.index],t,c,ie,x||null,null,null);return F.firstCreatePass&&ih(F,t,r.length-1),ec(u,xe),u[t.index]=xe}(Ii,mt,Un,un,hn,F,xe);kn=Lo(Qt,ui),mt&&function r0(t,n,i,r){if(r)mi(t,i,["ng-version",U_.full]);else{const{attrs:u,classes:c}=function ov(t){const n=[],i=[];let r=1,u=2;for(;r<t.length;){let c=t[r];if("string"==typeof c)2===u?""!==c&&n.push(c,t[++r]):8===u&&i.push(c);else{if(!kr(u))break;u=c}r++}return{attrs:n,classes:i}}(n.selectors[0]);u&&mi(t,i,u),c&&c.length>0&&bl(t,i,c.join(" "))}}(xe,Un,mt,r),void 0!==i&&function s0(t,n,i){const r=t.projection=[];for(let u=0;u<n.length;u++){const c=i[u];r.push(null!=c?Array.from(c):null)}}(kn,this.ngContentSelectors,i),En=function o0(t,n,i,r,u,c){const v=vn(),x=u[pn],F=di(v,u);cp(x,u,v,i,null,r);for(let xe=0;xe<i.length;xe++)xo(Ar(u,x,v.directiveStart+xe,v),u);dp(x,u,v),F&&xo(F,u);const ie=Ar(u,x,v.directiveStart+v.componentOffset,v);if(t[ni]=u[ni]=ie,null!==c)for(const xe of c)xe(ie,n);return Qd(x,v,t),ie}(Zi,Un,un,Zn,hn,[a0]),Jd(Qt,hn,null)}finally{Zo()}return new qv(this.componentType,En,Da(kn,hn),hn,kn)}}class qv extends Ao{constructor(n,i,r,u,c){super(),this.location=r,this._rootLView=u,this._tNode=c,this.instance=i,this.hostView=this.changeDetectorRef=new Xv(u),this.componentType=n}setInput(n,i){const r=this._tNode.inputs;let u;if(null!==r&&(u=r[n])){const c=this._rootLView;ah(c[pn],c,u,n,i),tc(Ji(this._tNode.index,c))}}get injector(){return new Ri(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(n){this.hostView.onDestroy(n)}}function a0(){const t=vn();Jr(V()[pn],t)}function uh(t){let n=function yp(t){return Object.getPrototypeOf(t.prototype).constructor}(t.type),i=!0;const r=[t];for(;n;){let u;if(tt(t))u=n.\u0275cmp||n.\u0275dir;else{if(n.\u0275cmp)throw new Q(903,!1);u=n.\u0275dir}if(u){if(i){r.push(u);const v=t;v.inputs=lh(t.inputs),v.declaredInputs=lh(t.declaredInputs),v.outputs=lh(t.outputs);const x=u.hostBindings;x&&d0(t,x);const F=u.viewQuery,ie=u.contentQueries;if(F&&l0(t,F),ie&&c0(t,ie),m(t.inputs,u.inputs),m(t.declaredInputs,u.declaredInputs),m(t.outputs,u.outputs),tt(u)&&u.data.animation){const xe=t.data;xe.animation=(xe.animation||[]).concat(u.data.animation)}}const c=u.features;if(c)for(let v=0;v<c.length;v++){const x=c[v];x&&x.ngInherit&&x(t),x===uh&&(i=!1)}}n=Object.getPrototypeOf(n)}!function u0(t){let n=0,i=null;for(let r=t.length-1;r>=0;r--){const u=t[r];u.hostVars=n+=u.hostVars,u.hostAttrs=_o(u.hostAttrs,i=_o(i,u.hostAttrs))}}(r)}function lh(t){return t===Se?{}:t===Be?[]:t}function l0(t,n){const i=t.viewQuery;t.viewQuery=i?(r,u)=>{n(r,u),i(r,u)}:n}function c0(t,n){const i=t.contentQueries;t.contentQueries=i?(r,u,c)=>{n(r,u,c),i(r,u,c)}:n}function d0(t,n){const i=t.hostBindings;t.hostBindings=i?(r,u)=>{n(r,u),i(r,u)}:n}function rc(t){return!!ch(t)&&(Array.isArray(t)||!(t instanceof Map)&&Symbol.iterator in t)}function ch(t){return null!==t&&("function"==typeof t||"object"==typeof t)}function Yr(t,n,i){return t[n]=i}function $o(t,n,i){return!Object.is(t[n],i)&&(t[n]=i,!0)}function js(t,n,i,r){const u=$o(t,n,i);return $o(t,n+1,r)||u}function dh(t,n,i,r){const u=V();return $o(u,bo(),n)&&(ft(),Wr(Pi(),u,t,n,i,r)),dh}function xa(t,n,i,r,u,c){const x=js(t,function uo(){return M.lFrame.bindingIndex}(),i,u);return Qi(2),x?n+de(i)+r+de(u)+c:ei}function Ip(t,n,i,r,u,c,v,x){const F=V(),ie=ft(),xe=t+ui,Ze=ie.firstCreatePass?function D0(t,n,i,r,u,c,v,x,F){const ie=n.consts,xe=Ma(n,t,4,v||null,ko(ie,x));nh(n,i,xe,ko(ie,F)),Jr(n,xe);const Ze=xe.tView=th(2,xe,r,u,c,n.directiveRegistry,n.pipeRegistry,null,n.schemas,ie);return null!==n.queries&&(n.queries.template(n,xe),Ze.queries=n.queries.embeddedTView(xe)),xe}(xe,ie,F,n,i,r,u,c,v):ie.data[xe];ri(Ze,!1);const mt=F[Sn].createComment("");ca(ie,F,mt,Ze),xo(mt,F),ec(F,F[xe]=hp(mt,F,mt,Ze)),Zt(Ze)&&qd(ie,F,Ze),null!=v&&eh(F,Ze,x)}function kp(t){return ir(function or(){return M.lFrame.contextLView}(),ui+t)}function hh(t,n,i){const r=V();return $o(r,bo(),n)&&mr(ft(),Pi(),r,t,n,r[Sn],i,!1),hh}function fh(t,n,i,r,u){const v=u?"class":"style";ah(t,i,n.inputs[v],v,r)}function ac(t,n,i,r){const u=V(),c=ft(),v=ui+t,x=u[Sn],F=c.firstCreatePass?function E0(t,n,i,r,u,c){const v=n.consts,F=Ma(n,t,2,r,ko(v,u));return nh(n,i,F,ko(v,c)),null!==F.attrs&&ic(F,F.attrs,!1),null!==F.mergedAttrs&&ic(F,F.mergedAttrs,!0),null!==n.queries&&n.queries.elementStart(n,F),F}(v,c,u,n,i,r):c.data[v],ie=u[v]=ou(x,n,function Ks(){return M.lFrame.currentNamespace}()),xe=Zt(F);return ri(F,!0),El(x,ie,F),32!=(32&F.flags)&&ca(c,u,ie,F),0===function je(){return M.lFrame.elementDepthCount}()&&xo(ie,u),function gt(){M.lFrame.elementDepthCount++}(),xe&&(qd(c,u,F),Qd(c,F,u)),null!==r&&eh(u,F),ac}function uc(){let t=vn();Ln()?wi():(t=t.parent,ri(t,!1));const n=t;!function bt(){M.lFrame.elementDepthCount--}();const i=ft();return i.firstCreatePass&&(Jr(i,t),On(t)&&i.queries.elementEnd(t)),null!=n.classesWithoutHost&&function si(t){return 0!=(8&t.flags)}(n)&&fh(i,n,V(),n.classesWithoutHost,!0),null!=n.stylesWithoutHost&&function Wn(t){return 0!=(16&t.flags)}(n)&&fh(i,n,V(),n.stylesWithoutHost,!1),uc}function ph(t,n,i,r){return ac(t,n,i,r),uc(),ph}function lc(t,n,i){const r=V(),u=ft(),c=t+ui,v=u.firstCreatePass?function T0(t,n,i,r,u){const c=n.consts,v=ko(c,r),x=Ma(n,t,8,"ng-container",v);return null!==v&&ic(x,v,!0),nh(n,i,x,ko(c,u)),null!==n.queries&&n.queries.elementStart(n,x),x}(c,u,r,n,i):u.data[c];ri(v,!0);const x=r[c]=r[Sn].createComment("");return ca(u,r,x,v),xo(x,r),Zt(v)&&(qd(u,r,v),Qd(u,v,r)),null!=i&&eh(r,v),lc}function cc(){let t=vn();const n=ft();return Ln()?wi():(t=t.parent,ri(t,!1)),n.firstCreatePass&&(Jr(n,t),On(t)&&n.queries.elementEnd(t)),cc}function gh(t,n,i){return lc(t,n,i),cc(),gh}function Rp(){return V()}function mh(t){return!!t&&"function"==typeof t.then}function Fp(t){return!!t&&"function"==typeof t.subscribe}const Np=Fp;function _h(t,n,i,r){const u=V(),c=ft(),v=vn();return function Bp(t,n,i,r,u,c,v){const x=Zt(r),ie=t.firstCreatePass&&pp(t),xe=n[ni],Ze=fp(n);let mt=!0;if(3&r.type||v){const hn=di(r,n),En=v?v(hn):hn,kn=Ze.length,Un=v?Zn=>v(Si(Zn[r.index])):r.index;let un=null;if(!v&&x&&(un=function M0(t,n,i,r){const u=t.cleanup;if(null!=u)for(let c=0;c<u.length-1;c+=2){const v=u[c];if(v===i&&u[c+1]===r){const x=n[_i],F=u[c+2];return x.length>F?x[F]:null}"string"==typeof v&&(c+=2)}return null}(t,n,u,r.index)),null!==un)(un.__ngLastListenerFn__||un).__ngNextListenerFn__=c,un.__ngLastListenerFn__=c,mt=!1;else{c=Hp(r,n,xe,c,!1);const Zn=i.listen(En,u,c);Ze.push(c,Zn),ie&&ie.push(u,Un,kn,kn+1)}}else c=Hp(r,n,xe,c,!1);const It=r.outputs;let Qt;if(mt&&null!==It&&(Qt=It[u])){const hn=Qt.length;if(hn)for(let En=0;En<hn;En+=2){const Ii=n[Qt[En]][Qt[En+1]].subscribe(c),Zi=Ze.length;Ze.push(c,Ii),ie&&ie.push(u,r.index,Zi,-(Zi+1))}}}(c,u,u[Sn],v,t,n,r),_h}function Up(t,n,i,r){try{return Xi(6,n,i),!1!==i(r)}catch(u){return mp(t,u),!1}finally{Xi(7,n,i)}}function Hp(t,n,i,r,u){return function c(v){if(v===Function)return r;tc(t.componentOffset>-1?Ji(t.index,n):n);let F=Up(n,i,r,v),ie=c.__ngNextListenerFn__;for(;ie;)F=Up(n,i,ie,v)&&F,ie=ie.__ngNextListenerFn__;return u&&!1===F&&(v.preventDefault(),v.returnValue=!1),F}}function Vp(t=1){return function mo(t){return(M.lFrame.contextLView=function xr(t,n){for(;t>0;)n=n[ki],t--;return n}(t,M.lFrame.contextLView))[ni]}(t)}function O0(t,n){let i=null;const r=function Q_(t){const n=t.attrs;if(null!=n){const i=n.indexOf(5);if(!(1&i))return n[i+1]}return null}(t);for(let u=0;u<n.length;u++){const c=n[u];if("*"!==c){if(null===r?zf(t,c,!0):tv(r,c))return u}else i=u}return i}function zp(t){const n=V()[Ei][hi];if(!n.projection){const r=n.projection=os(t?t.length:1,null),u=r.slice();let c=n.child;for(;null!==c;){const v=t?O0(c,t):0;null!==v&&(u[v]?u[v].projectionNext=c:r[v]=c,u[v]=c),c=c.next}}}function jp(t,n=0,i){const r=V(),u=ft(),c=Ma(u,ui+t,16,null,i||null);null===c.projection&&(c.projection=n),wi(),32!=(32&c.flags)&&function cd(t,n,i){Dl(n[Sn],0,n,i,hl(t,i,n),ml(i.parent||n[hi],i,n))}(u,r,c)}function dc(t,n){return t<<17|n<<2}function Ts(t){return t>>17&32767}function yh(t){return 2|t}function $s(t){return(131068&t)>>2}function Ch(t,n){return-131069&t|n<<2}function Dh(t){return 1|t}function qp(t,n,i,r,u){const c=t[i+1],v=null===n;let x=r?Ts(c):$s(c),F=!1;for(;0!==x&&(!1===F||v);){const xe=t[x+1];I0(t[x],n)&&(F=!0,t[x+1]=r?Dh(xe):yh(xe)),x=r?Ts(xe):$s(xe)}F&&(t[i+1]=r?yh(c):Dh(c))}function I0(t,n){return null===t||null==n||(Array.isArray(t)?t[1]:t)===n||!(!Array.isArray(t)||"string"!=typeof n)&&Ae(t,n)>=0}const yo={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function eg(t){return t.substring(yo.key,yo.keyEnd)}function tg(t,n){const i=yo.textEnd;return i===n?-1:(n=yo.keyEnd=function N0(t,n,i){for(;n<i&&t.charCodeAt(n)>32;)n++;return n}(t,yo.key=n,i),Fa(t,n,i))}function Fa(t,n,i){for(;n<i&&t.charCodeAt(n)<=32;)n++;return n}function bh(t,n,i){return Rr(t,n,i,!1),bh}function Eh(t,n){return Rr(t,n,null,!0),Eh}function sg(t){!function Fr(t,n,i,r){const u=ft(),c=Qi(2);u.firstUpdatePass&&ug(u,null,c,r);const v=V();if(i!==ei&&$o(v,c,i)){const x=u.data[Vi()];if(hg(x,r)&&!ag(u,c)){let F=r?x.classesWithoutHost:x.stylesWithoutHost;null!==F&&(i=O(F,i||"")),fh(u,x,v,i,r)}else!function W0(t,n,i,r,u,c,v,x){u===ei&&(u=Be);let F=0,ie=0,xe=0<u.length?u[0]:null,Ze=0<c.length?c[0]:null;for(;null!==xe||null!==Ze;){const mt=F<u.length?u[F+1]:void 0,It=ie<c.length?c[ie+1]:void 0;let hn,Qt=null;xe===Ze?(F+=2,ie+=2,mt!==It&&(Qt=Ze,hn=It)):null===Ze||null!==xe&&xe<Ze?(F+=2,Qt=xe):(ie+=2,Qt=Ze,hn=It),null!==Qt&&cg(t,n,i,r,Qt,hn,v,x),xe=F<u.length?u[F]:null,Ze=ie<c.length?c[ie]:null}}(u,x,v,v[Sn],v[c+1],v[c+1]=function $0(t,n,i){if(null==i||""===i)return Be;const r=[],u=Pr(i);if(Array.isArray(u))for(let c=0;c<u.length;c++)t(r,u[c],!0);else if("object"==typeof u)for(const c in u)u.hasOwnProperty(c)&&t(r,c,u[c]);else"string"==typeof u&&n(r,u);return r}(t,n,i),r,c)}}(G0,Kr,t,!0)}function Kr(t,n){for(let i=function R0(t){return function ig(t){yo.key=0,yo.keyEnd=0,yo.value=0,yo.valueEnd=0,yo.textEnd=t.length}(t),tg(t,Fa(t,0,yo.textEnd))}(n);i>=0;i=tg(n,i))j(t,eg(n),!0)}function Rr(t,n,i,r){const u=V(),c=ft(),v=Qi(2);c.firstUpdatePass&&ug(c,t,v,r),n!==ei&&$o(u,v,n)&&cg(c,c.data[Vi()],u,u[Sn],t,u[v+1]=function Y0(t,n){return null==t||""===t||("string"==typeof n?t+=n:"object"==typeof t&&(t=C(Pr(t)))),t}(n,i),r,v)}function ag(t,n){return n>=t.expandoStartIndex}function ug(t,n,i,r){const u=t.data;if(null===u[i+1]){const c=u[Vi()],v=ag(t,i);hg(c,r)&&null===n&&!v&&(n=!1),n=function H0(t,n,i,r){const u=Rn(t);let c=r?n.residualClasses:n.residualStyles;if(null===u)0===(r?n.classBindings:n.styleBindings)&&(i=xu(i=Th(null,t,n,i,r),n.attrs,r),c=null);else{const v=n.directiveStylingLast;if(-1===v||t[v]!==u)if(i=Th(u,t,n,i,r),null===c){let F=function V0(t,n,i){const r=i?n.classBindings:n.styleBindings;if(0!==$s(r))return t[Ts(r)]}(t,n,r);void 0!==F&&Array.isArray(F)&&(F=Th(null,t,n,F[1],r),F=xu(F,n.attrs,r),function z0(t,n,i,r){t[Ts(i?n.classBindings:n.styleBindings)]=r}(t,n,r,F))}else c=function j0(t,n,i){let r;const u=n.directiveEnd;for(let c=1+n.directiveStylingLast;c<u;c++)r=xu(r,t[c].hostAttrs,i);return xu(r,n.attrs,i)}(t,n,r)}return void 0!==c&&(r?n.residualClasses=c:n.residualStyles=c),i}(u,c,n,r),function P0(t,n,i,r,u,c){let v=c?n.classBindings:n.styleBindings,x=Ts(v),F=$s(v);t[r]=i;let xe,ie=!1;if(Array.isArray(i)?(xe=i[1],(null===xe||Ae(i,xe)>0)&&(ie=!0)):xe=i,u)if(0!==F){const mt=Ts(t[x+1]);t[r+1]=dc(mt,x),0!==mt&&(t[mt+1]=Ch(t[mt+1],r)),t[x+1]=function x0(t,n){return 131071&t|n<<17}(t[x+1],r)}else t[r+1]=dc(x,0),0!==x&&(t[x+1]=Ch(t[x+1],r)),x=r;else t[r+1]=dc(F,0),0===x?x=r:t[F+1]=Ch(t[F+1],r),F=r;ie&&(t[r+1]=yh(t[r+1])),qp(t,xe,r,!0),qp(t,xe,r,!1),function S0(t,n,i,r,u){const c=u?t.residualClasses:t.residualStyles;null!=c&&"string"==typeof n&&Ae(c,n)>=0&&(i[r+1]=Dh(i[r+1]))}(n,xe,t,r,c),v=dc(x,F),c?n.classBindings=v:n.styleBindings=v}(u,c,n,i,v,r)}}function Th(t,n,i,r,u){let c=null;const v=i.directiveEnd;let x=i.directiveStylingLast;for(-1===x?x=i.directiveStart:x++;x<v&&(c=n[x],r=xu(r,c.hostAttrs,u),c!==t);)x++;return null!==t&&(i.directiveStylingLast=x),r}function xu(t,n,i){const r=i?1:2;let u=-1;if(null!==n)for(let c=0;c<n.length;c++){const v=n[c];"number"==typeof v?u=v:u===r&&(Array.isArray(t)||(t=void 0===t?[]:["",t]),j(t,v,!!i||n[++c]))}return void 0===t?null:t}function G0(t,n,i){const r=String(n);""!==r&&!r.includes(" ")&&j(t,r,i)}function cg(t,n,i,r,u,c,v,x){if(!(3&n.type))return;const F=t.data,ie=F[x+1],xe=function A0(t){return 1==(1&t)}(ie)?dg(F,n,i,u,$s(ie),v):void 0;hc(xe)||(hc(c)||function w0(t){return 2==(2&t)}(ie)&&(c=dg(F,null,i,u,x,v)),function hd(t,n,i,r,u){if(n)u?t.addClass(i,r):t.removeClass(i,r);else{let c=-1===r.indexOf("-")?void 0:gr.DashCase;null==u?t.removeStyle(i,r,c):("string"==typeof u&&u.endsWith("!important")&&(u=u.slice(0,-10),c|=gr.Important),t.setStyle(i,r,u,c))}}(r,v,fo(Vi(),i),u,c))}function dg(t,n,i,r,u,c){const v=null===n;let x;for(;u>0;){const F=t[u],ie=Array.isArray(F),xe=ie?F[1]:F,Ze=null===xe;let mt=i[u+1];mt===ei&&(mt=Ze?Be:void 0);let It=Ze?me(mt,r):xe===r?mt:void 0;if(ie&&!hc(It)&&(It=me(F,r)),hc(It)&&(x=It,v))return x;const Qt=t[u+1];u=v?Ts(Qt):$s(Qt)}if(null!==n){let F=c?n.residualClasses:n.residualStyles;null!=F&&(x=me(F,r))}return x}function hc(t){return void 0!==t}function hg(t,n){return 0!=(t.flags&(n?8:16))}function fg(t,n=""){const i=V(),r=ft(),u=t+ui,c=r.firstCreatePass?Ma(r,u,1,n,null):r.data[u],v=i[u]=function iu(t,n){return t.createText(n)}(i[Sn],n);ca(r,i,v,c),ri(c,!1)}function Mh(t){return fc("",t,""),Mh}function fc(t,n,i){const r=V(),u=function wa(t,n,i,r){return $o(t,bo(),i)?n+de(i)+r:ei}(r,t,n,i);return u!==ei&&cs(r,Vi(),u),fc}function Oh(t,n,i,r,u){const c=V(),v=xa(c,t,n,i,r,u);return v!==ei&&cs(c,Vi(),v),Oh}function wh(t,n,i){const r=V();return $o(r,bo(),n)&&mr(ft(),Pi(),r,t,n,r[Sn],i,!0),wh}function xh(t,n,i){const r=V();if($o(r,bo(),n)){const c=ft(),v=Pi();mr(c,v,r,t,n,function gp(t,n,i){return(null===t||tt(t))&&(i=function Yo(t){for(;Array.isArray(t);){if("object"==typeof t[Ut])return t;t=t[li]}return null}(i[n.index])),i[Sn]}(Rn(c.data),v,r),i,!0)}return xh}const Gs=void 0;var fy=["en",[["a","p"],["AM","PM"],Gs],[["AM","PM"],Gs,Gs],[["S","M","T","W","T","F","S"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Su","Mo","Tu","We","Th","Fr","Sa"]],Gs,[["J","F","M","A","M","J","J","A","S","O","N","D"],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],["January","February","March","April","May","June","July","August","September","October","November","December"]],Gs,[["B","A"],["BC","AD"],["Before Christ","Anno Domini"]],0,[6,0],["M/d/yy","MMM d, y","MMMM d, y","EEEE, MMMM d, y"],["h:mm a","h:mm:ss a","h:mm:ss a z","h:mm:ss a zzzz"],["{1}, {0}",Gs,"{1} 'at' {0}",Gs],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function hy(t){const i=Math.floor(Math.abs(t)),r=t.toString().replace(/^[^.]*\.?/,"").length;return 1===i&&0===r?1:5}];let Na={};function Ah(t){const n=function py(t){return t.toLowerCase().replace(/_/g,"-")}(t);let i=Sg(n);if(i)return i;const r=n.split("-")[0];if(i=Sg(r),i)return i;if("en"===r)return fy;throw new Q(701,!1)}function Pg(t){return Ah(t)[Vn.PluralCase]}function Sg(t){return t in Na||(Na[t]=Ge.ng&&Ge.ng.common&&Ge.ng.common.locales&&Ge.ng.common.locales[t]),Na[t]}var Vn=(()=>((Vn=Vn||{})[Vn.LocaleId=0]="LocaleId",Vn[Vn.DayPeriodsFormat=1]="DayPeriodsFormat",Vn[Vn.DayPeriodsStandalone=2]="DayPeriodsStandalone",Vn[Vn.DaysFormat=3]="DaysFormat",Vn[Vn.DaysStandalone=4]="DaysStandalone",Vn[Vn.MonthsFormat=5]="MonthsFormat",Vn[Vn.MonthsStandalone=6]="MonthsStandalone",Vn[Vn.Eras=7]="Eras",Vn[Vn.FirstDayOfWeek=8]="FirstDayOfWeek",Vn[Vn.WeekendRange=9]="WeekendRange",Vn[Vn.DateFormat=10]="DateFormat",Vn[Vn.TimeFormat=11]="TimeFormat",Vn[Vn.DateTimeFormat=12]="DateTimeFormat",Vn[Vn.NumberSymbols=13]="NumberSymbols",Vn[Vn.NumberFormats=14]="NumberFormats",Vn[Vn.CurrencyCode=15]="CurrencyCode",Vn[Vn.CurrencySymbol=16]="CurrencySymbol",Vn[Vn.CurrencyName=17]="CurrencyName",Vn[Vn.Currencies=18]="Currencies",Vn[Vn.Directionality=19]="Directionality",Vn[Vn.PluralCase=20]="PluralCase",Vn[Vn.ExtraData=21]="ExtraData",Vn))();const La="en-US";let Ig=La;function Ih(t,n,i,r,u){if(t=y(t),Array.isArray(t))for(let c=0;c<t.length;c++)Ih(t[c],n,i,r,u);else{const c=ft(),v=V();let x=$r(t)?t:y(t.provide),F=Mn(t);const ie=vn(),xe=1048575&ie.providerIndexes,Ze=ie.directiveStart,mt=ie.providerIndexes>>20;if($r(t)||!t.multi){const It=new Xe(F,u,Ta),Qt=Rh(x,n,u?xe:xe+mt,Ze);-1===Qt?(Ss(Ur(ie,v),c,x),kh(c,t,n.length),n.push(x),ie.directiveStart++,ie.directiveEnd++,u&&(ie.providerIndexes+=1048576),i.push(It),v.push(It)):(i[Qt]=It,v[Qt]=It)}else{const It=Rh(x,n,xe+mt,Ze),Qt=Rh(x,n,xe,xe+mt),En=Qt>=0&&i[Qt];if(u&&!En||!u&&!(It>=0&&i[It])){Ss(Ur(ie,v),c,x);const kn=function dC(t,n,i,r,u){const c=new Xe(t,i,Ta);return c.multi=[],c.index=n,c.componentProviders=0,im(c,u,r&&!i),c}(u?cC:lC,i.length,u,r,F);!u&&En&&(i[Qt].providerFactory=kn),kh(c,t,n.length,0),n.push(x),ie.directiveStart++,ie.directiveEnd++,u&&(ie.providerIndexes+=1048576),i.push(kn),v.push(kn)}else kh(c,t,It>-1?It:Qt,im(i[u?Qt:It],F,!u&&r));!u&&r&&En&&i[Qt].componentProviders++}}}function kh(t,n,i,r){const u=$r(n),c=function Vd(t){return!!t.useClass}(n);if(u||c){const F=(c?y(n.useClass):n).prototype.ngOnDestroy;if(F){const ie=t.destroyHooks||(t.destroyHooks=[]);if(!u&&n.multi){const xe=ie.indexOf(i);-1===xe?ie.push(i,[r,F]):ie[xe+1].push(r,F)}else ie.push(i,F)}}}function im(t,n,i){return i&&t.componentProviders++,t.multi.push(n)-1}function Rh(t,n,i,r){for(let u=i;u<r;u++)if(n[u]===t)return u;return-1}function lC(t,n,i,r){return Fh(this.multi,[])}function cC(t,n,i,r){const u=this.multi;let c;if(this.providerFactory){const v=this.providerFactory.componentProviders,x=Ar(i,i[pn],this.providerFactory.index,r);c=x.slice(0,v),Fh(u,c);for(let F=v;F<x.length;F++)c.push(x[F])}else c=[],Fh(u,c);return c}function Fh(t,n){for(let i=0;i<t.length;i++)n.push((0,t[i])());return n}function om(t,n=[]){return i=>{i.providersResolver=(r,u)=>function uC(t,n,i){const r=ft();if(r.firstCreatePass){const u=tt(t);Ih(i,r.data,r.blueprint,u,!0),Ih(n,r.data,r.blueprint,u,!1)}}(r,u?u(t):t,n)}}class Ba{}class rm{}function hC(t,n){return new sm(t,null!=n?n:null)}class sm extends Ba{constructor(n,i){super(),this._parent=i,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new _p(this);const r=Cn(n);this._bootstrapComponents=ls(r.bootstrap),this._r3Injector=Xf(n,i,[{provide:Ba,useValue:this},{provide:Du,useValue:this.componentFactoryResolver}],C(n),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(n)}get injector(){return this._r3Injector}destroy(){const n=this._r3Injector;!n.destroyed&&n.destroy(),this.destroyCbs.forEach(i=>i()),this.destroyCbs=null}onDestroy(n){this.destroyCbs.push(n)}}class Nh extends rm{constructor(n){super(),this.moduleType=n}create(n){return new sm(this.moduleType,n)}}class fC extends Ba{constructor(n,i,r){super(),this.componentFactoryResolver=new _p(this),this.instance=null;const u=new d([...n,{provide:Ba,useValue:this},{provide:Du,useValue:this.componentFactoryResolver}],i||T(),r,new Set(["environment"]));this.injector=u,u.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(n){this.injector.onDestroy(n)}}function Lh(t,n,i=null){return new fC(t,n,i).injector}let pC=(()=>{class t{constructor(i){this._injector=i,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(i){if(!i.standalone)return null;if(!this.cachedInjectors.has(i.id)){const r=Gl(0,i.type),u=r.length>0?Lh([r],this._injector,`Standalone[${i.type.name}]`):null;this.cachedInjectors.set(i.id,u)}return this.cachedInjectors.get(i.id)}ngOnDestroy(){try{for(const i of this.cachedInjectors.values())null!==i&&i.destroy()}finally{this.cachedInjectors.clear()}}}return t.\u0275prov=Et({token:t,providedIn:"environment",factory:()=>new t(lt(a))}),t})();function am(t){t.getStandaloneInjector=n=>n.get(pC).getOrCreateStandaloneInjector(t)}function pm(t,n,i){const r=ci()+t,u=V();return u[r]===ei?Yr(u,r,i?n.call(i):n()):function wu(t,n){return t[n]}(u,r)}function gm(t,n,i,r){return _m(V(),ci(),t,n,i,r)}function mm(t,n,i,r,u){return vm(V(),ci(),t,n,i,r,u)}function Ru(t,n){const i=t[n];return i===ei?void 0:i}function _m(t,n,i,r,u,c){const v=n+i;return $o(t,v,u)?Yr(t,v+1,c?r.call(c,u):r(u)):Ru(t,v+1)}function vm(t,n,i,r,u,c,v){const x=n+i;return js(t,x,u,c)?Yr(t,x+2,v?r.call(v,u,c):r(u,c)):Ru(t,x+2)}function ym(t,n,i,r,u,c,v,x){const F=n+i;return function sc(t,n,i,r,u){const c=js(t,n,i,r);return $o(t,n+2,u)||c}(t,F,u,c,v)?Yr(t,F+3,x?r.call(x,u,c,v):r(u,c,v)):Ru(t,F+3)}function bm(t,n){const i=ft();let r;const u=t+ui;var c;i.firstCreatePass?(r=function PC(t,n){if(n)for(let i=n.length-1;i>=0;i--){const r=n[i];if(t===r.name)return r}}(n,i.pipeRegistry),i.data[u]=r,r.onDestroy&&(null!==(c=i.destroyHooks)&&void 0!==c?c:i.destroyHooks=[]).push(u,r.onDestroy)):r=i.data[u];const v=r.factory||(r.factory=co(r.type)),x=Te(Ta);try{const F=hs(!1),ie=v();return hs(F),function b0(t,n,i,r){i>=t.data.length&&(t.data[i]=null,t.blueprint[i]=null),n[i]=r}(i,V(),u,ie),ie}finally{Te(x)}}function Em(t,n,i){const r=t+ui,u=V(),c=ir(u,r);return Fu(u,r)?_m(u,ci(),n,c.transform,i,c):c.transform(i)}function Tm(t,n,i,r){const u=t+ui,c=V(),v=ir(c,u);return Fu(c,u)?vm(c,ci(),n,v.transform,i,r,v):v.transform(i,r)}function Mm(t,n,i,r,u){const c=t+ui,v=V(),x=ir(v,c);return Fu(v,c)?ym(v,ci(),n,x.transform,i,r,u,x):x.transform(i,r,u)}function Fu(t,n){return t[pn].data[n].pure}function Uh(t){return n=>{setTimeout(t,void 0,n)}}const Xr=class kC extends e.xQ{constructor(n=!1){super(),this.__isAsync=n}emit(n){super.next(n)}subscribe(n,i,r){let u=n,c=i||(()=>null),v=r;if(n&&"object"==typeof n){var x,F,ie;const Ze=n;u=null===(x=Ze.next)||void 0===x?void 0:x.bind(Ze),c=null===(F=Ze.error)||void 0===F?void 0:F.bind(Ze),v=null===(ie=Ze.complete)||void 0===ie?void 0:ie.bind(Ze)}this.__isAsync&&(c=Uh(c),u&&(u=Uh(u)),v&&(v=Uh(v)));const xe=super.subscribe({next:u,error:c,complete:v});return n instanceof o.w&&n.add(xe),xe}};function RC(){return this._results[Symbol.iterator]()}class vc{get changes(){return this._changes||(this._changes=new Xr)}constructor(n=!1){this._emitDistinctChangesOnly=n,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=null,this.length=0,this.first=void 0,this.last=void 0;const i=vc.prototype;i[Symbol.iterator]||(i[Symbol.iterator]=RC)}get(n){return this._results[n]}map(n){return this._results.map(n)}filter(n){return this._results.filter(n)}find(n){return this._results.find(n)}reduce(n,i){return this._results.reduce(n,i)}forEach(n){this._results.forEach(n)}some(n){return this._results.some(n)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(n,i){const r=this;r.dirty=!1;const u=function Jo(t){return t.flat(Number.POSITIVE_INFINITY)}(n);(this._changesDetected=!function Yu(t,n,i){if(t.length!==n.length)return!1;for(let r=0;r<t.length;r++){let u=t[r],c=n[r];if(i&&(u=i(u),c=i(c)),c!==u)return!1}return!0}(r._results,u,i))&&(r._results=u,r.length=u.length,r.last=u[this.length-1],r.first=u[0])}notifyOnChanges(){this._changes&&(this._changesDetected||!this._emitDistinctChangesOnly)&&this._changes.emit(this)}setDirty(){this.dirty=!0}destroy(){this.changes.complete(),this.changes.unsubscribe()}}let Nu=(()=>{class t{}return t.__NG_ELEMENT_ID__=LC,t})();const FC=Nu,NC=class extends FC{constructor(n,i,r){super(),this._declarationLView=n,this._declarationTContainer=i,this.elementRef=r}createEmbeddedView(n,i){const r=this._declarationTContainer.tView,u=Ql(this._declarationLView,r,n,16,null,r.declTNode,null,null,null,null,i||null);u[io]=this._declarationLView[this._declarationTContainer.index];const v=this._declarationLView[oo];return null!==v&&(u[oo]=v.createEmbeddedView(r)),Jd(r,u,n),new Mu(u)}};function LC(){return yc(vn(),V())}function yc(t,n){return 4&t.type?new NC(n,t,Da(t,n)):null}let Cc=(()=>{class t{}return t.__NG_ELEMENT_ID__=BC,t})();function BC(){return xm(vn(),V())}const UC=Cc,Om=class extends UC{constructor(n,i,r){super(),this._lContainer=n,this._hostTNode=i,this._hostLView=r}get element(){return Da(this._hostTNode,this._hostLView)}get injector(){return new Ri(this._hostTNode,this._hostLView)}get parentInjector(){const n=Ps(this._hostTNode,this._hostLView);if(eo(n)){const i=Vo(n,this._hostLView),r=To(n);return new Ri(i[pn].data[r+8],i)}return new Ri(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(n){const i=wm(this._lContainer);return null!==i&&i[n]||null}get length(){return this._lContainer.length-qe}createEmbeddedView(n,i,r){let u,c;"number"==typeof r?u=r:null!=r&&(u=r.index,c=r.injector);const v=n.createEmbeddedView(i||{},c);return this.insert(v,u),v}createComponent(n,i,r,u,c){const v=n&&!function sr(t){return"function"==typeof t}(n);let x;if(v)x=i;else{const Ze=i||{};x=Ze.index,r=Ze.injector,u=Ze.projectableNodes,c=Ze.environmentInjector||Ze.ngModuleRef}const F=v?n:new Ou(on(n)),ie=r||this.parentInjector;if(!c&&null==F.ngModule){const mt=(v?ie:this.parentInjector).get(a,null);mt&&(c=mt)}const xe=F.create(ie,u,void 0,c);return this.insert(xe.hostView,x),xe}insert(n,i){const r=n._lView,u=r[pn];if(function po(t){return rn(t[ti])}(r)){const xe=this.indexOf(n);if(-1!==xe)this.detach(xe);else{const Ze=r[ti],mt=new Om(Ze,Ze[hi],Ze[ti]);mt.detach(mt.indexOf(n))}}const c=this._adjustIndex(i),v=this._lContainer;!function od(t,n,i,r){const u=qe+r,c=i.length;r>0&&(i[u-1][ai]=n),r<c-qe?(n[ai]=i[u],ia(i,qe+r,n)):(i.push(n),n[ai]=null),n[ti]=i;const v=n[io];null!==v&&i!==v&&function rd(t,n){const i=t[nt];n[Ei]!==n[ti][ti][Ei]&&(t[Me]=!0),null===i?t[nt]=[n]:i.push(n)}(v,n);const x=n[oo];null!==x&&x.insertView(t),n[wn]|=64}(u,r,v,c);const x=uu(c,v),F=r[Sn],ie=la(F,v[ee]);return null!==ie&&function td(t,n,i,r,u,c){r[li]=u,r[hi]=n,Us(t,r,i,1,u,c)}(u,v[hi],F,r,ie,x),n.attachToViewContainerRef(),ia(Hh(v),c,n),n}move(n,i){return this.insert(n,i)}indexOf(n){const i=wm(this._lContainer);return null!==i?i.indexOf(n):-1}remove(n){const i=this._adjustIndex(n,-1),r=ru(this._lContainer,i);r&&(is(Hh(this._lContainer),i),dl(r[pn],r))}detach(n){const i=this._adjustIndex(n,-1),r=ru(this._lContainer,i);return r&&null!=is(Hh(this._lContainer),i)?new Mu(r):null}_adjustIndex(n,i=0){return null==n?this.length+i:n}};function wm(t){return t[ge]}function Hh(t){return t[ge]||(t[ge]=[])}function xm(t,n){let i;const r=n[t.index];if(rn(r))i=r;else{let u;if(8&t.type)u=Si(r);else{const c=n[Sn];u=c.createComment("");const v=di(t,n);as(c,la(c,v),u,function ld(t,n){return t.nextSibling(n)}(c,v),!1)}n[t.index]=i=hp(r,n,u,t),ec(n,i)}return new Om(i,t,n)}class Vh{constructor(n){this.queryList=n,this.matches=null}clone(){return new Vh(this.queryList)}setDirty(){this.queryList.setDirty()}}class zh{constructor(n=[]){this.queries=n}createEmbeddedView(n){const i=n.queries;if(null!==i){const r=null!==n.contentQueries?n.contentQueries[0]:i.length,u=[];for(let c=0;c<r;c++){const v=i.getByIndex(c);u.push(this.queries[v.indexInDeclarationView].clone())}return new zh(u)}return null}insertView(n){this.dirtyQueriesWithMatches(n)}detachView(n){this.dirtyQueriesWithMatches(n)}dirtyQueriesWithMatches(n){for(let i=0;i<this.queries.length;i++)null!==Lm(n,i).matches&&this.queries[i].setDirty()}}class Am{constructor(n,i,r=null){this.predicate=n,this.flags=i,this.read=r}}class jh{constructor(n=[]){this.queries=n}elementStart(n,i){for(let r=0;r<this.queries.length;r++)this.queries[r].elementStart(n,i)}elementEnd(n){for(let i=0;i<this.queries.length;i++)this.queries[i].elementEnd(n)}embeddedTView(n){let i=null;for(let r=0;r<this.length;r++){const u=null!==i?i.length:0,c=this.getByIndex(r).embeddedTView(n,u);c&&(c.indexInDeclarationView=r,null!==i?i.push(c):i=[c])}return null!==i?new jh(i):null}template(n,i){for(let r=0;r<this.queries.length;r++)this.queries[r].template(n,i)}getByIndex(n){return this.queries[n]}get length(){return this.queries.length}track(n){this.queries.push(n)}}class $h{constructor(n,i=-1){this.metadata=n,this.matches=null,this.indexInDeclarationView=-1,this.crossesNgTemplate=!1,this._appliesToNextNode=!0,this._declarationNodeIndex=i}elementStart(n,i){this.isApplyingToNode(i)&&this.matchTNode(n,i)}elementEnd(n){this._declarationNodeIndex===n.index&&(this._appliesToNextNode=!1)}template(n,i){this.elementStart(n,i)}embeddedTView(n,i){return this.isApplyingToNode(n)?(this.crossesNgTemplate=!0,this.addMatch(-n.index,i),new $h(this.metadata)):null}isApplyingToNode(n){if(this._appliesToNextNode&&1!=(1&this.metadata.flags)){const i=this._declarationNodeIndex;let r=n.parent;for(;null!==r&&8&r.type&&r.index!==i;)r=r.parent;return i===(null!==r?r.index:-1)}return this._appliesToNextNode}matchTNode(n,i){const r=this.metadata.predicate;if(Array.isArray(r))for(let u=0;u<r.length;u++){const c=r[u];this.matchTNodeWithReadOption(n,i,HC(i,c)),this.matchTNodeWithReadOption(n,i,fs(i,n,c,!1,!1))}else r===Nu?4&i.type&&this.matchTNodeWithReadOption(n,i,-1):this.matchTNodeWithReadOption(n,i,fs(i,n,r,!1,!1))}matchTNodeWithReadOption(n,i,r){if(null!==r){const u=this.metadata.read;if(null!==u)if(u===bu||u===Cc||u===Nu&&4&i.type)this.addMatch(i.index,-2);else{const c=fs(i,n,u,!1,!1);null!==c&&this.addMatch(i.index,c)}else this.addMatch(i.index,r)}}addMatch(n,i){null===this.matches?this.matches=[n,i]:this.matches.push(n,i)}}function HC(t,n){const i=t.localNames;if(null!==i)for(let r=0;r<i.length;r+=2)if(i[r]===n)return i[r+1];return null}function zC(t,n,i,r){return-1===i?function VC(t,n){return 11&t.type?Da(t,n):4&t.type?yc(t,n):null}(n,t):-2===i?function jC(t,n,i){return i===bu?Da(n,t):i===Nu?yc(n,t):i===Cc?xm(n,t):void 0}(t,n,r):Ar(t,t[pn],i,n)}function Pm(t,n,i,r){const u=n[oo].queries[r];if(null===u.matches){const c=t.data,v=i.matches,x=[];for(let F=0;F<v.length;F+=2){const ie=v[F];x.push(ie<0?null:zC(n,c[ie],v[F+1],i.metadata.read))}u.matches=x}return u.matches}function Gh(t,n,i,r){const u=t.queries.getByIndex(i),c=u.matches;if(null!==c){const v=Pm(t,n,u,i);for(let x=0;x<c.length;x+=2){const F=c[x];if(F>0)r.push(v[x/2]);else{const ie=c[x+1],xe=n[-F];for(let Ze=qe;Ze<xe.length;Ze++){const mt=xe[Ze];mt[io]===mt[ti]&&Gh(mt[pn],mt,ie,r)}if(null!==xe[nt]){const Ze=xe[nt];for(let mt=0;mt<Ze.length;mt++){const It=Ze[mt];Gh(It[pn],It,ie,r)}}}}}return r}function Sm(t){const n=V(),i=ft(),r=Jn();vi(r+1);const u=Lm(i,r);if(t.dirty&&function yr(t){return 4==(4&t[wn])}(n)===(2==(2&u.metadata.flags))){if(null===u.matches)t.reset([]);else{const c=u.crossesNgTemplate?Gh(i,n,r,[]):Pm(i,n,u,r);t.reset(c,F_),t.notifyOnChanges()}return!0}return!1}function Im(t,n,i){const r=ft();r.firstCreatePass&&(Nm(r,new Am(t,n,i),-1),2==(2&n)&&(r.staticViewQueries=!0)),Fm(r,V(),n)}function km(t,n,i,r){const u=ft();if(u.firstCreatePass){const c=vn();Nm(u,new Am(n,i,r),c.index),function GC(t,n){const i=t.contentQueries||(t.contentQueries=[]);n!==(i.length?i[i.length-1]:-1)&&i.push(t.queries.length-1,n)}(u,t),2==(2&i)&&(u.staticContentQueries=!0)}Fm(u,V(),i)}function Rm(){return function $C(t,n){return t[oo].queries[n].queryList}(V(),Jn())}function Fm(t,n,i){const r=new vc(4==(4&i));ap(t,n,r,r.destroy),null===n[oo]&&(n[oo]=new zh),n[oo].queries.push(new Vh(r))}function Nm(t,n,i){null===t.queries&&(t.queries=new jh),t.queries.track(new $h(n,i))}function Lm(t,n){return t.queries.getByIndex(n)}function Bm(t,n){return yc(t,n)}function Wh(t){return!!Cn(t)}function bc(...t){}const n_=new Ai("Application Initializer");let Ec=(()=>{class t{constructor(i){this.appInits=i,this.resolve=bc,this.reject=bc,this.initialized=!1,this.done=!1,this.donePromise=new Promise((r,u)=>{this.resolve=r,this.reject=u})}runInitializers(){if(this.initialized)return;const i=[],r=()=>{this.done=!0,this.resolve()};if(this.appInits)for(let u=0;u<this.appInits.length;u++){const c=this.appInits[u]();if(mh(c))i.push(c);else if(Np(c)){const v=new Promise((x,F)=>{c.subscribe({complete:x,error:F})});i.push(v)}}Promise.all(i).then(()=>{r()}).catch(u=>{this.reject(u)}),0===i.length&&r(),this.initialized=!0}}return t.\u0275fac=function(i){return new(i||t)(lt(n_,8))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();const i_=new Ai("AppId",{providedIn:"root",factory:function o_(){return`${Jh()}${Jh()}${Jh()}`}});function Jh(){return String.fromCharCode(97+Math.floor(25*Math.random()))}const r_=new Ai("Platform Initializer"),dD=new Ai("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),hD=new Ai("AnimationModuleType");let fD=(()=>{class t{log(i){console.log(i)}warn(i){console.warn(i)}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();const Tc=new Ai("LocaleId",{providedIn:"root",factory:()=>st(Tc,Jt.Optional|Jt.SkipSelf)||function pD(){return typeof $localize<"u"&&$localize.locale||La}()}),gD=new Ai("DefaultCurrencyCode",{providedIn:"root",factory:()=>"USD"});class mD{constructor(n,i){this.ngModuleFactory=n,this.componentFactories=i}}let _D=(()=>{class t{compileModuleSync(i){return new Nh(i)}compileModuleAsync(i){return Promise.resolve(this.compileModuleSync(i))}compileModuleAndAllComponentsSync(i){const r=this.compileModuleSync(i),c=ls(Cn(i).declarations).reduce((v,x)=>{const F=on(x);return F&&v.push(new Ou(F)),v},[]);return new mD(r,c)}compileModuleAndAllComponentsAsync(i){return Promise.resolve(this.compileModuleAndAllComponentsSync(i))}clearCache(){}clearCacheFor(i){}getModuleId(i){}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();const CD=(()=>Promise.resolve(0))();function Qh(t){typeof Zone>"u"?CD.then(()=>{t&&t.apply(null,null)}):Zone.current.scheduleMicroTask("scheduleMicrotask",t)}class Mr{constructor({enableLongStackTrace:n=!1,shouldCoalesceEventChangeDetection:i=!1,shouldCoalesceRunChangeDetection:r=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new Xr(!1),this.onMicrotaskEmpty=new Xr(!1),this.onStable=new Xr(!1),this.onError=new Xr(!1),typeof Zone>"u")throw new Q(908,!1);Zone.assertZonePatched();const u=this;u._nesting=0,u._outer=u._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(u._inner=u._inner.fork(new Zone.TaskTrackingZoneSpec)),n&&Zone.longStackTraceZoneSpec&&(u._inner=u._inner.fork(Zone.longStackTraceZoneSpec)),u.shouldCoalesceEventChangeDetection=!r&&i,u.shouldCoalesceRunChangeDetection=r,u.lastRequestAnimationFrameId=-1,u.nativeRequestAnimationFrame=function DD(){let t=Ge.requestAnimationFrame,n=Ge.cancelAnimationFrame;if(typeof Zone<"u"&&t&&n){const i=t[Zone.__symbol__("OriginalDelegate")];i&&(t=i);const r=n[Zone.__symbol__("OriginalDelegate")];r&&(n=r)}return{nativeRequestAnimationFrame:t,nativeCancelAnimationFrame:n}}().nativeRequestAnimationFrame,function TD(t){const n=()=>{!function ED(t){t.isCheckStableRunning||-1!==t.lastRequestAnimationFrameId||(t.lastRequestAnimationFrameId=t.nativeRequestAnimationFrame.call(Ge,()=>{t.fakeTopEventTask||(t.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{t.lastRequestAnimationFrameId=-1,ef(t),t.isCheckStableRunning=!0,qh(t),t.isCheckStableRunning=!1},void 0,()=>{},()=>{})),t.fakeTopEventTask.invoke()}),ef(t))}(t)};t._inner=t._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(i,r,u,c,v,x)=>{try{return u_(t),i.invokeTask(u,c,v,x)}finally{(t.shouldCoalesceEventChangeDetection&&"eventTask"===c.type||t.shouldCoalesceRunChangeDetection)&&n(),l_(t)}},onInvoke:(i,r,u,c,v,x,F)=>{try{return u_(t),i.invoke(u,c,v,x,F)}finally{t.shouldCoalesceRunChangeDetection&&n(),l_(t)}},onHasTask:(i,r,u,c)=>{i.hasTask(u,c),r===u&&("microTask"==c.change?(t._hasPendingMicrotasks=c.microTask,ef(t),qh(t)):"macroTask"==c.change&&(t.hasPendingMacrotasks=c.macroTask))},onHandleError:(i,r,u,c)=>(i.handleError(u,c),t.runOutsideAngular(()=>t.onError.emit(c)),!1)})}(u)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!Mr.isInAngularZone())throw new Q(909,!1)}static assertNotInAngularZone(){if(Mr.isInAngularZone())throw new Q(909,!1)}run(n,i,r){return this._inner.run(n,i,r)}runTask(n,i,r,u){const c=this._inner,v=c.scheduleEventTask("NgZoneEvent: "+u,n,bD,bc,bc);try{return c.runTask(v,i,r)}finally{c.cancelTask(v)}}runGuarded(n,i,r){return this._inner.runGuarded(n,i,r)}runOutsideAngular(n){return this._outer.run(n)}}const bD={};function qh(t){if(0==t._nesting&&!t.hasPendingMicrotasks&&!t.isStable)try{t._nesting++,t.onMicrotaskEmpty.emit(null)}finally{if(t._nesting--,!t.hasPendingMicrotasks)try{t.runOutsideAngular(()=>t.onStable.emit(null))}finally{t.isStable=!0}}}function ef(t){t.hasPendingMicrotasks=!!(t._hasPendingMicrotasks||(t.shouldCoalesceEventChangeDetection||t.shouldCoalesceRunChangeDetection)&&-1!==t.lastRequestAnimationFrameId)}function u_(t){t._nesting++,t.isStable&&(t.isStable=!1,t.onUnstable.emit(null))}function l_(t){t._nesting--,qh(t)}class MD{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new Xr,this.onMicrotaskEmpty=new Xr,this.onStable=new Xr,this.onError=new Xr}run(n,i,r){return n.apply(i,r)}runGuarded(n,i,r){return n.apply(i,r)}runOutsideAngular(n){return n()}runTask(n,i,r,u){return n.apply(i,r)}}const c_=new Ai(""),d_=new Ai("");let tf,OD=(()=>{class t{constructor(i,r,u){this._ngZone=i,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,tf||(function wD(t){tf=t}(u),u.addToWindow(r)),this._watchAngularEvents(),i.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{Mr.assertNotInAngularZone(),Qh(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())Qh(()=>{for(;0!==this._callbacks.length;){let i=this._callbacks.pop();clearTimeout(i.timeoutId),i.doneCb(this._didWork)}this._didWork=!1});else{let i=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(i)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(i=>({source:i.source,creationLocation:i.creationLocation,data:i.data})):[]}addCallback(i,r,u){let c=-1;r&&r>0&&(c=setTimeout(()=>{this._callbacks=this._callbacks.filter(v=>v.timeoutId!==c),i(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:i,timeoutId:c,updateCb:u})}whenStable(i,r,u){if(u&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(i,r,u),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(i){this.registry.registerApplication(i,this)}unregisterApplication(i){this.registry.unregisterApplication(i)}findProviders(i,r,u){return[]}}return t.\u0275fac=function(i){return new(i||t)(lt(Mr),lt(h_),lt(d_))},t.\u0275prov=Et({token:t,factory:t.\u0275fac}),t})(),h_=(()=>{class t{constructor(){this._applications=new Map}registerApplication(i,r){this._applications.set(i,r)}unregisterApplication(i){this._applications.delete(i)}unregisterAllApplications(){this._applications.clear()}getTestability(i){return this._applications.get(i)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(i,r=!0){var u,c;return null!==(u=null===(c=tf)||void 0===c?void 0:c.findTestabilityInTree(this,i,r))&&void 0!==u?u:null}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();const ds=!1;let Ms=null;const f_=new Ai("AllowMultipleToken"),nf=new Ai("PlatformDestroyListeners"),p_=new Ai("appBootstrapListener");class PD{constructor(n,i){this.name=n,this.token=i}}function m_(t,n,i=[]){const r=`Platform: ${n}`,u=new Ai(r);return(c=[])=>{let v=rf();if(!v||v.injector.get(f_,!1)){const x=[...i,...c,{provide:u,useValue:!0}];t?t(x):function SD(t){if(Ms&&!Ms.get(f_,!1))throw new Q(400,!1);Ms=t;const n=t.get(v_);(function g_(t){const n=t.get(r_,null);n&&n.forEach(i=>i())})(t)}(function __(t=[],n){return zs.create({name:n,providers:[{provide:ya,useValue:"platform"},{provide:nf,useValue:new Set([()=>Ms=null])},...t]})}(x,r))}return function kD(t){const n=rf();if(!n)throw new Q(401,!1);return n}()}}function rf(){var t,n;return null!==(t=null===(n=Ms)||void 0===n?void 0:n.get(v_))&&void 0!==t?t:null}let v_=(()=>{class t{constructor(i){this._injector=i,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(i,r){const u=function C_(t,n){let i;return i="noop"===t?new MD:("zone.js"===t?void 0:t)||new Mr(n),i}(null==r?void 0:r.ngZone,function y_(t){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:!(!t||!t.ngZoneEventCoalescing)||!1,shouldCoalesceRunChangeDetection:!(!t||!t.ngZoneRunCoalescing)||!1}}(r)),c=[{provide:Mr,useValue:u}];return u.run(()=>{const v=zs.create({providers:c,parent:this.injector,name:i.moduleType.name}),x=i.create(v),F=x.injector.get(Eu,null);if(!F)throw new Q(402,!1);return u.runOutsideAngular(()=>{const ie=u.onError.subscribe({next:xe=>{F.handleError(xe)}});x.onDestroy(()=>{Oc(this._modules,x),ie.unsubscribe()})}),function D_(t,n,i){try{const r=i();return mh(r)?r.catch(u=>{throw n.runOutsideAngular(()=>t.handleError(u)),u}):r}catch(r){throw n.runOutsideAngular(()=>t.handleError(r)),r}}(F,u,()=>{const ie=x.injector.get(Ec);return ie.runInitializers(),ie.donePromise.then(()=>(function kg(t){be(t,"Expected localeId to be defined"),"string"==typeof t&&(Ig=t.toLowerCase().replace(/_/g,"-"))}(x.injector.get(Tc,La)||La),this._moduleDoBootstrap(x),x))})})}bootstrapModule(i,r=[]){const u=b_({},r);return function xD(t,n,i){const r=new Nh(i);return Promise.resolve(r)}(0,0,i).then(c=>this.bootstrapModuleFactory(c,u))}_moduleDoBootstrap(i){const r=i.injector.get(Mc);if(i._bootstrapComponents.length>0)i._bootstrapComponents.forEach(u=>r.bootstrap(u));else{if(!i.instance.ngDoBootstrap)throw new Q(-403,!1);i.instance.ngDoBootstrap(r)}this._modules.push(i)}onDestroy(i){this._destroyListeners.push(i)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new Q(404,!1);this._modules.slice().forEach(r=>r.destroy()),this._destroyListeners.forEach(r=>r());const i=this._injector.get(nf,null);i&&(i.forEach(r=>r()),i.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}}return t.\u0275fac=function(i){return new(i||t)(lt(zs))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();function b_(t,n){return Array.isArray(n)?n.reduce(b_,t):{...t,...n}}let Mc=(()=>{class t{get destroyed(){return this._destroyed}get injector(){return this._injector}constructor(i,r,u){this._zone=i,this._injector=r,this._exceptionHandler=u,this._bootstrapListeners=[],this._views=[],this._runningTick=!1,this._stable=!0,this._destroyed=!1,this._destroyListeners=[],this.componentTypes=[],this.components=[],this._onMicrotaskEmptySubscription=this._zone.onMicrotaskEmpty.subscribe({next:()=>{this._zone.run(()=>{this.tick()})}});const c=new p.y(x=>{this._stable=this._zone.isStable&&!this._zone.hasPendingMacrotasks&&!this._zone.hasPendingMicrotasks,this._zone.runOutsideAngular(()=>{x.next(this._stable),x.complete()})}),v=new p.y(x=>{let F;this._zone.runOutsideAngular(()=>{F=this._zone.onStable.subscribe(()=>{Mr.assertNotInAngularZone(),Qh(()=>{!this._stable&&!this._zone.hasPendingMacrotasks&&!this._zone.hasPendingMicrotasks&&(this._stable=!0,x.next(!0))})})});const ie=this._zone.onUnstable.subscribe(()=>{Mr.assertInAngularZone(),this._stable&&(this._stable=!1,this._zone.runOutsideAngular(()=>{x.next(!1)}))});return()=>{F.unsubscribe(),ie.unsubscribe()}});this.isStable=(0,_.T)(c,v.pipe((0,g.B)()))}bootstrap(i,r){const u=i instanceof Gr;if(!this._injector.get(Ec).done){!u&&Dn(i);throw new Q(405,ds)}let v;v=u?i:this._injector.get(Du).resolveComponentFactory(i),this.componentTypes.push(v.componentType);const x=function AD(t){return t.isBoundToModule}(v)?void 0:this._injector.get(Ba),ie=v.create(zs.NULL,[],r||v.selector,x),xe=ie.location.nativeElement,Ze=ie.injector.get(c_,null);return null==Ze||Ze.registerApplication(xe),ie.onDestroy(()=>{this.detachView(ie.hostView),Oc(this.components,ie),null==Ze||Ze.unregisterApplication(xe)}),this._loadComponent(ie),ie}tick(){if(this._runningTick)throw new Q(101,!1);try{this._runningTick=!0;for(let i of this._views)i.detectChanges()}catch(i){this._zone.runOutsideAngular(()=>this._exceptionHandler.handleError(i))}finally{this._runningTick=!1}}attachView(i){const r=i;this._views.push(r),r.attachToAppRef(this)}detachView(i){const r=i;Oc(this._views,r),r.detachFromAppRef()}_loadComponent(i){this.attachView(i.hostView),this.tick(),this.components.push(i);const r=this._injector.get(p_,[]);r.push(...this._bootstrapListeners),r.forEach(u=>u(i))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(i=>i()),this._views.slice().forEach(i=>i.destroy()),this._onMicrotaskEmptySubscription.unsubscribe()}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(i){return this._destroyListeners.push(i),()=>Oc(this._destroyListeners,i)}destroy(){if(this._destroyed)throw new Q(406,!1);const i=this._injector;i.destroy&&!i.destroyed&&i.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}}return t.\u0275fac=function(i){return new(i||t)(lt(Mr),lt(a),lt(Eu))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();function Oc(t,n){const i=t.indexOf(n);i>-1&&t.splice(i,1)}function FD(){return!1}let ND=(()=>{class t{}return t.__NG_ELEMENT_ID__=LD,t})();function LD(t){return function BD(t,n,i){if(yn(t)&&!i){const r=Ji(t.index,n);return new Mu(r,r)}return 47&t.type?new Mu(n[Ei],n):null}(vn(),V(),16==(16&t))}class w_{constructor(){}supports(n){return rc(n)}create(n){return new $D(n)}}const jD=(t,n)=>n;class $D{constructor(n){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=n||jD}forEachItem(n){let i;for(i=this._itHead;null!==i;i=i._next)n(i)}forEachOperation(n){let i=this._itHead,r=this._removalsHead,u=0,c=null;for(;i||r;){const v=!r||i&&i.currentIndex<A_(r,u,c)?i:r,x=A_(v,u,c),F=v.currentIndex;if(v===r)u--,r=r._nextRemoved;else if(i=i._next,null==v.previousIndex)u++;else{c||(c=[]);const ie=x-u,xe=F-u;if(ie!=xe){for(let mt=0;mt<ie;mt++){const It=mt<c.length?c[mt]:c[mt]=0,Qt=It+mt;xe<=Qt&&Qt<ie&&(c[mt]=It+1)}c[v.previousIndex]=xe-ie}}x!==F&&n(v,x,F)}}forEachPreviousItem(n){let i;for(i=this._previousItHead;null!==i;i=i._nextPrevious)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachMovedItem(n){let i;for(i=this._movesHead;null!==i;i=i._nextMoved)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}forEachIdentityChange(n){let i;for(i=this._identityChangesHead;null!==i;i=i._nextIdentityChange)n(i)}diff(n){if(null==n&&(n=[]),!rc(n))throw new Q(900,!1);return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let u,c,v,i=this._itHead,r=!1;if(Array.isArray(n)){this.length=n.length;for(let x=0;x<this.length;x++)c=n[x],v=this._trackByFn(x,c),null!==i&&Object.is(i.trackById,v)?(r&&(i=this._verifyReinsertion(i,c,v,x)),Object.is(i.item,c)||this._addIdentityChange(i,c)):(i=this._mismatch(i,c,v,x),r=!0),i=i._next}else u=0,function v0(t,n){if(Array.isArray(t))for(let i=0;i<t.length;i++)n(t[i]);else{const i=t[Symbol.iterator]();let r;for(;!(r=i.next()).done;)n(r.value)}}(n,x=>{v=this._trackByFn(u,x),null!==i&&Object.is(i.trackById,v)?(r&&(i=this._verifyReinsertion(i,x,v,u)),Object.is(i.item,x)||this._addIdentityChange(i,x)):(i=this._mismatch(i,x,v,u),r=!0),i=i._next,u++}),this.length=u;return this._truncate(i),this.collection=n,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let n;for(n=this._previousItHead=this._itHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._additionsHead;null!==n;n=n._nextAdded)n.previousIndex=n.currentIndex;for(this._additionsHead=this._additionsTail=null,n=this._movesHead;null!==n;n=n._nextMoved)n.previousIndex=n.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(n,i,r,u){let c;return null===n?c=this._itTail:(c=n._prev,this._remove(n)),null!==(n=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._reinsertAfter(n,c,u)):null!==(n=null===this._linkedRecords?null:this._linkedRecords.get(r,u))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._moveAfter(n,c,u)):n=this._addAfter(new GD(i,r),c,u),n}_verifyReinsertion(n,i,r,u){let c=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null);return null!==c?n=this._reinsertAfter(c,n._prev,u):n.currentIndex!=u&&(n.currentIndex=u,this._addToMoves(n,u)),n}_truncate(n){for(;null!==n;){const i=n._next;this._addToRemovals(this._unlink(n)),n=i}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(n,i,r){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(n);const u=n._prevRemoved,c=n._nextRemoved;return null===u?this._removalsHead=c:u._nextRemoved=c,null===c?this._removalsTail=u:c._prevRemoved=u,this._insertAfter(n,i,r),this._addToMoves(n,r),n}_moveAfter(n,i,r){return this._unlink(n),this._insertAfter(n,i,r),this._addToMoves(n,r),n}_addAfter(n,i,r){return this._insertAfter(n,i,r),this._additionsTail=null===this._additionsTail?this._additionsHead=n:this._additionsTail._nextAdded=n,n}_insertAfter(n,i,r){const u=null===i?this._itHead:i._next;return n._next=u,n._prev=i,null===u?this._itTail=n:u._prev=n,null===i?this._itHead=n:i._next=n,null===this._linkedRecords&&(this._linkedRecords=new x_),this._linkedRecords.put(n),n.currentIndex=r,n}_remove(n){return this._addToRemovals(this._unlink(n))}_unlink(n){null!==this._linkedRecords&&this._linkedRecords.remove(n);const i=n._prev,r=n._next;return null===i?this._itHead=r:i._next=r,null===r?this._itTail=i:r._prev=i,n}_addToMoves(n,i){return n.previousIndex===i||(this._movesTail=null===this._movesTail?this._movesHead=n:this._movesTail._nextMoved=n),n}_addToRemovals(n){return null===this._unlinkedRecords&&(this._unlinkedRecords=new x_),this._unlinkedRecords.put(n),n.currentIndex=null,n._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=n,n._prevRemoved=null):(n._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=n),n}_addIdentityChange(n,i){return n.item=i,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=n:this._identityChangesTail._nextIdentityChange=n,n}}class GD{constructor(n,i){this.item=n,this.trackById=i,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class WD{constructor(){this._head=null,this._tail=null}add(n){null===this._head?(this._head=this._tail=n,n._nextDup=null,n._prevDup=null):(this._tail._nextDup=n,n._prevDup=this._tail,n._nextDup=null,this._tail=n)}get(n,i){let r;for(r=this._head;null!==r;r=r._nextDup)if((null===i||i<=r.currentIndex)&&Object.is(r.trackById,n))return r;return null}remove(n){const i=n._prevDup,r=n._nextDup;return null===i?this._head=r:i._nextDup=r,null===r?this._tail=i:r._prevDup=i,null===this._head}}class x_{constructor(){this.map=new Map}put(n){const i=n.trackById;let r=this.map.get(i);r||(r=new WD,this.map.set(i,r)),r.add(n)}get(n,i){const u=this.map.get(n);return u?u.get(n,i):null}remove(n){const i=n.trackById;return this.map.get(i).remove(n)&&this.map.delete(i),n}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function A_(t,n,i){const r=t.previousIndex;if(null===r)return r;let u=0;return i&&r<i.length&&(u=i[r]),r+n+u}class P_{constructor(){}supports(n){return n instanceof Map||ch(n)}create(){return new YD}}class YD{constructor(){this._records=new Map,this._mapHead=null,this._appendAfter=null,this._previousMapHead=null,this._changesHead=null,this._changesTail=null,this._additionsHead=null,this._additionsTail=null,this._removalsHead=null,this._removalsTail=null}get isDirty(){return null!==this._additionsHead||null!==this._changesHead||null!==this._removalsHead}forEachItem(n){let i;for(i=this._mapHead;null!==i;i=i._next)n(i)}forEachPreviousItem(n){let i;for(i=this._previousMapHead;null!==i;i=i._nextPrevious)n(i)}forEachChangedItem(n){let i;for(i=this._changesHead;null!==i;i=i._nextChanged)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}diff(n){if(n){if(!(n instanceof Map||ch(n)))throw new Q(900,!1)}else n=new Map;return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let i=this._mapHead;if(this._appendAfter=null,this._forEach(n,(r,u)=>{if(i&&i.key===u)this._maybeAddToChanges(i,r),this._appendAfter=i,i=i._next;else{const c=this._getOrCreateRecordForKey(u,r);i=this._insertBeforeOrAppend(i,c)}}),i){i._prev&&(i._prev._next=null),this._removalsHead=i;for(let r=i;null!==r;r=r._nextRemoved)r===this._mapHead&&(this._mapHead=null),this._records.delete(r.key),r._nextRemoved=r._next,r.previousValue=r.currentValue,r.currentValue=null,r._prev=null,r._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(n,i){if(n){const r=n._prev;return i._next=n,i._prev=r,n._prev=i,r&&(r._next=i),n===this._mapHead&&(this._mapHead=i),this._appendAfter=n,n}return this._appendAfter?(this._appendAfter._next=i,i._prev=this._appendAfter):this._mapHead=i,this._appendAfter=i,null}_getOrCreateRecordForKey(n,i){if(this._records.has(n)){const u=this._records.get(n);this._maybeAddToChanges(u,i);const c=u._prev,v=u._next;return c&&(c._next=v),v&&(v._prev=c),u._next=null,u._prev=null,u}const r=new ZD(n);return this._records.set(n,r),r.currentValue=i,this._addToAdditions(r),r}_reset(){if(this.isDirty){let n;for(this._previousMapHead=this._mapHead,n=this._previousMapHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._changesHead;null!==n;n=n._nextChanged)n.previousValue=n.currentValue;for(n=this._additionsHead;null!=n;n=n._nextAdded)n.previousValue=n.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(n,i){Object.is(i,n.currentValue)||(n.previousValue=n.currentValue,n.currentValue=i,this._addToChanges(n))}_addToAdditions(n){null===this._additionsHead?this._additionsHead=this._additionsTail=n:(this._additionsTail._nextAdded=n,this._additionsTail=n)}_addToChanges(n){null===this._changesHead?this._changesHead=this._changesTail=n:(this._changesTail._nextChanged=n,this._changesTail=n)}_forEach(n,i){n instanceof Map?n.forEach(i):Object.keys(n).forEach(r=>i(n[r],r))}}class ZD{constructor(n){this.key=n,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function S_(){return new cf([new w_])}let cf=(()=>{class t{constructor(i){this.factories=i}static create(i,r){if(null!=r){const u=r.factories.slice();i=i.concat(u)}return new t(i)}static extend(i){return{provide:t,useFactory:r=>t.create(i,r||S_()),deps:[[t,new Wi,new pr]]}}find(i){const r=this.factories.find(u=>u.supports(i));if(null!=r)return r;throw new Q(901,!1)}}return t.\u0275prov=Et({token:t,providedIn:"root",factory:S_}),t})();function I_(){return new df([new P_])}let df=(()=>{class t{constructor(i){this.factories=i}static create(i,r){if(r){const u=r.factories.slice();i=i.concat(u)}return new t(i)}static extend(i){return{provide:t,useFactory:r=>t.create(i,r||I_()),deps:[[t,new Wi,new pr]]}}find(i){const r=this.factories.find(u=>u.supports(i));if(r)return r;throw new Q(901,!1)}}return t.\u0275prov=Et({token:t,providedIn:"root",factory:I_}),t})();const JD=m_(null,"core",[]);let QD=(()=>{class t{constructor(i){}}return t.\u0275fac=function(i){return new(i||t)(lt(Mc))},t.\u0275mod=ln({type:t}),t.\u0275inj=St({}),t})();function qD(t){return"boolean"==typeof t?t:null!=t&&"false"!==t}},8942:(Ve,ae,s)=>{"use strict";s.d(ae,{gN:()=>sn,Fj:()=>ue,NI:()=>oi,oH:()=>mn,u:()=>so,cw:()=>re,sg:()=>Kn,u5:()=>gt,JU:()=>y,a5:()=>_n,JJ:()=>Te,JL:()=>Pe,On:()=>Me,UX:()=>bt,_Y:()=>ee});var e=s(4537),o=s(8692),p=s(6666),_=s(882),g=s(9796),f=s(8002),m=s(1555);function O(k,A){return new _.y(I=>{const V=k.length;if(0===V)return void I.complete();const ft=new Array(V);let an=0,bn=0;for(let vn=0;vn<V;vn++){const $n=(0,p.D)(k[vn]);let Xn=!1;I.add($n.subscribe({next:ri=>{Xn||(Xn=!0,bn++),ft[vn]=ri},error:ri=>I.error(ri),complete:()=>{an++,(an===V||!Xn)&&(bn===V&&I.next(A?A.reduce((ri,Ln,wi)=>(ri[Ln]=ft[wi],ri),{}):ft),I.complete())}}))}})}let w=(()=>{class k{constructor(I,V){this._renderer=I,this._elementRef=V,this.onChange=ft=>{},this.onTouched=()=>{}}setProperty(I,V){this._renderer.setProperty(this._elementRef.nativeElement,I,V)}registerOnTouched(I){this.onTouched=I}registerOnChange(I){this.onChange=I}setDisabledState(I){this.setProperty("disabled",I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(e.Qsj),e.Y36(e.SBq))},k.\u0275dir=e.lG2({type:k}),k})(),S=(()=>{class k extends w{}return k.\u0275fac=function(){let A;return function(V){return(A||(A=e.n5z(k)))(V||k)}}(),k.\u0275dir=e.lG2({type:k,features:[e.qOj]}),k})();const y=new e.OlP("NgValueAccessor"),Z={provide:y,useExisting:(0,e.Gpc)(()=>ue),multi:!0},Q=new e.OlP("CompositionEventMode");let ue=(()=>{class k extends w{constructor(I,V,ft){super(I,V),this._compositionMode=ft,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function le(){const k=(0,o.q)()?(0,o.q)().getUserAgent():"";return/android (\d+)/.test(k.toLowerCase())}())}writeValue(I){this.setProperty("value",null==I?"":I)}_handleInput(I){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(I)}_compositionStart(){this._composing=!0}_compositionEnd(I){this._composing=!1,this._compositionMode&&this.onChange(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(e.Qsj),e.Y36(e.SBq),e.Y36(Q,8))},k.\u0275dir=e.lG2({type:k,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(I,V){1&I&&e.NdJ("input",function(an){return V._handleInput(an.target.value)})("blur",function(){return V.onTouched()})("compositionstart",function(){return V._compositionStart()})("compositionend",function(an){return V._compositionEnd(an.target.value)})},features:[e._Bn([Z]),e.qOj]}),k})();const de=!1,K=new e.OlP("NgValidators"),ne=new e.OlP("NgAsyncValidators");function Re(k){return null!=k}function q(k){const A=(0,e.QGY)(k)?(0,p.D)(k):k;if(de&&!(0,e.CqO)(A)){let I="Expected async validator to return Promise or Observable.";throw"object"==typeof k&&(I+=" Are you using a synchronous validator where an async validator is expected?"),new e.vHH(-1101,I)}return A}function ce(k){let A={};return k.forEach(I=>{A=null!=I?{...A,...I}:A}),0===Object.keys(A).length?null:A}function be(k,A){return A.map(I=>I(k))}function _e(k){return k.map(A=>function N(k){return!k.validate}(A)?A:I=>A.validate(I))}function Ct(k){return null!=k?function ze(k){if(!k)return null;const A=k.filter(Re);return 0==A.length?null:function(I){return ce(be(I,A))}}(_e(k)):null}function Gt(k){return null!=k?function Et(k){if(!k)return null;const A=k.filter(Re);return 0==A.length?null:function(I){return function C(...k){if(1===k.length){const A=k[0];if((0,g.k)(A))return O(A,null);if((0,m.K)(A)&&Object.getPrototypeOf(A)===Object.prototype){const I=Object.keys(A);return O(I.map(V=>A[V]),I)}}if("function"==typeof k[k.length-1]){const A=k.pop();return O(k=1===k.length&&(0,g.k)(k[0])?k[0]:k,null).pipe((0,f.U)(I=>A(...I)))}return O(k,null)}(be(I,A).map(q)).pipe((0,f.U)(ce))}}(_e(k)):null}function St(k,A){return null===k?[A]:Array.isArray(k)?[...k,A]:[k,A]}function qt(k){return k._rawValidators}function Ot(k){return k._rawAsyncValidators}function Ht(k){return k?Array.isArray(k)?k:[k]:[]}function Pt(k,A){return Array.isArray(k)?k.includes(A):k===A}function Tt(k,A){const I=Ht(A);return Ht(k).forEach(ft=>{Pt(I,ft)||I.push(ft)}),I}function xt(k,A){return Ht(A).filter(I=>!Pt(k,I))}class Wt{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(A){this._rawValidators=A||[],this._composedValidatorFn=Ct(this._rawValidators)}_setAsyncValidators(A){this._rawAsyncValidators=A||[],this._composedAsyncValidatorFn=Gt(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(A){this._onDestroyCallbacks.push(A)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(A=>A()),this._onDestroyCallbacks=[]}reset(A){this.control&&this.control.reset(A)}hasError(A,I){return!!this.control&&this.control.hasError(A,I)}getError(A,I){return this.control?this.control.getError(A,I):null}}class sn extends Wt{get formDirective(){return null}get path(){return null}}class _n extends Wt{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class Jt{constructor(A){this._cd=A}get isTouched(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.touched)}get isUntouched(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.untouched)}get isPristine(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.pristine)}get isDirty(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.dirty)}get isValid(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.valid)}get isInvalid(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.invalid)}get isPending(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.pending)}get isSubmitted(){var A;return!(null===(A=this._cd)||void 0===A||!A.submitted)}}let Te=(()=>{class k extends Jt{constructor(I){super(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(_n,2))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(I,V){2&I&&e.ekj("ng-untouched",V.isUntouched)("ng-touched",V.isTouched)("ng-pristine",V.isPristine)("ng-dirty",V.isDirty)("ng-valid",V.isValid)("ng-invalid",V.isInvalid)("ng-pending",V.isPending)},features:[e.qOj]}),k})(),Pe=(()=>{class k extends Jt{constructor(I){super(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,10))},k.\u0275dir=e.lG2({type:k,selectors:[["","formGroupName",""],["","formArrayName",""],["","ngModelGroup",""],["","formGroup",""],["form",3,"ngNoForm",""],["","ngForm",""]],hostVars:16,hostBindings:function(I,V){2&I&&e.ekj("ng-untouched",V.isUntouched)("ng-touched",V.isTouched)("ng-pristine",V.isPristine)("ng-dirty",V.isDirty)("ng-valid",V.isValid)("ng-invalid",V.isInvalid)("ng-pending",V.isPending)("ng-submitted",V.isSubmitted)},features:[e.qOj]}),k})();function Yt(k,A){return k?`with name: '${A}'`:`at index: ${A}`}const st=!1,it="VALID",W="INVALID",$="PENDING",Ne="DISABLED";function De(k){return(At(k)?k.validators:k)||null}function ct(k,A){return(At(A)?A.asyncValidators:k)||null}function At(k){return null!=k&&!Array.isArray(k)&&"object"==typeof k}class se{constructor(A,I){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(A),this._assignAsyncValidators(I)}get validator(){return this._composedValidatorFn}set validator(A){this._rawValidators=this._composedValidatorFn=A}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(A){this._rawAsyncValidators=this._composedAsyncValidatorFn=A}get parent(){return this._parent}get valid(){return this.status===it}get invalid(){return this.status===W}get pending(){return this.status==$}get disabled(){return this.status===Ne}get enabled(){return this.status!==Ne}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(A){this._assignValidators(A)}setAsyncValidators(A){this._assignAsyncValidators(A)}addValidators(A){this.setValidators(Tt(A,this._rawValidators))}addAsyncValidators(A){this.setAsyncValidators(Tt(A,this._rawAsyncValidators))}removeValidators(A){this.setValidators(xt(A,this._rawValidators))}removeAsyncValidators(A){this.setAsyncValidators(xt(A,this._rawAsyncValidators))}hasValidator(A){return Pt(this._rawValidators,A)}hasAsyncValidator(A){return Pt(this._rawAsyncValidators,A)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(A={}){this.touched=!0,this._parent&&!A.onlySelf&&this._parent.markAsTouched(A)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(A=>A.markAllAsTouched())}markAsUntouched(A={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(I=>{I.markAsUntouched({onlySelf:!0})}),this._parent&&!A.onlySelf&&this._parent._updateTouched(A)}markAsDirty(A={}){this.pristine=!1,this._parent&&!A.onlySelf&&this._parent.markAsDirty(A)}markAsPristine(A={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(I=>{I.markAsPristine({onlySelf:!0})}),this._parent&&!A.onlySelf&&this._parent._updatePristine(A)}markAsPending(A={}){this.status=$,!1!==A.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!A.onlySelf&&this._parent.markAsPending(A)}disable(A={}){const I=this._parentMarkedDirty(A.onlySelf);this.status=Ne,this.errors=null,this._forEachChild(V=>{V.disable({...A,onlySelf:!0})}),this._updateValue(),!1!==A.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...A,skipPristineCheck:I}),this._onDisabledChange.forEach(V=>V(!0))}enable(A={}){const I=this._parentMarkedDirty(A.onlySelf);this.status=it,this._forEachChild(V=>{V.enable({...A,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:A.emitEvent}),this._updateAncestors({...A,skipPristineCheck:I}),this._onDisabledChange.forEach(V=>V(!1))}_updateAncestors(A){this._parent&&!A.onlySelf&&(this._parent.updateValueAndValidity(A),A.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(A){this._parent=A}getRawValue(){return this.value}updateValueAndValidity(A={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===it||this.status===$)&&this._runAsyncValidator(A.emitEvent)),!1!==A.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!A.onlySelf&&this._parent.updateValueAndValidity(A)}_updateTreeValidity(A={emitEvent:!0}){this._forEachChild(I=>I._updateTreeValidity(A)),this.updateValueAndValidity({onlySelf:!0,emitEvent:A.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?Ne:it}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(A){if(this.asyncValidator){this.status=$,this._hasOwnPendingAsyncValidator=!0;const I=q(this.asyncValidator(this));this._asyncValidationSubscription=I.subscribe(V=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(V,{emitEvent:A})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(A,I={}){this.errors=A,this._updateControlsErrors(!1!==I.emitEvent)}get(A){let I=A;return null==I||(Array.isArray(I)||(I=I.split(".")),0===I.length)?null:I.reduce((V,ft)=>V&&V._find(ft),this)}getError(A,I){const V=I?this.get(I):this;return V&&V.errors?V.errors[A]:null}hasError(A,I){return!!this.getError(A,I)}get root(){let A=this;for(;A._parent;)A=A._parent;return A}_updateControlsErrors(A){this.status=this._calculateStatus(),A&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(A)}_initObservables(){this.valueChanges=new e.vpe,this.statusChanges=new e.vpe}_calculateStatus(){return this._allControlsDisabled()?Ne:this.errors?W:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus($)?$:this._anyControlsHaveStatus(W)?W:it}_anyControlsHaveStatus(A){return this._anyControls(I=>I.status===A)}_anyControlsDirty(){return this._anyControls(A=>A.dirty)}_anyControlsTouched(){return this._anyControls(A=>A.touched)}_updatePristine(A={}){this.pristine=!this._anyControlsDirty(),this._parent&&!A.onlySelf&&this._parent._updatePristine(A)}_updateTouched(A={}){this.touched=this._anyControlsTouched(),this._parent&&!A.onlySelf&&this._parent._updateTouched(A)}_registerOnCollectionChange(A){this._onCollectionChange=A}_setUpdateStrategy(A){At(A)&&null!=A.updateOn&&(this._updateOn=A.updateOn)}_parentMarkedDirty(A){return!A&&!(!this._parent||!this._parent.dirty)&&!this._parent._anyControlsDirty()}_find(A){return null}_assignValidators(A){this._rawValidators=Array.isArray(A)?A.slice():A,this._composedValidatorFn=function pt(k){return Array.isArray(k)?Ct(k):k||null}(this._rawValidators)}_assignAsyncValidators(A){this._rawAsyncValidators=Array.isArray(A)?A.slice():A,this._composedAsyncValidatorFn=function _t(k){return Array.isArray(k)?Gt(k):k||null}(this._rawAsyncValidators)}}class re extends se{constructor(A,I,V){super(De(I),ct(V,I)),this.controls=A,this._initObservables(),this._setUpdateStrategy(I),this._setUpControls(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator})}registerControl(A,I){return this.controls[A]?this.controls[A]:(this.controls[A]=I,I.setParent(this),I._registerOnCollectionChange(this._onCollectionChange),I)}addControl(A,I,V={}){this.registerControl(A,I),this.updateValueAndValidity({emitEvent:V.emitEvent}),this._onCollectionChange()}removeControl(A,I={}){this.controls[A]&&this.controls[A]._registerOnCollectionChange(()=>{}),delete this.controls[A],this.updateValueAndValidity({emitEvent:I.emitEvent}),this._onCollectionChange()}setControl(A,I,V={}){this.controls[A]&&this.controls[A]._registerOnCollectionChange(()=>{}),delete this.controls[A],I&&this.registerControl(A,I),this.updateValueAndValidity({emitEvent:V.emitEvent}),this._onCollectionChange()}contains(A){return this.controls.hasOwnProperty(A)&&this.controls[A].enabled}setValue(A,I={}){(function Be(k,A,I){k._forEachChild((V,ft)=>{if(void 0===I[ft])throw new e.vHH(1002,st?function ot(k,A){return`Must supply a value for form control ${Yt(k,A)}`}(A,ft):"")})})(this,!0,A),Object.keys(A).forEach(V=>{(function Se(k,A,I){const V=k.controls;if(!(A?Object.keys(V):V).length)throw new e.vHH(1e3,st?function Qe(k){return`\n    There are no form controls registered with this ${k?"group":"array"} yet. If you're using ngModel,\n    you may want to check next tick (e.g. use setTimeout).\n  `}(A):"");if(!V[I])throw new e.vHH(1001,st?function lt(k,A){return`Cannot find form control ${Yt(k,A)}`}(A,I):"")})(this,!0,V),this.controls[V].setValue(A[V],{onlySelf:!0,emitEvent:I.emitEvent})}),this.updateValueAndValidity(I)}patchValue(A,I={}){null!=A&&(Object.keys(A).forEach(V=>{const ft=this.controls[V];ft&&ft.patchValue(A[V],{onlySelf:!0,emitEvent:I.emitEvent})}),this.updateValueAndValidity(I))}reset(A={},I={}){this._forEachChild((V,ft)=>{V.reset(A[ft],{onlySelf:!0,emitEvent:I.emitEvent})}),this._updatePristine(I),this._updateTouched(I),this.updateValueAndValidity(I)}getRawValue(){return this._reduceChildren({},(A,I,V)=>(A[V]=I.getRawValue(),A))}_syncPendingControls(){let A=this._reduceChildren(!1,(I,V)=>!!V._syncPendingControls()||I);return A&&this.updateValueAndValidity({onlySelf:!0}),A}_forEachChild(A){Object.keys(this.controls).forEach(I=>{const V=this.controls[I];V&&A(V,I)})}_setUpControls(){this._forEachChild(A=>{A.setParent(this),A._registerOnCollectionChange(this._onCollectionChange)})}_updateValue(){this.value=this._reduceValue()}_anyControls(A){for(const[I,V]of Object.entries(this.controls))if(this.contains(I)&&A(V))return!0;return!1}_reduceValue(){return this._reduceChildren({},(I,V,ft)=>((V.enabled||this.disabled)&&(I[ft]=V.value),I))}_reduceChildren(A,I){let V=A;return this._forEachChild((ft,an)=>{V=I(V,ft,an)}),V}_allControlsDisabled(){for(const A of Object.keys(this.controls))if(this.controls[A].enabled)return!1;return Object.keys(this.controls).length>0||this.disabled}_find(A){return this.controls.hasOwnProperty(A)?this.controls[A]:null}}const rt=new e.OlP("CallSetDisabledState",{providedIn:"root",factory:()=>at}),at="always";function He(k,A){return[...A.path,k]}function zt(k,A,I=at){var V,ft;en(k,A),A.valueAccessor.writeValue(k.value),(k.disabled||"always"===I)&&(null===(V=(ft=A.valueAccessor).setDisabledState)||void 0===V||V.call(ft,k.disabled)),function nn(k,A){A.valueAccessor.registerOnChange(I=>{k._pendingValue=I,k._pendingChange=!0,k._pendingDirty=!0,"change"===k.updateOn&&fn(k,A)})}(k,A),function dn(k,A){const I=(V,ft)=>{A.valueAccessor.writeValue(V),ft&&A.viewToModelUpdate(V)};k.registerOnChange(I),A._registerOnDestroy(()=>{k._unregisterOnChange(I)})}(k,A),function on(k,A){A.valueAccessor.registerOnTouched(()=>{k._pendingTouched=!0,"blur"===k.updateOn&&k._pendingChange&&fn(k,A),"submit"!==k.updateOn&&k.markAsTouched()})}(k,A),function Rt(k,A){if(A.valueAccessor.setDisabledState){const I=V=>{A.valueAccessor.setDisabledState(V)};k.registerOnDisabledChange(I),A._registerOnDestroy(()=>{k._unregisterOnDisabledChange(I)})}}(k,A)}function tn(k,A,I=!0){const V=()=>{};A.valueAccessor&&(A.valueAccessor.registerOnChange(V),A.valueAccessor.registerOnTouched(V)),Ft(k,A),k&&(A._invokeOnDestroyCallbacks(),k._registerOnCollectionChange(()=>{}))}function ln(k,A){k.forEach(I=>{I.registerOnValidatorChange&&I.registerOnValidatorChange(A)})}function en(k,A){const I=qt(k);null!==A.validator?k.setValidators(St(I,A.validator)):"function"==typeof I&&k.setValidators([I]);const V=Ot(k);null!==A.asyncValidator?k.setAsyncValidators(St(V,A.asyncValidator)):"function"==typeof V&&k.setAsyncValidators([V]);const ft=()=>k.updateValueAndValidity();ln(A._rawValidators,ft),ln(A._rawAsyncValidators,ft)}function Ft(k,A){let I=!1;if(null!==k){if(null!==A.validator){const ft=qt(k);if(Array.isArray(ft)&&ft.length>0){const an=ft.filter(bn=>bn!==A.validator);an.length!==ft.length&&(I=!0,k.setValidators(an))}}if(null!==A.asyncValidator){const ft=Ot(k);if(Array.isArray(ft)&&ft.length>0){const an=ft.filter(bn=>bn!==A.asyncValidator);an.length!==ft.length&&(I=!0,k.setAsyncValidators(an))}}}const V=()=>{};return ln(A._rawValidators,V),ln(A._rawAsyncValidators,V),I}function fn(k,A){k._pendingDirty&&k.markAsDirty(),k.setValue(k._pendingValue,{emitModelToViewChange:!1}),A.viewToModelUpdate(k._pendingValue),k._pendingChange=!1}function wn(k,A){if(!k.hasOwnProperty("model"))return!1;const I=k.model;return!!I.isFirstChange()||!Object.is(A,I.currentValue)}function yi(k,A){if(!A)return null;let I,V,ft;return Array.isArray(A),A.forEach(an=>{an.constructor===ue?I=an:function ti(k){return Object.getPrototypeOf(k.constructor)===S}(an)?V=an:ft=an}),ft||V||I||null}function Sn(k,A){const I=k.indexOf(A);I>-1&&k.splice(I,1)}function zn(k){return"object"==typeof k&&null!==k&&2===Object.keys(k).length&&"value"in k&&"disabled"in k}const oi=class extends se{constructor(A=null,I,V){super(De(I),ct(V,I)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(A),this._setUpdateStrategy(I),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),At(I)&&(I.nonNullable||I.initialValueIsDefault)&&(this.defaultValue=zn(A)?A.value:A)}setValue(A,I={}){this.value=this._pendingValue=A,this._onChange.length&&!1!==I.emitModelToViewChange&&this._onChange.forEach(V=>V(this.value,!1!==I.emitViewToModelChange)),this.updateValueAndValidity(I)}patchValue(A,I={}){this.setValue(A,I)}reset(A=this.defaultValue,I={}){this._applyFormState(A),this.markAsPristine(I),this.markAsUntouched(I),this.setValue(this.value,I),this._pendingChange=!1}_updateValue(){}_anyControls(A){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(A){this._onChange.push(A)}_unregisterOnChange(A){Sn(this._onChange,A)}registerOnDisabledChange(A){this._onDisabledChange.push(A)}_unregisterOnDisabledChange(A){Sn(this._onDisabledChange,A)}_forEachChild(A){}_syncPendingControls(){return!("submit"!==this.updateOn||(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),!this._pendingChange)||(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),0))}_applyFormState(A){zn(A)?(this.value=this._pendingValue=A.value,A.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=A}},fi={provide:_n,useExisting:(0,e.Gpc)(()=>Me)},Ut=(()=>Promise.resolve())();let Me=(()=>{class k extends _n{constructor(I,V,ft,an,bn,vn){super(),this._changeDetectorRef=bn,this.callSetDisabledState=vn,this.control=new oi,this._registered=!1,this.update=new e.vpe,this._parent=I,this._setValidators(V),this._setAsyncValidators(ft),this.valueAccessor=yi(0,an)}ngOnChanges(I){if(this._checkForErrors(),!this._registered||"name"in I){if(this._registered&&(this._checkName(),this.formDirective)){const V=I.name.previousValue;this.formDirective.removeControl({name:V,path:this._getPath(V)})}this._setUpControl()}"isDisabled"in I&&this._updateDisabled(I),wn(I,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&null!=this.options.updateOn&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!(!this.options||!this.options.standalone)}_setUpStandalone(){zt(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),this._isStandalone()}_updateValue(I){Ut.then(()=>{var V;this.control.setValue(I,{emitViewToModelChange:!1}),null===(V=this._changeDetectorRef)||void 0===V||V.markForCheck()})}_updateDisabled(I){const V=I.isDisabled.currentValue,ft=0!==V&&(0,e.D6c)(V);Ut.then(()=>{var an;ft&&!this.control.disabled?this.control.disable():!ft&&this.control.disabled&&this.control.enable(),null===(an=this._changeDetectorRef)||void 0===an||an.markForCheck()})}_getPath(I){return this._parent?He(I,this._parent):[I]}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,9),e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(e.sBO,8),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[e._Bn([fi]),e.qOj,e.TTD]}),k})(),ee=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275dir=e.lG2({type:k,selectors:[["form",3,"ngNoForm","",3,"ngNativeValidate",""]],hostAttrs:["novalidate",""]}),k})(),Lt=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({}),k})();const tt=new e.OlP("NgModelWithFormControlWarning"),Kt={provide:_n,useExisting:(0,e.Gpc)(()=>mn)};let mn=(()=>{class k extends _n{set isDisabled(I){}constructor(I,V,ft,an,bn){super(),this._ngModelWarningConfig=an,this.callSetDisabledState=bn,this.update=new e.vpe,this._ngModelWarningSent=!1,this._setValidators(I),this._setAsyncValidators(V),this.valueAccessor=yi(0,ft)}ngOnChanges(I){if(this._isControlChanged(I)){const V=I.form.previousValue;V&&tn(V,this,!1),zt(this.form,this,this.callSetDisabledState),this.form.updateValueAndValidity({emitEvent:!1})}wn(I,this.viewModel)&&(this.form.setValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.form&&tn(this.form,this,!1)}get path(){return[]}get control(){return this.form}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}_isControlChanged(I){return I.hasOwnProperty("form")}}return k._ngModelWarningSentOnce=!1,k.\u0275fac=function(I){return new(I||k)(e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(tt,8),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControl",""]],inputs:{form:["formControl","form"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},exportAs:["ngForm"],features:[e._Bn([Kt]),e.qOj,e.TTD]}),k})();const jn={provide:sn,useExisting:(0,e.Gpc)(()=>Kn)};let Kn=(()=>{class k extends sn{constructor(I,V,ft){super(),this.callSetDisabledState=ft,this.submitted=!1,this._onCollectionChange=()=>this._updateDomValue(),this.directives=[],this.form=null,this.ngSubmit=new e.vpe,this._setValidators(I),this._setAsyncValidators(V)}ngOnChanges(I){this._checkFormPresent(),I.hasOwnProperty("form")&&(this._updateValidators(),this._updateDomValue(),this._updateRegistrations(),this._oldForm=this.form)}ngOnDestroy(){this.form&&(Ft(this.form,this),this.form._onCollectionChange===this._onCollectionChange&&this.form._registerOnCollectionChange(()=>{}))}get formDirective(){return this}get control(){return this.form}get path(){return[]}addControl(I){const V=this.form.get(I.path);return zt(V,I,this.callSetDisabledState),V.updateValueAndValidity({emitEvent:!1}),this.directives.push(I),V}getControl(I){return this.form.get(I.path)}removeControl(I){tn(I.control||null,I,!1),function hi(k,A){const I=k.indexOf(A);I>-1&&k.splice(I,1)}(this.directives,I)}addFormGroup(I){this._setUpFormContainer(I)}removeFormGroup(I){this._cleanUpFormContainer(I)}getFormGroup(I){return this.form.get(I.path)}addFormArray(I){this._setUpFormContainer(I)}removeFormArray(I){this._cleanUpFormContainer(I)}getFormArray(I){return this.form.get(I.path)}updateModel(I,V){this.form.get(I.path).setValue(V)}onSubmit(I){var V;return this.submitted=!0,function ai(k,A){k._syncPendingControls(),A.forEach(I=>{const V=I.control;"submit"===V.updateOn&&V._pendingChange&&(I.viewToModelUpdate(V._pendingValue),V._pendingChange=!1)})}(this.form,this.directives),this.ngSubmit.emit(I),"dialog"===(null==I||null===(V=I.target)||void 0===V?void 0:V.method)}onReset(){this.resetForm()}resetForm(I){this.form.reset(I),this.submitted=!1}_updateDomValue(){this.directives.forEach(I=>{const V=I.control,ft=this.form.get(I.path);V!==ft&&(tn(V||null,I),(k=>k instanceof oi)(ft)&&(zt(ft,I,this.callSetDisabledState),I.control=ft))}),this.form._updateTreeValidity({emitEvent:!1})}_setUpFormContainer(I){const V=this.form.get(I.path);(function Dn(k,A){en(k,A)})(V,I),V.updateValueAndValidity({emitEvent:!1})}_cleanUpFormContainer(I){if(this.form){const V=this.form.get(I.path);V&&function Cn(k,A){return Ft(k,A)}(V,I)&&V.updateValueAndValidity({emitEvent:!1})}}_updateRegistrations(){this.form._registerOnCollectionChange(this._onCollectionChange),this._oldForm&&this._oldForm._registerOnCollectionChange(()=>{})}_updateValidators(){en(this.form,this),this._oldForm&&Ft(this._oldForm,this)}_checkFormPresent(){}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(K,10),e.Y36(ne,10),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formGroup",""]],hostBindings:function(I,V){1&I&&e.NdJ("submit",function(an){return V.onSubmit(an)})("reset",function(){return V.onReset()})},inputs:{form:["formGroup","form"]},outputs:{ngSubmit:"ngSubmit"},exportAs:["ngForm"],features:[e._Bn([jn]),e.qOj,e.TTD]}),k})();const er={provide:_n,useExisting:(0,e.Gpc)(()=>so)};let so=(()=>{class k extends _n{set isDisabled(I){}constructor(I,V,ft,an,bn){super(),this._ngModelWarningConfig=bn,this._added=!1,this.update=new e.vpe,this._ngModelWarningSent=!1,this._parent=I,this._setValidators(V),this._setAsyncValidators(ft),this.valueAccessor=yi(0,an)}ngOnChanges(I){this._added||this._setUpControl(),wn(I,this.viewModel)&&(this.viewModel=this.model,this.formDirective.updateModel(this,this.model))}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}get path(){return He(null==this.name?this.name:this.name.toString(),this._parent)}get formDirective(){return this._parent?this._parent.formDirective:null}_checkParentType(){}_setUpControl(){this._checkParentType(),this.control=this.formDirective.addControl(this),this._added=!0}}return k._ngModelWarningSentOnce=!1,k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,13),e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(tt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControlName",""]],inputs:{name:["formControlName","name"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},features:[e._Bn([er]),e.qOj,e.TTD]}),k})(),Do=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Lt]}),k})(),gt=(()=>{class k{static withConfig(I){var V;return{ngModule:k,providers:[{provide:rt,useValue:null!==(V=I.callSetDisabledState)&&void 0!==V?V:at}]}}}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Do]}),k})(),bt=(()=>{class k{static withConfig(I){var V,ft;return{ngModule:k,providers:[{provide:tt,useValue:null!==(V=I.warnOnNgModelWithFormControl)&&void 0!==V?V:"always"},{provide:rt,useValue:null!==(ft=I.callSetDisabledState)&&void 0!==ft?ft:at}]}}}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Do]}),k})()},5998:(Ve,ae,s)=>{"use strict";s.d(ae,{Dx:()=>ke,H7:()=>_t,b2:()=>ut,q6:()=>sn,s3:()=>z,se:()=>G});var e=s(8692),o=s(4537);class p extends e.w_{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class _ extends p{static makeCurrent(){(0,e.HT)(new _)}onAndCancel(re,Y,fe){return re.addEventListener(Y,fe,!1),()=>{re.removeEventListener(Y,fe,!1)}}dispatchEvent(re,Y){re.dispatchEvent(Y)}remove(re){re.parentNode&&re.parentNode.removeChild(re)}createElement(re,Y){return(Y=Y||this.getDefaultDocument()).createElement(re)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(re){return re.nodeType===Node.ELEMENT_NODE}isShadowRoot(re){return re instanceof DocumentFragment}getGlobalEventTarget(re,Y){return"window"===Y?window:"document"===Y?re:"body"===Y?re.body:null}getBaseHref(re){const Y=function f(){return g=g||document.querySelector("base"),g?g.getAttribute("href"):null}();return null==Y?null:function C(se){m=m||document.createElement("a"),m.setAttribute("href",se);const re=m.pathname;return"/"===re.charAt(0)?re:`/${re}`}(Y)}resetBaseElement(){g=null}getUserAgent(){return window.navigator.userAgent}getCookie(re){return(0,e.Mx)(document.cookie,re)}}let m,g=null;const O=new o.OlP("TRANSITION_ID"),S=[{provide:o.ip1,useFactory:function w(se,re,Y){return()=>{Y.get(o.CZH).donePromise.then(()=>{const fe=(0,e.q)(),Ue=re.querySelectorAll(`style[ng-transition="${se}"]`);for(let dt=0;dt<Ue.length;dt++)fe.remove(Ue[dt])})}},deps:[O,e.K0,o.zs3],multi:!0}];let U=(()=>{class se{build(){return new XMLHttpRequest}}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const z=new o.OlP("EventManagerPlugins");let Z=(()=>{class se{constructor(Y,fe){this._zone=fe,this._eventNameToPlugin=new Map,Y.forEach(Ue=>{Ue.manager=this}),this._plugins=Y.slice().reverse()}addEventListener(Y,fe,Ue){return this._findPluginFor(fe).addEventListener(Y,fe,Ue)}addGlobalEventListener(Y,fe,Ue){return this._findPluginFor(fe).addGlobalEventListener(Y,fe,Ue)}getZone(){return this._zone}_findPluginFor(Y){const fe=this._eventNameToPlugin.get(Y);if(fe)return fe;const Ue=this._plugins;for(let dt=0;dt<Ue.length;dt++){const rt=Ue[dt];if(rt.supports(Y))return this._eventNameToPlugin.set(Y,rt),rt}throw new Error(`No event manager plugin found for event ${Y}`)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(z),o.LFG(o.R0b))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();class le{constructor(re){this._doc=re}addGlobalEventListener(re,Y,fe){const Ue=(0,e.q)().getGlobalEventTarget(this._doc,re);if(!Ue)throw new Error(`Unsupported event target ${Ue} for event ${Y}`);return this.addEventListener(Ue,Y,fe)}}let Q=(()=>{class se{constructor(){this.usageCount=new Map}addStyles(Y){for(const fe of Y)1===this.changeUsageCount(fe,1)&&this.onStyleAdded(fe)}removeStyles(Y){for(const fe of Y)0===this.changeUsageCount(fe,-1)&&this.onStyleRemoved(fe)}onStyleRemoved(Y){}onStyleAdded(Y){}getAllStyles(){return this.usageCount.keys()}changeUsageCount(Y,fe){var Ue;const dt=this.usageCount;let rt=null!==(Ue=dt.get(Y))&&void 0!==Ue?Ue:0;return rt+=fe,rt>0?dt.set(Y,rt):dt.delete(Y),rt}ngOnDestroy(){for(const Y of this.getAllStyles())this.onStyleRemoved(Y);this.usageCount.clear()}}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})(),ue=(()=>{class se extends Q{constructor(Y){super(),this.doc=Y,this.styleRef=new Map,this.hostNodes=new Set,this.resetHostNodes()}onStyleAdded(Y){for(const fe of this.hostNodes)this.addStyleToHost(fe,Y)}onStyleRemoved(Y){const fe=this.styleRef,Ue=fe.get(Y);null==Ue||Ue.forEach(dt=>dt.remove()),fe.delete(Y)}ngOnDestroy(){super.ngOnDestroy(),this.styleRef.clear(),this.resetHostNodes()}addHost(Y){this.hostNodes.add(Y);for(const fe of this.getAllStyles())this.addStyleToHost(Y,fe)}removeHost(Y){this.hostNodes.delete(Y)}addStyleToHost(Y,fe){const Ue=this.doc.createElement("style");Ue.textContent=fe,Y.appendChild(Ue);const dt=this.styleRef.get(fe);dt?dt.push(Ue):this.styleRef.set(fe,[Ue])}resetHostNodes(){const Y=this.hostNodes;Y.clear(),Y.add(this.doc.head)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const de={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},X=/%COMP%/g,K="%COMP%",ne=`_nghost-${K}`,We=`_ngcontent-${K}`,Je=new o.OlP("RemoveStylesOnCompDestory",{providedIn:"root",factory:()=>!1});function $e(se,re){return re.flat(100).map(Y=>Y.replace(X,se))}function Ie(se){return re=>{if("__ngUnwrap__"===re)return se;!1===se(re)&&(re.preventDefault(),re.returnValue=!1)}}let G=(()=>{class se{constructor(Y,fe,Ue,dt){this.eventManager=Y,this.sharedStylesHost=fe,this.appId=Ue,this.removeStylesOnCompDestory=dt,this.rendererByCompId=new Map,this.defaultRenderer=new he(Y)}createRenderer(Y,fe){if(!Y||!fe)return this.defaultRenderer;const Ue=this.getOrCreateRenderer(Y,fe);return Ue instanceof be?Ue.applyToHost(Y):Ue instanceof ce&&Ue.applyStyles(),Ue}getOrCreateRenderer(Y,fe){const Ue=this.rendererByCompId;let dt=Ue.get(fe.id);if(!dt){const rt=this.eventManager,at=this.sharedStylesHost,He=this.removeStylesOnCompDestory;switch(fe.encapsulation){case o.ifc.Emulated:dt=new be(rt,at,fe,this.appId,He);break;case o.ifc.ShadowDom:return new q(rt,at,Y,fe);default:dt=new ce(rt,at,fe,He)}dt.onDestroy=()=>Ue.delete(fe.id),Ue.set(fe.id,dt)}return dt}ngOnDestroy(){this.rendererByCompId.clear()}begin(){}end(){}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(Z),o.LFG(ue),o.LFG(o.AFp),o.LFG(Je))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();class he{constructor(re){this.eventManager=re,this.data=Object.create(null),this.destroyNode=null}destroy(){}createElement(re,Y){return Y?document.createElementNS(de[Y]||Y,re):document.createElement(re)}createComment(re){return document.createComment(re)}createText(re){return document.createTextNode(re)}appendChild(re,Y){(Re(re)?re.content:re).appendChild(Y)}insertBefore(re,Y,fe){re&&(Re(re)?re.content:re).insertBefore(Y,fe)}removeChild(re,Y){re&&re.removeChild(Y)}selectRootElement(re,Y){let fe="string"==typeof re?document.querySelector(re):re;if(!fe)throw new Error(`The selector "${re}" did not match any elements`);return Y||(fe.textContent=""),fe}parentNode(re){return re.parentNode}nextSibling(re){return re.nextSibling}setAttribute(re,Y,fe,Ue){if(Ue){Y=Ue+":"+Y;const dt=de[Ue];dt?re.setAttributeNS(dt,Y,fe):re.setAttribute(Y,fe)}else re.setAttribute(Y,fe)}removeAttribute(re,Y,fe){if(fe){const Ue=de[fe];Ue?re.removeAttributeNS(Ue,Y):re.removeAttribute(`${fe}:${Y}`)}else re.removeAttribute(Y)}addClass(re,Y){re.classList.add(Y)}removeClass(re,Y){re.classList.remove(Y)}setStyle(re,Y,fe,Ue){Ue&(o.JOm.DashCase|o.JOm.Important)?re.style.setProperty(Y,fe,Ue&o.JOm.Important?"important":""):re.style[Y]=fe}removeStyle(re,Y,fe){fe&o.JOm.DashCase?re.style.removeProperty(Y):re.style[Y]=""}setProperty(re,Y,fe){re[Y]=fe}setValue(re,Y){re.nodeValue=Y}listen(re,Y,fe){return"string"==typeof re?this.eventManager.addGlobalEventListener(re,Y,Ie(fe)):this.eventManager.addEventListener(re,Y,Ie(fe))}}function Re(se){return"TEMPLATE"===se.tagName&&void 0!==se.content}class q extends he{constructor(re,Y,fe,Ue){super(re),this.sharedStylesHost=Y,this.hostEl=fe,this.shadowRoot=fe.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const dt=$e(Ue.id,Ue.styles);for(const rt of dt){const at=document.createElement("style");at.textContent=rt,this.shadowRoot.appendChild(at)}}nodeOrShadowRoot(re){return re===this.hostEl?this.shadowRoot:re}appendChild(re,Y){return super.appendChild(this.nodeOrShadowRoot(re),Y)}insertBefore(re,Y,fe){return super.insertBefore(this.nodeOrShadowRoot(re),Y,fe)}removeChild(re,Y){return super.removeChild(this.nodeOrShadowRoot(re),Y)}parentNode(re){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(re)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class ce extends he{constructor(re,Y,fe,Ue,dt=fe.id){super(re),this.sharedStylesHost=Y,this.removeStylesOnCompDestory=Ue,this.rendererUsageCount=0,this.styles=$e(dt,fe.styles)}applyStyles(){this.sharedStylesHost.addStyles(this.styles),this.rendererUsageCount++}destroy(){var re;this.removeStylesOnCompDestory&&(this.sharedStylesHost.removeStyles(this.styles),this.rendererUsageCount--,0===this.rendererUsageCount)&&(null===(re=this.onDestroy)||void 0===re||re.call(this))}}class be extends ce{constructor(re,Y,fe,Ue,dt){const rt=Ue+"-"+fe.id;super(re,Y,fe,dt,rt),this.contentAttr=function we(se){return We.replace(X,se)}(rt),this.hostAttr=function Ee(se){return ne.replace(X,se)}(rt)}applyToHost(re){this.applyStyles(),this.setAttribute(re,this.hostAttr,"")}createElement(re,Y){const fe=super.createElement(re,Y);return super.setAttribute(fe,this.contentAttr,""),fe}}let N=(()=>{class se extends le{constructor(Y){super(Y)}supports(Y){return!0}addEventListener(Y,fe,Ue){return Y.addEventListener(fe,Ue,!1),()=>this.removeEventListener(Y,fe,Ue)}removeEventListener(Y,fe,Ue){return Y.removeEventListener(fe,Ue)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const _e=["alt","control","meta","shift"],ze={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},Ct={alt:se=>se.altKey,control:se=>se.ctrlKey,meta:se=>se.metaKey,shift:se=>se.shiftKey};let Et=(()=>{class se extends le{constructor(Y){super(Y)}supports(Y){return null!=se.parseEventName(Y)}addEventListener(Y,fe,Ue){const dt=se.parseEventName(fe),rt=se.eventCallback(dt.fullKey,Ue,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>(0,e.q)().onAndCancel(Y,dt.domEventName,rt))}static parseEventName(Y){const fe=Y.toLowerCase().split("."),Ue=fe.shift();if(0===fe.length||"keydown"!==Ue&&"keyup"!==Ue)return null;const dt=se._normalizeKey(fe.pop());let rt="",at=fe.indexOf("code");if(at>-1&&(fe.splice(at,1),rt="code."),_e.forEach(zt=>{const tn=fe.indexOf(zt);tn>-1&&(fe.splice(tn,1),rt+=zt+".")}),rt+=dt,0!=fe.length||0===dt.length)return null;const He={};return He.domEventName=Ue,He.fullKey=rt,He}static matchEventFullKeyCode(Y,fe){let Ue=ze[Y.key]||Y.key,dt="";return fe.indexOf("code.")>-1&&(Ue=Y.code,dt="code."),!(null==Ue||!Ue)&&(Ue=Ue.toLowerCase()," "===Ue?Ue="space":"."===Ue&&(Ue="dot"),_e.forEach(rt=>{rt!==Ue&&(0,Ct[rt])(Y)&&(dt+=rt+".")}),dt+=Ue,dt===fe)}static eventCallback(Y,fe,Ue){return dt=>{se.matchEventFullKeyCode(dt,Y)&&Ue.runGuarded(()=>fe(dt))}}static _normalizeKey(Y){return"esc"===Y?"escape":Y}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const sn=(0,o.eFA)(o._c5,"browser",[{provide:o.Lbi,useValue:e.bD},{provide:o.g9A,useValue:function Pt(){_.makeCurrent()},multi:!0},{provide:e.K0,useFactory:function xt(){return(0,o.RDi)(document),document},deps:[]}]),_n=new o.OlP(""),Jt=[{provide:o.rWj,useClass:class y{addToWindow(re){o.dqk.getAngularTestability=(fe,Ue=!0)=>{const dt=re.findTestabilityInTree(fe,Ue);if(null==dt)throw new Error("Could not find testability for element.");return dt},o.dqk.getAllAngularTestabilities=()=>re.getAllTestabilities(),o.dqk.getAllAngularRootElements=()=>re.getAllRootElements(),o.dqk.frameworkStabilizers||(o.dqk.frameworkStabilizers=[]),o.dqk.frameworkStabilizers.push(fe=>{const Ue=o.dqk.getAllAngularTestabilities();let dt=Ue.length,rt=!1;const at=function(He){rt=rt||He,dt--,0==dt&&fe(rt)};Ue.forEach(function(He){He.whenStable(at)})})}findTestabilityInTree(re,Y,fe){if(null==Y)return null;const Ue=re.getTestability(Y);return null!=Ue?Ue:fe?(0,e.q)().isShadowRoot(Y)?this.findTestabilityInTree(re,Y.host,!0):this.findTestabilityInTree(re,Y.parentElement,!0):null}},deps:[]},{provide:o.lri,useClass:o.dDg,deps:[o.R0b,o.eoX,o.rWj]},{provide:o.dDg,useClass:o.dDg,deps:[o.R0b,o.eoX,o.rWj]}],vt=[{provide:o.zSh,useValue:"root"},{provide:o.qLn,useFactory:function Tt(){return new o.qLn},deps:[]},{provide:z,useClass:N,multi:!0,deps:[e.K0,o.R0b,o.Lbi]},{provide:z,useClass:Et,multi:!0,deps:[e.K0]},{provide:G,useClass:G,deps:[Z,ue,o.AFp,Je]},{provide:o.FYo,useExisting:G},{provide:Q,useExisting:ue},{provide:ue,useClass:ue,deps:[e.K0]},{provide:Z,useClass:Z,deps:[z,o.R0b]},{provide:e.JF,useClass:U,deps:[]},[]];let ut=(()=>{class se{constructor(Y){}static withServerTransition(Y){return{ngModule:se,providers:[{provide:o.AFp,useValue:Y.appId},{provide:O,useExisting:o.AFp},S]}}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(_n,12))},se.\u0275mod=o.oAB({type:se}),se.\u0275inj=o.cJS({providers:[...vt,...Jt],imports:[e.ez,o.hGG]}),se})(),ke=(()=>{class se{constructor(Y){this._doc=Y}getTitle(){return this._doc.title}setTitle(Y){this._doc.title=Y||""}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new Y:function Ge(){return new ke((0,o.LFG)(e.K0))}(),fe},providedIn:"root"}),se})();typeof window<"u"&&window;let _t=(()=>{class se{}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new(Y||se):o.LFG(Se),fe},providedIn:"root"}),se})(),Se=(()=>{class se extends _t{constructor(Y){super(),this._doc=Y}sanitize(Y,fe){if(null==fe)return null;switch(Y){case o.q3G.NONE:return fe;case o.q3G.HTML:return(0,o.qzn)(fe,"HTML")?(0,o.z3N)(fe):(0,o.EiD)(this._doc,String(fe)).toString();case o.q3G.STYLE:return(0,o.qzn)(fe,"Style")?(0,o.z3N)(fe):fe;case o.q3G.SCRIPT:if((0,o.qzn)(fe,"Script"))return(0,o.z3N)(fe);throw new Error("unsafe value used in a script context");case o.q3G.URL:return(0,o.qzn)(fe,"URL")?(0,o.z3N)(fe):(0,o.mCW)(String(fe));case o.q3G.RESOURCE_URL:if((0,o.qzn)(fe,"ResourceURL"))return(0,o.z3N)(fe);throw new Error(`unsafe value used in a resource URL context (see ${o.JZr})`);default:throw new Error(`Unexpected SecurityContext ${Y} (see ${o.JZr})`)}}bypassSecurityTrustHtml(Y){return(0,o.JVY)(Y)}bypassSecurityTrustStyle(Y){return(0,o.L6k)(Y)}bypassSecurityTrustScript(Y){return(0,o.eBb)(Y)}bypassSecurityTrustUrl(Y){return(0,o.LAX)(Y)}bypassSecurityTrustResourceUrl(Y){return(0,o.pB0)(Y)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new Y:function At(se){return new Se(se.get(e.K0))}(o.LFG(o.zs3)),fe},providedIn:"root"}),se})()},1862:(Ve,ae,s)=>{"use strict";s.d(ae,{gz:()=>Kn,m2:()=>Sn,F0:()=>Mo,rH:()=>Hr,Od:()=>ks,yS:()=>Hr,Bz:()=>Gn,lC:()=>Ki,Hx:()=>Yt});var e=s(4537),o=s(6666),p=s(5917),_=s(6215),g=s(3410),f=s(9112),m=s(6481),C=s(1439),O=s(4022),w=s(205),S=s(882),y=s(9193),U=s(2441),z=s(9765),Z=s(8692),le=s(8002),Q=s(3190),ue=s(5257),de=s(9761),X=s(5435),B=s(9773),K=s(8049),ne=s(4612),We=s(8307),Le=s(5304),Je=s(7393);function we(D,E){let h=!1;return arguments.length>=2&&(h=!0),function(j){return j.lift(new Ee(D,E,h))}}class Ee{constructor(E,h,P=!1){this.accumulator=E,this.seed=h,this.hasSeed=P}call(E,h){return h.subscribe(new $e(E,this.accumulator,this.seed,this.hasSeed))}}class $e extends Je.L{constructor(E,h,P,j){super(E),this.accumulator=h,this._seed=P,this.hasSeed=j,this.index=0}get seed(){return this._seed}set seed(E){this.hasSeed=!0,this._seed=E}_next(E){if(this.hasSeed)return this._tryNext(E);this.seed=E,this.destination.next(E)}_tryNext(E){const h=this.index++;let P;try{P=this.accumulator(this.seed,E,h)}catch(j){this.destination.error(j)}this.seed=P,this.destination.next(P)}}var Ie=s(7108);function G(D){return function(h){return 0===D?(0,y.c)():h.lift(new he(D))}}class he{constructor(E){if(this.total=E,this.total<0)throw new Ie.W}call(E,h){return h.subscribe(new ye(E,this.total))}}class ye extends Je.L{constructor(E,h){super(E),this.total=h,this.ring=new Array,this.count=0}_next(E){const h=this.ring,P=this.total,j=this.count++;h.length<P?h.push(E):h[j%P]=E}_complete(){const E=this.destination;let h=this.count;if(h>0){const P=this.count>=this.total?this.total:this.count,j=this.ring;for(let me=0;me<P;me++){const Ae=h++%P;E.next(j[Ae])}}E.complete()}}var te=s(4635),Re=s(5242),q=s(4487);function ce(D,E){const h=arguments.length>=2;return P=>P.pipe(D?(0,X.h)((j,me)=>D(j,me,P)):q.y,G(1),h?(0,Re.d)(E):(0,te.T)(()=>new g.K))}var be=s(409),N=s(6736),_e=s(197),ze=s(1307),Ct=s(3282),Et=s(5998);const Gt="primary",St=Symbol("RouteTitle");class qt{constructor(E){this.params=E||{}}has(E){return Object.prototype.hasOwnProperty.call(this.params,E)}get(E){if(this.has(E)){const h=this.params[E];return Array.isArray(h)?h[0]:h}return null}getAll(E){if(this.has(E)){const h=this.params[E];return Array.isArray(h)?h:[h]}return[]}get keys(){return Object.keys(this.params)}}function Ot(D){return new qt(D)}function Ht(D,E,h){const P=h.path.split("/");if(P.length>D.length||"full"===h.pathMatch&&(E.hasChildren()||P.length<D.length))return null;const j={};for(let me=0;me<P.length;me++){const Ae=P[me],yt=D[me];if(Ae.startsWith(":"))j[Ae.substring(1)]=yt;else if(Ae!==yt.path)return null}return{consumed:D.slice(0,P.length),posParams:j}}function Tt(D,E){const h=D?Object.keys(D):void 0,P=E?Object.keys(E):void 0;if(!h||!P||h.length!=P.length)return!1;let j;for(let me=0;me<h.length;me++)if(j=h[me],!xt(D[j],E[j]))return!1;return!0}function xt(D,E){if(Array.isArray(D)&&Array.isArray(E)){if(D.length!==E.length)return!1;const h=[...D].sort(),P=[...E].sort();return h.every((j,me)=>P[me]===j)}return D===E}function Wt(D){return Array.prototype.concat.apply([],D)}function sn(D){return D.length>0?D[D.length-1]:null}function Jt(D,E){for(const h in D)D.hasOwnProperty(h)&&E(D[h],h)}function vt(D){return(0,e.CqO)(D)?D:(0,e.QGY)(D)?(0,o.D)(Promise.resolve(D)):(0,p.of)(D)}const ut=!1,Te={exact:function ke(D,E,h){if(!kt(D.segments,E.segments)||!Vt(D.segments,E.segments,h)||D.numberOfChildren!==E.numberOfChildren)return!1;for(const P in E.children)if(!D.children[P]||!ke(D.children[P],E.children[P],h))return!1;return!0},subset:Fe},Pe={exact:function Ge(D,E){return Tt(D,E)},subset:function Ke(D,E){return Object.keys(E).length<=Object.keys(D).length&&Object.keys(E).every(h=>xt(D[h],E[h]))},ignored:()=>!0};function et(D,E,h){return Te[h.paths](D.root,E.root,h.matrixParams)&&Pe[h.queryParams](D.queryParams,E.queryParams)&&!("exact"===h.fragment&&D.fragment!==E.fragment)}function Fe(D,E,h){return ht(D,E,E.segments,h)}function ht(D,E,h,P){if(D.segments.length>h.length){const j=D.segments.slice(0,h.length);return!(!kt(j,h)||E.hasChildren()||!Vt(j,h,P))}if(D.segments.length===h.length){if(!kt(D.segments,h)||!Vt(D.segments,h,P))return!1;for(const j in E.children)if(!D.children[j]||!Fe(D.children[j],E.children[j],P))return!1;return!0}{const j=h.slice(0,D.segments.length),me=h.slice(D.segments.length);return!!(kt(D.segments,j)&&Vt(D.segments,j,P)&&D.children[Gt])&&ht(D.children[Gt],E,me,P)}}function Vt(D,E,h){return E.every((P,j)=>Pe[h](D[j].parameters,P.parameters))}class $t{constructor(E=new Ye([],{}),h={},P=null){this.root=E,this.queryParams=h,this.fragment=P}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Ot(this.queryParams)),this._queryParamMap}toString(){return lt.serialize(this)}}class Ye{constructor(E,h){this.segments=E,this.children=h,this.parent=null,Jt(h,(P,j)=>P.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return ot(this)}}class wt{constructor(E,h){this.path=E,this.parameters=h}get parameterMap(){return this._parameterMap||(this._parameterMap=Ot(this.parameters)),this._parameterMap}toString(){return ct(this)}}function kt(D,E){return D.length===E.length&&D.every((h,P)=>h.path===E[P].path)}let Yt=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return new Qe},providedIn:"root"}),D})();class Qe{parse(E){const h=new Ue(E);return new $t(h.parseRootSegment(),h.parseQueryParams(),h.parseFragment())}serialize(E){const h=`/${st(E.root,!0)}`,P=function At(D){const E=Object.keys(D).map(h=>{const P=D[h];return Array.isArray(P)?P.map(j=>`${W(h)}=${W(j)}`).join("&"):`${W(h)}=${W(P)}`}).filter(h=>!!h);return E.length?`?${E.join("&")}`:""}(E.queryParams);return`${h}${P}${"string"==typeof E.fragment?`#${function $(D){return encodeURI(D)}(E.fragment)}`:""}`}}const lt=new Qe;function ot(D){return D.segments.map(E=>ct(E)).join("/")}function st(D,E){if(!D.hasChildren())return ot(D);if(E){const h=D.children[Gt]?st(D.children[Gt],!1):"",P=[];return Jt(D.children,(j,me)=>{me!==Gt&&P.push(`${me}:${st(j,!1)}`)}),P.length>0?`${h}(${P.join("//")})`:h}{const h=function cn(D,E){let h=[];return Jt(D.children,(P,j)=>{j===Gt&&(h=h.concat(E(P,j)))}),Jt(D.children,(P,j)=>{j!==Gt&&(h=h.concat(E(P,j)))}),h}(D,(P,j)=>j===Gt?[st(D.children[Gt],!1)]:[`${j}:${st(P,!1)}`]);return 1===Object.keys(D.children).length&&null!=D.children[Gt]?`${ot(D)}/${h[0]}`:`${ot(D)}/(${h.join("//")})`}}function it(D){return encodeURIComponent(D).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function W(D){return it(D).replace(/%3B/gi,";")}function Ne(D){return it(D).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function De(D){return decodeURIComponent(D)}function pt(D){return De(D.replace(/\+/g,"%20"))}function ct(D){return`${Ne(D.path)}${function _t(D){return Object.keys(D).map(E=>`;${Ne(E)}=${Ne(D[E])}`).join("")}(D.parameters)}`}const Se=/^[^\/()?;=#]+/;function Be(D){const E=D.match(Se);return E?E[0]:""}const se=/^[^=?&#]+/,Y=/^[^&#]+/;class Ue{constructor(E){this.url=E,this.remaining=E}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new Ye([],{}):new Ye([],this.parseChildren())}parseQueryParams(){const E={};if(this.consumeOptional("?"))do{this.parseQueryParam(E)}while(this.consumeOptional("&"));return E}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const E=[];for(this.peekStartsWith("(")||E.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),E.push(this.parseSegment());let h={};this.peekStartsWith("/(")&&(this.capture("/"),h=this.parseParens(!0));let P={};return this.peekStartsWith("(")&&(P=this.parseParens(!1)),(E.length>0||Object.keys(h).length>0)&&(P[Gt]=new Ye(E,h)),P}parseSegment(){const E=Be(this.remaining);if(""===E&&this.peekStartsWith(";"))throw new e.vHH(4009,ut);return this.capture(E),new wt(De(E),this.parseMatrixParams())}parseMatrixParams(){const E={};for(;this.consumeOptional(";");)this.parseParam(E);return E}parseParam(E){const h=Be(this.remaining);if(!h)return;this.capture(h);let P="";if(this.consumeOptional("=")){const j=Be(this.remaining);j&&(P=j,this.capture(P))}E[De(h)]=De(P)}parseQueryParam(E){const h=function re(D){const E=D.match(se);return E?E[0]:""}(this.remaining);if(!h)return;this.capture(h);let P="";if(this.consumeOptional("=")){const Ae=function fe(D){const E=D.match(Y);return E?E[0]:""}(this.remaining);Ae&&(P=Ae,this.capture(P))}const j=pt(h),me=pt(P);if(E.hasOwnProperty(j)){let Ae=E[j];Array.isArray(Ae)||(Ae=[Ae],E[j]=Ae),Ae.push(me)}else E[j]=me}parseParens(E){const h={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const P=Be(this.remaining),j=this.remaining[P.length];if("/"!==j&&")"!==j&&";"!==j)throw new e.vHH(4010,ut);let me;P.indexOf(":")>-1?(me=P.slice(0,P.indexOf(":")),this.capture(me),this.capture(":")):E&&(me=Gt);const Ae=this.parseChildren();h[me]=1===Object.keys(Ae).length?Ae[Gt]:new Ye([],Ae),this.consumeOptional("//")}return h}peekStartsWith(E){return this.remaining.startsWith(E)}consumeOptional(E){return!!this.peekStartsWith(E)&&(this.remaining=this.remaining.substring(E.length),!0)}capture(E){if(!this.consumeOptional(E))throw new e.vHH(4011,ut)}}function dt(D){return D.segments.length>0?new Ye([],{[Gt]:D}):D}function rt(D){const E={};for(const P of Object.keys(D.children)){const me=rt(D.children[P]);(me.segments.length>0||me.hasChildren())&&(E[P]=me)}return function at(D){if(1===D.numberOfChildren&&D.children[Gt]){const E=D.children[Gt];return new Ye(D.segments.concat(E.segments),E.children)}return D}(new Ye(D.segments,E))}function He(D){return D instanceof $t}const zt=!1;function en(D,E,h,P,j){var me;if(0===h.length)return on(E.root,E.root,E.root,P,j);const Ae=function Dn(D){if("string"==typeof D[0]&&1===D.length&&"/"===D[0])return new dn(!0,0,D);let E=0,h=!1;const P=D.reduce((j,me,Ae)=>{if("object"==typeof me&&null!=me){if(me.outlets){const yt={};return Jt(me.outlets,(jt,gn)=>{yt[gn]="string"==typeof jt?jt.split("/"):jt}),[...j,{outlets:yt}]}if(me.segmentPath)return[...j,me.segmentPath]}return"string"!=typeof me?[...j,me]:0===Ae?(me.split("/").forEach((yt,jt)=>{0==jt&&"."===yt||(0==jt&&""===yt?h=!0:".."===yt?E++:""!=yt&&j.push(yt))}),j):[...j,me]},[]);return new dn(h,E,P)}(h);return Ae.toRoot()?on(E.root,E.root,new Ye([],{}),P,j):function yt(gn){var Pn;const Tn=function Qn(D,E,h,P){if(D.isAbsolute)return new Cn(E.root,!0,0);if(-1===P)return new Cn(h,h===E.root,0);return function Hn(D,E,h){let P=D,j=E,me=h;for(;me>j;){if(me-=j,P=P.parent,!P)throw new e.vHH(4005,zt&&"Invalid number of '../'");j=P.segments.length}return new Cn(P,!1,j-me)}(h,P+(Ft(D.commands[0])?0:1),D.numberOfDoubleDots)}(Ae,E,null===(Pn=D.snapshot)||void 0===Pn?void 0:Pn._urlSegment,gn),bi=Tn.processChildren?wn(Tn.segmentGroup,Tn.index,Ae.commands):pn(Tn.segmentGroup,Tn.index,Ae.commands);return on(E.root,Tn.segmentGroup,bi,P,j)}(null===(me=D.snapshot)||void 0===me?void 0:me._lastPathIndex)}function Ft(D){return"object"==typeof D&&null!=D&&!D.outlets&&!D.segmentPath}function nn(D){return"object"==typeof D&&null!=D&&D.outlets}function on(D,E,h,P,j){let Ae,me={};P&&Jt(P,(jt,gn)=>{me[gn]=Array.isArray(jt)?jt.map(Pn=>`${Pn}`):`${jt}`}),Ae=D===E?h:fn(D,E,h);const yt=dt(rt(Ae));return new $t(yt,me,j)}function fn(D,E,h){const P={};return Jt(D.children,(j,me)=>{P[me]=j===E?h:fn(j,E,h)}),new Ye(D.segments,P)}class dn{constructor(E,h,P){if(this.isAbsolute=E,this.numberOfDoubleDots=h,this.commands=P,E&&P.length>0&&Ft(P[0]))throw new e.vHH(4003,zt&&"Root segment cannot have matrix parameters");const j=P.find(nn);if(j&&j!==sn(P))throw new e.vHH(4004,zt&&"{outlets:{}} has to be the last command")}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class Cn{constructor(E,h,P){this.segmentGroup=E,this.processChildren=h,this.index=P}}function pn(D,E,h){if(D||(D=new Ye([],{})),0===D.segments.length&&D.hasChildren())return wn(D,E,h);const P=function ti(D,E,h){let P=0,j=E;const me={match:!1,pathIndex:0,commandIndex:0};for(;j<D.segments.length;){if(P>=h.length)return me;const Ae=D.segments[j],yt=h[P];if(nn(yt))break;const jt=`${yt}`,gn=P<h.length-1?h[P+1]:null;if(j>0&&void 0===jt)break;if(jt&&gn&&"object"==typeof gn&&void 0===gn.outlets){if(!_i(jt,gn,Ae))return me;P+=2}else{if(!_i(jt,{},Ae))return me;P++}j++}return{match:!0,pathIndex:j,commandIndex:P}}(D,E,h),j=h.slice(P.commandIndex);if(P.match&&P.pathIndex<D.segments.length){const me=new Ye(D.segments.slice(0,P.pathIndex),{});return me.children[Gt]=new Ye(D.segments.slice(P.pathIndex),D.children),wn(me,0,j)}return P.match&&0===j.length?new Ye(D.segments,{}):P.match&&!D.hasChildren()?ai(D,E,h):P.match?wn(D,0,j):ai(D,E,h)}function wn(D,E,h){if(0===h.length)return new Ye(D.segments,{});{const P=function li(D){return nn(D[0])?D[0].outlets:{[Gt]:D}}(h),j={};if(!P[Gt]&&D.children[Gt]&&1===D.numberOfChildren&&0===D.children[Gt].segments.length){const me=wn(D.children[Gt],E,h);return new Ye(D.segments,me.children)}return Jt(P,(me,Ae)=>{"string"==typeof me&&(me=[me]),null!==me&&(j[Ae]=pn(D.children[Ae],E,me))}),Jt(D.children,(me,Ae)=>{void 0===P[Ae]&&(j[Ae]=me)}),new Ye(D.segments,j)}}function ai(D,E,h){const P=D.segments.slice(0,E);let j=0;for(;j<h.length;){const me=h[j];if(nn(me)){const jt=yi(me.outlets);return new Ye(P,jt)}if(0===j&&Ft(h[0])){P.push(new wt(D.segments[E].path,hi(h[0]))),j++;continue}const Ae=nn(me)?me.outlets[Gt]:`${me}`,yt=j<h.length-1?h[j+1]:null;Ae&&yt&&Ft(yt)?(P.push(new wt(Ae,hi(yt))),j+=2):(P.push(new wt(Ae,{})),j++)}return new Ye(P,{})}function yi(D){const E={};return Jt(D,(h,P)=>{"string"==typeof h&&(h=[h]),null!==h&&(E[P]=ai(new Ye([],{}),0,h))}),E}function hi(D){const E={};return Jt(D,(h,P)=>E[P]=`${h}`),E}function _i(D,E,h){return D==h.path&&Tt(E,h.parameters)}const ni="imperative";class ii{constructor(E,h){this.id=E,this.url=h}}class Ci extends ii{constructor(E,h,P="imperative",j=null){super(E,h),this.type=0,this.navigationTrigger=P,this.restoredState=j}toString(){return`NavigationStart(id: ${this.id}, url: '${this.url}')`}}class Sn extends ii{constructor(E,h,P){super(E,h),this.urlAfterRedirects=P,this.type=1}toString(){return`NavigationEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}')`}}class zn extends ii{constructor(E,h,P,j){super(E,h),this.reason=P,this.code=j,this.type=2}toString(){return`NavigationCancel(id: ${this.id}, url: '${this.url}')`}}class oi extends ii{constructor(E,h,P,j){super(E,h),this.reason=P,this.code=j,this.type=16}}class Mi extends ii{constructor(E,h,P,j){super(E,h),this.error=P,this.target=j,this.type=3}toString(){return`NavigationError(id: ${this.id}, url: '${this.url}', error: ${this.error})`}}class ki extends ii{constructor(E,h,P,j){super(E,h),this.urlAfterRedirects=P,this.state=j,this.type=4}toString(){return`RoutesRecognized(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Ei extends ii{constructor(E,h,P,j){super(E,h),this.urlAfterRedirects=P,this.state=j,this.type=7}toString(){return`GuardsCheckStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class io extends ii{constructor(E,h,P,j,me){super(E,h),this.urlAfterRedirects=P,this.state=j,this.shouldActivate=me,this.type=8}toString(){return`GuardsCheckEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state}, shouldActivate: ${this.shouldActivate})`}}class zi extends ii{constructor(E,h,P,j){super(E,h),this.urlAfterRedirects=P,this.state=j,this.type=5}toString(){return`ResolveStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class oo extends ii{constructor(E,h,P,j){super(E,h),this.urlAfterRedirects=P,this.state=j,this.type=6}toString(){return`ResolveEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class ro{constructor(E){this.route=E,this.type=9}toString(){return`RouteConfigLoadStart(path: ${this.route.path})`}}class lo{constructor(E){this.route=E,this.type=10}toString(){return`RouteConfigLoadEnd(path: ${this.route.path})`}}class ui{constructor(E){this.snapshot=E,this.type=11}toString(){return`ChildActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class fi{constructor(E){this.snapshot=E,this.type=12}toString(){return`ChildActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Ut{constructor(E){this.snapshot=E,this.type=13}toString(){return`ActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Me{constructor(E){this.snapshot=E,this.type=14}toString(){return`ActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class ee{constructor(E,h,P){this.routerEvent=E,this.position=h,this.anchor=P,this.type=15}toString(){return`Scroll(anchor: '${this.anchor}', position: '${this.position?`${this.position[0]}, ${this.position[1]}`:null}')`}}let qe=(()=>{class D{createUrlTree(h,P,j,me,Ae,yt){return en(h||P.root,j,me,Ae,yt)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac}),D})(),Lt=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(E){return qe.\u0275fac(E)},providedIn:"root"}),D})();class rn{constructor(E){this._root=E}get root(){return this._root.value}parent(E){const h=this.pathFromRoot(E);return h.length>1?h[h.length-2]:null}children(E){const h=On(E,this._root);return h?h.children.map(P=>P.value):[]}firstChild(E){const h=On(E,this._root);return h&&h.children.length>0?h.children[0].value:null}siblings(E){const h=yn(E,this._root);return h.length<2?[]:h[h.length-2].children.map(j=>j.value).filter(j=>j!==E)}pathFromRoot(E){return yn(E,this._root).map(h=>h.value)}}function On(D,E){if(D===E.value)return E;for(const h of E.children){const P=On(D,h);if(P)return P}return null}function yn(D,E){if(D===E.value)return[E];for(const h of E.children){const P=yn(D,h);if(P.length)return P.unshift(E),P}return[]}class Zt{constructor(E,h){this.value=E,this.children=h}toString(){return`TreeNode(${this.value})`}}function tt(D){const E={};return D&&D.children.forEach(h=>E[h.value.outlet]=h),E}class Kt extends rn{constructor(E,h){super(E),this.snapshot=h,Ti(this,E)}toString(){return this.snapshot.toString()}}function mn(D,E){const h=function jn(D,E){const Ae=new Fi([],{},{},"",{},Gt,E,null,D.root,-1,{});return new ji("",new Zt(Ae,[]))}(D,E),P=new _.X([new wt("",{})]),j=new _.X({}),me=new _.X({}),Ae=new _.X({}),yt=new _.X(""),jt=new Kn(P,j,Ae,yt,me,Gt,E,h.root);return jt.snapshot=h.root,new Kt(new Zt(jt,[]),h)}class Kn{constructor(E,h,P,j,me,Ae,yt,jt){var gn,Pn;this.url=E,this.params=h,this.queryParams=P,this.fragment=j,this.data=me,this.outlet=Ae,this.component=yt,this.title=null!==(gn=null===(Pn=this.data)||void 0===Pn?void 0:Pn.pipe((0,le.U)(Tn=>Tn[St])))&&void 0!==gn?gn:(0,p.of)(void 0),this._futureSnapshot=jt}get routeConfig(){return this._futureSnapshot.routeConfig}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=this.params.pipe((0,le.U)(E=>Ot(E)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe((0,le.U)(E=>Ot(E)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():`Future(${this._futureSnapshot})`}}function Di(D,E="emptyOnly"){const h=D.pathFromRoot;let P=0;if("always"!==E)for(P=h.length-1;P>=1;){const j=h[P],me=h[P-1];if(j.routeConfig&&""===j.routeConfig.path)P--;else{if(me.component)break;P--}}return function Oi(D){return D.reduce((E,h)=>{var P;return{params:{...E.params,...h.params},data:{...E.data,...h.data},resolve:{...h.data,...E.resolve,...null===(P=h.routeConfig)||void 0===P?void 0:P.data,...h._resolvedData}}},{params:{},data:{},resolve:{}})}(h.slice(P))}class Fi{get title(){var E;return null===(E=this.data)||void 0===E?void 0:E[St]}constructor(E,h,P,j,me,Ae,yt,jt,gn,Pn,Tn){this.url=E,this.params=h,this.queryParams=P,this.fragment=j,this.data=me,this.outlet=Ae,this.component=yt,this.routeConfig=jt,this._urlSegment=gn,this._lastPathIndex=Pn,this._resolve=Tn}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=Ot(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Ot(this.queryParams)),this._queryParamMap}toString(){return`Route(url:'${this.url.map(P=>P.toString()).join("/")}', path:'${this.routeConfig?this.routeConfig.path:""}')`}}class ji extends rn{constructor(E,h){super(h),this.url=E,Ti(this,h)}toString(){return er(this._root)}}function Ti(D,E){E.value._routerState=D,E.children.forEach(h=>Ti(D,h))}function er(D){const E=D.children.length>0?` { ${D.children.map(er).join(", ")} } `:"";return`${D.value}${E}`}function so(D){if(D.snapshot){const E=D.snapshot,h=D._futureSnapshot;D.snapshot=h,Tt(E.queryParams,h.queryParams)||D.queryParams.next(h.queryParams),E.fragment!==h.fragment&&D.fragment.next(h.fragment),Tt(E.params,h.params)||D.params.next(h.params),function Pt(D,E){if(D.length!==E.length)return!1;for(let h=0;h<D.length;++h)if(!Tt(D[h],E[h]))return!1;return!0}(E.url,h.url)||D.url.next(h.url),Tt(E.data,h.data)||D.data.next(h.data)}else D.snapshot=D._futureSnapshot,D.data.next(D._futureSnapshot.data)}function tr(D,E){const h=Tt(D.params,E.params)&&function Mt(D,E){return kt(D,E)&&D.every((h,P)=>Tt(h.parameters,E[P].parameters))}(D.url,E.url);return h&&!(!D.parent!=!E.parent)&&(!D.parent||tr(D.parent,E.parent))}function lr(D,E,h){if(h&&D.shouldReuseRoute(E.value,h.value.snapshot)){const P=h.value;P._futureSnapshot=E.value;const j=function _r(D,E,h){return E.children.map(P=>{for(const j of h.children)if(D.shouldReuseRoute(P.value,j.value.snapshot))return lr(D,P,j);return lr(D,P)})}(D,E,h);return new Zt(P,j)}{if(D.shouldAttach(E.value)){const me=D.retrieve(E.value);if(null!==me){const Ae=me.route;return Ae.value._futureSnapshot=E.value,Ae.children=E.children.map(yt=>lr(D,yt)),Ae}}const P=function vr(D){return new Kn(new _.X(D.url),new _.X(D.params),new _.X(D.queryParams),new _.X(D.fragment),new _.X(D.data),D.outlet,D.component,D)}(E.value),j=E.children.map(me=>lr(D,me));return new Zt(P,j)}}const $i="ngNavigationCancelingError";function Fo(D,E){const{redirectTo:h,navigationBehaviorOptions:P}=He(E)?{redirectTo:E,navigationBehaviorOptions:void 0}:E,j=Or(!1,0,E);return j.url=h,j.navigationBehaviorOptions=P,j}function Or(D,E,h){const P=new Error("NavigationCancelingError: "+(D||""));return P[$i]=!0,P.cancellationCode=E,h&&(P.url=h),P}function Gi(D){return Go(D)&&He(D.url)}function Go(D){return D&&D[$i]}class co{constructor(){this.outlet=null,this.route=null,this.resolver=null,this.injector=null,this.children=new Po,this.attachRef=null}}let Po=(()=>{class D{constructor(){this.contexts=new Map}onChildOutletCreated(h,P){const j=this.getOrCreateContext(h);j.outlet=P,this.contexts.set(h,j)}onChildOutletDestroyed(h){const P=this.getContext(h);P&&(P.outlet=null,P.attachRef=null)}onOutletDeactivated(){const h=this.contexts;return this.contexts=new Map,h}onOutletReAttached(h){this.contexts=h}getOrCreateContext(h){let P=this.getContext(h);return P||(P=new co,this.contexts.set(h,P)),P}getContext(h){return this.contexts.get(h)||null}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const No=!1;let Ki=(()=>{class D{constructor(){this.activated=null,this._activatedRoute=null,this.name=Gt,this.activateEvents=new e.vpe,this.deactivateEvents=new e.vpe,this.attachEvents=new e.vpe,this.detachEvents=new e.vpe,this.parentContexts=(0,e.f3M)(Po),this.location=(0,e.f3M)(e.s_b),this.changeDetector=(0,e.f3M)(e.sBO),this.environmentInjector=(0,e.f3M)(e.lqb)}ngOnChanges(h){if(h.name){const{firstChange:P,previousValue:j}=h.name;if(P)return;this.isTrackedInParentContexts(j)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(j)),this.initializeOutletWithName()}}ngOnDestroy(){this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name)}isTrackedInParentContexts(h){var P;return(null===(P=this.parentContexts.getContext(h))||void 0===P?void 0:P.outlet)===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const h=this.parentContexts.getContext(this.name);null!=h&&h.route&&(h.attachRef?this.attach(h.attachRef,h.route):this.activateWith(h.route,h.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new e.vHH(4012,No);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new e.vHH(4012,No);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new e.vHH(4012,No);this.location.detach();const h=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(h.instance),h}attach(h,P){this.activated=h,this._activatedRoute=P,this.location.insert(h.hostView),this.attachEvents.emit(h.instance)}deactivate(){if(this.activated){const h=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(h)}}activateWith(h,P){if(this.isActivated)throw new e.vHH(4013,No);this._activatedRoute=h;const j=this.location,Ae=h.snapshot.component,yt=this.parentContexts.getOrCreateContext(this.name).children,jt=new cr(h,yt,j.injector);if(P&&function dr(D){return!!D.resolveComponentFactory}(P)){const gn=P.resolveComponentFactory(Ae);this.activated=j.createComponent(gn,j.length,jt)}else this.activated=j.createComponent(Ae,{index:j.length,injector:jt,environmentInjector:null!=P?P:this.environmentInjector});this.changeDetector.markForCheck(),this.activateEvents.emit(this.activated.instance)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275dir=e.lG2({type:D,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[e.TTD]}),D})();class cr{constructor(E,h,P){this.route=E,this.childContexts=h,this.parent=P}get(E,h){return E===Kn?this.route:E===Po?this.childContexts:this.parent.get(E,h)}}let nr=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275cmp=e.Xpm({type:D,selectors:[["ng-component"]],standalone:!0,features:[e.jDz],decls:1,vars:0,template:function(h,P){1&h&&e._UZ(0,"router-outlet")},dependencies:[Ki],encapsulation:2}),D})();function ao(D,E){var h;return D.providers&&!D._injector&&(D._injector=(0,e.MMx)(D.providers,E,`Route: ${D.path}`)),null!==(h=D._injector)&&void 0!==h?h:E}function fo(D){const E=D.children&&D.children.map(fo),h=E?{...D,children:E}:{...D};return!h.component&&!h.loadComponent&&(E||h.loadChildren)&&h.outlet&&h.outlet!==Gt&&(h.component=nr),h}function di(D){return D.outlet||Gt}function Io(D,E){const h=D.filter(P=>di(P)===E);return h.push(...D.filter(P=>di(P)!==E)),h}function Lo(D){var E;if(!D)return null;if(null!==(E=D.routeConfig)&&void 0!==E&&E._injector)return D.routeConfig._injector;for(let h=D.parent;h;h=h.parent){const P=h.routeConfig;if(null!=P&&P._loadedInjector)return P._loadedInjector;if(null!=P&&P._injector)return P._injector}return null}class Ji{constructor(E,h,P,j){this.routeReuseStrategy=E,this.futureState=h,this.currState=P,this.forwardEvent=j}activate(E){const h=this.futureState._root,P=this.currState?this.currState._root:null;this.deactivateChildRoutes(h,P,E),so(this.futureState.root),this.activateChildRoutes(h,P,E)}deactivateChildRoutes(E,h,P){const j=tt(h);E.children.forEach(me=>{const Ae=me.value.outlet;this.deactivateRoutes(me,j[Ae],P),delete j[Ae]}),Jt(j,(me,Ae)=>{this.deactivateRouteAndItsChildren(me,P)})}deactivateRoutes(E,h,P){const j=E.value,me=h?h.value:null;if(j===me)if(j.component){const Ae=P.getContext(j.outlet);Ae&&this.deactivateChildRoutes(E,h,Ae.children)}else this.deactivateChildRoutes(E,h,P);else me&&this.deactivateRouteAndItsChildren(h,P)}deactivateRouteAndItsChildren(E,h){E.value.component&&this.routeReuseStrategy.shouldDetach(E.value.snapshot)?this.detachAndStoreRouteSubtree(E,h):this.deactivateRouteAndOutlet(E,h)}detachAndStoreRouteSubtree(E,h){const P=h.getContext(E.value.outlet),j=P&&E.value.component?P.children:h,me=tt(E);for(const Ae of Object.keys(me))this.deactivateRouteAndItsChildren(me[Ae],j);if(P&&P.outlet){const Ae=P.outlet.detach(),yt=P.children.onOutletDeactivated();this.routeReuseStrategy.store(E.value.snapshot,{componentRef:Ae,route:E,contexts:yt})}}deactivateRouteAndOutlet(E,h){const P=h.getContext(E.value.outlet),j=P&&E.value.component?P.children:h,me=tt(E);for(const Ae of Object.keys(me))this.deactivateRouteAndItsChildren(me[Ae],j);P&&(P.outlet&&(P.outlet.deactivate(),P.children.onOutletDeactivated()),P.attachRef=null,P.resolver=null,P.route=null)}activateChildRoutes(E,h,P){const j=tt(h);E.children.forEach(me=>{this.activateRoutes(me,j[me.value.outlet],P),this.forwardEvent(new Me(me.value.snapshot))}),E.children.length&&this.forwardEvent(new fi(E.value.snapshot))}activateRoutes(E,h,P){const j=E.value,me=h?h.value:null;if(so(j),j===me)if(j.component){const yt=P.getOrCreateContext(j.outlet);this.activateChildRoutes(E,h,yt.children)}else this.activateChildRoutes(E,h,P);else if(j.component){const yt=P.getOrCreateContext(j.outlet);if(this.routeReuseStrategy.shouldAttach(j.snapshot)){const jt=this.routeReuseStrategy.retrieve(j.snapshot);this.routeReuseStrategy.store(j.snapshot,null),yt.children.onOutletReAttached(jt.contexts),yt.attachRef=jt.componentRef,yt.route=jt.route.value,yt.outlet&&yt.outlet.attach(jt.componentRef,jt.route.value),so(jt.route.value),this.activateChildRoutes(E,null,yt.children)}else{var Ae;const jt=Lo(j.snapshot),gn=null!==(Ae=null==jt?void 0:jt.get(e._Vd))&&void 0!==Ae?Ae:null;yt.attachRef=null,yt.route=j,yt.resolver=gn,yt.injector=jt,yt.outlet&&yt.outlet.activateWith(j,yt.injector),this.activateChildRoutes(E,null,yt.children)}}else this.activateChildRoutes(E,null,P)}}class yr{constructor(E){this.path=E,this.route=this.path[this.path.length-1]}}class Do{constructor(E,h){this.component=E,this.route=h}}function po(D,E,h){const P=D._root;return b(P,E?E._root:null,h,[P.value])}function Oe(D,E){const h=Symbol(),P=E.get(D,h);return P===h?"function"!=typeof D||(0,e.Z0I)(D)?E.get(D):D:P}function b(D,E,h,P,j={canDeactivateChecks:[],canActivateChecks:[]}){const me=tt(E);return D.children.forEach(Ae=>{(function M(D,E,h,P,j={canDeactivateChecks:[],canActivateChecks:[]}){const me=D.value,Ae=E?E.value:null,yt=h?h.getContext(D.value.outlet):null;if(Ae&&me.routeConfig===Ae.routeConfig){const jt=function J(D,E,h){if("function"==typeof h)return h(D,E);switch(h){case"pathParamsChange":return!kt(D.url,E.url);case"pathParamsOrQueryParamsChange":return!kt(D.url,E.url)||!Tt(D.queryParams,E.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!tr(D,E)||!Tt(D.queryParams,E.queryParams);default:return!tr(D,E)}}(Ae,me,me.routeConfig.runGuardsAndResolvers);jt?j.canActivateChecks.push(new yr(P)):(me.data=Ae.data,me._resolvedData=Ae._resolvedData),b(D,E,me.component?yt?yt.children:null:h,P,j),jt&&yt&&yt.outlet&&yt.outlet.isActivated&&j.canDeactivateChecks.push(new Do(yt.outlet.component,Ae))}else Ae&&ve(E,yt,j),j.canActivateChecks.push(new yr(P)),b(D,null,me.component?yt?yt.children:null:h,P,j)})(Ae,me[Ae.value.outlet],h,P.concat([Ae.value]),j),delete me[Ae.value.outlet]}),Jt(me,(Ae,yt)=>ve(Ae,h.getContext(yt),j)),j}function ve(D,E,h){const P=tt(D),j=D.value;Jt(P,(me,Ae)=>{ve(me,j.component?E?E.children.getContext(Ae):null:E,h)}),h.canDeactivateChecks.push(new Do(j.component&&E&&E.outlet&&E.outlet.isActivated?E.outlet.component:null,j))}function je(D){return"function"==typeof D}function bn(D){return D instanceof g.K||"EmptyError"===(null==D?void 0:D.name)}const vn=Symbol("INITIAL_VALUE");function $n(){return(0,Q.w)(D=>(0,f.aj)(D.map(E=>E.pipe((0,ue.q)(1),(0,de.O)(vn)))).pipe((0,le.U)(E=>{for(const h of E)if(!0!==h){if(h===vn)return vn;if(!1===h||h instanceof $t)return h}return!0}),(0,X.h)(E=>E!==vn),(0,ue.q)(1)))}function Li(D){return(0,O.z)((0,We.b)(E=>{if(He(E))throw Fo(0,E)}),(0,le.U)(E=>!0===E))}const Qi={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Uo(D,E,h,P,j){const me=go(D,E,h);return me.matched?function bo(D,E,h,P){const j=E.canMatch;if(!j||0===j.length)return(0,p.of)(!0);const me=j.map(Ae=>{const yt=Oe(Ae,D);return vt(function V(D){return D&&je(D.canMatch)}(yt)?yt.canMatch(E,h):D.runInContext(()=>yt(E,h)))});return(0,p.of)(me).pipe($n(),Li())}(P=ao(E,P),E,h).pipe((0,le.U)(Ae=>!0===Ae?me:{...Qi})):(0,p.of)(me)}function go(D,E,h){var P;if(""===E.path)return"full"===E.pathMatch&&(D.hasChildren()||h.length>0)?{...Qi}:{matched:!0,consumedSegments:[],remainingSegments:h,parameters:{},positionalParamSegments:{}};const me=(E.matcher||Ht)(h,D,E);if(!me)return{...Qi};const Ae={};Jt(me.posParams,(jt,gn)=>{Ae[gn]=jt.path});const yt=me.consumed.length>0?{...Ae,...me.consumed[me.consumed.length-1].parameters}:Ae;return{matched:!0,consumedSegments:me.consumed,remainingSegments:h.slice(me.consumed.length),parameters:yt,positionalParamSegments:null!==(P=me.posParams)&&void 0!==P?P:{}}}function wr(D,E,h,P){if(h.length>0&&function Rn(D,E,h){return h.some(P=>vi(D,E,P)&&di(P)!==Gt)}(D,h,P)){const me=new Ye(E,function In(D,E,h,P){const j={};j[Gt]=P,P._sourceSegment=D,P._segmentIndexShift=E.length;for(const me of h)if(""===me.path&&di(me)!==Gt){const Ae=new Ye([],{});Ae._sourceSegment=D,Ae._segmentIndexShift=E.length,j[di(me)]=Ae}return j}(D,E,P,new Ye(h,D.children)));return me._sourceSegment=D,me._segmentIndexShift=E.length,{segmentGroup:me,slicedSegments:[]}}if(0===h.length&&function Jn(D,E,h){return h.some(P=>vi(D,E,P))}(D,h,P)){const me=new Ye(D.segments,function An(D,E,h,P,j){const me={};for(const Ae of P)if(vi(D,h,Ae)&&!j[di(Ae)]){const yt=new Ye([],{});yt._sourceSegment=D,yt._segmentIndexShift=E.length,me[di(Ae)]=yt}return{...j,...me}}(D,E,h,P,D.children));return me._sourceSegment=D,me._segmentIndexShift=E.length,{segmentGroup:me,slicedSegments:h}}const j=new Ye(D.segments,D.children);return j._sourceSegment=D,j._segmentIndexShift=E.length,{segmentGroup:j,slicedSegments:h}}function vi(D,E,h){return(!(D.hasChildren()||E.length>0)||"full"!==h.pathMatch)&&""===h.path}function Eo(D,E,h,P){return!!(di(D)===P||P!==Gt&&vi(E,h,D))&&("**"===D.path||go(E,D,h).matched)}function qi(D,E,h){return 0===E.length&&!D.children[h]}const ho=!1;class pi{constructor(E){this.segmentGroup=E||null}}class Lr{constructor(E){this.urlTree=E}}function Cr(D){return(0,w._)(new pi(D))}function Hi(D){return(0,w._)(new Lr(D))}class Vi{constructor(E,h,P,j,me){this.injector=E,this.configLoader=h,this.urlSerializer=P,this.urlTree=j,this.config=me,this.allowRedirects=!0}apply(){const E=wr(this.urlTree.root,[],[],this.config).segmentGroup,h=new Ye(E.segments,E.children);return this.expandSegmentGroup(this.injector,this.config,h,Gt).pipe((0,le.U)(me=>this.createUrlTree(rt(me),this.urlTree.queryParams,this.urlTree.fragment))).pipe((0,Le.K)(me=>{if(me instanceof Lr)return this.allowRedirects=!1,this.match(me.urlTree);throw me instanceof pi?this.noMatchError(me):me}))}match(E){return this.expandSegmentGroup(this.injector,this.config,E.root,Gt).pipe((0,le.U)(j=>this.createUrlTree(rt(j),E.queryParams,E.fragment))).pipe((0,Le.K)(j=>{throw j instanceof pi?this.noMatchError(j):j}))}noMatchError(E){return new e.vHH(4002,ho)}createUrlTree(E,h,P){const j=dt(E);return new $t(j,h,P)}expandSegmentGroup(E,h,P,j){return 0===P.segments.length&&P.hasChildren()?this.expandChildren(E,h,P).pipe((0,le.U)(me=>new Ye([],me))):this.expandSegment(E,P,h,P.segments,j,!0)}expandChildren(E,h,P){const j=[];for(const me of Object.keys(P.children))"primary"===me?j.unshift(me):j.push(me);return(0,o.D)(j).pipe((0,ne.b)(me=>{const Ae=P.children[me],yt=Io(h,me);return this.expandSegmentGroup(E,yt,Ae,me).pipe((0,le.U)(jt=>({segment:jt,outlet:me})))}),we((me,Ae)=>(me[Ae.outlet]=Ae.segment,me),{}),ce())}expandSegment(E,h,P,j,me,Ae){return(0,o.D)(P).pipe((0,ne.b)(yt=>this.expandSegmentAgainstRoute(E,h,P,yt,j,me,Ae).pipe((0,Le.K)(gn=>{if(gn instanceof pi)return(0,p.of)(null);throw gn}))),(0,K.P)(yt=>!!yt),(0,Le.K)((yt,jt)=>{if(bn(yt))return qi(h,j,me)?(0,p.of)(new Ye([],{})):Cr(h);throw yt}))}expandSegmentAgainstRoute(E,h,P,j,me,Ae,yt){return Eo(j,h,me,Ae)?void 0===j.redirectTo?this.matchSegmentAgainstRoute(E,h,j,me,Ae):yt&&this.allowRedirects?this.expandSegmentAgainstRouteUsingRedirect(E,h,P,j,me,Ae):Cr(h):Cr(h)}expandSegmentAgainstRouteUsingRedirect(E,h,P,j,me,Ae){return"**"===j.path?this.expandWildCardWithParamsAgainstRouteUsingRedirect(E,P,j,Ae):this.expandRegularSegmentAgainstRouteUsingRedirect(E,h,P,j,me,Ae)}expandWildCardWithParamsAgainstRouteUsingRedirect(E,h,P,j){const me=this.applyRedirectCommands([],P.redirectTo,{});return P.redirectTo.startsWith("/")?Hi(me):this.lineralizeSegments(P,me).pipe((0,B.zg)(Ae=>{const yt=new Ye(Ae,{});return this.expandSegment(E,yt,h,Ae,j,!1)}))}expandRegularSegmentAgainstRouteUsingRedirect(E,h,P,j,me,Ae){const{matched:yt,consumedSegments:jt,remainingSegments:gn,positionalParamSegments:Pn}=go(h,j,me);if(!yt)return Cr(h);const Tn=this.applyRedirectCommands(jt,j.redirectTo,Pn);return j.redirectTo.startsWith("/")?Hi(Tn):this.lineralizeSegments(j,Tn).pipe((0,B.zg)(bi=>this.expandSegment(E,h,P,bi.concat(gn),Ae,!1)))}matchSegmentAgainstRoute(E,h,P,j,me){return"**"===P.path?(E=ao(P,E),P.loadChildren?(P._loadedRoutes?(0,p.of)({routes:P._loadedRoutes,injector:P._loadedInjector}):this.configLoader.loadChildren(E,P)).pipe((0,le.U)(yt=>(P._loadedRoutes=yt.routes,P._loadedInjector=yt.injector,new Ye(j,{})))):(0,p.of)(new Ye(j,{}))):Uo(h,P,j,E).pipe((0,Q.w)(({matched:Ae,consumedSegments:yt,remainingSegments:jt})=>{var gn;return Ae?(E=null!==(gn=P._injector)&&void 0!==gn?gn:E,this.getChildConfig(E,P,j).pipe((0,B.zg)(Tn=>{var bi;const to=null!==(bi=Tn.injector)&&void 0!==bi?bi:E,Oo=Tn.routes,{segmentGroup:Qo,slicedSegments:wo}=wr(h,yt,jt,Oo),zo=new Ye(Qo.segments,Qo.children);if(0===wo.length&&zo.hasChildren())return this.expandChildren(to,Oo,zo).pipe((0,le.U)(oa=>new Ye(yt,oa)));if(0===Oo.length&&0===wo.length)return(0,p.of)(new Ye(yt,{}));const pr=di(P)===me;return this.expandSegment(to,zo,Oo,wo,pr?Gt:me,!0).pipe((0,le.U)(Wi=>new Ye(yt.concat(Wi.segments),Wi.children)))}))):Cr(h)}))}getChildConfig(E,h,P){return h.children?(0,p.of)({routes:h.children,injector:E}):h.loadChildren?void 0!==h._loadedRoutes?(0,p.of)({routes:h._loadedRoutes,injector:h._loadedInjector}):function uo(D,E,h,P){const j=E.canLoad;if(void 0===j||0===j.length)return(0,p.of)(!0);const me=j.map(Ae=>{const yt=Oe(Ae,D);return vt(function bt(D){return D&&je(D.canLoad)}(yt)?yt.canLoad(E,h):D.runInContext(()=>yt(E,h)))});return(0,p.of)(me).pipe($n(),Li())}(E,h,P).pipe((0,B.zg)(j=>j?this.configLoader.loadChildren(E,h).pipe((0,We.b)(me=>{h._loadedRoutes=me.routes,h._loadedInjector=me.injector})):function mo(D){return(0,w._)(Or(ho,3))}())):(0,p.of)({routes:[],injector:E})}lineralizeSegments(E,h){let P=[],j=h.root;for(;;){if(P=P.concat(j.segments),0===j.numberOfChildren)return(0,p.of)(P);if(j.numberOfChildren>1||!j.children[Gt])return E.redirectTo,(0,w._)(new e.vHH(4e3,ho));j=j.children[Gt]}}applyRedirectCommands(E,h,P){return this.applyRedirectCreateUrlTree(h,this.urlSerializer.parse(h),E,P)}applyRedirectCreateUrlTree(E,h,P,j){const me=this.createSegmentGroup(E,h.root,P,j);return new $t(me,this.createQueryParams(h.queryParams,this.urlTree.queryParams),h.fragment)}createQueryParams(E,h){const P={};return Jt(E,(j,me)=>{if("string"==typeof j&&j.startsWith(":")){const yt=j.substring(1);P[me]=h[yt]}else P[me]=j}),P}createSegmentGroup(E,h,P,j){const me=this.createSegments(E,h.segments,P,j);let Ae={};return Jt(h.children,(yt,jt)=>{Ae[jt]=this.createSegmentGroup(E,yt,P,j)}),new Ye(me,Ae)}createSegments(E,h,P,j){return h.map(me=>me.path.startsWith(":")?this.findPosParam(E,me,j):this.findOrReturn(me,P))}findPosParam(E,h,P){const j=P[h.path.substring(1)];if(!j)throw new e.vHH(4001,ho);return j}findOrReturn(E,h){let P=0;for(const j of h){if(j.path===E.path)return h.splice(P),j;P++}return E}}class Os{}class Zs{constructor(E,h,P,j,me,Ae,yt){this.injector=E,this.rootComponentType=h,this.config=P,this.urlTree=j,this.url=me,this.paramsInheritanceStrategy=Ae,this.urlSerializer=yt}recognize(){const E=wr(this.urlTree.root,[],[],this.config.filter(h=>void 0===h.redirectTo)).segmentGroup;return this.processSegmentGroup(this.injector,this.config,E,Gt).pipe((0,le.U)(h=>{if(null===h)return null;const P=new Fi([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},Gt,this.rootComponentType,null,this.urlTree.root,-1,{}),j=new Zt(P,h),me=new ji(this.url,j);return this.inheritParamsAndData(me._root),me}))}inheritParamsAndData(E){const h=E.value,P=Di(h,this.paramsInheritanceStrategy);h.params=Object.freeze(P.params),h.data=Object.freeze(P.data),E.children.forEach(j=>this.inheritParamsAndData(j))}processSegmentGroup(E,h,P,j){return 0===P.segments.length&&P.hasChildren()?this.processChildren(E,h,P):this.processSegment(E,h,P,P.segments,j)}processChildren(E,h,P){return(0,o.D)(Object.keys(P.children)).pipe((0,ne.b)(j=>{const me=P.children[j],Ae=Io(h,j);return this.processSegmentGroup(E,Ae,me,j)}),we((j,me)=>j&&me?(j.push(...me),j):null),(0,be.o)(j=>null!==j),(0,Re.d)(null),ce(),(0,le.U)(j=>{if(null===j)return null;const me=Br(j);return function Ks(D){D.sort((E,h)=>E.value.outlet===Gt?-1:h.value.outlet===Gt?1:E.value.outlet.localeCompare(h.value.outlet))}(me),me}))}processSegment(E,h,P,j,me){return(0,o.D)(h).pipe((0,ne.b)(Ae=>{var yt;return this.processSegmentAgainstRoute(null!==(yt=Ae._injector)&&void 0!==yt?yt:E,Ae,P,j,me)}),(0,K.P)(Ae=>!!Ae),(0,Le.K)(Ae=>{if(bn(Ae))return qi(P,j,me)?(0,p.of)([]):(0,p.of)(null);throw Ae}))}processSegmentAgainstRoute(E,h,P,j,me){if(h.redirectTo||!Eo(h,P,j,me))return(0,p.of)(null);let Ae;if("**"===h.path){var yt,jt;const gn=j.length>0?sn(j).parameters:{},Pn=oe(P)+j.length,Tn=new Fi(j,gn,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,pe(h),di(h),null!==(yt=null!==(jt=h.component)&&void 0!==jt?jt:h._loadedComponent)&&void 0!==yt?yt:null,h,R(P),Pn,Xe(h));Ae=(0,p.of)({snapshot:Tn,consumedSegments:[],remainingSegments:[]})}else Ae=Uo(P,h,j,E).pipe((0,le.U)(({matched:gn,consumedSegments:Pn,remainingSegments:Tn,parameters:bi})=>{var to,Oo;if(!gn)return null;const Qo=oe(P)+Pn.length;return{snapshot:new Fi(Pn,bi,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,pe(h),di(h),null!==(to=null!==(Oo=h.component)&&void 0!==Oo?Oo:h._loadedComponent)&&void 0!==to?to:null,h,R(P),Qo,Xe(h)),consumedSegments:Pn,remainingSegments:Tn}}));return Ae.pipe((0,Q.w)(gn=>{var Pn,Tn;if(null===gn)return(0,p.of)(null);const{snapshot:bi,consumedSegments:to,remainingSegments:Oo}=gn;E=null!==(Pn=h._injector)&&void 0!==Pn?Pn:E;const Qo=null!==(Tn=h._loadedInjector)&&void 0!==Tn?Tn:E,wo=function Xs(D){return D.children?D.children:D.loadChildren?D._loadedRoutes:[]}(h),{segmentGroup:zo,slicedSegments:pr}=wr(P,to,Oo,wo.filter(Wi=>void 0===Wi.redirectTo));if(0===pr.length&&zo.hasChildren())return this.processChildren(Qo,wo,zo).pipe((0,le.U)(Wi=>null===Wi?null:[new Zt(bi,Wi)]));if(0===wo.length&&0===pr.length)return(0,p.of)([new Zt(bi,[])]);const ys=di(h)===me;return this.processSegment(Qo,wo,zo,pr,ys?Gt:me).pipe((0,le.U)(Wi=>null===Wi?null:[new Zt(bi,Wi)]))}))}}function Jr(D){const E=D.value.routeConfig;return E&&""===E.path&&void 0===E.redirectTo}function Br(D){const E=[],h=new Set;for(const P of D){if(!Jr(P)){E.push(P);continue}const j=E.find(me=>P.value.routeConfig===me.value.routeConfig);void 0!==j?(j.children.push(...P.children),h.add(j)):E.push(P)}for(const P of h){const j=Br(P.children);E.push(new Zt(P.value,j))}return E.filter(P=>!h.has(P))}function R(D){let E=D;for(;E._sourceSegment;)E=E._sourceSegment;return E}function oe(D){var E;let h=D,P=null!==(E=h._segmentIndexShift)&&void 0!==E?E:0;for(;h._sourceSegment;){var j;h=h._sourceSegment,P+=null!==(j=h._segmentIndexShift)&&void 0!==j?j:0}return P-1}function pe(D){return D.data||{}}function Xe(D){return D.resolve||{}}function Bn(D){return"string"==typeof D.title||null===D.title}function gi(D){return(0,Q.w)(E=>{const h=D(E);return h?(0,o.D)(h).pipe((0,le.U)(()=>E)):(0,p.of)(E)})}const xi=new e.OlP("ROUTES");let Ho=(()=>{class D{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=(0,e.f3M)(e.Sil)}loadComponent(h){if(this.componentLoaders.get(h))return this.componentLoaders.get(h);if(h._loadedComponent)return(0,p.of)(h._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(h);const P=vt(h.loadComponent()).pipe((0,le.U)(Ko),(0,We.b)(me=>{this.onLoadEndListener&&this.onLoadEndListener(h),h._loadedComponent=me}),(0,_e.x)(()=>{this.componentLoaders.delete(h)})),j=new U.c(P,()=>new z.xQ).pipe((0,ze.x)());return this.componentLoaders.set(h,j),j}loadChildren(h,P){if(this.childrenLoaders.get(P))return this.childrenLoaders.get(P);if(P._loadedRoutes)return(0,p.of)({routes:P._loadedRoutes,injector:P._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(P);const me=this.loadModuleFactoryOrRoutes(P.loadChildren).pipe((0,le.U)(yt=>{this.onLoadEndListener&&this.onLoadEndListener(P);let jt,gn,Pn=!1;Array.isArray(yt)?gn=yt:(jt=yt.create(h).injector,gn=Wt(jt.get(xi,[],e.XFs.Self|e.XFs.Optional)));return{routes:gn.map(fo),injector:jt}}),(0,_e.x)(()=>{this.childrenLoaders.delete(P)})),Ae=new U.c(me,()=>new z.xQ).pipe((0,ze.x)());return this.childrenLoaders.set(P,Ae),Ae}loadModuleFactoryOrRoutes(h){return vt(h()).pipe((0,le.U)(Ko),(0,B.zg)(P=>P instanceof e.YKP||Array.isArray(P)?(0,p.of)(P):(0,o.D)(this.compiler.compileModuleAsync(P))))}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Ko(D){return function _o(D){return D&&"object"==typeof D&&"default"in D}(D)?D.default:D}let To=(()=>{class D{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.lastSuccessfulNavigation=null,this.events=new z.xQ,this.configLoader=(0,e.f3M)(Ho),this.environmentInjector=(0,e.f3M)(e.lqb),this.urlSerializer=(0,e.f3M)(Yt),this.rootContexts=(0,e.f3M)(Po),this.navigationId=0,this.afterPreactivation=()=>(0,p.of)(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=j=>this.events.next(new lo(j)),this.configLoader.onLoadStartListener=j=>this.events.next(new ro(j))}complete(){var h;null===(h=this.transitions)||void 0===h||h.complete()}handleNavigationRequest(h){var P;const j=++this.navigationId;null===(P=this.transitions)||void 0===P||P.next({...this.transitions.value,...h,id:j})}setupNavigations(h){return this.transitions=new _.X({id:0,targetPageId:0,currentUrlTree:h.currentUrlTree,currentRawUrl:h.currentUrlTree,extractedUrl:h.urlHandlingStrategy.extract(h.currentUrlTree),urlAfterRedirects:h.urlHandlingStrategy.extract(h.currentUrlTree),rawUrl:h.currentUrlTree,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:ni,restoredState:null,currentSnapshot:h.routerState.snapshot,targetSnapshot:null,currentRouterState:h.routerState,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe((0,X.h)(P=>0!==P.id),(0,le.U)(P=>({...P,extractedUrl:h.urlHandlingStrategy.extract(P.rawUrl)})),(0,Q.w)(P=>{let j=!1,me=!1;return(0,p.of)(P).pipe((0,We.b)(Ae=>{this.currentNavigation={id:Ae.id,initialUrl:Ae.rawUrl,extractedUrl:Ae.extractedUrl,trigger:Ae.source,extras:Ae.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),(0,Q.w)(Ae=>{var yt;const jt=h.browserUrlTree.toString(),gn=!h.navigated||Ae.extractedUrl.toString()!==jt||jt!==h.currentUrlTree.toString(),Pn=null!==(yt=Ae.extras.onSameUrlNavigation)&&void 0!==yt?yt:h.onSameUrlNavigation;if(!gn&&"reload"!==Pn){const Tn="";return this.events.next(new oi(Ae.id,h.serializeUrl(P.rawUrl),Tn,0)),h.rawUrlTree=Ae.rawUrl,Ae.resolve(null),y.E}if(h.urlHandlingStrategy.shouldProcessUrl(Ae.rawUrl))return Xo(Ae.source)&&(h.browserUrlTree=Ae.extractedUrl),(0,p.of)(Ae).pipe((0,Q.w)(Tn=>{var bi,to;const Oo=null===(bi=this.transitions)||void 0===bi?void 0:bi.getValue();return this.events.next(new Ci(Tn.id,this.urlSerializer.serialize(Tn.extractedUrl),Tn.source,Tn.restoredState)),Oo!==(null===(to=this.transitions)||void 0===to?void 0:to.getValue())?y.E:Promise.resolve(Tn)}),function Dr(D,E,h,P){return(0,Q.w)(j=>function xr(D,E,h,P,j){return new Vi(D,E,h,P,j).apply()}(D,E,h,j.extractedUrl,P).pipe((0,le.U)(me=>({...j,urlAfterRedirects:me}))))}(this.environmentInjector,this.configLoader,this.urlSerializer,h.config),(0,We.b)(Tn=>{this.currentNavigation={...this.currentNavigation,finalUrl:Tn.urlAfterRedirects},P.urlAfterRedirects=Tn.urlAfterRedirects}),function Bt(D,E,h,P,j){return(0,B.zg)(me=>function ws(D,E,h,P,j,me,Ae="emptyOnly"){return new Zs(D,E,h,P,j,Ae,me).recognize().pipe((0,Q.w)(yt=>null===yt?function Ys(D){return new S.y(E=>E.error(D))}(new Os):(0,p.of)(yt)))}(D,E,h,me.urlAfterRedirects,P.serialize(me.urlAfterRedirects),P,j).pipe((0,le.U)(Ae=>({...me,targetSnapshot:Ae}))))}(this.environmentInjector,this.rootComponentType,h.config,this.urlSerializer,h.paramsInheritanceStrategy),(0,We.b)(Tn=>{if(P.targetSnapshot=Tn.targetSnapshot,"eager"===h.urlUpdateStrategy){if(!Tn.extras.skipLocationChange){const to=h.urlHandlingStrategy.merge(Tn.urlAfterRedirects,Tn.rawUrl);h.setBrowserUrl(to,Tn)}h.browserUrlTree=Tn.urlAfterRedirects}const bi=new ki(Tn.id,this.urlSerializer.serialize(Tn.extractedUrl),this.urlSerializer.serialize(Tn.urlAfterRedirects),Tn.targetSnapshot);this.events.next(bi)}));if(gn&&h.urlHandlingStrategy.shouldProcessUrl(h.rawUrlTree)){const{id:Tn,extractedUrl:bi,source:to,restoredState:Oo,extras:Qo}=Ae,wo=new Ci(Tn,this.urlSerializer.serialize(bi),to,Oo);this.events.next(wo);const zo=mn(bi,this.rootComponentType).snapshot;return P={...Ae,targetSnapshot:zo,urlAfterRedirects:bi,extras:{...Qo,skipLocationChange:!1,replaceUrl:!1}},(0,p.of)(P)}{const Tn="";return this.events.next(new oi(Ae.id,h.serializeUrl(P.extractedUrl),Tn,1)),h.rawUrlTree=Ae.rawUrl,Ae.resolve(null),y.E}}),(0,We.b)(Ae=>{const yt=new Ei(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(Ae.urlAfterRedirects),Ae.targetSnapshot);this.events.next(yt)}),(0,le.U)(Ae=>P={...Ae,guards:po(Ae.targetSnapshot,Ae.currentSnapshot,this.rootContexts)}),function Xn(D,E){return(0,B.zg)(h=>{const{targetSnapshot:P,currentSnapshot:j,guards:{canActivateChecks:me,canDeactivateChecks:Ae}}=h;return 0===Ae.length&&0===me.length?(0,p.of)({...h,guardsResult:!0}):function ri(D,E,h,P){return(0,o.D)(D).pipe((0,B.zg)(j=>function ci(D,E,h,P,j){const me=E&&E.routeConfig?E.routeConfig.canDeactivate:null;if(!me||0===me.length)return(0,p.of)(!0);const Ae=me.map(yt=>{var jt;const gn=null!==(jt=Lo(E))&&void 0!==jt?jt:j,Pn=Oe(yt,gn);return vt(function I(D){return D&&je(D.canDeactivate)}(Pn)?Pn.canDeactivate(D,E,h,P):gn.runInContext(()=>Pn(D,E,h,P))).pipe((0,K.P)())});return(0,p.of)(Ae).pipe($n())}(j.component,j.route,h,E,P)),(0,K.P)(j=>!0!==j,!0))}(Ae,P,j,D).pipe((0,B.zg)(yt=>yt&&function gt(D){return"boolean"==typeof D}(yt)?function Ln(D,E,h,P){return(0,o.D)(E).pipe((0,ne.b)(j=>(0,m.z)(function or(D,E){return null!==D&&E&&E(new ui(D)),(0,p.of)(!0)}(j.route.parent,P),function wi(D,E){return null!==D&&E&&E(new Ut(D)),(0,p.of)(!0)}(j.route,P),function Ui(D,E,h){const P=E[E.length-1],me=E.slice(0,E.length-1).reverse().map(Ae=>function ko(D){const E=D.routeConfig?D.routeConfig.canActivateChild:null;return E&&0!==E.length?{node:D,guards:E}:null}(Ae)).filter(Ae=>null!==Ae).map(Ae=>(0,C.P)(()=>{const yt=Ae.guards.map(jt=>{var gn;const Pn=null!==(gn=Lo(Ae.node))&&void 0!==gn?gn:h,Tn=Oe(jt,Pn);return vt(function A(D){return D&&je(D.canActivateChild)}(Tn)?Tn.canActivateChild(P,D):Pn.runInContext(()=>Tn(P,D))).pipe((0,K.P)())});return(0,p.of)(yt).pipe($n())}));return(0,p.of)(me).pipe($n())}(D,j.path,h),function Bo(D,E,h){const P=E.routeConfig?E.routeConfig.canActivate:null;if(!P||0===P.length)return(0,p.of)(!0);const j=P.map(me=>(0,C.P)(()=>{var Ae;const yt=null!==(Ae=Lo(E))&&void 0!==Ae?Ae:h,jt=Oe(me,yt);return vt(function k(D){return D&&je(D.canActivate)}(jt)?jt.canActivate(E,D):yt.runInContext(()=>jt(E,D))).pipe((0,K.P)())}));return(0,p.of)(j).pipe($n())}(D,j.route,h))),(0,K.P)(j=>!0!==j,!0))}(P,me,D,E):(0,p.of)(yt)),(0,le.U)(yt=>({...h,guardsResult:yt})))})}(this.environmentInjector,Ae=>this.events.next(Ae)),(0,We.b)(Ae=>{if(P.guardsResult=Ae.guardsResult,He(Ae.guardsResult))throw Fo(0,Ae.guardsResult);const yt=new io(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(Ae.urlAfterRedirects),Ae.targetSnapshot,!!Ae.guardsResult);this.events.next(yt)}),(0,X.h)(Ae=>!!Ae.guardsResult||(h.restoreHistory(Ae),this.cancelNavigationTransition(Ae,"",3),!1)),gi(Ae=>{if(Ae.guards.canActivateChecks.length)return(0,p.of)(Ae).pipe((0,We.b)(yt=>{const jt=new zi(yt.id,this.urlSerializer.serialize(yt.extractedUrl),this.urlSerializer.serialize(yt.urlAfterRedirects),yt.targetSnapshot);this.events.next(jt)}),(0,Q.w)(yt=>{let jt=!1;return(0,p.of)(yt).pipe(function Xt(D,E){return(0,B.zg)(h=>{const{targetSnapshot:P,guards:{canActivateChecks:j}}=h;if(!j.length)return(0,p.of)(h);let me=0;return(0,o.D)(j).pipe((0,ne.b)(Ae=>function xn(D,E,h,P){const j=D.routeConfig,me=D._resolve;return void 0!==(null==j?void 0:j.title)&&!Bn(j)&&(me[St]=j.title),function qn(D,E,h,P){const j=function si(D){return[...Object.keys(D),...Object.getOwnPropertySymbols(D)]}(D);if(0===j.length)return(0,p.of)({});const me={};return(0,o.D)(j).pipe((0,B.zg)(Ae=>function Wn(D,E,h,P){var j;const me=null!==(j=Lo(E))&&void 0!==j?j:P,Ae=Oe(D,me);return vt(Ae.resolve?Ae.resolve(E,h):me.runInContext(()=>Ae(E,h)))}(D[Ae],E,h,P).pipe((0,K.P)(),(0,We.b)(yt=>{me[Ae]=yt}))),G(1),(0,N.h)(me),(0,Le.K)(Ae=>bn(Ae)?y.E:(0,w._)(Ae)))}(me,D,E,P).pipe((0,le.U)(Ae=>(D._resolvedData=Ae,D.data=Di(D,h).resolve,j&&Bn(j)&&(D.data[St]=j.title),null)))}(Ae.route,P,D,E)),(0,We.b)(()=>me++),G(1),(0,B.zg)(Ae=>me===j.length?(0,p.of)(h):y.E))})}(h.paramsInheritanceStrategy,this.environmentInjector),(0,We.b)({next:()=>jt=!0,complete:()=>{jt||(h.restoreHistory(yt),this.cancelNavigationTransition(yt,"",2))}}))}),(0,We.b)(yt=>{const jt=new oo(yt.id,this.urlSerializer.serialize(yt.extractedUrl),this.urlSerializer.serialize(yt.urlAfterRedirects),yt.targetSnapshot);this.events.next(jt)}))}),gi(Ae=>{const yt=jt=>{var gn;const Pn=[];null!==(gn=jt.routeConfig)&&void 0!==gn&&gn.loadComponent&&!jt.routeConfig._loadedComponent&&Pn.push(this.configLoader.loadComponent(jt.routeConfig).pipe((0,We.b)(Tn=>{jt.component=Tn}),(0,le.U)(()=>{})));for(const Tn of jt.children)Pn.push(...yt(Tn));return Pn};return(0,f.aj)(yt(Ae.targetSnapshot.root)).pipe((0,Re.d)(),(0,ue.q)(1))}),gi(()=>this.afterPreactivation()),(0,le.U)(Ae=>{const yt=function ur(D,E,h){const P=lr(D,E._root,h?h._root:void 0);return new Kt(P,E)}(h.routeReuseStrategy,Ae.targetSnapshot,Ae.currentRouterState);return P={...Ae,targetRouterState:yt}}),(0,We.b)(Ae=>{h.currentUrlTree=Ae.urlAfterRedirects,h.rawUrlTree=h.urlHandlingStrategy.merge(Ae.urlAfterRedirects,Ae.rawUrl),h.routerState=Ae.targetRouterState,"deferred"===h.urlUpdateStrategy&&(Ae.extras.skipLocationChange||h.setBrowserUrl(h.rawUrlTree,Ae),h.browserUrlTree=Ae.urlAfterRedirects)}),((D,E,h)=>(0,le.U)(P=>(new Ji(E,P.targetRouterState,P.currentRouterState,h).activate(D),P)))(this.rootContexts,h.routeReuseStrategy,Ae=>this.events.next(Ae)),(0,ue.q)(1),(0,We.b)({next:Ae=>{var yt;j=!0,this.lastSuccessfulNavigation=this.currentNavigation,h.navigated=!0,this.events.next(new Sn(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(h.currentUrlTree))),null===(yt=h.titleStrategy)||void 0===yt||yt.updateTitle(Ae.targetRouterState.snapshot),Ae.resolve(!0)},complete:()=>{j=!0}}),(0,_e.x)(()=>{var Ae;j||me||this.cancelNavigationTransition(P,"",1),(null===(Ae=this.currentNavigation)||void 0===Ae?void 0:Ae.id)===P.id&&(this.currentNavigation=null)}),(0,Le.K)(Ae=>{if(me=!0,Go(Ae)){Gi(Ae)||(h.navigated=!0,h.restoreHistory(P,!0));const jt=new zn(P.id,this.urlSerializer.serialize(P.extractedUrl),Ae.message,Ae.cancellationCode);if(this.events.next(jt),Gi(Ae)){const gn=h.urlHandlingStrategy.merge(Ae.url,h.rawUrlTree),Pn={skipLocationChange:P.extras.skipLocationChange,replaceUrl:"eager"===h.urlUpdateStrategy||Xo(P.source)};h.scheduleNavigation(gn,ni,null,Pn,{resolve:P.resolve,reject:P.reject,promise:P.promise})}else P.resolve(!1)}else{var yt;h.restoreHistory(P,!0);const jt=new Mi(P.id,this.urlSerializer.serialize(P.extractedUrl),Ae,null!==(yt=P.targetSnapshot)&&void 0!==yt?yt:void 0);this.events.next(jt);try{P.resolve(h.errorHandler(Ae))}catch(gn){P.reject(gn)}}return y.E}))}))}cancelNavigationTransition(h,P,j){const me=new zn(h.id,this.urlSerializer.serialize(h.extractedUrl),P,j);this.events.next(me),h.resolve(!1)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Xo(D){return D!==ni}let Vo=(()=>{class D{buildTitle(h){let P,j=h.root;for(;void 0!==j;){var me;P=null!==(me=this.getResolvedTitleForRoute(j))&&void 0!==me?me:P,j=j.children.find(Ae=>Ae.outlet===Gt)}return P}getResolvedTitleForRoute(h){return h.data[St]}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(xs)},providedIn:"root"}),D})(),xs=(()=>{class D extends Vo{constructor(h){super(),this.title=h}updateTitle(h){const P=this.buildTitle(h);void 0!==P&&this.title.setTitle(P)}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(Et.Dx))},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})(),hs=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(Js)},providedIn:"root"}),D})();class Bu{shouldDetach(E){return!1}store(E,h){}shouldAttach(E){return!1}retrieve(E){return null}shouldReuseRoute(E,h){return E.routeConfig===h.routeConfig}}let Js=(()=>{class D extends Bu{}return D.\u0275fac=function(){let E;return function(P){return(E||(E=e.n5z(D)))(P||D)}}(),D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const br=new e.OlP("",{providedIn:"root",factory:()=>({})});let rr=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(Va)},providedIn:"root"}),D})(),Va=(()=>{class D{shouldProcessUrl(h){return!0}extract(h){return h}merge(h,P){return h}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Qs(D){throw D}function qs(D,E,h){return E.parse("/")}const Ps={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},Ss={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let Mo=(()=>{class D{get navigationId(){return this.navigationTransitions.navigationId}get browserPageId(){var h;if("computed"===this.canceledNavigationResolution)return null===(h=this.location.getState())||void 0===h?void 0:h.\u0275routerPageId}get events(){return this.navigationTransitions.events}constructor(){var h;this.disposed=!1,this.currentPageId=0,this.console=(0,e.f3M)(e.c2e),this.isNgZoneEnabled=!1,this.options=(0,e.f3M)(br,{optional:!0})||{},this.errorHandler=this.options.errorHandler||Qs,this.malformedUriErrorHandler=this.options.malformedUriErrorHandler||qs,this.navigated=!1,this.lastSuccessfulId=-1,this.urlHandlingStrategy=(0,e.f3M)(rr),this.routeReuseStrategy=(0,e.f3M)(hs),this.urlCreationStrategy=(0,e.f3M)(Lt),this.titleStrategy=(0,e.f3M)(Vo),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.config=Wt(null!==(h=(0,e.f3M)(xi,{optional:!0}))&&void 0!==h?h:[]),this.navigationTransitions=(0,e.f3M)(To),this.urlSerializer=(0,e.f3M)(Yt),this.location=(0,e.f3M)(Z.Ye),this.isNgZoneEnabled=(0,e.f3M)(e.R0b)instanceof e.R0b&&e.R0b.isInAngularZone(),this.resetConfig(this.config),this.currentUrlTree=new $t,this.rawUrlTree=this.currentUrlTree,this.browserUrlTree=this.currentUrlTree,this.routerState=mn(this.currentUrlTree,null),this.navigationTransitions.setupNavigations(this).subscribe(P=>{var j;this.lastSuccessfulId=P.id,this.currentPageId=null!==(j=this.browserPageId)&&void 0!==j?j:0},P=>{this.console.warn(`Unhandled Navigation Error: ${P}`)})}resetRootComponentType(h){this.routerState.root.component=h,this.navigationTransitions.rootComponentType=h}initialNavigation(){if(this.setUpLocationChangeListener(),!this.navigationTransitions.hasRequestedNavigation){const h=this.location.getState();this.navigateToSyncWithBrowser(this.location.path(!0),ni,h)}}setUpLocationChangeListener(){this.locationSubscription||(this.locationSubscription=this.location.subscribe(h=>{const P="popstate"===h.type?"popstate":"hashchange";"popstate"===P&&setTimeout(()=>{this.navigateToSyncWithBrowser(h.url,P,h.state)},0)}))}navigateToSyncWithBrowser(h,P,j){const me={replaceUrl:!0},Ae=null!=j&&j.navigationId?j:null;if(j){const jt={...j};delete jt.navigationId,delete jt.\u0275routerPageId,0!==Object.keys(jt).length&&(me.state=jt)}const yt=this.parseUrl(h);this.scheduleNavigation(yt,P,Ae,me)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}resetConfig(h){this.config=h.map(fo),this.navigated=!1,this.lastSuccessfulId=-1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.locationSubscription&&(this.locationSubscription.unsubscribe(),this.locationSubscription=void 0),this.disposed=!0}createUrlTree(h,P={}){const{relativeTo:j,queryParams:me,fragment:Ae,queryParamsHandling:yt,preserveFragment:jt}=P,gn=jt?this.currentUrlTree.fragment:Ae;let Pn=null;switch(yt){case"merge":Pn={...this.currentUrlTree.queryParams,...me};break;case"preserve":Pn=this.currentUrlTree.queryParams;break;default:Pn=me||null}return null!==Pn&&(Pn=this.removeEmptyProps(Pn)),this.urlCreationStrategy.createUrlTree(j,this.routerState,this.currentUrlTree,h,Pn,null!=gn?gn:null)}navigateByUrl(h,P={skipLocationChange:!1}){const j=He(h)?h:this.parseUrl(h),me=this.urlHandlingStrategy.merge(j,this.rawUrlTree);return this.scheduleNavigation(me,ni,null,P)}navigate(h,P={skipLocationChange:!1}){return function Is(D){for(let E=0;E<D.length;E++){const h=D[E];if(null==h)throw new e.vHH(4008,false)}}(h),this.navigateByUrl(this.createUrlTree(h,P),P)}serializeUrl(h){return this.urlSerializer.serialize(h)}parseUrl(h){let P;try{P=this.urlSerializer.parse(h)}catch(j){P=this.malformedUriErrorHandler(j,this.urlSerializer,h)}return P}isActive(h,P){let j;if(j=!0===P?{...Ps}:!1===P?{...Ss}:P,He(h))return et(this.currentUrlTree,h,j);const me=this.parseUrl(h);return et(this.currentUrlTree,me,j)}removeEmptyProps(h){return Object.keys(h).reduce((P,j)=>{const me=h[j];return null!=me&&(P[j]=me),P},{})}scheduleNavigation(h,P,j,me,Ae){if(this.disposed)return Promise.resolve(!1);let yt,jt,gn,Pn;if(Ae?(yt=Ae.resolve,jt=Ae.reject,gn=Ae.promise):gn=new Promise((bi,to)=>{yt=bi,jt=to}),"computed"===this.canceledNavigationResolution)if(j&&j.\u0275routerPageId)Pn=j.\u0275routerPageId;else{var Tn;Pn=(null!==(Tn=this.browserPageId)&&void 0!==Tn?Tn:0)+1}else Pn=0;return this.navigationTransitions.handleNavigationRequest({targetPageId:Pn,source:P,restoredState:j,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,rawUrl:h,extras:me,resolve:yt,reject:jt,promise:gn,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),gn.catch(bi=>Promise.reject(bi))}setBrowserUrl(h,P){const j=this.urlSerializer.serialize(h);if(this.location.isCurrentPathEqualTo(j)||P.extras.replaceUrl){const Ae={...P.extras.state,...this.generateNgRouterState(P.id,this.browserPageId)};this.location.replaceState(j,"",Ae)}else{const me={...P.extras.state,...this.generateNgRouterState(P.id,P.targetPageId)};this.location.go(j,"",me)}}restoreHistory(h,P=!1){if("computed"===this.canceledNavigationResolution){var j,me;const Ae=null!==(j=this.browserPageId)&&void 0!==j?j:this.currentPageId,yt=this.currentPageId-Ae;0!==yt?this.location.historyGo(yt):this.currentUrlTree===(null===(me=this.getCurrentNavigation())||void 0===me?void 0:me.finalUrl)&&0===yt&&(this.resetState(h),this.browserUrlTree=h.currentUrlTree,this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(P&&this.resetState(h),this.resetUrlToCurrentUrlTree())}resetState(h){this.routerState=h.currentRouterState,this.currentUrlTree=h.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,h.rawUrl)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(h,P){return"computed"===this.canceledNavigationResolution?{navigationId:h,\u0275routerPageId:P}:{navigationId:h}}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})(),Hr=(()=>{class D{constructor(h,P,j,me,Ae,yt){var jt;this.router=h,this.route=P,this.tabIndexAttribute=j,this.renderer=me,this.el=Ae,this.locationStrategy=yt,this._preserveFragment=!1,this._skipLocationChange=!1,this._replaceUrl=!1,this.href=null,this.commands=null,this.onChanges=new z.xQ;const gn=null===(jt=Ae.nativeElement.tagName)||void 0===jt?void 0:jt.toLowerCase();this.isAnchorElement="a"===gn||"area"===gn,this.isAnchorElement?this.subscription=h.events.subscribe(Pn=>{Pn instanceof Sn&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}set preserveFragment(h){this._preserveFragment=(0,e.D6c)(h)}get preserveFragment(){return this._preserveFragment}set skipLocationChange(h){this._skipLocationChange=(0,e.D6c)(h)}get skipLocationChange(){return this._skipLocationChange}set replaceUrl(h){this._replaceUrl=(0,e.D6c)(h)}get replaceUrl(){return this._replaceUrl}setTabIndexIfNotOnNativeEl(h){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",h)}ngOnChanges(h){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(h){null!=h?(this.commands=Array.isArray(h)?h:[h],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(h,P,j,me,Ae){return!!(null===this.urlTree||this.isAnchorElement&&(0!==h||P||j||me||Ae||"string"==typeof this.target&&"_self"!=this.target))||(this.router.navigateByUrl(this.urlTree,{skipLocationChange:this.skipLocationChange,replaceUrl:this.replaceUrl,state:this.state}),!this.isAnchorElement)}ngOnDestroy(){var h;null===(h=this.subscription)||void 0===h||h.unsubscribe()}updateHref(){var h;this.href=null!==this.urlTree&&this.locationStrategy?null===(h=this.locationStrategy)||void 0===h?void 0:h.prepareExternalUrl(this.router.serializeUrl(this.urlTree)):null;const P=null===this.href?null:(0,e.P3R)(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",P)}applyAttributeValue(h,P){const j=this.renderer,me=this.el.nativeElement;null!==P?j.setAttribute(me,h,P):j.removeAttribute(me,h)}get urlTree(){return null===this.commands?null:this.router.createUrlTree(this.commands,{relativeTo:void 0!==this.relativeTo?this.relativeTo:this.route,queryParams:this.queryParams,fragment:this.fragment,queryParamsHandling:this.queryParamsHandling,preserveFragment:this.preserveFragment})}}return D.\u0275fac=function(h){return new(h||D)(e.Y36(Mo),e.Y36(Kn),e.$8M("tabindex"),e.Y36(e.Qsj),e.Y36(e.SBq),e.Y36(Z.S$))},D.\u0275dir=e.lG2({type:D,selectors:[["","routerLink",""]],hostVars:1,hostBindings:function(h,P){1&h&&e.NdJ("click",function(me){return P.onClick(me.button,me.ctrlKey,me.shiftKey,me.altKey,me.metaKey)}),2&h&&e.uIk("target",P.target)},inputs:{target:"target",queryParams:"queryParams",fragment:"fragment",queryParamsHandling:"queryParamsHandling",state:"state",relativeTo:"relativeTo",preserveFragment:"preserveFragment",skipLocationChange:"skipLocationChange",replaceUrl:"replaceUrl",routerLink:"routerLink"},standalone:!0,features:[e.TTD]}),D})(),ks=(()=>{class D{get isActive(){return this._isActive}constructor(h,P,j,me,Ae){this.router=h,this.element=P,this.renderer=j,this.cdr=me,this.link=Ae,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new e.vpe,this.routerEventsSubscription=h.events.subscribe(yt=>{yt instanceof Sn&&this.update()})}ngAfterContentInit(){(0,p.of)(this.links.changes,(0,p.of)(null)).pipe((0,Ct.J)()).subscribe(h=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){var h;null===(h=this.linkInputChangesSubscription)||void 0===h||h.unsubscribe();const P=[...this.links.toArray(),this.link].filter(j=>!!j).map(j=>j.onChanges);this.linkInputChangesSubscription=(0,o.D)(P).pipe((0,Ct.J)()).subscribe(j=>{this._isActive!==this.isLinkActive(this.router)(j)&&this.update()})}set routerLinkActive(h){const P=Array.isArray(h)?h:h.split(" ");this.classes=P.filter(j=>!!j)}ngOnChanges(h){this.update()}ngOnDestroy(){var h;this.routerEventsSubscription.unsubscribe(),null===(h=this.linkInputChangesSubscription)||void 0===h||h.unsubscribe()}update(){!this.links||!this.router.navigated||Promise.resolve().then(()=>{const h=this.hasActiveLinks();this._isActive!==h&&(this._isActive=h,this.cdr.markForCheck(),this.classes.forEach(P=>{h?this.renderer.addClass(this.element.nativeElement,P):this.renderer.removeClass(this.element.nativeElement,P)}),h&&void 0!==this.ariaCurrentWhenActive?this.renderer.setAttribute(this.element.nativeElement,"aria-current",this.ariaCurrentWhenActive.toString()):this.renderer.removeAttribute(this.element.nativeElement,"aria-current"),this.isActiveChange.emit(h))})}isLinkActive(h){const P=function ea(D){return!!D.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return j=>!!j.urlTree&&h.isActive(j.urlTree,P)}hasActiveLinks(){const h=this.isLinkActive(this.router);return this.link&&h(this.link)||this.links.some(h)}}return D.\u0275fac=function(h){return new(h||D)(e.Y36(Mo),e.Y36(e.SBq),e.Y36(e.Qsj),e.Y36(e.sBO),e.Y36(Hr,8))},D.\u0275dir=e.lG2({type:D,selectors:[["","routerLinkActive",""]],contentQueries:function(h,P,j){if(1&h&&e.Suo(j,Hr,5),2&h){let me;e.iGM(me=e.CRH())&&(P.links=me)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[e.TTD]}),D})();class ta{}let Uu=(()=>{class D{constructor(h,P,j,me,Ae){this.router=h,this.injector=j,this.preloadingStrategy=me,this.loader=Ae}setUpPreloading(){this.subscription=this.router.events.pipe((0,X.h)(h=>h instanceof Sn),(0,ne.b)(()=>this.preload())).subscribe(()=>{})}preload(){return this.processRoutes(this.injector,this.router.config)}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}processRoutes(h,P){const j=[];for(const jt of P){var me,Ae;jt.providers&&!jt._injector&&(jt._injector=(0,e.MMx)(jt.providers,h,`Route: ${jt.path}`));const gn=null!==(me=jt._injector)&&void 0!==me?me:h,Pn=null!==(Ae=jt._loadedInjector)&&void 0!==Ae?Ae:gn;var yt;(jt.loadChildren&&!jt._loadedRoutes&&void 0===jt.canLoad||jt.loadComponent&&!jt._loadedComponent)&&j.push(this.preloadConfig(gn,jt)),(jt.children||jt._loadedRoutes)&&j.push(this.processRoutes(Pn,null!==(yt=jt.children)&&void 0!==yt?yt:jt._loadedRoutes))}return(0,o.D)(j).pipe((0,Ct.J)())}preloadConfig(h,P){return this.preloadingStrategy.preload(P,()=>{let j;j=P.loadChildren&&void 0===P.canLoad?this.loader.loadChildren(h,P):(0,p.of)(null);const me=j.pipe((0,B.zg)(Ae=>{var yt;return null===Ae?(0,p.of)(void 0):(P._loadedRoutes=Ae.routes,P._loadedInjector=Ae.injector,this.processRoutes(null!==(yt=Ae.injector)&&void 0!==yt?yt:h,Ae.routes))}));if(P.loadComponent&&!P._loadedComponent){const Ae=this.loader.loadComponent(P);return(0,o.D)([me,Ae]).pipe((0,Ct.J)())}return me})}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(Mo),e.LFG(e.Sil),e.LFG(e.lqb),e.LFG(ta),e.LFG(Ho))},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const ps=new e.OlP("");let Rs=(()=>{class D{constructor(h,P,j,me,Ae={}){this.urlSerializer=h,this.transitions=P,this.viewportScroller=j,this.zone=me,this.options=Ae,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},Ae.scrollPositionRestoration=Ae.scrollPositionRestoration||"disabled",Ae.anchorScrolling=Ae.anchorScrolling||"disabled"}init(){"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.setHistoryScrollRestoration("manual"),this.routerEventsSubscription=this.createScrollEvents(),this.scrollEventsSubscription=this.consumeScrollEvents()}createScrollEvents(){return this.transitions.events.subscribe(h=>{h instanceof Ci?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=h.navigationTrigger,this.restoredId=h.restoredState?h.restoredState.navigationId:0):h instanceof Sn&&(this.lastId=h.id,this.scheduleScrollEvent(h,this.urlSerializer.parse(h.urlAfterRedirects).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(h=>{h instanceof ee&&(h.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(h.position):h.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(h.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(h,P){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new ee(h,"popstate"===this.lastSource?this.store[this.restoredId]:null,P))})},0)})}ngOnDestroy(){var h,P;null===(h=this.routerEventsSubscription)||void 0===h||h.unsubscribe(),null===(P=this.scrollEventsSubscription)||void 0===P||P.unsubscribe()}}return D.\u0275fac=function(h){e.$Z()},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac}),D})();var Ri=(()=>((Ri=Ri||{})[Ri.COMPLETE=0]="COMPLETE",Ri[Ri.FAILED=1]="FAILED",Ri[Ri.REDIRECTING=2]="REDIRECTING",Ri))();const Vr=!1;function fr(D,E){return{\u0275kind:D,\u0275providers:E}}const gs=new e.OlP("",{providedIn:"root",factory:()=>!1});function ms(){const D=(0,e.f3M)(e.zs3);return E=>{var h,P;const j=D.get(e.z2F);if(E!==j.components[0])return;const me=D.get(Mo),Ae=D.get(_s);1===D.get(Er)&&me.initialNavigation(),null===(h=D.get(ja,null,e.XFs.Optional))||void 0===h||h.setUpPreloading(),null===(P=D.get(ps,null,e.XFs.Optional))||void 0===P||P.init(),me.resetRootComponentType(j.componentTypes[0]),Ae.closed||(Ae.next(),Ae.complete(),Ae.unsubscribe())}}const _s=new e.OlP(Vr?"bootstrap done indicator":"",{factory:()=>new z.xQ}),Er=new e.OlP(Vr?"initial navigation":"",{providedIn:"root",factory:()=>1});function Ai(){let D=[];return D=Vr?[{provide:e.Xts,multi:!0,useFactory:()=>{const E=(0,e.f3M)(Mo);return()=>E.events.subscribe(h=>{var P,j,me,Ae;null===(P=(j=console).group)||void 0===P||P.call(j,`Router Event: ${h.constructor.name}`),console.log(function ge(D){var E,h,P,j;if(!("type"in D))return`Unknown Router Event: ${D.constructor.name}`;switch(D.type){case 14:return`ActivationEnd(path: '${(null===(E=D.snapshot.routeConfig)||void 0===E?void 0:E.path)||""}')`;case 13:return`ActivationStart(path: '${(null===(h=D.snapshot.routeConfig)||void 0===h?void 0:h.path)||""}')`;case 12:return`ChildActivationEnd(path: '${(null===(P=D.snapshot.routeConfig)||void 0===P?void 0:P.path)||""}')`;case 11:return`ChildActivationStart(path: '${(null===(j=D.snapshot.routeConfig)||void 0===j?void 0:j.path)||""}')`;case 8:return`GuardsCheckEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state}, shouldActivate: ${D.shouldActivate})`;case 7:return`GuardsCheckStart(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 2:return`NavigationCancel(id: ${D.id}, url: '${D.url}')`;case 16:return`NavigationSkipped(id: ${D.id}, url: '${D.url}')`;case 1:return`NavigationEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}')`;case 3:return`NavigationError(id: ${D.id}, url: '${D.url}', error: ${D.error})`;case 0:return`NavigationStart(id: ${D.id}, url: '${D.url}')`;case 6:return`ResolveEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 5:return`ResolveStart(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 10:return`RouteConfigLoadEnd(path: ${D.route.path})`;case 9:return`RouteConfigLoadStart(path: ${D.route.path})`;case 4:return`RoutesRecognized(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 15:return`Scroll(anchor: '${D.anchor}', position: '${D.position?`${D.position[0]}, ${D.position[1]}`:null}')`}}(h)),console.log(h),null===(me=(Ae=console).groupEnd)||void 0===me||me.call(Ae)})}}]:[],fr(1,D)}const ja=new e.OlP(Vr?"router preloader":"");function zu(D){return fr(0,[{provide:ja,useExisting:Uu},{provide:ta,useExisting:D}])}const vs=!1,zr=new e.OlP(vs?"router duplicate forRoot guard":"ROUTER_FORROOT_GUARD"),Gu=[Z.Ye,{provide:Yt,useClass:Qe},Mo,Po,{provide:Kn,useFactory:function Fs(D){return D.routerState.root},deps:[Mo]},Ho,vs?{provide:gs,useValue:!0}:[]];function Wu(){return new e.PXZ("Router",Mo)}let Gn=(()=>{class D{constructor(h){}static forRoot(h,P){return{ngModule:D,providers:[Gu,vs&&null!=P&&P.enableTracing?Ai().\u0275providers:[],{provide:xi,multi:!0,useValue:h},{provide:zr,useFactory:Jo,deps:[[Mo,new e.FiY,new e.tp0]]},{provide:br,useValue:P||{}},null!=P&&P.useHash?{provide:Z.S$,useClass:Z.Do}:{provide:Z.S$,useClass:Z.b0},{provide:ps,useFactory:()=>{const D=(0,e.f3M)(Z.EM),E=(0,e.f3M)(e.R0b),h=(0,e.f3M)(br),P=(0,e.f3M)(To),j=(0,e.f3M)(Yt);return h.scrollOffset&&D.setOffset(h.scrollOffset),new Rs(j,P,D,E,h)}},null!=P&&P.preloadingStrategy?zu(P.preloadingStrategy).\u0275providers:[],{provide:e.PXZ,multi:!0,useFactory:Wu},null!=P&&P.initialNavigation?ar(P):[],[{provide:ia,useFactory:ms},{provide:e.tb,multi:!0,useExisting:ia}]]}}static forChild(h){return{ngModule:D,providers:[{provide:xi,multi:!0,useValue:h}]}}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(zr,8))},D.\u0275mod=e.oAB({type:D}),D.\u0275inj=e.cJS({imports:[nr]}),D})();function Jo(D){if(vs&&D)throw new e.vHH(4007,"The Router was provided more than once. This can happen if 'forRoot' is used outside of the root injector. Lazy loaded modules should use RouterModule.forChild() instead.");return"guarded"}function ar(D){return["disabled"===D.initialNavigation?fr(3,[{provide:e.ip1,multi:!0,useFactory:()=>{const E=(0,e.f3M)(Mo);return()=>{E.setUpLocationChangeListener()}}},{provide:Er,useValue:2}]).\u0275providers:[],"enabledBlocking"===D.initialNavigation?fr(2,[{provide:Er,useValue:0},{provide:e.ip1,multi:!0,deps:[e.zs3],useFactory:E=>{const h=E.get(Z.V_,Promise.resolve());return()=>h.then(()=>new Promise(P=>{const j=E.get(Mo),me=E.get(_s);(function Hu(D,E){D.events.pipe((0,X.h)(h=>h instanceof Sn||h instanceof zn||h instanceof Mi||h instanceof oi),(0,le.U)(h=>h instanceof Sn||h instanceof oi?Ri.COMPLETE:h instanceof zn&&(0===h.code||1===h.code)?Ri.REDIRECTING:Ri.FAILED),(0,X.h)(h=>h!==Ri.REDIRECTING),(0,ue.q)(1)).subscribe(()=>{E()})})(j,()=>{P(!0)}),E.get(To).afterPreactivation=()=>(P(!0),me.closed?(0,p.of)(void 0):me),j.initialNavigation()}))}}]).\u0275providers:[]]}const ia=new e.OlP(vs?"Router Initializer":"")},1909:(Ve,ae,s)=>{"use strict";s.d(ae,{rN:()=>G,y$:()=>Re,_l:()=>q});var e=s(4537),o=s(6215),p=s(9193),_=s(205),g=s(6693),f=s(9796),m=s(7393),C=s(377),O=s(5345);class S{constructor(be){this.resultSelector=be}call(be,N){return N.subscribe(new y(be,this.resultSelector))}}class y extends m.L{constructor(be,N,_e=Object.create(null)){super(be),this.resultSelector=N,this.iterators=[],this.active=0,this.resultSelector="function"==typeof N?N:void 0}_next(be){const N=this.iterators;(0,f.k)(be)?N.push(new z(be)):N.push("function"==typeof be[C.hZ]?new U(be[C.hZ]()):new Z(this.destination,this,be))}_complete(){const be=this.iterators,N=be.length;if(this.unsubscribe(),0!==N){this.active=N;for(let _e=0;_e<N;_e++){let ze=be[_e];ze.stillUnsubscribed?this.destination.add(ze.subscribe()):this.active--}}else this.destination.complete()}notifyInactive(){this.active--,0===this.active&&this.destination.complete()}checkIterators(){const be=this.iterators,N=be.length,_e=this.destination;for(let Et=0;Et<N;Et++){let Gt=be[Et];if("function"==typeof Gt.hasValue&&!Gt.hasValue())return}let ze=!1;const Ct=[];for(let Et=0;Et<N;Et++){let Gt=be[Et],St=Gt.next();if(Gt.hasCompleted()&&(ze=!0),St.done)return void _e.complete();Ct.push(St.value)}this.resultSelector?this._tryresultSelector(Ct):_e.next(Ct),ze&&_e.complete()}_tryresultSelector(be){let N;try{N=this.resultSelector.apply(this,be)}catch(_e){return void this.destination.error(_e)}this.destination.next(N)}}class U{constructor(be){this.iterator=be,this.nextResult=be.next()}hasValue(){return!0}next(){const be=this.nextResult;return this.nextResult=this.iterator.next(),be}hasCompleted(){const be=this.nextResult;return Boolean(be&&be.done)}}class z{constructor(be){this.array=be,this.index=0,this.length=0,this.length=be.length}[C.hZ](){return this}next(be){const N=this.index++;return N<this.length?{value:this.array[N],done:!1}:{value:null,done:!0}}hasValue(){return this.array.length>this.index}hasCompleted(){return this.array.length===this.index}}class Z extends O.Ds{constructor(be,N,_e){super(be),this.parent=N,this.observable=_e,this.stillUnsubscribed=!0,this.buffer=[],this.isComplete=!1}[C.hZ](){return this}next(){const be=this.buffer;return 0===be.length&&this.isComplete?{value:null,done:!0}:{value:be.shift(),done:!1}}hasValue(){return this.buffer.length>0}hasCompleted(){return 0===this.buffer.length&&this.isComplete}notifyComplete(){this.buffer.length>0?(this.isComplete=!0,this.parent.notifyInactive()):this.destination.complete()}notifyNext(be){this.buffer.push(be),this.parent.checkIterators()}subscribe(){return(0,O.ft)(this.observable,new O.IY(this))}}var le=s(6666),Q=s(3989),de=s(6493);const B=new class X extends de.v{flush(be){this.active=!0,this.scheduled=void 0;const{actions:N}=this;let _e,ze=-1,Ct=N.length;be=be||N.shift();do{if(_e=be.execute(be.state,be.delay))break}while(++ze<Ct&&(be=N.shift()));if(this.active=!1,_e){for(;++ze<Ct&&(be=N.shift());)be.unsubscribe();throw _e}}}(class ue extends Q.o{constructor(be,N){super(be,N),this.scheduler=be,this.work=N}requestAsyncId(be,N,_e=0){return null!==_e&&_e>0?super.requestAsyncId(be,N,_e):(be.actions.push(this),be.scheduled||(be.scheduled=requestAnimationFrame(()=>be.flush(null))))}recycleAsyncId(be,N,_e=0){if(null!==_e&&_e>0||null===_e&&this.delay>0)return super.recycleAsyncId(be,N,_e);0===be.actions.length&&(cancelAnimationFrame(N),be.scheduled=void 0)}});var ne=s(5435),We=s(8002),Le=s(5257),Je=s(3190),we=s(8307),Ee=s(5304),$e=s(8692),Ie=s(5998);const G=new e.OlP("HIGHLIGHT_OPTIONS");let he=(()=>{class ce{constructor(N,_e,ze){var Ct;this.doc=N,this._options=ze,this._ready=new o.X(null),this.ready=this._ready.asObservable().pipe((0,ne.h)(Et=>!!Et),(0,We.U)(Et=>Et),(0,Le.q)(1)),(0,$e.NF)(_e)&&(N.defaultView.hljs?this._ready.next(N.defaultView.hljs):this._loadLibrary().pipe((0,Je.w)(Et=>this._options&&this._options.lineNumbersLoader?(N.defaultView.hljs=Et,this.loadLineNumbers().pipe((0,we.b)(()=>this._ready.next(Et)))):(this._ready.next(Et),p.E)),(0,Ee.K)(Et=>(console.error("[HLJS] ",Et),p.E))).subscribe(),null!==(Ct=this._options)&&void 0!==Ct&&Ct.themePath&&this.loadTheme(this._options.themePath))}_loadLibrary(){if(this._options){if(this._options.fullLibraryLoader&&this._options.coreLibraryLoader)return(0,_._)(()=>"The full library and the core library were imported, only one of them should be imported!");if(this._options.fullLibraryLoader&&this._options.languages)return(0,_._)(()=>"The highlighting languages were imported they are not needed!");if(this._options.coreLibraryLoader&&!this._options.languages)return(0,_._)(()=>"The highlighting languages were not imported!");if(!this._options.coreLibraryLoader&&this._options.languages)return(0,_._)(()=>"The core library was not imported!");if(this._options.fullLibraryLoader)return this.loadFullLibrary();if(this._options.coreLibraryLoader&&this._options.languages&&Object.keys(this._options.languages).length)return this.loadCoreLibrary().pipe((0,Je.w)(N=>this._loadLanguages(N)))}return(0,_._)(()=>"Highlight.js library was not imported!")}_loadLanguages(N){return function w(...ce){const be=ce[ce.length-1];return"function"==typeof be&&ce.pop(),(0,g.n)(ce,void 0).lift(new S(be))}(...Object.entries(this._options.languages).map(([ze,Ct])=>ye(Ct()).pipe((0,we.b)(Et=>N.registerLanguage(ze,Et))))).pipe((0,We.U)(()=>N))}loadCoreLibrary(){return ye(this._options.coreLibraryLoader())}loadFullLibrary(){return ye(this._options.fullLibraryLoader())}loadLineNumbers(){return ye(this._options.lineNumbersLoader())}setTheme(N){this._themeLinkElement.href=N}loadTheme(N){this._themeLinkElement=this.doc.createElement("link"),this._themeLinkElement.href=N,this._themeLinkElement.type="text/css",this._themeLinkElement.rel="stylesheet",this._themeLinkElement.media="screen,print",this.doc.head.appendChild(this._themeLinkElement)}}return ce.\u0275fac=function(N){return new(N||ce)(e.LFG($e.K0),e.LFG(e.Lbi),e.LFG(G,8))},ce.\u0275prov=e.Yz7({token:ce,factory:ce.\u0275fac,providedIn:"root"}),ce})();const ye=ce=>(0,le.D)(ce).pipe((0,ne.h)(be=>!!be&&!!be.default),(0,We.U)(be=>be.default));let te=(()=>{class ce{constructor(N,_e){this._loader=N,this._hljs=null,N.ready.subscribe(ze=>{this._hljs=ze,_e&&_e.config&&(ze.configure(_e.config),ze.listLanguages().length<1&&console.error("[HighlightJS]: No languages were registered!"))})}get hljs(){return this._hljs}highlight(N,{language:_e,ignoreIllegals:ze}){return this._loader.ready.pipe((0,We.U)(Ct=>Ct.highlight(N,{language:_e,ignoreIllegals:ze})))}highlightAuto(N,_e){return this._loader.ready.pipe((0,We.U)(ze=>ze.highlightAuto(N,_e)))}highlightElement(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.highlightElement(N)))}highlightAll(){return this._loader.ready.pipe((0,We.U)(N=>N.highlightAll()))}configure(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.configure(N)))}registerLanguage(N,_e){return this._loader.ready.pipe((0,we.b)(ze=>ze.registerLanguage(N,_e)))}unregisterLanguage(N){return this._loader.ready.pipe((0,we.b)(_e=>_e.unregisterLanguage(N)))}registerAliases(N,{languageName:_e}){return this._loader.ready.pipe((0,we.b)(ze=>ze.registerAliases(N,{languageName:_e})))}listLanguages(){return this._loader.ready.pipe((0,We.U)(N=>N.listLanguages()))}getLanguage(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.getLanguage(N)))}safeMode(){return this._loader.ready.pipe((0,We.U)(N=>N.safeMode()))}debugMode(){return this._loader.ready.pipe((0,We.U)(N=>N.debugMode()))}lineNumbersBlock(N){return this._loader.ready.pipe((0,ne.h)(_e=>!!_e.lineNumbersBlock),(0,we.b)(_e=>_e.lineNumbersBlock(N)))}}return ce.\u0275fac=function(N){return new(N||ce)(e.LFG(he),e.LFG(G,8))},ce.\u0275prov=e.Yz7({token:ce,factory:ce.\u0275fac,providedIn:"root"}),ce})(),Re=(()=>{class ce{constructor(N,_e,ze,Ct){this._hljs=_e,this._sanitizer=ze,this._options=Ct,this.highlighted=new e.vpe,this._nativeElement=N.nativeElement}ngOnChanges(N){var _e;null!==(null==N||null===(_e=N.code)||void 0===_e?void 0:_e.currentValue)&&N.code.currentValue!==N.code.previousValue&&(this.code?this.highlightElement(this.code,this.languages):this.setTextContent(""))}highlightElement(N,_e){this.setTextContent(N),this._hljs.highlightAuto(N,_e).subscribe(ze=>{this.setInnerHTML(null==ze?void 0:ze.value),this.lineNumbers&&this._options&&this._options.lineNumbersLoader&&this.addLineNumbers(),this.highlighted.emit(ze)})}addLineNumbers(){this.destroyLineNumbersObserver(),B.schedule(()=>{this._hljs.lineNumbersBlock(this._nativeElement).subscribe(),this._lineNumbersObs=new MutationObserver(()=>{this._nativeElement.firstElementChild&&"TABLE"===this._nativeElement.firstElementChild.tagName.toUpperCase()&&this._nativeElement.classList.add("hljs-line-numbers"),this.destroyLineNumbersObserver()}),this._lineNumbersObs.observe(this._nativeElement,{childList:!0})})}destroyLineNumbersObserver(){this._lineNumbersObs&&(this._lineNumbersObs.disconnect(),this._lineNumbersObs=null)}setTextContent(N){B.schedule(()=>this._nativeElement.textContent=N)}setInnerHTML(N){B.schedule(()=>this._nativeElement.innerHTML=this._sanitizer.sanitize(e.q3G.HTML,N)||"")}}return ce.\u0275fac=function(N){return new(N||ce)(e.Y36(e.SBq),e.Y36(te),e.Y36(Ie.H7),e.Y36(G,8))},ce.\u0275dir=e.lG2({type:ce,selectors:[["","highlight",""]],hostVars:2,hostBindings:function(N,_e){2&N&&e.ekj("hljs",!0)},inputs:{code:["highlight","code"],languages:"languages",lineNumbers:"lineNumbers"},outputs:{highlighted:"highlighted"},features:[e.TTD]}),ce})(),q=(()=>{class ce{}return ce.\u0275fac=function(N){return new(N||ce)},ce.\u0275mod=e.oAB({type:ce}),ce.\u0275inj=e.cJS({}),ce})()},972:(Ve,ae,s)=>{"use strict";s.d(ae,{lF:()=>zi,JP:()=>ui});var e=s(4537),o=s(9765),p=s(6682),_=s(5917),g=s(8653),f=s(3190),m=s(6736),C=s(7519),O=s(7349),w=s(9761),S=s(8002),y=s(6782),z=(s(8049),s(8692));function le(Ut,Me){(function Z(Ut,Me){if(Me.has(Ut))throw new TypeError("Cannot initialize the same private elements twice on an object")})(Ut,Me),Me.add(Ut)}function Q(Ut,Me,ee){if(!Me.has(Ut))throw new TypeError("attempted to get private field on non-instance");return ee}function ue(Ut){return(ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(Me){return typeof Me}:function(Me){return Me&&"function"==typeof Symbol&&Me.constructor===Symbol&&Me!==Symbol.prototype?"symbol":typeof Me})(Ut)}function B(Ut,Me,ee){return(Me=function X(Ut){var Me=function de(Ut,Me){if("object"!==ue(Ut)||null===Ut)return Ut;var ee=Ut[Symbol.toPrimitive];if(void 0!==ee){var ge=ee.call(Ut,Me||"default");if("object"!==ue(ge))return ge;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===Me?String:Number)(Ut)}(Ut,"string");return"symbol"===ue(Me)?Me:String(Me)}(Me))in Ut?Object.defineProperty(Ut,Me,{value:ee,enumerable:!0,configurable:!0,writable:!0}):Ut[Me]=ee,Ut}let ne={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};function We(Ut){ne=Ut}const Le=/[&<>"']/,Je=new RegExp(Le.source,"g"),we=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,Ee=new RegExp(we.source,"g"),$e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},Ie=Ut=>$e[Ut];function G(Ut,Me){if(Me){if(Le.test(Ut))return Ut.replace(Je,Ie)}else if(we.test(Ut))return Ut.replace(Ee,Ie);return Ut}const he=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi,te=/(^|[^\[])\^/g;function Re(Ut,Me){let ee="string"==typeof Ut?Ut:Ut.source;Me=Me||"";const ge={replace:(nt,qe)=>{let Dt="string"==typeof qe?qe:qe.source;return Dt=Dt.replace(te,"$1"),ee=ee.replace(nt,Dt),ge},getRegex:()=>new RegExp(ee,Me)};return ge}function q(Ut){try{Ut=encodeURI(Ut).replace(/%25/g,"%")}catch{return null}return Ut}const ce={exec:()=>null};function be(Ut,Me){const ge=Ut.replace(/\|/g,(qe,Dt,Lt)=>{let rn=!1,On=Dt;for(;--On>=0&&"\\"===Lt[On];)rn=!rn;return rn?"|":" |"}).split(/ \|/);let nt=0;if(ge[0].trim()||ge.shift(),ge.length>0&&!ge[ge.length-1].trim()&&ge.pop(),Me)if(ge.length>Me)ge.splice(Me);else for(;ge.length<Me;)ge.push("");for(;nt<ge.length;nt++)ge[nt]=ge[nt].trim().replace(/\\\|/g,"|");return ge}function N(Ut,Me,ee){const ge=Ut.length;if(0===ge)return"";let nt=0;for(;nt<ge;){const qe=Ut.charAt(ge-nt-1);if(qe!==Me||ee){if(qe===Me||!ee)break;nt++}else nt++}return Ut.slice(0,ge-nt)}function ze(Ut,Me,ee,ge){const nt=Me.href,qe=Me.title?G(Me.title):null,Dt=Ut[1].replace(/\\([\[\]])/g,"$1");if("!"!==Ut[0].charAt(0)){ge.state.inLink=!0;const Lt={type:"link",raw:ee,href:nt,title:qe,text:Dt,tokens:ge.inlineTokens(Dt)};return ge.state.inLink=!1,Lt}return{type:"image",raw:ee,href:nt,title:qe,text:G(Dt)}}class Et{constructor(Me){B(this,"options",void 0),B(this,"rules",void 0),B(this,"lexer",void 0),this.options=Me||ne}space(Me){const ee=this.rules.block.newline.exec(Me);if(ee&&ee[0].length>0)return{type:"space",raw:ee[0]}}code(Me){const ee=this.rules.block.code.exec(Me);if(ee){const ge=ee[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:ee[0],codeBlockStyle:"indented",text:this.options.pedantic?ge:N(ge,"\n")}}}fences(Me){const ee=this.rules.block.fences.exec(Me);if(ee){const ge=ee[0],nt=function Ct(Ut,Me){const ee=Ut.match(/^(\s+)(?:```)/);if(null===ee)return Me;const ge=ee[1];return Me.split("\n").map(nt=>{const qe=nt.match(/^\s+/);if(null===qe)return nt;const[Dt]=qe;return Dt.length>=ge.length?nt.slice(ge.length):nt}).join("\n")}(ge,ee[3]||"");return{type:"code",raw:ge,lang:ee[2]?ee[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):ee[2],text:nt}}}heading(Me){const ee=this.rules.block.heading.exec(Me);if(ee){let ge=ee[2].trim();if(/#$/.test(ge)){const nt=N(ge,"#");(this.options.pedantic||!nt||/ $/.test(nt))&&(ge=nt.trim())}return{type:"heading",raw:ee[0],depth:ee[1].length,text:ge,tokens:this.lexer.inline(ge)}}}hr(Me){const ee=this.rules.block.hr.exec(Me);if(ee)return{type:"hr",raw:ee[0]}}blockquote(Me){const ee=this.rules.block.blockquote.exec(Me);if(ee){const ge=N(ee[0].replace(/^ *>[ \t]?/gm,""),"\n"),nt=this.lexer.state.top;this.lexer.state.top=!0;const qe=this.lexer.blockTokens(ge);return this.lexer.state.top=nt,{type:"blockquote",raw:ee[0],tokens:qe,text:ge}}}list(Me){let ee=this.rules.block.list.exec(Me);if(ee){let ge=ee[1].trim();const nt=ge.length>1,qe={type:"list",raw:"",ordered:nt,start:nt?+ge.slice(0,-1):"",loose:!1,items:[]};ge=nt?`\\d{1,9}\\${ge.slice(-1)}`:`\\${ge}`,this.options.pedantic&&(ge=nt?ge:"[*+-]");const Dt=new RegExp(`^( {0,3}${ge})((?:[\t ][^\\n]*)?(?:\\n|$))`);let Lt="",rn="",On=!1;for(;Me;){let yn=!1;if(!(ee=Dt.exec(Me))||this.rules.block.hr.test(Me))break;Lt=ee[0],Me=Me.substring(Lt.length);let Zt=ee[2].split("\n",1)[0].replace(/^\t+/,Di=>" ".repeat(3*Di.length)),tt=Me.split("\n",1)[0],Kt=0;this.options.pedantic?(Kt=2,rn=Zt.trimStart()):(Kt=ee[2].search(/[^ ]/),Kt=Kt>4?1:Kt,rn=Zt.slice(Kt),Kt+=ee[1].length);let mn=!1;if(!Zt&&/^ *$/.test(tt)&&(Lt+=tt+"\n",Me=Me.substring(tt.length+1),yn=!0),!yn){const Di=new RegExp(`^ {0,${Math.min(3,Kt-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`),Oi=new RegExp(`^ {0,${Math.min(3,Kt-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),Fi=new RegExp(`^ {0,${Math.min(3,Kt-1)}}(?:\`\`\`|~~~)`),ji=new RegExp(`^ {0,${Math.min(3,Kt-1)}}#`);for(;Me;){const Ti=Me.split("\n",1)[0];if(tt=Ti,this.options.pedantic&&(tt=tt.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),Fi.test(tt)||ji.test(tt)||Di.test(tt)||Oi.test(Me))break;if(tt.search(/[^ ]/)>=Kt||!tt.trim())rn+="\n"+tt.slice(Kt);else{if(mn||Zt.search(/[^ ]/)>=4||Fi.test(Zt)||ji.test(Zt)||Oi.test(Zt))break;rn+="\n"+tt}!mn&&!tt.trim()&&(mn=!0),Lt+=Ti+"\n",Me=Me.substring(Ti.length+1),Zt=tt.slice(Kt)}}qe.loose||(On?qe.loose=!0:/\n *\n *$/.test(Lt)&&(On=!0));let Kn,jn=null;this.options.gfm&&(jn=/^\[[ xX]\] /.exec(rn),jn&&(Kn="[ ] "!==jn[0],rn=rn.replace(/^\[[ xX]\] +/,""))),qe.items.push({type:"list_item",raw:Lt,task:!!jn,checked:Kn,loose:!1,text:rn,tokens:[]}),qe.raw+=Lt}qe.items[qe.items.length-1].raw=Lt.trimEnd(),qe.items[qe.items.length-1].text=rn.trimEnd(),qe.raw=qe.raw.trimEnd();for(let yn=0;yn<qe.items.length;yn++)if(this.lexer.state.top=!1,qe.items[yn].tokens=this.lexer.blockTokens(qe.items[yn].text,[]),!qe.loose){const Zt=qe.items[yn].tokens.filter(Kt=>"space"===Kt.type),tt=Zt.length>0&&Zt.some(Kt=>/\n.*\n/.test(Kt.raw));qe.loose=tt}if(qe.loose)for(let yn=0;yn<qe.items.length;yn++)qe.items[yn].loose=!0;return qe}}html(Me){const ee=this.rules.block.html.exec(Me);if(ee)return{type:"html",block:!0,raw:ee[0],pre:"pre"===ee[1]||"script"===ee[1]||"style"===ee[1],text:ee[0]}}def(Me){const ee=this.rules.block.def.exec(Me);if(ee){const ge=ee[1].toLowerCase().replace(/\s+/g," "),nt=ee[2]?ee[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",qe=ee[3]?ee[3].substring(1,ee[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):ee[3];return{type:"def",tag:ge,raw:ee[0],href:nt,title:qe}}}table(Me){const ee=this.rules.block.table.exec(Me);if(!ee||!/[:|]/.test(ee[2]))return;const ge=be(ee[1]),nt=ee[2].replace(/^\||\| *$/g,"").split("|"),qe=ee[3]&&ee[3].trim()?ee[3].replace(/\n[ \t]*$/,"").split("\n"):[],Dt={type:"table",raw:ee[0],header:[],align:[],rows:[]};if(ge.length===nt.length){for(const Lt of nt)/^ *-+: *$/.test(Lt)?Dt.align.push("right"):/^ *:-+: *$/.test(Lt)?Dt.align.push("center"):/^ *:-+ *$/.test(Lt)?Dt.align.push("left"):Dt.align.push(null);for(const Lt of ge)Dt.header.push({text:Lt,tokens:this.lexer.inline(Lt)});for(const Lt of qe)Dt.rows.push(be(Lt,Dt.header.length).map(rn=>({text:rn,tokens:this.lexer.inline(rn)})));return Dt}}lheading(Me){const ee=this.rules.block.lheading.exec(Me);if(ee)return{type:"heading",raw:ee[0],depth:"="===ee[2].charAt(0)?1:2,text:ee[1],tokens:this.lexer.inline(ee[1])}}paragraph(Me){const ee=this.rules.block.paragraph.exec(Me);if(ee){const ge="\n"===ee[1].charAt(ee[1].length-1)?ee[1].slice(0,-1):ee[1];return{type:"paragraph",raw:ee[0],text:ge,tokens:this.lexer.inline(ge)}}}text(Me){const ee=this.rules.block.text.exec(Me);if(ee)return{type:"text",raw:ee[0],text:ee[0],tokens:this.lexer.inline(ee[0])}}escape(Me){const ee=this.rules.inline.escape.exec(Me);if(ee)return{type:"escape",raw:ee[0],text:G(ee[1])}}tag(Me){const ee=this.rules.inline.tag.exec(Me);if(ee)return!this.lexer.state.inLink&&/^<a /i.test(ee[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(ee[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(ee[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(ee[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:ee[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:ee[0]}}link(Me){const ee=this.rules.inline.link.exec(Me);if(ee){const ge=ee[2].trim();if(!this.options.pedantic&&/^</.test(ge)){if(!/>$/.test(ge))return;const Dt=N(ge.slice(0,-1),"\\");if((ge.length-Dt.length)%2==0)return}else{const Dt=function _e(Ut,Me){if(-1===Ut.indexOf(Me[1]))return-1;let ee=0;for(let ge=0;ge<Ut.length;ge++)if("\\"===Ut[ge])ge++;else if(Ut[ge]===Me[0])ee++;else if(Ut[ge]===Me[1]&&(ee--,ee<0))return ge;return-1}(ee[2],"()");if(Dt>-1){const rn=(0===ee[0].indexOf("!")?5:4)+ee[1].length+Dt;ee[2]=ee[2].substring(0,Dt),ee[0]=ee[0].substring(0,rn).trim(),ee[3]=""}}let nt=ee[2],qe="";if(this.options.pedantic){const Dt=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(nt);Dt&&(nt=Dt[1],qe=Dt[3])}else qe=ee[3]?ee[3].slice(1,-1):"";return nt=nt.trim(),/^</.test(nt)&&(nt=this.options.pedantic&&!/>$/.test(ge)?nt.slice(1):nt.slice(1,-1)),ze(ee,{href:nt&&nt.replace(this.rules.inline.anyPunctuation,"$1"),title:qe&&qe.replace(this.rules.inline.anyPunctuation,"$1")},ee[0],this.lexer)}}reflink(Me,ee){let ge;if((ge=this.rules.inline.reflink.exec(Me))||(ge=this.rules.inline.nolink.exec(Me))){const qe=ee[(ge[2]||ge[1]).replace(/\s+/g," ").toLowerCase()];if(!qe){const Dt=ge[0].charAt(0);return{type:"text",raw:Dt,text:Dt}}return ze(ge,qe,ge[0],this.lexer)}}emStrong(Me,ee,ge=""){let nt=this.rules.inline.emStrongLDelim.exec(Me);if(!(!nt||nt[3]&&ge.match(/[0-9A-Za-z\xAA\xB2\xB3\xB5\xB9\xBA\xBC-\xBE\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10107}-\u{10133}\u{10140}-\u{10178}\u{1018A}\u{1018B}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{102E1}-\u{102FB}\u{10300}-\u{10323}\u{1032D}-\u{1034A}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{103D1}-\u{103D5}\u{10400}-\u{1049D}\u{104A0}-\u{104A9}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10858}-\u{10876}\u{10879}-\u{1089E}\u{108A7}-\u{108AF}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{108FB}-\u{1091B}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BC}-\u{109CF}\u{109D2}-\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A40}-\u{10A48}\u{10A60}-\u{10A7E}\u{10A80}-\u{10A9F}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10AEB}-\u{10AEF}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B58}-\u{10B72}\u{10B78}-\u{10B91}\u{10BA9}-\u{10BAF}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10CFA}-\u{10D23}\u{10D30}-\u{10D39}\u{10E60}-\u{10E7E}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F27}\u{10F30}-\u{10F45}\u{10F51}-\u{10F54}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FCB}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11052}-\u{1106F}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{110F0}-\u{110F9}\u{11103}-\u{11126}\u{11136}-\u{1113F}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111D0}-\u{111DA}\u{111DC}\u{111E1}-\u{111F4}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{112F0}-\u{112F9}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{11450}-\u{11459}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{114D0}-\u{114D9}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11650}-\u{11659}\u{11680}-\u{116AA}\u{116B8}\u{116C0}-\u{116C9}\u{11700}-\u{1171A}\u{11730}-\u{1173B}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118F2}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{11950}-\u{11959}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C50}-\u{11C6C}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D50}-\u{11D59}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11DA0}-\u{11DA9}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11F50}-\u{11F59}\u{11FB0}\u{11FC0}-\u{11FD4}\u{12000}-\u{12399}\u{12400}-\u{1246E}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A60}-\u{16A69}\u{16A70}-\u{16ABE}\u{16AC0}-\u{16AC9}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B50}-\u{16B59}\u{16B5B}-\u{16B61}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E96}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D2C0}-\u{1D2D3}\u{1D2E0}-\u{1D2F3}\u{1D360}-\u{1D378}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1D7CE}-\u{1D7FF}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E140}-\u{1E149}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E2F0}-\u{1E2F9}\u{1E4D0}-\u{1E4EB}\u{1E4F0}-\u{1E4F9}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E8C7}-\u{1E8CF}\u{1E900}-\u{1E943}\u{1E94B}\u{1E950}-\u{1E959}\u{1EC71}-\u{1ECAB}\u{1ECAD}-\u{1ECAF}\u{1ECB1}-\u{1ECB4}\u{1ED01}-\u{1ED2D}\u{1ED2F}-\u{1ED3D}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{1F100}-\u{1F10C}\u{1FBF0}-\u{1FBF9}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]/u))&&(!nt[1]&&!nt[2]||!ge||this.rules.inline.punctuation.exec(ge))){const Dt=[...nt[0]].length-1;let Lt,rn,On=Dt,yn=0;const Zt="*"===nt[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(Zt.lastIndex=0,ee=ee.slice(-1*Me.length+Dt);null!=(nt=Zt.exec(ee));){if(Lt=nt[1]||nt[2]||nt[3]||nt[4]||nt[5]||nt[6],!Lt)continue;if(rn=[...Lt].length,nt[3]||nt[4]){On+=rn;continue}if((nt[5]||nt[6])&&Dt%3&&!((Dt+rn)%3)){yn+=rn;continue}if(On-=rn,On>0)continue;rn=Math.min(rn,rn+On+yn);const tt=[...nt[0]][0].length,Kt=Me.slice(0,Dt+nt.index+tt+rn);if(Math.min(Dt,rn)%2){const jn=Kt.slice(1,-1);return{type:"em",raw:Kt,text:jn,tokens:this.lexer.inlineTokens(jn)}}const mn=Kt.slice(2,-2);return{type:"strong",raw:Kt,text:mn,tokens:this.lexer.inlineTokens(mn)}}}}codespan(Me){const ee=this.rules.inline.code.exec(Me);if(ee){let ge=ee[2].replace(/\n/g," ");const nt=/[^ ]/.test(ge),qe=/^ /.test(ge)&&/ $/.test(ge);return nt&&qe&&(ge=ge.substring(1,ge.length-1)),ge=G(ge,!0),{type:"codespan",raw:ee[0],text:ge}}}br(Me){const ee=this.rules.inline.br.exec(Me);if(ee)return{type:"br",raw:ee[0]}}del(Me){const ee=this.rules.inline.del.exec(Me);if(ee)return{type:"del",raw:ee[0],text:ee[2],tokens:this.lexer.inlineTokens(ee[2])}}autolink(Me){const ee=this.rules.inline.autolink.exec(Me);if(ee){let ge,nt;return"@"===ee[2]?(ge=G(ee[1]),nt="mailto:"+ge):(ge=G(ee[1]),nt=ge),{type:"link",raw:ee[0],text:ge,href:nt,tokens:[{type:"text",raw:ge,text:ge}]}}}url(Me){let ee;if(ee=this.rules.inline.url.exec(Me)){let qe,Dt;if("@"===ee[2])qe=G(ee[0]),Dt="mailto:"+qe;else{let Lt;do{var ge,nt;Lt=ee[0],ee[0]=null!==(ge=null===(nt=this.rules.inline._backpedal.exec(ee[0]))||void 0===nt?void 0:nt[0])&&void 0!==ge?ge:""}while(Lt!==ee[0]);qe=G(ee[0]),Dt="www."===ee[1]?"http://"+ee[0]:ee[0]}return{type:"link",raw:ee[0],text:qe,href:Dt,tokens:[{type:"text",raw:qe,text:qe}]}}}inlineText(Me){const ee=this.rules.inline.text.exec(Me);if(ee){let ge;return ge=this.lexer.state.inRawBlock?ee[0]:G(ee[0]),{type:"text",raw:ee[0],text:ge}}}}const Ot=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,Pt=/(?:[*+-]|\d{1,9}[.)])/,Tt=Re(/^(?!bull )((?:.|\n(?!\s*?\n|bull ))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,Pt).getRegex(),xt=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,sn=/(?!\s*\])(?:\\.|[^\[\]\\])+/,_n=Re(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label",sn).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Jt=Re(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,Pt).getRegex(),vt="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",ut=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,Te=Re("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))","i").replace("comment",ut).replace("tag",vt).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),Pe=Re(xt).replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",vt).getRegex(),Ge={blockquote:Re(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",Pe).getRegex(),code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,def:_n,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,hr:Ot,html:Te,lheading:Tt,list:Jt,newline:/^(?: *(?:\n|$))+/,paragraph:Pe,table:ce,text:/^[^\n]+/},ke=Re("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",vt).getRegex(),Ke={...Ge,table:ke,paragraph:Re(xt).replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",ke).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",vt).getRegex()},Fe={...Ge,html:Re("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",ut).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:ce,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:Re(xt).replace("hr",Ot).replace("heading"," *#{1,6} *[^\n]").replace("lheading",Tt).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},ht=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,$t=/^( {2,}|\\)\n(?!\s*$)/,wt="\\p{P}$+<=>`^|~",Mt=Re(/^((?![*_])[\spunctuation])/,"u").replace(/punctuation/g,wt).getRegex(),cn=Re(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/,"u").replace(/punct/g,wt).getRegex(),Yt=Re("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])","gu").replace(/punct/g,wt).getRegex(),Qe=Re("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])","gu").replace(/punct/g,wt).getRegex(),lt=Re(/\\([punct])/,"gu").replace(/punct/g,wt).getRegex(),ot=Re(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),st=Re(ut).replace("(?:--\x3e|$)","--\x3e").getRegex(),it=Re("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",st).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),W=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,$=Re(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",W).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),Ne=Re(/^!?\[(label)\]\[(ref)\]/).replace("label",W).replace("ref",sn).getRegex(),De=Re(/^!?\[(ref)\](?:\[\])?/).replace("ref",sn).getRegex(),ct={_backpedal:ce,anyPunctuation:lt,autolink:ot,blockSkip:/\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g,br:$t,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,del:ce,emStrongLDelim:cn,emStrongRDelimAst:Yt,emStrongRDelimUnd:Qe,escape:ht,link:$,nolink:De,punctuation:Mt,reflink:Ne,reflinkSearch:Re("reflink|nolink(?!\\()","g").replace("reflink",Ne).replace("nolink",De).getRegex(),tag:it,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,url:ce},_t={...ct,link:Re(/^!?\[(label)\]\((.*?)\)/).replace("label",W).getRegex(),reflink:Re(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",W).getRegex()},At={...ct,escape:Re(ht).replace("])","~|])").getRegex(),url:Re(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},Se={...At,br:Re($t).replace("{2,}","*").getRegex(),text:Re(At.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},Be={normal:Ge,gfm:Ke,pedantic:Fe},se={normal:ct,gfm:At,breaks:Se,pedantic:_t};class re{constructor(Me){B(this,"tokens",void 0),B(this,"options",void 0),B(this,"state",void 0),B(this,"tokenizer",void 0),B(this,"inlineQueue",void 0),this.tokens=[],this.tokens.links=Object.create(null),this.options=Me||ne,this.options.tokenizer=this.options.tokenizer||new Et,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const ee={block:Be.normal,inline:se.normal};this.options.pedantic?(ee.block=Be.pedantic,ee.inline=se.pedantic):this.options.gfm&&(ee.block=Be.gfm,ee.inline=this.options.breaks?se.breaks:se.gfm),this.tokenizer.rules=ee}static get rules(){return{block:Be,inline:se}}static lex(Me,ee){return new re(ee).lex(Me)}static lexInline(Me,ee){return new re(ee).inlineTokens(Me)}lex(Me){let ee;for(Me=Me.replace(/\r\n|\r/g,"\n"),this.blockTokens(Me,this.tokens);ee=this.inlineQueue.shift();)this.inlineTokens(ee.src,ee.tokens);return this.tokens}blockTokens(Me,ee=[]){let ge,nt,qe,Dt;for(Me=this.options.pedantic?Me.replace(/\t/g,"    ").replace(/^ +$/gm,""):Me.replace(/^( *)(\t+)/gm,(Lt,rn,On)=>rn+"    ".repeat(On.length));Me;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(Lt=>!!(ge=Lt.call({lexer:this},Me,ee))&&(Me=Me.substring(ge.raw.length),ee.push(ge),!0)))){if(ge=this.tokenizer.space(Me)){Me=Me.substring(ge.raw.length),1===ge.raw.length&&ee.length>0?ee[ee.length-1].raw+="\n":ee.push(ge);continue}if(ge=this.tokenizer.code(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],!nt||"paragraph"!==nt.type&&"text"!==nt.type?ee.push(ge):(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue[this.inlineQueue.length-1].src=nt.text);continue}if(ge=this.tokenizer.fences(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.heading(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.hr(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.blockquote(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.list(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.html(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.def(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],!nt||"paragraph"!==nt.type&&"text"!==nt.type?this.tokens.links[ge.tag]||(this.tokens.links[ge.tag]={href:ge.href,title:ge.title}):(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.raw,this.inlineQueue[this.inlineQueue.length-1].src=nt.text);continue}if(ge=this.tokenizer.table(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.lheading(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(qe=Me,this.options.extensions&&this.options.extensions.startBlock){let Lt=1/0;const rn=Me.slice(1);let On;this.options.extensions.startBlock.forEach(yn=>{On=yn.call({lexer:this},rn),"number"==typeof On&&On>=0&&(Lt=Math.min(Lt,On))}),Lt<1/0&&Lt>=0&&(qe=Me.substring(0,Lt+1))}if(this.state.top&&(ge=this.tokenizer.paragraph(qe))){nt=ee[ee.length-1],Dt&&"paragraph"===nt.type?(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=nt.text):ee.push(ge),Dt=qe.length!==Me.length,Me=Me.substring(ge.raw.length);continue}if(ge=this.tokenizer.text(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===nt.type?(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=nt.text):ee.push(ge);continue}if(Me){const Lt="Infinite loop on byte: "+Me.charCodeAt(0);if(this.options.silent){console.error(Lt);break}throw new Error(Lt)}}return this.state.top=!0,ee}inline(Me,ee=[]){return this.inlineQueue.push({src:Me,tokens:ee}),ee}inlineTokens(Me,ee=[]){let ge,nt,qe,Lt,rn,On,Dt=Me;if(this.tokens.links){const yn=Object.keys(this.tokens.links);if(yn.length>0)for(;null!=(Lt=this.tokenizer.rules.inline.reflinkSearch.exec(Dt));)yn.includes(Lt[0].slice(Lt[0].lastIndexOf("[")+1,-1))&&(Dt=Dt.slice(0,Lt.index)+"["+"a".repeat(Lt[0].length-2)+"]"+Dt.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(Lt=this.tokenizer.rules.inline.blockSkip.exec(Dt));)Dt=Dt.slice(0,Lt.index)+"["+"a".repeat(Lt[0].length-2)+"]"+Dt.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(Lt=this.tokenizer.rules.inline.anyPunctuation.exec(Dt));)Dt=Dt.slice(0,Lt.index)+"++"+Dt.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;Me;)if(rn||(On=""),rn=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(yn=>!!(ge=yn.call({lexer:this},Me,ee))&&(Me=Me.substring(ge.raw.length),ee.push(ge),!0)))){if(ge=this.tokenizer.escape(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.tag(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===ge.type&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(ge=this.tokenizer.link(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.reflink(Me,this.tokens.links)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===ge.type&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(ge=this.tokenizer.emStrong(Me,Dt,On)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.codespan(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.br(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.del(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.autolink(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(!this.state.inLink&&(ge=this.tokenizer.url(Me))){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(qe=Me,this.options.extensions&&this.options.extensions.startInline){let yn=1/0;const Zt=Me.slice(1);let tt;this.options.extensions.startInline.forEach(Kt=>{tt=Kt.call({lexer:this},Zt),"number"==typeof tt&&tt>=0&&(yn=Math.min(yn,tt))}),yn<1/0&&yn>=0&&(qe=Me.substring(0,yn+1))}if(ge=this.tokenizer.inlineText(qe)){Me=Me.substring(ge.raw.length),"_"!==ge.raw.slice(-1)&&(On=ge.raw.slice(-1)),rn=!0,nt=ee[ee.length-1],nt&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(Me){const yn="Infinite loop on byte: "+Me.charCodeAt(0);if(this.options.silent){console.error(yn);break}throw new Error(yn)}}return ee}}class Y{constructor(Me){B(this,"options",void 0),this.options=Me||ne}code(Me,ee,ge){var nt;const qe=null===(nt=(ee||"").match(/^\S*/))||void 0===nt?void 0:nt[0];return Me=Me.replace(/\n$/,"")+"\n",qe?'<pre><code class="language-'+G(qe)+'">'+(ge?Me:G(Me,!0))+"</code></pre>\n":"<pre><code>"+(ge?Me:G(Me,!0))+"</code></pre>\n"}blockquote(Me){return`<blockquote>\n${Me}</blockquote>\n`}html(Me,ee){return Me}heading(Me,ee,ge){return`<h${ee}>${Me}</h${ee}>\n`}hr(){return"<hr>\n"}list(Me,ee,ge){const nt=ee?"ol":"ul";return"<"+nt+(ee&&1!==ge?' start="'+ge+'"':"")+">\n"+Me+"</"+nt+">\n"}listitem(Me,ee,ge){return`<li>${Me}</li>\n`}checkbox(Me){return"<input "+(Me?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph(Me){return`<p>${Me}</p>\n`}table(Me,ee){return ee&&(ee=`<tbody>${ee}</tbody>`),"<table>\n<thead>\n"+Me+"</thead>\n"+ee+"</table>\n"}tablerow(Me){return`<tr>\n${Me}</tr>\n`}tablecell(Me,ee){const ge=ee.header?"th":"td";return(ee.align?`<${ge} align="${ee.align}">`:`<${ge}>`)+Me+`</${ge}>\n`}strong(Me){return`<strong>${Me}</strong>`}em(Me){return`<em>${Me}</em>`}codespan(Me){return`<code>${Me}</code>`}br(){return"<br>"}del(Me){return`<del>${Me}</del>`}link(Me,ee,ge){const nt=q(Me);if(null===nt)return ge;let qe='<a href="'+(Me=nt)+'"';return ee&&(qe+=' title="'+ee+'"'),qe+=">"+ge+"</a>",qe}image(Me,ee,ge){const nt=q(Me);if(null===nt)return ge;let qe=`<img src="${Me=nt}" alt="${ge}"`;return ee&&(qe+=` title="${ee}"`),qe+=">",qe}text(Me){return Me}}class fe{strong(Me){return Me}em(Me){return Me}codespan(Me){return Me}del(Me){return Me}html(Me){return Me}text(Me){return Me}link(Me,ee,ge){return""+ge}image(Me,ee,ge){return""+ge}br(){return""}}class Ue{constructor(Me){B(this,"options",void 0),B(this,"renderer",void 0),B(this,"textRenderer",void 0),this.options=Me||ne,this.options.renderer=this.options.renderer||new Y,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new fe}static parse(Me,ee){return new Ue(ee).parse(Me)}static parseInline(Me,ee){return new Ue(ee).parseInline(Me)}parse(Me,ee=!0){let ge="";for(let nt=0;nt<Me.length;nt++){const qe=Me[nt];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[qe.type]){const Dt=qe,Lt=this.options.extensions.renderers[Dt.type].call({parser:this},Dt);if(!1!==Lt||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(Dt.type)){ge+=Lt||"";continue}}switch(qe.type){case"space":continue;case"hr":ge+=this.renderer.hr();continue;case"heading":{const Dt=qe;ge+=this.renderer.heading(this.parseInline(Dt.tokens),Dt.depth,this.parseInline(Dt.tokens,this.textRenderer).replace(he,(Me,ee)=>"colon"===(ee=ee.toLowerCase())?":":"#"===ee.charAt(0)?"x"===ee.charAt(1)?String.fromCharCode(parseInt(ee.substring(2),16)):String.fromCharCode(+ee.substring(1)):""));continue}case"code":ge+=this.renderer.code(qe.text,qe.lang,!!qe.escaped);continue;case"table":{const Dt=qe;let Lt="",rn="";for(let yn=0;yn<Dt.header.length;yn++)rn+=this.renderer.tablecell(this.parseInline(Dt.header[yn].tokens),{header:!0,align:Dt.align[yn]});Lt+=this.renderer.tablerow(rn);let On="";for(let yn=0;yn<Dt.rows.length;yn++){const Zt=Dt.rows[yn];rn="";for(let tt=0;tt<Zt.length;tt++)rn+=this.renderer.tablecell(this.parseInline(Zt[tt].tokens),{header:!1,align:Dt.align[tt]});On+=this.renderer.tablerow(rn)}ge+=this.renderer.table(Lt,On);continue}case"blockquote":{const Lt=this.parse(qe.tokens);ge+=this.renderer.blockquote(Lt);continue}case"list":{const Dt=qe,Lt=Dt.ordered,rn=Dt.start,On=Dt.loose;let yn="";for(let Zt=0;Zt<Dt.items.length;Zt++){const tt=Dt.items[Zt],Kt=tt.checked,mn=tt.task;let jn="";if(tt.task){const Kn=this.renderer.checkbox(!!Kt);On?tt.tokens.length>0&&"paragraph"===tt.tokens[0].type?(tt.tokens[0].text=Kn+" "+tt.tokens[0].text,tt.tokens[0].tokens&&tt.tokens[0].tokens.length>0&&"text"===tt.tokens[0].tokens[0].type&&(tt.tokens[0].tokens[0].text=Kn+" "+tt.tokens[0].tokens[0].text)):tt.tokens.unshift({type:"text",text:Kn+" "}):jn+=Kn+" "}jn+=this.parse(tt.tokens,On),yn+=this.renderer.listitem(jn,mn,!!Kt)}ge+=this.renderer.list(yn,Lt,rn);continue}case"html":ge+=this.renderer.html(qe.text,qe.block);continue;case"paragraph":ge+=this.renderer.paragraph(this.parseInline(qe.tokens));continue;case"text":{let Dt=qe,Lt=Dt.tokens?this.parseInline(Dt.tokens):Dt.text;for(;nt+1<Me.length&&"text"===Me[nt+1].type;)Dt=Me[++nt],Lt+="\n"+(Dt.tokens?this.parseInline(Dt.tokens):Dt.text);ge+=ee?this.renderer.paragraph(Lt):Lt;continue}default:{const Dt='Token with "'+qe.type+'" type was not found.';if(this.options.silent)return console.error(Dt),"";throw new Error(Dt)}}}return ge}parseInline(Me,ee){ee=ee||this.renderer;let ge="";for(let nt=0;nt<Me.length;nt++){const qe=Me[nt];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[qe.type]){const Dt=this.options.extensions.renderers[qe.type].call({parser:this},qe);if(!1!==Dt||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(qe.type)){ge+=Dt||"";continue}}switch(qe.type){case"escape":case"text":ge+=ee.text(qe.text);break;case"html":ge+=ee.html(qe.text);break;case"link":ge+=ee.link(qe.href,qe.title,this.parseInline(qe.tokens,ee));break;case"image":ge+=ee.image(qe.href,qe.title,qe.text);break;case"strong":ge+=ee.strong(this.parseInline(qe.tokens,ee));break;case"em":ge+=ee.em(this.parseInline(qe.tokens,ee));break;case"codespan":ge+=ee.codespan(qe.text);break;case"br":ge+=ee.br();break;case"del":ge+=ee.del(this.parseInline(qe.tokens,ee));break;default:{const Dt='Token with "'+qe.type+'" type was not found.';if(this.options.silent)return console.error(Dt),"";throw new Error(Dt)}}}return ge}}class dt{constructor(Me){B(this,"options",void 0),this.options=Me||ne}preprocess(Me){return Me}postprocess(Me){return Me}}B(dt,"passThroughHooks",new Set(["preprocess","postprocess"]));var rt=new WeakSet,at=new WeakSet;function zt(Ut,Me){return(ee,ge)=>{const nt={...ge},qe={...this.defaults,...nt};!0===this.defaults.async&&!1===nt.async&&(qe.silent||console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."),qe.async=!0);const Dt=Q(this,at,tn).call(this,!!qe.silent,!!qe.async);if(typeof ee>"u"||null===ee)return Dt(new Error("marked(): input parameter is undefined or null"));if("string"!=typeof ee)return Dt(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(ee)+", string expected"));if(qe.hooks&&(qe.hooks.options=qe),qe.async)return Promise.resolve(qe.hooks?qe.hooks.preprocess(ee):ee).then(Lt=>Ut(Lt,qe)).then(Lt=>qe.walkTokens?Promise.all(this.walkTokens(Lt,qe.walkTokens)).then(()=>Lt):Lt).then(Lt=>Me(Lt,qe)).then(Lt=>qe.hooks?qe.hooks.postprocess(Lt):Lt).catch(Dt);try{qe.hooks&&(ee=qe.hooks.preprocess(ee));const Lt=Ut(ee,qe);qe.walkTokens&&this.walkTokens(Lt,qe.walkTokens);let rn=Me(Lt,qe);return qe.hooks&&(rn=qe.hooks.postprocess(rn)),rn}catch(Lt){return Dt(Lt)}}}function tn(Ut,Me){return ee=>{if(ee.message+="\nPlease report this to https://github.com/markedjs/marked.",Ut){const ge="<p>An error occurred:</p><pre>"+G(ee.message+"",!0)+"</pre>";return Me?Promise.resolve(ge):ge}if(Me)return Promise.reject(ee);throw ee}}const ln=new class He{constructor(...Me){le(this,at),le(this,rt),B(this,"defaults",{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}),B(this,"options",this.setOptions),B(this,"parse",Q(this,rt,zt).call(this,re.lex,Ue.parse)),B(this,"parseInline",Q(this,rt,zt).call(this,re.lexInline,Ue.parseInline)),B(this,"Parser",Ue),B(this,"Renderer",Y),B(this,"TextRenderer",fe),B(this,"Lexer",re),B(this,"Tokenizer",Et),B(this,"Hooks",dt),this.use(...Me)}walkTokens(Me,ee){let ge=[];for(const Dt of Me)switch(ge=ge.concat(ee.call(this,Dt)),Dt.type){case"table":{const Lt=Dt;for(const rn of Lt.header)ge=ge.concat(this.walkTokens(rn.tokens,ee));for(const rn of Lt.rows)for(const On of rn)ge=ge.concat(this.walkTokens(On.tokens,ee));break}case"list":ge=ge.concat(this.walkTokens(Dt.items,ee));break;default:{var nt,qe;const Lt=Dt;null!==(nt=this.defaults.extensions)&&void 0!==nt&&null!==(qe=nt.childTokens)&&void 0!==qe&&qe[Lt.type]?this.defaults.extensions.childTokens[Lt.type].forEach(rn=>{ge=ge.concat(this.walkTokens(Lt[rn],ee))}):Lt.tokens&&(ge=ge.concat(this.walkTokens(Lt.tokens,ee)))}}return ge}use(...Me){const ee=this.defaults.extensions||{renderers:{},childTokens:{}};return Me.forEach(ge=>{const nt={...ge};if(nt.async=this.defaults.async||nt.async||!1,ge.extensions&&(ge.extensions.forEach(qe=>{if(!qe.name)throw new Error("extension name required");if("renderer"in qe){const Dt=ee.renderers[qe.name];ee.renderers[qe.name]=Dt?function(...Lt){let rn=qe.renderer.apply(this,Lt);return!1===rn&&(rn=Dt.apply(this,Lt)),rn}:qe.renderer}if("tokenizer"in qe){if(!qe.level||"block"!==qe.level&&"inline"!==qe.level)throw new Error("extension level must be 'block' or 'inline'");const Dt=ee[qe.level];Dt?Dt.unshift(qe.tokenizer):ee[qe.level]=[qe.tokenizer],qe.start&&("block"===qe.level?ee.startBlock?ee.startBlock.push(qe.start):ee.startBlock=[qe.start]:"inline"===qe.level&&(ee.startInline?ee.startInline.push(qe.start):ee.startInline=[qe.start]))}"childTokens"in qe&&qe.childTokens&&(ee.childTokens[qe.name]=qe.childTokens)}),nt.extensions=ee),ge.renderer){const qe=this.defaults.renderer||new Y(this.defaults);for(const Dt in ge.renderer){if(!(Dt in qe))throw new Error(`renderer '${Dt}' does not exist`);if("options"===Dt)continue;const rn=ge.renderer[Dt],On=qe[Dt];qe[Dt]=(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt||""}}nt.renderer=qe}if(ge.tokenizer){const qe=this.defaults.tokenizer||new Et(this.defaults);for(const Dt in ge.tokenizer){if(!(Dt in qe))throw new Error(`tokenizer '${Dt}' does not exist`);if(["options","rules","lexer"].includes(Dt))continue;const rn=ge.tokenizer[Dt],On=qe[Dt];qe[Dt]=(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt}}nt.tokenizer=qe}if(ge.hooks){const qe=this.defaults.hooks||new dt;for(const Dt in ge.hooks){if(!(Dt in qe))throw new Error(`hook '${Dt}' does not exist`);if("options"===Dt)continue;const rn=ge.hooks[Dt],On=qe[Dt];qe[Dt]=dt.passThroughHooks.has(Dt)?yn=>{if(this.defaults.async)return Promise.resolve(rn.call(qe,yn)).then(tt=>On.call(qe,tt));const Zt=rn.call(qe,yn);return On.call(qe,Zt)}:(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt}}nt.hooks=qe}if(ge.walkTokens){const qe=this.defaults.walkTokens,Dt=ge.walkTokens;nt.walkTokens=function(Lt){let rn=[];return rn.push(Dt.call(this,Lt)),qe&&(rn=rn.concat(qe.call(this,Lt))),rn}}this.defaults={...this.defaults,...nt}}),this}setOptions(Me){return this.defaults={...this.defaults,...Me},this}lexer(Me,ee){return re.lex(Me,null!=ee?ee:this.defaults)}parser(Me,ee){return Ue.parse(Me,null!=ee?ee:this.defaults)}};function Rt(Ut,Me){return ln.parse(Ut,Me)}Rt.options=Rt.setOptions=function(Ut){return ln.setOptions(Ut),We(Rt.defaults=ln.defaults),Rt},Rt.getDefaults=function K(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}},Rt.defaults=ne,Rt.use=function(...Ut){return ln.use(...Ut),We(Rt.defaults=ln.defaults),Rt},Rt.walkTokens=function(Ut,Me){return ln.walkTokens(Ut,Me)},Rt.parseInline=ln.parseInline,Rt.Parser=Ue,Rt.parser=Ue.parse,Rt.Renderer=Y,Rt.TextRenderer=fe,Rt.Lexer=re,Rt.lexer=re.lex,Rt.Tokenizer=Et,Rt.Hooks=dt,Rt.parse=Rt;var Fn=s(5732),Qn=s(5998);const Hn=["*"];let wn=(()=>{class Ut{constructor(){this._buttonClick$=new o.xQ,this.copied$=this._buttonClick$.pipe((0,f.w)(()=>(0,p.T)((0,_.of)(!0),(0,g.H)(3e3).pipe((0,m.h)(!1)))),(0,C.x)(),(0,O.d)(1)),this.copiedText$=this.copied$.pipe((0,w.O)(!1),(0,S.U)(ee=>ee?"Copied":"Copy"))}onCopyToClipboardClick(){this._buttonClick$.next()}}return Ut.\u0275fac=function(ee){return new(ee||Ut)},Ut.\u0275cmp=e.Xpm({type:Ut,selectors:[["markdown-clipboard"]],decls:4,vars:7,consts:[[1,"markdown-clipboard-button",3,"click"]],template:function(ee,ge){1&ee&&(e.TgZ(0,"button",0),e.NdJ("click",function(){return ge.onCopyToClipboardClick()}),e.ALo(1,"async"),e._uU(2),e.ALo(3,"async"),e.qZA()),2&ee&&(e.ekj("copied",e.lcZ(1,3,ge.copied$)),e.xp6(2),e.Oqu(e.lcZ(3,5,ge.copiedText$)))},dependencies:[z.Ov],encapsulation:2,changeDetection:0}),Ut})();class ti{}var _i=(()=>{return(Ut=_i||(_i={})).CommandLine="command-line",Ut.LineHighlight="line-highlight",Ut.LineNumbers="line-numbers",_i;var Ut})();class ni{}const ki=new e.OlP("SECURITY_CONTEXT");let io=(()=>{class Ut{constructor(ee,ge,nt,qe,Dt,Lt){this.platform=ee,this.securityContext=ge,this.http=nt,this.clipboardOptions=qe,this.sanitizer=Lt,this.DEFAULT_MARKED_OPTIONS={renderer:new Y},this.DEFAULT_KATEX_OPTIONS={delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}]},this.DEFAULT_MERMAID_OPTIONS={startOnLoad:!1},this.DEFAULT_CLIPBOARD_OPTIONS={buttonComponent:void 0},this.DEFAULT_PARSE_OPTIONS={decodeHtml:!1,inline:!1,emoji:!1,mermaid:!1,markedOptions:this.DEFAULT_MARKED_OPTIONS,disableSanitizer:!1},this.DEFAULT_RENDER_OPTIONS={clipboard:!1,clipboardOptions:void 0,katex:!1,katexOptions:void 0,mermaid:!1,mermaidOptions:void 0},this._reload$=new o.xQ,this.reload$=this._reload$.asObservable(),this.options=Dt}get options(){return this._options}set options(ee){this._options={...this.DEFAULT_MARKED_OPTIONS,...ee}}get renderer(){return this.options.renderer}set renderer(ee){this.options.renderer=ee}parse(ee,ge=this.DEFAULT_PARSE_OPTIONS){const{decodeHtml:nt,inline:qe,emoji:Dt,mermaid:Lt,disableSanitizer:rn}=ge,On={...this.options,...ge.markedOptions};Lt&&(this.renderer=this.extendRenderer(On.renderer||new Y));const yn=this.trimIndentation(ee),Zt=nt?this.decodeHtml(yn):yn,tt=Dt?this.parseEmoji(Zt):Zt,Kt=this.parseMarked(tt,On,qe);return(rn?Kt:this.sanitizer.sanitize(this.securityContext,Kt))||""}render(ee,ge=this.DEFAULT_RENDER_OPTIONS,nt){const{clipboard:qe,clipboardOptions:Dt,katex:Lt,katexOptions:rn,mermaid:On,mermaidOptions:yn}=ge;qe&&this.renderClipboard(ee,nt,{...this.DEFAULT_CLIPBOARD_OPTIONS,...this.clipboardOptions,...Dt}),Lt&&this.renderKatex(ee,{...this.DEFAULT_KATEX_OPTIONS,...rn}),On&&this.renderMermaid(ee,{...this.DEFAULT_MERMAID_OPTIONS,...yn}),this.highlight(ee)}reload(){this._reload$.next()}getSource(ee){if(!this.http)throw new Error("[ngx-markdown] When using the `src` attribute you *have to* pass the `HttpClient` as a parameter of the `forRoot` method. See README for more information");return this.http.get(ee,{responseType:"text"}).pipe((0,S.U)(ge=>this.handleExtension(ee,ge)))}highlight(ee){if(!(0,z.NF)(this.platform)||typeof Prism>"u"||typeof Prism.highlightAllUnder>"u")return;ee||(ee=document);const ge=ee.querySelectorAll('pre code:not([class*="language-"])');Array.prototype.forEach.call(ge,nt=>nt.classList.add("language-none")),Prism.highlightAllUnder(ee)}decodeHtml(ee){if(!(0,z.NF)(this.platform))return ee;const ge=document.createElement("textarea");return ge.innerHTML=ee,ge.value}extendRenderer(ee){const ge=ee;if(!0===ge.\u0275NgxMarkdownRendererExtended)return ee;const nt=ee.code;return ee.code=function(qe,Dt,Lt){return"mermaid"===Dt?`<div class="mermaid">${qe}</div>`:nt.call(this,qe,Dt,Lt)},ge.\u0275NgxMarkdownRendererExtended=!0,ee}handleExtension(ee,ge){const nt=ee.lastIndexOf("://"),qe=nt>-1?ee.substring(nt+4):ee,Dt=qe.lastIndexOf("/"),Lt=Dt>-1?qe.substring(Dt+1).split("?")[0]:"",rn=Lt.lastIndexOf("."),On=rn>-1?Lt.substring(rn+1):"";return On&&"md"!==On?"```"+On+"\n"+ge+"\n```":ge}parseMarked(ee,ge,nt=!1){return nt?Rt.parseInline(ee,ge):Rt.parse(ee,ge)}parseEmoji(ee){if(!(0,z.NF)(this.platform))return ee;if(typeof joypixels>"u"||typeof joypixels.shortnameToUnicode>"u")throw new Error("[ngx-markdown] When using the `emoji` attribute you *have to* include Emoji-Toolkit files to `angular.json` or use imports. See README for more information");return joypixels.shortnameToUnicode(ee)}renderKatex(ee,ge){if((0,z.NF)(this.platform)){if(typeof katex>"u"||typeof renderMathInElement>"u")throw new Error("[ngx-markdown] When using the `katex` attribute you *have to* include KaTeX files to `angular.json` or use imports. See README for more information");renderMathInElement(ee,ge)}}renderClipboard(ee,ge,nt){if(!(0,z.NF)(this.platform))return;if(typeof ClipboardJS>"u")throw new Error("[ngx-markdown] When using the `clipboard` attribute you *have to* include Clipboard files to `angular.json` or use imports. See README for more information");if(!ge)throw new Error("[ngx-markdown] When using the `clipboard` attribute you *have to* provide the `viewContainerRef` parameter to `MarkdownService.render()` function");const{buttonComponent:qe,buttonTemplate:Dt}=nt,Lt=ee.querySelectorAll("pre");for(let rn=0;rn<Lt.length;rn++){const On=Lt.item(rn),yn=document.createElement("div");yn.style.position="relative",On.parentNode.insertBefore(yn,On),yn.appendChild(On);const Zt=document.createElement("div");let tt,Kt;Zt.style.position="absolute",Zt.style.top=".5em",Zt.style.right=".5em",Zt.style.opacity="0",Zt.style.transition="opacity 250ms ease-out",yn.insertAdjacentElement("beforeend",Zt),On.onmouseover=()=>Zt.style.opacity="1",On.onmouseout=()=>Zt.style.opacity="0",tt=qe?ge.createComponent(qe).hostView:Dt?ge.createEmbeddedView(Dt):ge.createComponent(wn).hostView,tt.rootNodes.forEach(mn=>{mn.onmouseover=()=>Zt.style.opacity="1",Zt.appendChild(mn),Kt=new ClipboardJS(mn,{text:()=>On.innerText})}),tt.onDestroy(()=>Kt.destroy())}}renderMermaid(ee,ge=this.DEFAULT_MERMAID_OPTIONS){if(!(0,z.NF)(this.platform))return;if(typeof mermaid>"u"||typeof mermaid.init>"u")throw new Error("[ngx-markdown] When using the `mermaid` attribute you *have to* include Mermaid files to `angular.json` or use imports. See README for more information");const nt=ee.querySelectorAll(".mermaid");0!==nt.length&&(mermaid.initialize(ge),mermaid.init(nt))}trimIndentation(ee){if(!ee)return"";let ge;return ee.split("\n").map(nt=>{let qe=ge;return nt.length>0&&(qe=isNaN(qe)?nt.search(/\S|$/):Math.min(nt.search(/\S|$/),qe)),isNaN(ge)&&(ge=qe),qe?nt.substring(qe):nt}).join("\n")}}return Ut.\u0275fac=function(ee){return new(ee||Ut)(e.LFG(e.Lbi),e.LFG(ki),e.LFG(Fn.eN,8),e.LFG(ti,8),e.LFG(ni,8),e.LFG(Qn.H7))},Ut.\u0275prov=e.Yz7({token:Ut,factory:Ut.\u0275fac}),Ut})(),zi=(()=>{class Ut{constructor(ee,ge,nt){this.element=ee,this.markdownService=ge,this.viewContainerRef=nt,this.error=new e.vpe,this.load=new e.vpe,this.ready=new e.vpe,this._clipboard=!1,this._commandLine=!1,this._disableSanitizer=!1,this._emoji=!1,this._inline=!1,this._katex=!1,this._lineHighlight=!1,this._lineNumbers=!1,this._mermaid=!1,this._srcRelativeLink=!1,this.destroyed$=new o.xQ}get disableSanitizer(){return this._disableSanitizer}set disableSanitizer(ee){this._disableSanitizer=this.coerceBooleanProperty(ee)}get inline(){return this._inline}set inline(ee){this._inline=this.coerceBooleanProperty(ee)}get srcRelativeLink(){return this._srcRelativeLink}set srcRelativeLink(ee){this._srcRelativeLink=this.coerceBooleanProperty(ee)}get clipboard(){return this._clipboard}set clipboard(ee){this._clipboard=this.coerceBooleanProperty(ee)}get emoji(){return this._emoji}set emoji(ee){this._emoji=this.coerceBooleanProperty(ee)}get katex(){return this._katex}set katex(ee){this._katex=this.coerceBooleanProperty(ee)}get mermaid(){return this._mermaid}set mermaid(ee){this._mermaid=this.coerceBooleanProperty(ee)}get lineHighlight(){return this._lineHighlight}set lineHighlight(ee){this._lineHighlight=this.coerceBooleanProperty(ee)}get lineNumbers(){return this._lineNumbers}set lineNumbers(ee){this._lineNumbers=this.coerceBooleanProperty(ee)}get commandLine(){return this._commandLine}set commandLine(ee){this._commandLine=this.coerceBooleanProperty(ee)}ngOnChanges(){this.loadContent()}loadContent(){null==this.data?null==this.src||this.handleSrc():this.handleData()}ngAfterViewInit(){!this.data&&!this.src&&this.handleTransclusion(),this.markdownService.reload$.pipe((0,y.R)(this.destroyed$)).subscribe(()=>this.loadContent())}ngOnDestroy(){this.destroyed$.next(),this.destroyed$.complete()}render(ee,ge=!1){let nt;this.src&&this.srcRelativeLink&&(nt={baseUrl:new URL(this.src,location.origin).pathname});const Dt={clipboard:this.clipboard,clipboardOptions:{buttonComponent:this.clipboardButtonComponent,buttonTemplate:this.clipboardButtonTemplate},katex:this.katex,katexOptions:this.katexOptions,mermaid:this.mermaid,mermaidOptions:this.mermaidOptions},Lt=this.markdownService.parse(ee,{decodeHtml:ge,inline:this.inline,emoji:this.emoji,mermaid:this.mermaid,markedOptions:nt,disableSanitizer:this.disableSanitizer});this.element.nativeElement.innerHTML=Lt,this.handlePlugins(),this.markdownService.render(this.element.nativeElement,Dt,this.viewContainerRef),this.ready.emit()}coerceBooleanProperty(ee){return null!=ee&&"false"!=`${String(ee)}`}handleData(){this.render(this.data)}handleSrc(){this.markdownService.getSource(this.src).subscribe({next:ee=>{this.render(ee),this.load.emit(ee)},error:ee=>this.error.emit(ee)})}handleTransclusion(){this.render(this.element.nativeElement.innerHTML,!0)}handlePlugins(){this.commandLine&&(this.setPluginClass(this.element.nativeElement,_i.CommandLine),this.setPluginOptions(this.element.nativeElement,{dataFilterOutput:this.filterOutput,dataHost:this.host,dataPrompt:this.prompt,dataOutput:this.output,dataUser:this.user})),this.lineHighlight&&this.setPluginOptions(this.element.nativeElement,{dataLine:this.line,dataLineOffset:this.lineOffset}),this.lineNumbers&&(this.setPluginClass(this.element.nativeElement,_i.LineNumbers),this.setPluginOptions(this.element.nativeElement,{dataStart:this.start}))}setPluginClass(ee,ge){const nt=ee.querySelectorAll("pre");for(let qe=0;qe<nt.length;qe++){const Dt=ge instanceof Array?ge:[ge];nt.item(qe).classList.add(...Dt)}}setPluginOptions(ee,ge){const nt=ee.querySelectorAll("pre");for(let qe=0;qe<nt.length;qe++)Object.keys(ge).forEach(Dt=>{const Lt=ge[Dt];if(Lt){const rn=this.toLispCase(Dt);nt.item(qe).setAttribute(rn,Lt.toString())}})}toLispCase(ee){const ge=ee.match(/([A-Z])/g);if(!ge)return ee;let nt=ee.toString();for(let qe=0,Dt=ge.length;qe<Dt;qe++)nt=nt.replace(new RegExp(ge[qe]),"-"+ge[qe].toLowerCase());return"-"===nt.slice(0,1)&&(nt=nt.slice(1)),nt}}return Ut.\u0275fac=function(ee){return new(ee||Ut)(e.Y36(e.SBq),e.Y36(io),e.Y36(e.s_b))},Ut.\u0275cmp=e.Xpm({type:Ut,selectors:[["markdown"],["","markdown",""]],inputs:{data:"data",src:"src",disableSanitizer:"disableSanitizer",inline:"inline",srcRelativeLink:"srcRelativeLink",clipboard:"clipboard",clipboardButtonComponent:"clipboardButtonComponent",clipboardButtonTemplate:"clipboardButtonTemplate",emoji:"emoji",katex:"katex",katexOptions:"katexOptions",mermaid:"mermaid",mermaidOptions:"mermaidOptions",lineHighlight:"lineHighlight",line:"line",lineOffset:"lineOffset",lineNumbers:"lineNumbers",start:"start",commandLine:"commandLine",filterOutput:"filterOutput",host:"host",prompt:"prompt",output:"output",user:"user"},outputs:{error:"error",load:"load",ready:"ready"},features:[e.TTD],ngContentSelectors:Hn,decls:1,vars:0,template:function(ee,ge){1&ee&&(e.F$t(),e.Hsn(0))},encapsulation:2}),Ut})(),ui=(()=>{class Ut{static forRoot(ee){return{ngModule:Ut,providers:[io,ee&&ee.loader||[],ee&&ee.clipboardOptions||[],ee&&ee.markedOptions||[],{provide:ki,useValue:ee&&null!=ee.sanitize?ee.sanitize:e.q3G.HTML}]}}static forChild(){return{ngModule:Ut}}}return Ut.\u0275fac=function(ee){return new(ee||Ut)},Ut.\u0275mod=e.oAB({type:Ut}),Ut.\u0275inj=e.cJS({imports:[z.ez]}),Ut})();var fi;!function(Ut){let Me;var nt;let ee,ge;(nt=Me=Ut.SecurityLevel||(Ut.SecurityLevel={})).Strict="strict",nt.Loose="loose",nt.Antiscript="antiscript",nt.Sandbox="sandbox",function(nt){nt.Base="base",nt.Forest="forest",nt.Dark="dark",nt.Default="default",nt.Neutral="neutral"}(ee=Ut.Theme||(Ut.Theme={})),function(nt){nt[nt.Debug=1]="Debug",nt[nt.Info=2]="Info",nt[nt.Warn=3]="Warn",nt[nt.Error=4]="Error",nt[nt.Fatal=5]="Fatal"}(ge=Ut.LogLevel||(Ut.LogLevel={}))}(fi||(fi={}))},4911:(Ve,ae,s)=>{"use strict";function _(q,ce){var be={};for(var N in q)Object.prototype.hasOwnProperty.call(q,N)&&ce.indexOf(N)<0&&(be[N]=q[N]);if(null!=q&&"function"==typeof Object.getOwnPropertySymbols){var _e=0;for(N=Object.getOwnPropertySymbols(q);_e<N.length;_e++)ce.indexOf(N[_e])<0&&Object.prototype.propertyIsEnumerable.call(q,N[_e])&&(be[N[_e]]=q[N[_e]])}return be}function g(q,ce,be,N){var Ct,_e=arguments.length,ze=_e<3?ce:null===N?N=Object.getOwnPropertyDescriptor(ce,be):N;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)ze=Reflect.decorate(q,ce,be,N);else for(var Et=q.length-1;Et>=0;Et--)(Ct=q[Et])&&(ze=(_e<3?Ct(ze):_e>3?Ct(ce,be,ze):Ct(ce,be))||ze);return _e>3&&ze&&Object.defineProperty(ce,be,ze),ze}function y(q,ce,be,N){return new(be||(be=Promise))(function(ze,Ct){function Et(qt){try{St(N.next(qt))}catch(Ot){Ct(Ot)}}function Gt(qt){try{St(N.throw(qt))}catch(Ot){Ct(Ot)}}function St(qt){qt.done?ze(qt.value):function _e(ze){return ze instanceof be?ze:new be(function(Ct){Ct(ze)})}(qt.value).then(Et,Gt)}St((N=N.apply(q,ce||[])).next())})}s.d(ae,{_T:()=>_,gn:()=>g,mG:()=>y}),"function"==typeof SuppressedError&&SuppressedError},5485:Ve=>{"use strict";Ve.exports=JSON.parse('{"Aacute":"\xc1","aacute":"\xe1","Abreve":"\u0102","abreve":"\u0103","ac":"\u223e","acd":"\u223f","acE":"\u223e\u0333","Acirc":"\xc2","acirc":"\xe2","acute":"\xb4","Acy":"\u0410","acy":"\u0430","AElig":"\xc6","aelig":"\xe6","af":"\u2061","Afr":"\u{1d504}","afr":"\u{1d51e}","Agrave":"\xc0","agrave":"\xe0","alefsym":"\u2135","aleph":"\u2135","Alpha":"\u0391","alpha":"\u03b1","Amacr":"\u0100","amacr":"\u0101","amalg":"\u2a3f","amp":"&","AMP":"&","andand":"\u2a55","And":"\u2a53","and":"\u2227","andd":"\u2a5c","andslope":"\u2a58","andv":"\u2a5a","ang":"\u2220","ange":"\u29a4","angle":"\u2220","angmsdaa":"\u29a8","angmsdab":"\u29a9","angmsdac":"\u29aa","angmsdad":"\u29ab","angmsdae":"\u29ac","angmsdaf":"\u29ad","angmsdag":"\u29ae","angmsdah":"\u29af","angmsd":"\u2221","angrt":"\u221f","angrtvb":"\u22be","angrtvbd":"\u299d","angsph":"\u2222","angst":"\xc5","angzarr":"\u237c","Aogon":"\u0104","aogon":"\u0105","Aopf":"\u{1d538}","aopf":"\u{1d552}","apacir":"\u2a6f","ap":"\u2248","apE":"\u2a70","ape":"\u224a","apid":"\u224b","apos":"\'","ApplyFunction":"\u2061","approx":"\u2248","approxeq":"\u224a","Aring":"\xc5","aring":"\xe5","Ascr":"\u{1d49c}","ascr":"\u{1d4b6}","Assign":"\u2254","ast":"*","asymp":"\u2248","asympeq":"\u224d","Atilde":"\xc3","atilde":"\xe3","Auml":"\xc4","auml":"\xe4","awconint":"\u2233","awint":"\u2a11","backcong":"\u224c","backepsilon":"\u03f6","backprime":"\u2035","backsim":"\u223d","backsimeq":"\u22cd","Backslash":"\u2216","Barv":"\u2ae7","barvee":"\u22bd","barwed":"\u2305","Barwed":"\u2306","barwedge":"\u2305","bbrk":"\u23b5","bbrktbrk":"\u23b6","bcong":"\u224c","Bcy":"\u0411","bcy":"\u0431","bdquo":"\u201e","becaus":"\u2235","because":"\u2235","Because":"\u2235","bemptyv":"\u29b0","bepsi":"\u03f6","bernou":"\u212c","Bernoullis":"\u212c","Beta":"\u0392","beta":"\u03b2","beth":"\u2136","between":"\u226c","Bfr":"\u{1d505}","bfr":"\u{1d51f}","bigcap":"\u22c2","bigcirc":"\u25ef","bigcup":"\u22c3","bigodot":"\u2a00","bigoplus":"\u2a01","bigotimes":"\u2a02","bigsqcup":"\u2a06","bigstar":"\u2605","bigtriangledown":"\u25bd","bigtriangleup":"\u25b3","biguplus":"\u2a04","bigvee":"\u22c1","bigwedge":"\u22c0","bkarow":"\u290d","blacklozenge":"\u29eb","blacksquare":"\u25aa","blacktriangle":"\u25b4","blacktriangledown":"\u25be","blacktriangleleft":"\u25c2","blacktriangleright":"\u25b8","blank":"\u2423","blk12":"\u2592","blk14":"\u2591","blk34":"\u2593","block":"\u2588","bne":"=\u20e5","bnequiv":"\u2261\u20e5","bNot":"\u2aed","bnot":"\u2310","Bopf":"\u{1d539}","bopf":"\u{1d553}","bot":"\u22a5","bottom":"\u22a5","bowtie":"\u22c8","boxbox":"\u29c9","boxdl":"\u2510","boxdL":"\u2555","boxDl":"\u2556","boxDL":"\u2557","boxdr":"\u250c","boxdR":"\u2552","boxDr":"\u2553","boxDR":"\u2554","boxh":"\u2500","boxH":"\u2550","boxhd":"\u252c","boxHd":"\u2564","boxhD":"\u2565","boxHD":"\u2566","boxhu":"\u2534","boxHu":"\u2567","boxhU":"\u2568","boxHU":"\u2569","boxminus":"\u229f","boxplus":"\u229e","boxtimes":"\u22a0","boxul":"\u2518","boxuL":"\u255b","boxUl":"\u255c","boxUL":"\u255d","boxur":"\u2514","boxuR":"\u2558","boxUr":"\u2559","boxUR":"\u255a","boxv":"\u2502","boxV":"\u2551","boxvh":"\u253c","boxvH":"\u256a","boxVh":"\u256b","boxVH":"\u256c","boxvl":"\u2524","boxvL":"\u2561","boxVl":"\u2562","boxVL":"\u2563","boxvr":"\u251c","boxvR":"\u255e","boxVr":"\u255f","boxVR":"\u2560","bprime":"\u2035","breve":"\u02d8","Breve":"\u02d8","brvbar":"\xa6","bscr":"\u{1d4b7}","Bscr":"\u212c","bsemi":"\u204f","bsim":"\u223d","bsime":"\u22cd","bsolb":"\u29c5","bsol":"\\\\","bsolhsub":"\u27c8","bull":"\u2022","bullet":"\u2022","bump":"\u224e","bumpE":"\u2aae","bumpe":"\u224f","Bumpeq":"\u224e","bumpeq":"\u224f","Cacute":"\u0106","cacute":"\u0107","capand":"\u2a44","capbrcup":"\u2a49","capcap":"\u2a4b","cap":"\u2229","Cap":"\u22d2","capcup":"\u2a47","capdot":"\u2a40","CapitalDifferentialD":"\u2145","caps":"\u2229\ufe00","caret":"\u2041","caron":"\u02c7","Cayleys":"\u212d","ccaps":"\u2a4d","Ccaron":"\u010c","ccaron":"\u010d","Ccedil":"\xc7","ccedil":"\xe7","Ccirc":"\u0108","ccirc":"\u0109","Cconint":"\u2230","ccups":"\u2a4c","ccupssm":"\u2a50","Cdot":"\u010a","cdot":"\u010b","cedil":"\xb8","Cedilla":"\xb8","cemptyv":"\u29b2","cent":"\xa2","centerdot":"\xb7","CenterDot":"\xb7","cfr":"\u{1d520}","Cfr":"\u212d","CHcy":"\u0427","chcy":"\u0447","check":"\u2713","checkmark":"\u2713","Chi":"\u03a7","chi":"\u03c7","circ":"\u02c6","circeq":"\u2257","circlearrowleft":"\u21ba","circlearrowright":"\u21bb","circledast":"\u229b","circledcirc":"\u229a","circleddash":"\u229d","CircleDot":"\u2299","circledR":"\xae","circledS":"\u24c8","CircleMinus":"\u2296","CirclePlus":"\u2295","CircleTimes":"\u2297","cir":"\u25cb","cirE":"\u29c3","cire":"\u2257","cirfnint":"\u2a10","cirmid":"\u2aef","cirscir":"\u29c2","ClockwiseContourIntegral":"\u2232","CloseCurlyDoubleQuote":"\u201d","CloseCurlyQuote":"\u2019","clubs":"\u2663","clubsuit":"\u2663","colon":":","Colon":"\u2237","Colone":"\u2a74","colone":"\u2254","coloneq":"\u2254","comma":",","commat":"@","comp":"\u2201","compfn":"\u2218","complement":"\u2201","complexes":"\u2102","cong":"\u2245","congdot":"\u2a6d","Congruent":"\u2261","conint":"\u222e","Conint":"\u222f","ContourIntegral":"\u222e","copf":"\u{1d554}","Copf":"\u2102","coprod":"\u2210","Coproduct":"\u2210","copy":"\xa9","COPY":"\xa9","copysr":"\u2117","CounterClockwiseContourIntegral":"\u2233","crarr":"\u21b5","cross":"\u2717","Cross":"\u2a2f","Cscr":"\u{1d49e}","cscr":"\u{1d4b8}","csub":"\u2acf","csube":"\u2ad1","csup":"\u2ad0","csupe":"\u2ad2","ctdot":"\u22ef","cudarrl":"\u2938","cudarrr":"\u2935","cuepr":"\u22de","cuesc":"\u22df","cularr":"\u21b6","cularrp":"\u293d","cupbrcap":"\u2a48","cupcap":"\u2a46","CupCap":"\u224d","cup":"\u222a","Cup":"\u22d3","cupcup":"\u2a4a","cupdot":"\u228d","cupor":"\u2a45","cups":"\u222a\ufe00","curarr":"\u21b7","curarrm":"\u293c","curlyeqprec":"\u22de","curlyeqsucc":"\u22df","curlyvee":"\u22ce","curlywedge":"\u22cf","curren":"\xa4","curvearrowleft":"\u21b6","curvearrowright":"\u21b7","cuvee":"\u22ce","cuwed":"\u22cf","cwconint":"\u2232","cwint":"\u2231","cylcty":"\u232d","dagger":"\u2020","Dagger":"\u2021","daleth":"\u2138","darr":"\u2193","Darr":"\u21a1","dArr":"\u21d3","dash":"\u2010","Dashv":"\u2ae4","dashv":"\u22a3","dbkarow":"\u290f","dblac":"\u02dd","Dcaron":"\u010e","dcaron":"\u010f","Dcy":"\u0414","dcy":"\u0434","ddagger":"\u2021","ddarr":"\u21ca","DD":"\u2145","dd":"\u2146","DDotrahd":"\u2911","ddotseq":"\u2a77","deg":"\xb0","Del":"\u2207","Delta":"\u0394","delta":"\u03b4","demptyv":"\u29b1","dfisht":"\u297f","Dfr":"\u{1d507}","dfr":"\u{1d521}","dHar":"\u2965","dharl":"\u21c3","dharr":"\u21c2","DiacriticalAcute":"\xb4","DiacriticalDot":"\u02d9","DiacriticalDoubleAcute":"\u02dd","DiacriticalGrave":"`","DiacriticalTilde":"\u02dc","diam":"\u22c4","diamond":"\u22c4","Diamond":"\u22c4","diamondsuit":"\u2666","diams":"\u2666","die":"\xa8","DifferentialD":"\u2146","digamma":"\u03dd","disin":"\u22f2","div":"\xf7","divide":"\xf7","divideontimes":"\u22c7","divonx":"\u22c7","DJcy":"\u0402","djcy":"\u0452","dlcorn":"\u231e","dlcrop":"\u230d","dollar":"$","Dopf":"\u{1d53b}","dopf":"\u{1d555}","Dot":"\xa8","dot":"\u02d9","DotDot":"\u20dc","doteq":"\u2250","doteqdot":"\u2251","DotEqual":"\u2250","dotminus":"\u2238","dotplus":"\u2214","dotsquare":"\u22a1","doublebarwedge":"\u2306","DoubleContourIntegral":"\u222f","DoubleDot":"\xa8","DoubleDownArrow":"\u21d3","DoubleLeftArrow":"\u21d0","DoubleLeftRightArrow":"\u21d4","DoubleLeftTee":"\u2ae4","DoubleLongLeftArrow":"\u27f8","DoubleLongLeftRightArrow":"\u27fa","DoubleLongRightArrow":"\u27f9","DoubleRightArrow":"\u21d2","DoubleRightTee":"\u22a8","DoubleUpArrow":"\u21d1","DoubleUpDownArrow":"\u21d5","DoubleVerticalBar":"\u2225","DownArrowBar":"\u2913","downarrow":"\u2193","DownArrow":"\u2193","Downarrow":"\u21d3","DownArrowUpArrow":"\u21f5","DownBreve":"\u0311","downdownarrows":"\u21ca","downharpoonleft":"\u21c3","downharpoonright":"\u21c2","DownLeftRightVector":"\u2950","DownLeftTeeVector":"\u295e","DownLeftVectorBar":"\u2956","DownLeftVector":"\u21bd","DownRightTeeVector":"\u295f","DownRightVectorBar":"\u2957","DownRightVector":"\u21c1","DownTeeArrow":"\u21a7","DownTee":"\u22a4","drbkarow":"\u2910","drcorn":"\u231f","drcrop":"\u230c","Dscr":"\u{1d49f}","dscr":"\u{1d4b9}","DScy":"\u0405","dscy":"\u0455","dsol":"\u29f6","Dstrok":"\u0110","dstrok":"\u0111","dtdot":"\u22f1","dtri":"\u25bf","dtrif":"\u25be","duarr":"\u21f5","duhar":"\u296f","dwangle":"\u29a6","DZcy":"\u040f","dzcy":"\u045f","dzigrarr":"\u27ff","Eacute":"\xc9","eacute":"\xe9","easter":"\u2a6e","Ecaron":"\u011a","ecaron":"\u011b","Ecirc":"\xca","ecirc":"\xea","ecir":"\u2256","ecolon":"\u2255","Ecy":"\u042d","ecy":"\u044d","eDDot":"\u2a77","Edot":"\u0116","edot":"\u0117","eDot":"\u2251","ee":"\u2147","efDot":"\u2252","Efr":"\u{1d508}","efr":"\u{1d522}","eg":"\u2a9a","Egrave":"\xc8","egrave":"\xe8","egs":"\u2a96","egsdot":"\u2a98","el":"\u2a99","Element":"\u2208","elinters":"\u23e7","ell":"\u2113","els":"\u2a95","elsdot":"\u2a97","Emacr":"\u0112","emacr":"\u0113","empty":"\u2205","emptyset":"\u2205","EmptySmallSquare":"\u25fb","emptyv":"\u2205","EmptyVerySmallSquare":"\u25ab","emsp13":"\u2004","emsp14":"\u2005","emsp":"\u2003","ENG":"\u014a","eng":"\u014b","ensp":"\u2002","Eogon":"\u0118","eogon":"\u0119","Eopf":"\u{1d53c}","eopf":"\u{1d556}","epar":"\u22d5","eparsl":"\u29e3","eplus":"\u2a71","epsi":"\u03b5","Epsilon":"\u0395","epsilon":"\u03b5","epsiv":"\u03f5","eqcirc":"\u2256","eqcolon":"\u2255","eqsim":"\u2242","eqslantgtr":"\u2a96","eqslantless":"\u2a95","Equal":"\u2a75","equals":"=","EqualTilde":"\u2242","equest":"\u225f","Equilibrium":"\u21cc","equiv":"\u2261","equivDD":"\u2a78","eqvparsl":"\u29e5","erarr":"\u2971","erDot":"\u2253","escr":"\u212f","Escr":"\u2130","esdot":"\u2250","Esim":"\u2a73","esim":"\u2242","Eta":"\u0397","eta":"\u03b7","ETH":"\xd0","eth":"\xf0","Euml":"\xcb","euml":"\xeb","euro":"\u20ac","excl":"!","exist":"\u2203","Exists":"\u2203","expectation":"\u2130","exponentiale":"\u2147","ExponentialE":"\u2147","fallingdotseq":"\u2252","Fcy":"\u0424","fcy":"\u0444","female":"\u2640","ffilig":"\ufb03","fflig":"\ufb00","ffllig":"\ufb04","Ffr":"\u{1d509}","ffr":"\u{1d523}","filig":"\ufb01","FilledSmallSquare":"\u25fc","FilledVerySmallSquare":"\u25aa","fjlig":"fj","flat":"\u266d","fllig":"\ufb02","fltns":"\u25b1","fnof":"\u0192","Fopf":"\u{1d53d}","fopf":"\u{1d557}","forall":"\u2200","ForAll":"\u2200","fork":"\u22d4","forkv":"\u2ad9","Fouriertrf":"\u2131","fpartint":"\u2a0d","frac12":"\xbd","frac13":"\u2153","frac14":"\xbc","frac15":"\u2155","frac16":"\u2159","frac18":"\u215b","frac23":"\u2154","frac25":"\u2156","frac34":"\xbe","frac35":"\u2157","frac38":"\u215c","frac45":"\u2158","frac56":"\u215a","frac58":"\u215d","frac78":"\u215e","frasl":"\u2044","frown":"\u2322","fscr":"\u{1d4bb}","Fscr":"\u2131","gacute":"\u01f5","Gamma":"\u0393","gamma":"\u03b3","Gammad":"\u03dc","gammad":"\u03dd","gap":"\u2a86","Gbreve":"\u011e","gbreve":"\u011f","Gcedil":"\u0122","Gcirc":"\u011c","gcirc":"\u011d","Gcy":"\u0413","gcy":"\u0433","Gdot":"\u0120","gdot":"\u0121","ge":"\u2265","gE":"\u2267","gEl":"\u2a8c","gel":"\u22db","geq":"\u2265","geqq":"\u2267","geqslant":"\u2a7e","gescc":"\u2aa9","ges":"\u2a7e","gesdot":"\u2a80","gesdoto":"\u2a82","gesdotol":"\u2a84","gesl":"\u22db\ufe00","gesles":"\u2a94","Gfr":"\u{1d50a}","gfr":"\u{1d524}","gg":"\u226b","Gg":"\u22d9","ggg":"\u22d9","gimel":"\u2137","GJcy":"\u0403","gjcy":"\u0453","gla":"\u2aa5","gl":"\u2277","glE":"\u2a92","glj":"\u2aa4","gnap":"\u2a8a","gnapprox":"\u2a8a","gne":"\u2a88","gnE":"\u2269","gneq":"\u2a88","gneqq":"\u2269","gnsim":"\u22e7","Gopf":"\u{1d53e}","gopf":"\u{1d558}","grave":"`","GreaterEqual":"\u2265","GreaterEqualLess":"\u22db","GreaterFullEqual":"\u2267","GreaterGreater":"\u2aa2","GreaterLess":"\u2277","GreaterSlantEqual":"\u2a7e","GreaterTilde":"\u2273","Gscr":"\u{1d4a2}","gscr":"\u210a","gsim":"\u2273","gsime":"\u2a8e","gsiml":"\u2a90","gtcc":"\u2aa7","gtcir":"\u2a7a","gt":">","GT":">","Gt":"\u226b","gtdot":"\u22d7","gtlPar":"\u2995","gtquest":"\u2a7c","gtrapprox":"\u2a86","gtrarr":"\u2978","gtrdot":"\u22d7","gtreqless":"\u22db","gtreqqless":"\u2a8c","gtrless":"\u2277","gtrsim":"\u2273","gvertneqq":"\u2269\ufe00","gvnE":"\u2269\ufe00","Hacek":"\u02c7","hairsp":"\u200a","half":"\xbd","hamilt":"\u210b","HARDcy":"\u042a","hardcy":"\u044a","harrcir":"\u2948","harr":"\u2194","hArr":"\u21d4","harrw":"\u21ad","Hat":"^","hbar":"\u210f","Hcirc":"\u0124","hcirc":"\u0125","hearts":"\u2665","heartsuit":"\u2665","hellip":"\u2026","hercon":"\u22b9","hfr":"\u{1d525}","Hfr":"\u210c","HilbertSpace":"\u210b","hksearow":"\u2925","hkswarow":"\u2926","hoarr":"\u21ff","homtht":"\u223b","hookleftarrow":"\u21a9","hookrightarrow":"\u21aa","hopf":"\u{1d559}","Hopf":"\u210d","horbar":"\u2015","HorizontalLine":"\u2500","hscr":"\u{1d4bd}","Hscr":"\u210b","hslash":"\u210f","Hstrok":"\u0126","hstrok":"\u0127","HumpDownHump":"\u224e","HumpEqual":"\u224f","hybull":"\u2043","hyphen":"\u2010","Iacute":"\xcd","iacute":"\xed","ic":"\u2063","Icirc":"\xce","icirc":"\xee","Icy":"\u0418","icy":"\u0438","Idot":"\u0130","IEcy":"\u0415","iecy":"\u0435","iexcl":"\xa1","iff":"\u21d4","ifr":"\u{1d526}","Ifr":"\u2111","Igrave":"\xcc","igrave":"\xec","ii":"\u2148","iiiint":"\u2a0c","iiint":"\u222d","iinfin":"\u29dc","iiota":"\u2129","IJlig":"\u0132","ijlig":"\u0133","Imacr":"\u012a","imacr":"\u012b","image":"\u2111","ImaginaryI":"\u2148","imagline":"\u2110","imagpart":"\u2111","imath":"\u0131","Im":"\u2111","imof":"\u22b7","imped":"\u01b5","Implies":"\u21d2","incare":"\u2105","in":"\u2208","infin":"\u221e","infintie":"\u29dd","inodot":"\u0131","intcal":"\u22ba","int":"\u222b","Int":"\u222c","integers":"\u2124","Integral":"\u222b","intercal":"\u22ba","Intersection":"\u22c2","intlarhk":"\u2a17","intprod":"\u2a3c","InvisibleComma":"\u2063","InvisibleTimes":"\u2062","IOcy":"\u0401","iocy":"\u0451","Iogon":"\u012e","iogon":"\u012f","Iopf":"\u{1d540}","iopf":"\u{1d55a}","Iota":"\u0399","iota":"\u03b9","iprod":"\u2a3c","iquest":"\xbf","iscr":"\u{1d4be}","Iscr":"\u2110","isin":"\u2208","isindot":"\u22f5","isinE":"\u22f9","isins":"\u22f4","isinsv":"\u22f3","isinv":"\u2208","it":"\u2062","Itilde":"\u0128","itilde":"\u0129","Iukcy":"\u0406","iukcy":"\u0456","Iuml":"\xcf","iuml":"\xef","Jcirc":"\u0134","jcirc":"\u0135","Jcy":"\u0419","jcy":"\u0439","Jfr":"\u{1d50d}","jfr":"\u{1d527}","jmath":"\u0237","Jopf":"\u{1d541}","jopf":"\u{1d55b}","Jscr":"\u{1d4a5}","jscr":"\u{1d4bf}","Jsercy":"\u0408","jsercy":"\u0458","Jukcy":"\u0404","jukcy":"\u0454","Kappa":"\u039a","kappa":"\u03ba","kappav":"\u03f0","Kcedil":"\u0136","kcedil":"\u0137","Kcy":"\u041a","kcy":"\u043a","Kfr":"\u{1d50e}","kfr":"\u{1d528}","kgreen":"\u0138","KHcy":"\u0425","khcy":"\u0445","KJcy":"\u040c","kjcy":"\u045c","Kopf":"\u{1d542}","kopf":"\u{1d55c}","Kscr":"\u{1d4a6}","kscr":"\u{1d4c0}","lAarr":"\u21da","Lacute":"\u0139","lacute":"\u013a","laemptyv":"\u29b4","lagran":"\u2112","Lambda":"\u039b","lambda":"\u03bb","lang":"\u27e8","Lang":"\u27ea","langd":"\u2991","langle":"\u27e8","lap":"\u2a85","Laplacetrf":"\u2112","laquo":"\xab","larrb":"\u21e4","larrbfs":"\u291f","larr":"\u2190","Larr":"\u219e","lArr":"\u21d0","larrfs":"\u291d","larrhk":"\u21a9","larrlp":"\u21ab","larrpl":"\u2939","larrsim":"\u2973","larrtl":"\u21a2","latail":"\u2919","lAtail":"\u291b","lat":"\u2aab","late":"\u2aad","lates":"\u2aad\ufe00","lbarr":"\u290c","lBarr":"\u290e","lbbrk":"\u2772","lbrace":"{","lbrack":"[","lbrke":"\u298b","lbrksld":"\u298f","lbrkslu":"\u298d","Lcaron":"\u013d","lcaron":"\u013e","Lcedil":"\u013b","lcedil":"\u013c","lceil":"\u2308","lcub":"{","Lcy":"\u041b","lcy":"\u043b","ldca":"\u2936","ldquo":"\u201c","ldquor":"\u201e","ldrdhar":"\u2967","ldrushar":"\u294b","ldsh":"\u21b2","le":"\u2264","lE":"\u2266","LeftAngleBracket":"\u27e8","LeftArrowBar":"\u21e4","leftarrow":"\u2190","LeftArrow":"\u2190","Leftarrow":"\u21d0","LeftArrowRightArrow":"\u21c6","leftarrowtail":"\u21a2","LeftCeiling":"\u2308","LeftDoubleBracket":"\u27e6","LeftDownTeeVector":"\u2961","LeftDownVectorBar":"\u2959","LeftDownVector":"\u21c3","LeftFloor":"\u230a","leftharpoondown":"\u21bd","leftharpoonup":"\u21bc","leftleftarrows":"\u21c7","leftrightarrow":"\u2194","LeftRightArrow":"\u2194","Leftrightarrow":"\u21d4","leftrightarrows":"\u21c6","leftrightharpoons":"\u21cb","leftrightsquigarrow":"\u21ad","LeftRightVector":"\u294e","LeftTeeArrow":"\u21a4","LeftTee":"\u22a3","LeftTeeVector":"\u295a","leftthreetimes":"\u22cb","LeftTriangleBar":"\u29cf","LeftTriangle":"\u22b2","LeftTriangleEqual":"\u22b4","LeftUpDownVector":"\u2951","LeftUpTeeVector":"\u2960","LeftUpVectorBar":"\u2958","LeftUpVector":"\u21bf","LeftVectorBar":"\u2952","LeftVector":"\u21bc","lEg":"\u2a8b","leg":"\u22da","leq":"\u2264","leqq":"\u2266","leqslant":"\u2a7d","lescc":"\u2aa8","les":"\u2a7d","lesdot":"\u2a7f","lesdoto":"\u2a81","lesdotor":"\u2a83","lesg":"\u22da\ufe00","lesges":"\u2a93","lessapprox":"\u2a85","lessdot":"\u22d6","lesseqgtr":"\u22da","lesseqqgtr":"\u2a8b","LessEqualGreater":"\u22da","LessFullEqual":"\u2266","LessGreater":"\u2276","lessgtr":"\u2276","LessLess":"\u2aa1","lesssim":"\u2272","LessSlantEqual":"\u2a7d","LessTilde":"\u2272","lfisht":"\u297c","lfloor":"\u230a","Lfr":"\u{1d50f}","lfr":"\u{1d529}","lg":"\u2276","lgE":"\u2a91","lHar":"\u2962","lhard":"\u21bd","lharu":"\u21bc","lharul":"\u296a","lhblk":"\u2584","LJcy":"\u0409","ljcy":"\u0459","llarr":"\u21c7","ll":"\u226a","Ll":"\u22d8","llcorner":"\u231e","Lleftarrow":"\u21da","llhard":"\u296b","lltri":"\u25fa","Lmidot":"\u013f","lmidot":"\u0140","lmoustache":"\u23b0","lmoust":"\u23b0","lnap":"\u2a89","lnapprox":"\u2a89","lne":"\u2a87","lnE":"\u2268","lneq":"\u2a87","lneqq":"\u2268","lnsim":"\u22e6","loang":"\u27ec","loarr":"\u21fd","lobrk":"\u27e6","longleftarrow":"\u27f5","LongLeftArrow":"\u27f5","Longleftarrow":"\u27f8","longleftrightarrow":"\u27f7","LongLeftRightArrow":"\u27f7","Longleftrightarrow":"\u27fa","longmapsto":"\u27fc","longrightarrow":"\u27f6","LongRightArrow":"\u27f6","Longrightarrow":"\u27f9","looparrowleft":"\u21ab","looparrowright":"\u21ac","lopar":"\u2985","Lopf":"\u{1d543}","lopf":"\u{1d55d}","loplus":"\u2a2d","lotimes":"\u2a34","lowast":"\u2217","lowbar":"_","LowerLeftArrow":"\u2199","LowerRightArrow":"\u2198","loz":"\u25ca","lozenge":"\u25ca","lozf":"\u29eb","lpar":"(","lparlt":"\u2993","lrarr":"\u21c6","lrcorner":"\u231f","lrhar":"\u21cb","lrhard":"\u296d","lrm":"\u200e","lrtri":"\u22bf","lsaquo":"\u2039","lscr":"\u{1d4c1}","Lscr":"\u2112","lsh":"\u21b0","Lsh":"\u21b0","lsim":"\u2272","lsime":"\u2a8d","lsimg":"\u2a8f","lsqb":"[","lsquo":"\u2018","lsquor":"\u201a","Lstrok":"\u0141","lstrok":"\u0142","ltcc":"\u2aa6","ltcir":"\u2a79","lt":"<","LT":"<","Lt":"\u226a","ltdot":"\u22d6","lthree":"\u22cb","ltimes":"\u22c9","ltlarr":"\u2976","ltquest":"\u2a7b","ltri":"\u25c3","ltrie":"\u22b4","ltrif":"\u25c2","ltrPar":"\u2996","lurdshar":"\u294a","luruhar":"\u2966","lvertneqq":"\u2268\ufe00","lvnE":"\u2268\ufe00","macr":"\xaf","male":"\u2642","malt":"\u2720","maltese":"\u2720","Map":"\u2905","map":"\u21a6","mapsto":"\u21a6","mapstodown":"\u21a7","mapstoleft":"\u21a4","mapstoup":"\u21a5","marker":"\u25ae","mcomma":"\u2a29","Mcy":"\u041c","mcy":"\u043c","mdash":"\u2014","mDDot":"\u223a","measuredangle":"\u2221","MediumSpace":"\u205f","Mellintrf":"\u2133","Mfr":"\u{1d510}","mfr":"\u{1d52a}","mho":"\u2127","micro":"\xb5","midast":"*","midcir":"\u2af0","mid":"\u2223","middot":"\xb7","minusb":"\u229f","minus":"\u2212","minusd":"\u2238","minusdu":"\u2a2a","MinusPlus":"\u2213","mlcp":"\u2adb","mldr":"\u2026","mnplus":"\u2213","models":"\u22a7","Mopf":"\u{1d544}","mopf":"\u{1d55e}","mp":"\u2213","mscr":"\u{1d4c2}","Mscr":"\u2133","mstpos":"\u223e","Mu":"\u039c","mu":"\u03bc","multimap":"\u22b8","mumap":"\u22b8","nabla":"\u2207","Nacute":"\u0143","nacute":"\u0144","nang":"\u2220\u20d2","nap":"\u2249","napE":"\u2a70\u0338","napid":"\u224b\u0338","napos":"\u0149","napprox":"\u2249","natural":"\u266e","naturals":"\u2115","natur":"\u266e","nbsp":"\xa0","nbump":"\u224e\u0338","nbumpe":"\u224f\u0338","ncap":"\u2a43","Ncaron":"\u0147","ncaron":"\u0148","Ncedil":"\u0145","ncedil":"\u0146","ncong":"\u2247","ncongdot":"\u2a6d\u0338","ncup":"\u2a42","Ncy":"\u041d","ncy":"\u043d","ndash":"\u2013","nearhk":"\u2924","nearr":"\u2197","neArr":"\u21d7","nearrow":"\u2197","ne":"\u2260","nedot":"\u2250\u0338","NegativeMediumSpace":"\u200b","NegativeThickSpace":"\u200b","NegativeThinSpace":"\u200b","NegativeVeryThinSpace":"\u200b","nequiv":"\u2262","nesear":"\u2928","nesim":"\u2242\u0338","NestedGreaterGreater":"\u226b","NestedLessLess":"\u226a","NewLine":"\\n","nexist":"\u2204","nexists":"\u2204","Nfr":"\u{1d511}","nfr":"\u{1d52b}","ngE":"\u2267\u0338","nge":"\u2271","ngeq":"\u2271","ngeqq":"\u2267\u0338","ngeqslant":"\u2a7e\u0338","nges":"\u2a7e\u0338","nGg":"\u22d9\u0338","ngsim":"\u2275","nGt":"\u226b\u20d2","ngt":"\u226f","ngtr":"\u226f","nGtv":"\u226b\u0338","nharr":"\u21ae","nhArr":"\u21ce","nhpar":"\u2af2","ni":"\u220b","nis":"\u22fc","nisd":"\u22fa","niv":"\u220b","NJcy":"\u040a","njcy":"\u045a","nlarr":"\u219a","nlArr":"\u21cd","nldr":"\u2025","nlE":"\u2266\u0338","nle":"\u2270","nleftarrow":"\u219a","nLeftarrow":"\u21cd","nleftrightarrow":"\u21ae","nLeftrightarrow":"\u21ce","nleq":"\u2270","nleqq":"\u2266\u0338","nleqslant":"\u2a7d\u0338","nles":"\u2a7d\u0338","nless":"\u226e","nLl":"\u22d8\u0338","nlsim":"\u2274","nLt":"\u226a\u20d2","nlt":"\u226e","nltri":"\u22ea","nltrie":"\u22ec","nLtv":"\u226a\u0338","nmid":"\u2224","NoBreak":"\u2060","NonBreakingSpace":"\xa0","nopf":"\u{1d55f}","Nopf":"\u2115","Not":"\u2aec","not":"\xac","NotCongruent":"\u2262","NotCupCap":"\u226d","NotDoubleVerticalBar":"\u2226","NotElement":"\u2209","NotEqual":"\u2260","NotEqualTilde":"\u2242\u0338","NotExists":"\u2204","NotGreater":"\u226f","NotGreaterEqual":"\u2271","NotGreaterFullEqual":"\u2267\u0338","NotGreaterGreater":"\u226b\u0338","NotGreaterLess":"\u2279","NotGreaterSlantEqual":"\u2a7e\u0338","NotGreaterTilde":"\u2275","NotHumpDownHump":"\u224e\u0338","NotHumpEqual":"\u224f\u0338","notin":"\u2209","notindot":"\u22f5\u0338","notinE":"\u22f9\u0338","notinva":"\u2209","notinvb":"\u22f7","notinvc":"\u22f6","NotLeftTriangleBar":"\u29cf\u0338","NotLeftTriangle":"\u22ea","NotLeftTriangleEqual":"\u22ec","NotLess":"\u226e","NotLessEqual":"\u2270","NotLessGreater":"\u2278","NotLessLess":"\u226a\u0338","NotLessSlantEqual":"\u2a7d\u0338","NotLessTilde":"\u2274","NotNestedGreaterGreater":"\u2aa2\u0338","NotNestedLessLess":"\u2aa1\u0338","notni":"\u220c","notniva":"\u220c","notnivb":"\u22fe","notnivc":"\u22fd","NotPrecedes":"\u2280","NotPrecedesEqual":"\u2aaf\u0338","NotPrecedesSlantEqual":"\u22e0","NotReverseElement":"\u220c","NotRightTriangleBar":"\u29d0\u0338","NotRightTriangle":"\u22eb","NotRightTriangleEqual":"\u22ed","NotSquareSubset":"\u228f\u0338","NotSquareSubsetEqual":"\u22e2","NotSquareSuperset":"\u2290\u0338","NotSquareSupersetEqual":"\u22e3","NotSubset":"\u2282\u20d2","NotSubsetEqual":"\u2288","NotSucceeds":"\u2281","NotSucceedsEqual":"\u2ab0\u0338","NotSucceedsSlantEqual":"\u22e1","NotSucceedsTilde":"\u227f\u0338","NotSuperset":"\u2283\u20d2","NotSupersetEqual":"\u2289","NotTilde":"\u2241","NotTildeEqual":"\u2244","NotTildeFullEqual":"\u2247","NotTildeTilde":"\u2249","NotVerticalBar":"\u2224","nparallel":"\u2226","npar":"\u2226","nparsl":"\u2afd\u20e5","npart":"\u2202\u0338","npolint":"\u2a14","npr":"\u2280","nprcue":"\u22e0","nprec":"\u2280","npreceq":"\u2aaf\u0338","npre":"\u2aaf\u0338","nrarrc":"\u2933\u0338","nrarr":"\u219b","nrArr":"\u21cf","nrarrw":"\u219d\u0338","nrightarrow":"\u219b","nRightarrow":"\u21cf","nrtri":"\u22eb","nrtrie":"\u22ed","nsc":"\u2281","nsccue":"\u22e1","nsce":"\u2ab0\u0338","Nscr":"\u{1d4a9}","nscr":"\u{1d4c3}","nshortmid":"\u2224","nshortparallel":"\u2226","nsim":"\u2241","nsime":"\u2244","nsimeq":"\u2244","nsmid":"\u2224","nspar":"\u2226","nsqsube":"\u22e2","nsqsupe":"\u22e3","nsub":"\u2284","nsubE":"\u2ac5\u0338","nsube":"\u2288","nsubset":"\u2282\u20d2","nsubseteq":"\u2288","nsubseteqq":"\u2ac5\u0338","nsucc":"\u2281","nsucceq":"\u2ab0\u0338","nsup":"\u2285","nsupE":"\u2ac6\u0338","nsupe":"\u2289","nsupset":"\u2283\u20d2","nsupseteq":"\u2289","nsupseteqq":"\u2ac6\u0338","ntgl":"\u2279","Ntilde":"\xd1","ntilde":"\xf1","ntlg":"\u2278","ntriangleleft":"\u22ea","ntrianglelefteq":"\u22ec","ntriangleright":"\u22eb","ntrianglerighteq":"\u22ed","Nu":"\u039d","nu":"\u03bd","num":"#","numero":"\u2116","numsp":"\u2007","nvap":"\u224d\u20d2","nvdash":"\u22ac","nvDash":"\u22ad","nVdash":"\u22ae","nVDash":"\u22af","nvge":"\u2265\u20d2","nvgt":">\u20d2","nvHarr":"\u2904","nvinfin":"\u29de","nvlArr":"\u2902","nvle":"\u2264\u20d2","nvlt":"<\u20d2","nvltrie":"\u22b4\u20d2","nvrArr":"\u2903","nvrtrie":"\u22b5\u20d2","nvsim":"\u223c\u20d2","nwarhk":"\u2923","nwarr":"\u2196","nwArr":"\u21d6","nwarrow":"\u2196","nwnear":"\u2927","Oacute":"\xd3","oacute":"\xf3","oast":"\u229b","Ocirc":"\xd4","ocirc":"\xf4","ocir":"\u229a","Ocy":"\u041e","ocy":"\u043e","odash":"\u229d","Odblac":"\u0150","odblac":"\u0151","odiv":"\u2a38","odot":"\u2299","odsold":"\u29bc","OElig":"\u0152","oelig":"\u0153","ofcir":"\u29bf","Ofr":"\u{1d512}","ofr":"\u{1d52c}","ogon":"\u02db","Ograve":"\xd2","ograve":"\xf2","ogt":"\u29c1","ohbar":"\u29b5","ohm":"\u03a9","oint":"\u222e","olarr":"\u21ba","olcir":"\u29be","olcross":"\u29bb","oline":"\u203e","olt":"\u29c0","Omacr":"\u014c","omacr":"\u014d","Omega":"\u03a9","omega":"\u03c9","Omicron":"\u039f","omicron":"\u03bf","omid":"\u29b6","ominus":"\u2296","Oopf":"\u{1d546}","oopf":"\u{1d560}","opar":"\u29b7","OpenCurlyDoubleQuote":"\u201c","OpenCurlyQuote":"\u2018","operp":"\u29b9","oplus":"\u2295","orarr":"\u21bb","Or":"\u2a54","or":"\u2228","ord":"\u2a5d","order":"\u2134","orderof":"\u2134","ordf":"\xaa","ordm":"\xba","origof":"\u22b6","oror":"\u2a56","orslope":"\u2a57","orv":"\u2a5b","oS":"\u24c8","Oscr":"\u{1d4aa}","oscr":"\u2134","Oslash":"\xd8","oslash":"\xf8","osol":"\u2298","Otilde":"\xd5","otilde":"\xf5","otimesas":"\u2a36","Otimes":"\u2a37","otimes":"\u2297","Ouml":"\xd6","ouml":"\xf6","ovbar":"\u233d","OverBar":"\u203e","OverBrace":"\u23de","OverBracket":"\u23b4","OverParenthesis":"\u23dc","para":"\xb6","parallel":"\u2225","par":"\u2225","parsim":"\u2af3","parsl":"\u2afd","part":"\u2202","PartialD":"\u2202","Pcy":"\u041f","pcy":"\u043f","percnt":"%","period":".","permil":"\u2030","perp":"\u22a5","pertenk":"\u2031","Pfr":"\u{1d513}","pfr":"\u{1d52d}","Phi":"\u03a6","phi":"\u03c6","phiv":"\u03d5","phmmat":"\u2133","phone":"\u260e","Pi":"\u03a0","pi":"\u03c0","pitchfork":"\u22d4","piv":"\u03d6","planck":"\u210f","planckh":"\u210e","plankv":"\u210f","plusacir":"\u2a23","plusb":"\u229e","pluscir":"\u2a22","plus":"+","plusdo":"\u2214","plusdu":"\u2a25","pluse":"\u2a72","PlusMinus":"\xb1","plusmn":"\xb1","plussim":"\u2a26","plustwo":"\u2a27","pm":"\xb1","Poincareplane":"\u210c","pointint":"\u2a15","popf":"\u{1d561}","Popf":"\u2119","pound":"\xa3","prap":"\u2ab7","Pr":"\u2abb","pr":"\u227a","prcue":"\u227c","precapprox":"\u2ab7","prec":"\u227a","preccurlyeq":"\u227c","Precedes":"\u227a","PrecedesEqual":"\u2aaf","PrecedesSlantEqual":"\u227c","PrecedesTilde":"\u227e","preceq":"\u2aaf","precnapprox":"\u2ab9","precneqq":"\u2ab5","precnsim":"\u22e8","pre":"\u2aaf","prE":"\u2ab3","precsim":"\u227e","prime":"\u2032","Prime":"\u2033","primes":"\u2119","prnap":"\u2ab9","prnE":"\u2ab5","prnsim":"\u22e8","prod":"\u220f","Product":"\u220f","profalar":"\u232e","profline":"\u2312","profsurf":"\u2313","prop":"\u221d","Proportional":"\u221d","Proportion":"\u2237","propto":"\u221d","prsim":"\u227e","prurel":"\u22b0","Pscr":"\u{1d4ab}","pscr":"\u{1d4c5}","Psi":"\u03a8","psi":"\u03c8","puncsp":"\u2008","Qfr":"\u{1d514}","qfr":"\u{1d52e}","qint":"\u2a0c","qopf":"\u{1d562}","Qopf":"\u211a","qprime":"\u2057","Qscr":"\u{1d4ac}","qscr":"\u{1d4c6}","quaternions":"\u210d","quatint":"\u2a16","quest":"?","questeq":"\u225f","quot":"\\"","QUOT":"\\"","rAarr":"\u21db","race":"\u223d\u0331","Racute":"\u0154","racute":"\u0155","radic":"\u221a","raemptyv":"\u29b3","rang":"\u27e9","Rang":"\u27eb","rangd":"\u2992","range":"\u29a5","rangle":"\u27e9","raquo":"\xbb","rarrap":"\u2975","rarrb":"\u21e5","rarrbfs":"\u2920","rarrc":"\u2933","rarr":"\u2192","Rarr":"\u21a0","rArr":"\u21d2","rarrfs":"\u291e","rarrhk":"\u21aa","rarrlp":"\u21ac","rarrpl":"\u2945","rarrsim":"\u2974","Rarrtl":"\u2916","rarrtl":"\u21a3","rarrw":"\u219d","ratail":"\u291a","rAtail":"\u291c","ratio":"\u2236","rationals":"\u211a","rbarr":"\u290d","rBarr":"\u290f","RBarr":"\u2910","rbbrk":"\u2773","rbrace":"}","rbrack":"]","rbrke":"\u298c","rbrksld":"\u298e","rbrkslu":"\u2990","Rcaron":"\u0158","rcaron":"\u0159","Rcedil":"\u0156","rcedil":"\u0157","rceil":"\u2309","rcub":"}","Rcy":"\u0420","rcy":"\u0440","rdca":"\u2937","rdldhar":"\u2969","rdquo":"\u201d","rdquor":"\u201d","rdsh":"\u21b3","real":"\u211c","realine":"\u211b","realpart":"\u211c","reals":"\u211d","Re":"\u211c","rect":"\u25ad","reg":"\xae","REG":"\xae","ReverseElement":"\u220b","ReverseEquilibrium":"\u21cb","ReverseUpEquilibrium":"\u296f","rfisht":"\u297d","rfloor":"\u230b","rfr":"\u{1d52f}","Rfr":"\u211c","rHar":"\u2964","rhard":"\u21c1","rharu":"\u21c0","rharul":"\u296c","Rho":"\u03a1","rho":"\u03c1","rhov":"\u03f1","RightAngleBracket":"\u27e9","RightArrowBar":"\u21e5","rightarrow":"\u2192","RightArrow":"\u2192","Rightarrow":"\u21d2","RightArrowLeftArrow":"\u21c4","rightarrowtail":"\u21a3","RightCeiling":"\u2309","RightDoubleBracket":"\u27e7","RightDownTeeVector":"\u295d","RightDownVectorBar":"\u2955","RightDownVector":"\u21c2","RightFloor":"\u230b","rightharpoondown":"\u21c1","rightharpoonup":"\u21c0","rightleftarrows":"\u21c4","rightleftharpoons":"\u21cc","rightrightarrows":"\u21c9","rightsquigarrow":"\u219d","RightTeeArrow":"\u21a6","RightTee":"\u22a2","RightTeeVector":"\u295b","rightthreetimes":"\u22cc","RightTriangleBar":"\u29d0","RightTriangle":"\u22b3","RightTriangleEqual":"\u22b5","RightUpDownVector":"\u294f","RightUpTeeVector":"\u295c","RightUpVectorBar":"\u2954","RightUpVector":"\u21be","RightVectorBar":"\u2953","RightVector":"\u21c0","ring":"\u02da","risingdotseq":"\u2253","rlarr":"\u21c4","rlhar":"\u21cc","rlm":"\u200f","rmoustache":"\u23b1","rmoust":"\u23b1","rnmid":"\u2aee","roang":"\u27ed","roarr":"\u21fe","robrk":"\u27e7","ropar":"\u2986","ropf":"\u{1d563}","Ropf":"\u211d","roplus":"\u2a2e","rotimes":"\u2a35","RoundImplies":"\u2970","rpar":")","rpargt":"\u2994","rppolint":"\u2a12","rrarr":"\u21c9","Rrightarrow":"\u21db","rsaquo":"\u203a","rscr":"\u{1d4c7}","Rscr":"\u211b","rsh":"\u21b1","Rsh":"\u21b1","rsqb":"]","rsquo":"\u2019","rsquor":"\u2019","rthree":"\u22cc","rtimes":"\u22ca","rtri":"\u25b9","rtrie":"\u22b5","rtrif":"\u25b8","rtriltri":"\u29ce","RuleDelayed":"\u29f4","ruluhar":"\u2968","rx":"\u211e","Sacute":"\u015a","sacute":"\u015b","sbquo":"\u201a","scap":"\u2ab8","Scaron":"\u0160","scaron":"\u0161","Sc":"\u2abc","sc":"\u227b","sccue":"\u227d","sce":"\u2ab0","scE":"\u2ab4","Scedil":"\u015e","scedil":"\u015f","Scirc":"\u015c","scirc":"\u015d","scnap":"\u2aba","scnE":"\u2ab6","scnsim":"\u22e9","scpolint":"\u2a13","scsim":"\u227f","Scy":"\u0421","scy":"\u0441","sdotb":"\u22a1","sdot":"\u22c5","sdote":"\u2a66","searhk":"\u2925","searr":"\u2198","seArr":"\u21d8","searrow":"\u2198","sect":"\xa7","semi":";","seswar":"\u2929","setminus":"\u2216","setmn":"\u2216","sext":"\u2736","Sfr":"\u{1d516}","sfr":"\u{1d530}","sfrown":"\u2322","sharp":"\u266f","SHCHcy":"\u0429","shchcy":"\u0449","SHcy":"\u0428","shcy":"\u0448","ShortDownArrow":"\u2193","ShortLeftArrow":"\u2190","shortmid":"\u2223","shortparallel":"\u2225","ShortRightArrow":"\u2192","ShortUpArrow":"\u2191","shy":"\xad","Sigma":"\u03a3","sigma":"\u03c3","sigmaf":"\u03c2","sigmav":"\u03c2","sim":"\u223c","simdot":"\u2a6a","sime":"\u2243","simeq":"\u2243","simg":"\u2a9e","simgE":"\u2aa0","siml":"\u2a9d","simlE":"\u2a9f","simne":"\u2246","simplus":"\u2a24","simrarr":"\u2972","slarr":"\u2190","SmallCircle":"\u2218","smallsetminus":"\u2216","smashp":"\u2a33","smeparsl":"\u29e4","smid":"\u2223","smile":"\u2323","smt":"\u2aaa","smte":"\u2aac","smtes":"\u2aac\ufe00","SOFTcy":"\u042c","softcy":"\u044c","solbar":"\u233f","solb":"\u29c4","sol":"/","Sopf":"\u{1d54a}","sopf":"\u{1d564}","spades":"\u2660","spadesuit":"\u2660","spar":"\u2225","sqcap":"\u2293","sqcaps":"\u2293\ufe00","sqcup":"\u2294","sqcups":"\u2294\ufe00","Sqrt":"\u221a","sqsub":"\u228f","sqsube":"\u2291","sqsubset":"\u228f","sqsubseteq":"\u2291","sqsup":"\u2290","sqsupe":"\u2292","sqsupset":"\u2290","sqsupseteq":"\u2292","square":"\u25a1","Square":"\u25a1","SquareIntersection":"\u2293","SquareSubset":"\u228f","SquareSubsetEqual":"\u2291","SquareSuperset":"\u2290","SquareSupersetEqual":"\u2292","SquareUnion":"\u2294","squarf":"\u25aa","squ":"\u25a1","squf":"\u25aa","srarr":"\u2192","Sscr":"\u{1d4ae}","sscr":"\u{1d4c8}","ssetmn":"\u2216","ssmile":"\u2323","sstarf":"\u22c6","Star":"\u22c6","star":"\u2606","starf":"\u2605","straightepsilon":"\u03f5","straightphi":"\u03d5","strns":"\xaf","sub":"\u2282","Sub":"\u22d0","subdot":"\u2abd","subE":"\u2ac5","sube":"\u2286","subedot":"\u2ac3","submult":"\u2ac1","subnE":"\u2acb","subne":"\u228a","subplus":"\u2abf","subrarr":"\u2979","subset":"\u2282","Subset":"\u22d0","subseteq":"\u2286","subseteqq":"\u2ac5","SubsetEqual":"\u2286","subsetneq":"\u228a","subsetneqq":"\u2acb","subsim":"\u2ac7","subsub":"\u2ad5","subsup":"\u2ad3","succapprox":"\u2ab8","succ":"\u227b","succcurlyeq":"\u227d","Succeeds":"\u227b","SucceedsEqual":"\u2ab0","SucceedsSlantEqual":"\u227d","SucceedsTilde":"\u227f","succeq":"\u2ab0","succnapprox":"\u2aba","succneqq":"\u2ab6","succnsim":"\u22e9","succsim":"\u227f","SuchThat":"\u220b","sum":"\u2211","Sum":"\u2211","sung":"\u266a","sup1":"\xb9","sup2":"\xb2","sup3":"\xb3","sup":"\u2283","Sup":"\u22d1","supdot":"\u2abe","supdsub":"\u2ad8","supE":"\u2ac6","supe":"\u2287","supedot":"\u2ac4","Superset":"\u2283","SupersetEqual":"\u2287","suphsol":"\u27c9","suphsub":"\u2ad7","suplarr":"\u297b","supmult":"\u2ac2","supnE":"\u2acc","supne":"\u228b","supplus":"\u2ac0","supset":"\u2283","Supset":"\u22d1","supseteq":"\u2287","supseteqq":"\u2ac6","supsetneq":"\u228b","supsetneqq":"\u2acc","supsim":"\u2ac8","supsub":"\u2ad4","supsup":"\u2ad6","swarhk":"\u2926","swarr":"\u2199","swArr":"\u21d9","swarrow":"\u2199","swnwar":"\u292a","szlig":"\xdf","Tab":"\\t","target":"\u2316","Tau":"\u03a4","tau":"\u03c4","tbrk":"\u23b4","Tcaron":"\u0164","tcaron":"\u0165","Tcedil":"\u0162","tcedil":"\u0163","Tcy":"\u0422","tcy":"\u0442","tdot":"\u20db","telrec":"\u2315","Tfr":"\u{1d517}","tfr":"\u{1d531}","there4":"\u2234","therefore":"\u2234","Therefore":"\u2234","Theta":"\u0398","theta":"\u03b8","thetasym":"\u03d1","thetav":"\u03d1","thickapprox":"\u2248","thicksim":"\u223c","ThickSpace":"\u205f\u200a","ThinSpace":"\u2009","thinsp":"\u2009","thkap":"\u2248","thksim":"\u223c","THORN":"\xde","thorn":"\xfe","tilde":"\u02dc","Tilde":"\u223c","TildeEqual":"\u2243","TildeFullEqual":"\u2245","TildeTilde":"\u2248","timesbar":"\u2a31","timesb":"\u22a0","times":"\xd7","timesd":"\u2a30","tint":"\u222d","toea":"\u2928","topbot":"\u2336","topcir":"\u2af1","top":"\u22a4","Topf":"\u{1d54b}","topf":"\u{1d565}","topfork":"\u2ada","tosa":"\u2929","tprime":"\u2034","trade":"\u2122","TRADE":"\u2122","triangle":"\u25b5","triangledown":"\u25bf","triangleleft":"\u25c3","trianglelefteq":"\u22b4","triangleq":"\u225c","triangleright":"\u25b9","trianglerighteq":"\u22b5","tridot":"\u25ec","trie":"\u225c","triminus":"\u2a3a","TripleDot":"\u20db","triplus":"\u2a39","trisb":"\u29cd","tritime":"\u2a3b","trpezium":"\u23e2","Tscr":"\u{1d4af}","tscr":"\u{1d4c9}","TScy":"\u0426","tscy":"\u0446","TSHcy":"\u040b","tshcy":"\u045b","Tstrok":"\u0166","tstrok":"\u0167","twixt":"\u226c","twoheadleftarrow":"\u219e","twoheadrightarrow":"\u21a0","Uacute":"\xda","uacute":"\xfa","uarr":"\u2191","Uarr":"\u219f","uArr":"\u21d1","Uarrocir":"\u2949","Ubrcy":"\u040e","ubrcy":"\u045e","Ubreve":"\u016c","ubreve":"\u016d","Ucirc":"\xdb","ucirc":"\xfb","Ucy":"\u0423","ucy":"\u0443","udarr":"\u21c5","Udblac":"\u0170","udblac":"\u0171","udhar":"\u296e","ufisht":"\u297e","Ufr":"\u{1d518}","ufr":"\u{1d532}","Ugrave":"\xd9","ugrave":"\xf9","uHar":"\u2963","uharl":"\u21bf","uharr":"\u21be","uhblk":"\u2580","ulcorn":"\u231c","ulcorner":"\u231c","ulcrop":"\u230f","ultri":"\u25f8","Umacr":"\u016a","umacr":"\u016b","uml":"\xa8","UnderBar":"_","UnderBrace":"\u23df","UnderBracket":"\u23b5","UnderParenthesis":"\u23dd","Union":"\u22c3","UnionPlus":"\u228e","Uogon":"\u0172","uogon":"\u0173","Uopf":"\u{1d54c}","uopf":"\u{1d566}","UpArrowBar":"\u2912","uparrow":"\u2191","UpArrow":"\u2191","Uparrow":"\u21d1","UpArrowDownArrow":"\u21c5","updownarrow":"\u2195","UpDownArrow":"\u2195","Updownarrow":"\u21d5","UpEquilibrium":"\u296e","upharpoonleft":"\u21bf","upharpoonright":"\u21be","uplus":"\u228e","UpperLeftArrow":"\u2196","UpperRightArrow":"\u2197","upsi":"\u03c5","Upsi":"\u03d2","upsih":"\u03d2","Upsilon":"\u03a5","upsilon":"\u03c5","UpTeeArrow":"\u21a5","UpTee":"\u22a5","upuparrows":"\u21c8","urcorn":"\u231d","urcorner":"\u231d","urcrop":"\u230e","Uring":"\u016e","uring":"\u016f","urtri":"\u25f9","Uscr":"\u{1d4b0}","uscr":"\u{1d4ca}","utdot":"\u22f0","Utilde":"\u0168","utilde":"\u0169","utri":"\u25b5","utrif":"\u25b4","uuarr":"\u21c8","Uuml":"\xdc","uuml":"\xfc","uwangle":"\u29a7","vangrt":"\u299c","varepsilon":"\u03f5","varkappa":"\u03f0","varnothing":"\u2205","varphi":"\u03d5","varpi":"\u03d6","varpropto":"\u221d","varr":"\u2195","vArr":"\u21d5","varrho":"\u03f1","varsigma":"\u03c2","varsubsetneq":"\u228a\ufe00","varsubsetneqq":"\u2acb\ufe00","varsupsetneq":"\u228b\ufe00","varsupsetneqq":"\u2acc\ufe00","vartheta":"\u03d1","vartriangleleft":"\u22b2","vartriangleright":"\u22b3","vBar":"\u2ae8","Vbar":"\u2aeb","vBarv":"\u2ae9","Vcy":"\u0412","vcy":"\u0432","vdash":"\u22a2","vDash":"\u22a8","Vdash":"\u22a9","VDash":"\u22ab","Vdashl":"\u2ae6","veebar":"\u22bb","vee":"\u2228","Vee":"\u22c1","veeeq":"\u225a","vellip":"\u22ee","verbar":"|","Verbar":"\u2016","vert":"|","Vert":"\u2016","VerticalBar":"\u2223","VerticalLine":"|","VerticalSeparator":"\u2758","VerticalTilde":"\u2240","VeryThinSpace":"\u200a","Vfr":"\u{1d519}","vfr":"\u{1d533}","vltri":"\u22b2","vnsub":"\u2282\u20d2","vnsup":"\u2283\u20d2","Vopf":"\u{1d54d}","vopf":"\u{1d567}","vprop":"\u221d","vrtri":"\u22b3","Vscr":"\u{1d4b1}","vscr":"\u{1d4cb}","vsubnE":"\u2acb\ufe00","vsubne":"\u228a\ufe00","vsupnE":"\u2acc\ufe00","vsupne":"\u228b\ufe00","Vvdash":"\u22aa","vzigzag":"\u299a","Wcirc":"\u0174","wcirc":"\u0175","wedbar":"\u2a5f","wedge":"\u2227","Wedge":"\u22c0","wedgeq":"\u2259","weierp":"\u2118","Wfr":"\u{1d51a}","wfr":"\u{1d534}","Wopf":"\u{1d54e}","wopf":"\u{1d568}","wp":"\u2118","wr":"\u2240","wreath":"\u2240","Wscr":"\u{1d4b2}","wscr":"\u{1d4cc}","xcap":"\u22c2","xcirc":"\u25ef","xcup":"\u22c3","xdtri":"\u25bd","Xfr":"\u{1d51b}","xfr":"\u{1d535}","xharr":"\u27f7","xhArr":"\u27fa","Xi":"\u039e","xi":"\u03be","xlarr":"\u27f5","xlArr":"\u27f8","xmap":"\u27fc","xnis":"\u22fb","xodot":"\u2a00","Xopf":"\u{1d54f}","xopf":"\u{1d569}","xoplus":"\u2a01","xotime":"\u2a02","xrarr":"\u27f6","xrArr":"\u27f9","Xscr":"\u{1d4b3}","xscr":"\u{1d4cd}","xsqcup":"\u2a06","xuplus":"\u2a04","xutri":"\u25b3","xvee":"\u22c1","xwedge":"\u22c0","Yacute":"\xdd","yacute":"\xfd","YAcy":"\u042f","yacy":"\u044f","Ycirc":"\u0176","ycirc":"\u0177","Ycy":"\u042b","ycy":"\u044b","yen":"\xa5","Yfr":"\u{1d51c}","yfr":"\u{1d536}","YIcy":"\u0407","yicy":"\u0457","Yopf":"\u{1d550}","yopf":"\u{1d56a}","Yscr":"\u{1d4b4}","yscr":"\u{1d4ce}","YUcy":"\u042e","yucy":"\u044e","yuml":"\xff","Yuml":"\u0178","Zacute":"\u0179","zacute":"\u017a","Zcaron":"\u017d","zcaron":"\u017e","Zcy":"\u0417","zcy":"\u0437","Zdot":"\u017b","zdot":"\u017c","zeetrf":"\u2128","ZeroWidthSpace":"\u200b","Zeta":"\u0396","zeta":"\u03b6","zfr":"\u{1d537}","Zfr":"\u2128","ZHcy":"\u0416","zhcy":"\u0436","zigrarr":"\u21dd","zopf":"\u{1d56b}","Zopf":"\u2124","Zscr":"\u{1d4b5}","zscr":"\u{1d4cf}","zwj":"\u200d","zwnj":"\u200c"}')}},Ve=>{Ve(Ve.s=374)}]);
\ No newline at end of file
diff --git a/main.dc9751ac1a628800.js b/main.dc9751ac1a628800.js
deleted file mode 100644
index 9c0867163..000000000
--- a/main.dc9751ac1a628800.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[179,6429],{2579:(Ve,ae,s)=>{"use strict";s.d(ae,{Ct:()=>Q,H3:()=>le,L1:()=>S,UA:()=>Z,m9:()=>w,s5:()=>ue,ux:()=>z,yZ:()=>we});var e=s(4537),o=s(882),p=s(2759),_=s(4121),g=s(9761),f=s(8002),m=s(7519),C=s(7349),O=s(8692);const w=new e.OlP("An abstraction over global window object",{factory:()=>{const{defaultView:Te}=(0,e.f3M)(O.K0);if(!Te)throw new Error("Window is not available");return Te}}),S=new e.OlP("Shared Observable based on `window.requestAnimationFrame`",{factory:()=>{const{requestAnimationFrame:Te,cancelAnimationFrame:$e}=(0,e.f3M)(w);return new o.y(G=>{let he=NaN;const ye=te=>{G.next(te),he=Te(ye)};return he=Te(ye),()=>{$e(he)}}).pipe((0,_.B)())}}),z=(new e.OlP("An abstraction over window.caches object",{factory:()=>(0,e.f3M)(w).caches}),new e.OlP("An abstraction over window.crypto object",{factory:()=>(0,e.f3M)(w).crypto}),new e.OlP("An abstraction over window.CSS object",{factory:()=>(0,e.f3M)(w).CSS||{escape:Te=>Te,supports:()=>!1}})),Z=new e.OlP("An abstraction over window.history object",{factory:()=>(0,e.f3M)(w).history}),le=new e.OlP("An abstraction over window.localStorage object",{factory:()=>(0,e.f3M)(w).localStorage}),Q=new e.OlP("An abstraction over window.location object",{factory:()=>(0,e.f3M)(w).location}),ue=new e.OlP("An abstraction over window.navigator object",{factory:()=>(0,e.f3M)(w).navigator}),we=(new e.OlP("An abstraction over window.navigator.mediaDevices object",{factory:()=>(0,e.f3M)(ue).mediaDevices}),new e.OlP("An abstraction over window.navigator.connection object",{factory:()=>(0,e.f3M)(ue).connection||null}),new e.OlP("Shared Observable based on `document visibility changed`",{factory:()=>{const Te=(0,e.f3M)(O.K0);return(0,p.R)(Te,"visibilitychange").pipe((0,g.O)(0),(0,f.U)(()=>"hidden"!==Te.visibilityState),(0,m.x)(),(0,C.d)({refCount:!1,bufferSize:1}))}}),new e.OlP("An abstraction over window.performance object",{factory:()=>(0,e.f3M)(w).performance}),new e.OlP("An abstraction over window.screen object",{factory:()=>(0,e.f3M)(w).screen}),new e.OlP("An abstraction over window.sessionStorage object",{factory:()=>(0,e.f3M)(w).sessionStorage}),new e.OlP("An abstraction over SpeechRecognition class",{factory:()=>{const Te=(0,e.f3M)(w);return Te.speechRecognition||Te.webkitSpeechRecognition||null}}),new e.OlP("An abstraction over window.speechSynthesis object",{factory:()=>(0,e.f3M)(w).speechSynthesis}),new e.OlP("An abstraction over window.navigator.userAgent object",{factory:()=>(0,e.f3M)(ue).userAgent}))},9658:(Ve,ae,s)=>{"use strict";s.d(ae,{c0:()=>kd,JF:()=>Rd,FU:()=>Af,mG:()=>kl,zb:()=>Nd,Lx:()=>Ul,B7:()=>Fl,f2:()=>zl,u4:()=>Pf,$5:()=>Zl,qn:()=>Kl,qo:()=>Ca,Lq:()=>zd,nj:()=>ya,hs:()=>Ld});var e=s(4537),o=s(4548),p=s(4427),_=s(6215),g=s(9765),f=s(8653),m=s(6682),C=s(3190),O=s(8002),w=s(9761),S=s(6782),y=s(5435),U=s(9773),z=s(5257),Z=s(7519),le=s(4121),Q=s(2628),ue=s(2847),de=s(1515),X=s(4789),B=s(3770),K=s(719),ne=s(8692);const We=["wrapper"];function Le(l,E){if(1&l&&(e.TgZ(0,"tui-loader",4),e.GkF(1,5),e.qZA()),2&l){const a=e.oxw(2);e.Q6J("overlay",!0)("showLoader",a.loading),e.xp6(1),e.Q6J("ngTemplateOutlet",a.content)}}function Je(l,E){if(1&l&&(e.ynx(0),e.Hsn(1),e.YNc(2,Le,2,3,"tui-loader",3),e.BQk()),2&l){const a=e.oxw();e.xp6(2),e.Q6J("ngIf",a.async)("ngIfElse",a.content)}}const we=["*"];let Te=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiExpandContent",""]]}),l})();let G=(()=>{class l{constructor(a){this.cdr=a,this.state=0,this.async=!1,this.content=null,this.expanded=null}set expandedSetter(a){if(null!==this.expanded)return 0!==this.state?(this.expanded=a,void(this.state=3)):(this.expanded=a,void this.retrigger(this.async&&a?1:3));this.expanded=a}get overflow(){return 0!==this.state}get loading(){return!!this.expanded&&this.async&&1===this.state}get height(){const{expanded:a,state:d,contentWrapper:H}=this;return a&&2===d||!a&&3===d?0:H&&(!a&&2===d||a&&3===d)?H.nativeElement.offsetHeight:H&&a&&1===d?Math.max(H.nativeElement.offsetHeight,48):null}get contentVisible(){return this.expanded||0!==this.state}onTransitionEnd({propertyName:a}){"opacity"===a&&3===this.state&&(this.state=0)}onExpandLoaded(a){a.stopPropagation(),1===this.state&&this.retrigger(3)}retrigger(a){this.state=2,setTimeout(()=>{2===this.state&&(this.state=a,this.cdr.markForCheck())})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-expand"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Te,5,e.Rgc),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.content=Ce.first)}},viewQuery:function(a,d){if(1&a&&e.Gf(We,5),2&a){let H;e.iGM(H=e.CRH())&&(d.contentWrapper=H.first)}},hostVars:9,hostBindings:function(a,d){1&a&&e.NdJ("transitionend.self",function(Ce){return d.onTransitionEnd(Ce)})("tui-expand-loaded",function(Ce){return d.onExpandLoaded(Ce)}),2&a&&(e.uIk("aria-expanded",d.expanded),e.Udp("height",d.height,"px"),e.ekj("_expanded",d.expanded)("_overflow",d.overflow)("_loading",d.loading))},inputs:{async:"async",expandedSetter:["expanded","expandedSetter"]},ngContentSelectors:we,decls:3,vars:3,consts:[[1,"t-wrapper"],["wrapper",""],[4,"ngIf"],["size","l",3,"overlay","showLoader",4,"ngIf","ngIfElse"],["size","l",3,"overlay","showLoader"],[3,"ngTemplateOutlet"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"div",0,1),e.YNc(2,Je,3,2,"ng-container",2),e.qZA()),2&a&&(e.Q6J("@tuiParentAnimation",void 0)("@.disabled",d.overflow),e.xp6(2),e.Q6J("ngIf",d.contentVisible))},dependencies:[K.kM,ne.O5,ne.tP],styles:['[_nghost-%COMP%]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-%COMP%]{overflow:hidden}._expanded[_nghost-%COMP%]{opacity:1;transform:translate(0)}._loading[_nghost-%COMP%]{opacity:.99}.t-wrapper[_ngcontent-%COMP%]:before, .t-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}'],data:{animation:[B.Kx]},changeDetection:0}),l})(),he=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,K.dS]]}),l})();var ye=s(5452),te=s(6409),Re=s(442),q=s(5111),ce=s(5974),be=s(5640),N=s(885),_e=s(8952),ze=s(134),_t=s(6480);let Et=(()=>{class l extends _t.GM{}return l.\u0275fac=function(){let E;return function(d){return(E||(E=e.n5z(l)))(d||l)}}(),l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-theme-night"]],features:[e.qOj],decls:0,vars:0,template:function(a,d){},styles:[":root{--tui-base-01: #222;--tui-base-02: #333;--tui-base-03: #808080;--tui-base-04: #959595;--tui-base-05: #b0b0b0;--tui-base-06: #d7d7d7;--tui-base-07: #ededed;--tui-base-08: #f6f6f6;--tui-base-09: #fff;--tui-focus: rgba(51, 51, 51, .64);--tui-secondary: rgba(255, 255, 255, .16);--tui-secondary-hover: rgba(255, 255, 255, .24);--tui-secondary-active: rgba(255, 255, 255, .4);--tui-clear: rgba(255, 255, 255, .16);--tui-clear-disabled: rgba(255, 255, 255, .08);--tui-clear-hover: rgba(255, 255, 255, .24);--tui-clear-active: rgba(255, 255, 255, .4);--tui-error-fill: #ff8c67;--tui-error-bg: rgba(244, 87, 37, .32);--tui-error-bg-hover: rgba(244, 87, 37, .4);--tui-success-fill: #4ac99b;--tui-success-bg: rgba(74, 201, 155, .32);--tui-success-bg-hover: rgba(74, 201, 155, .4);--tui-warning-fill: #ffc700;--tui-warning-bg: rgba(255, 199, 0, .32);--tui-warning-bg-hover: rgba(255, 199, 0, .4);--tui-info-fill: #70b6f6;--tui-info-bg: rgba(112, 182, 246, .32);--tui-info-bg-hover: rgba(112, 182, 246, .4);--tui-neutral-fill: #959ba4;--tui-neutral-bg: rgba(149, 155, 164, .32);--tui-neutral-bg-hover: rgba(149, 155, 164, .48);--tui-text-01: #ffffff;--tui-text-02: rgba(255, 255, 255, .72);--tui-text-03: rgba(255, 255, 255, .6);--tui-link: #6788ff;--tui-link-hover: #526ed3;--tui-positive: #44c596;--tui-positive-hover: #3aa981;--tui-negative: #ff8c67;--tui-negative-hover: #bb593a;--tui-autofill: var(--tui-autofill-night);--tui-elevation-01: #222;--tui-elevation-02: #222;--tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);--tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);--tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);--tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);--tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);--tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);--tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)}tui-notification{--tui-base-01: #000}\n"],encapsulation:2,changeDetection:0}),l})(),Gt=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var St=s(1359),qt=s(5122),Ot=s(4091),Ht=s(5998),Pt=s(2579),Tt=s(7881),xt=s(8033),Wt=s(1927),sn=s(5917),_n=s(9112),Jt=s(4493),yt=s(7179);let ut=(()=>{class l{constructor(a,d,H){this.doc=a,this.el=d,this.renderer=H,this.activeElement=(0,yt.ie)(this.doc),Promise.resolve().then(()=>this.el.nativeElement.focus())}onBlur(){this.renderer.removeAttribute(this.el.nativeElement,"tabIndex")}onFocusIn(a){const{nativeElement:d}=this.el;if((0,Jt.PP)(d,a))return;const H=(0,yt.BW)({initial:d,root:d});H&&H.focus()}ngOnDestroy(){(0,yt.hp)(this.doc),Promise.resolve().then(()=>{(0,Jt.dW)(this.activeElement)&&this.activeElement.focus()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ne.K0),e.Y36(e.SBq),e.Y36(e.Qsj))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiFocusTrap",""]],hostAttrs:["tabIndex","0"],hostBindings:function(a,d){1&a&&e.NdJ("blur",function(){return d.onBlur()})("focusin.silent",function(Ce){return d.onFocusIn(Ce.target)},!1,e.Jf7)}}),l})(),Ee=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Pe=s(1486),et=s(2668),Ge=s(9570);function ke(l,E){1&l&&e.GkF(0)}function Ke(l,E){1&l&&e._UZ(0,"tui-scroll-controls",5)}function Fe(l,E){if(1&l&&(e.TgZ(0,"section",2),e.YNc(1,ke,1,0,"ng-container",3),e.YNc(2,Ke,1,0,"tui-scroll-controls",4),e.qZA()),2&l){const a=E.$implicit,d=e.oxw();e.Q6J("@host",void 0),e.uIk("aria-labelledby",a.id),e.xp6(1),e.Q6J("polymorpheusOutlet",a.component)("polymorpheusOutletContext",a),e.xp6(1),e.Q6J("ngIf",!d.isMobile)}}function ht(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",6),e.NdJ("transitionend",function(H){const Nt=e.CHM(a).tuiLet,Mn=e.oxw();return e.KtG(Mn.onDialog(H,!!Mn.dialogs.length,!!Nt))})("popstate",function(){const Ce=e.CHM(a).tuiLet,Nt=e.oxw();return e.KtG(Nt.closeLast(Nt.dialogs,!!Ce))},!1,e.Jf7),e.qZA()}if(2&l){const a=e.oxw();e.ekj("t-overlay_visible",a.dialogs.length)}}const Vt={label:"ignoreMe"},Ye=(0,Wt.JN)((0,sn.of)(!1));let wt=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.isMobile=a,this.isDialogClosesOnBack$=d,this.dialogsByType=H,this.historyRef=Ce,this.titleService=Nt,this.destroy$=Mn,this.cdr=Nn,this.doc=Yn,this.dialogs=[]}ngOnInit(){(0,_n.aj)(this.dialogsByType).pipe((0,O.U)(a=>[].concat(...a).sort((d,H)=>d.createdAt-H.createdAt)),(0,S.R)(this.destroy$)).subscribe(a=>{this.dialogs=a,this.cdr.markForCheck(),this.doc.documentElement.classList.toggle("t-overscroll-none",!!a.length)})}closeLast(a,d){if(!d)return;const[H]=a.slice(-1);H&&(a.length>1&&this.historyRef.pushState(Vt,this.titleService.getTitle()),H.$implicit.complete())}onDialog({propertyName:a},d,H){!H||"letter-spacing"!==a||(d?this.historyRef.pushState(Vt,this.titleService.getTitle()):(l=>(null==l?void 0:l.label)===Vt.label)(this.historyRef.state)&&this.historyRef.back())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.fL),e.Y36(Ye),e.Y36(xt.qY),e.Y36(Pt.UA),e.Y36(Ht.Dx),e.Y36(Tt.a3,2),e.Y36(e.sBO),e.Y36(ne.K0))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-dialog-host"]],features:[e._Bn([Tt.a3])],decls:3,vars:4,consts:[["aria-modal","true","role","dialog","tuiFocusTrap","","tuiOverscroll","all","tuiScrollRef","","class","t-dialog",4,"ngFor","ngForOf"],["class","t-overlay",3,"t-overlay_visible","transitionend","popstate",4,"tuiLet"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiOverscroll","all","tuiScrollRef","",1,"t-dialog"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["class","t-scrollbars",4,"ngIf"],[1,"t-scrollbars"],[1,"t-overlay",3,"transitionend","popstate"]],template:function(a,d){1&a&&(e.YNc(0,Fe,3,5,"section",0),e.YNc(1,ht,1,2,"div",1),e.ALo(2,"async")),2&a&&(e.Q6J("ngForOf",d.dialogs),e.xp6(1),e.Q6J("tuiLet",e.lcZ(2,2,d.isDialogClosesOnBack$)))},dependencies:[St.tZ,ne.sg,ut,Pe.W,St.ex,Ge.Li,ne.O5,et.Ls,ne.Ov],styles:["[_nghost-%COMP%]{position:fixed;left:0;bottom:0;width:100%;height:0}.t-overlay[_ngcontent-%COMP%], .t-dialog[_ngcontent-%COMP%]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;outline:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.t-overlay.ng-animating[_ngcontent-%COMP%], .t-dialog.ng-animating[_ngcontent-%COMP%]{overflow:clip}.t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar, .t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-dialog[_ngcontent-%COMP%]{bottom:auto;height:100%}.t-overlay[_ngcontent-%COMP%]{height:100%;pointer-events:none;touch-action:none;opacity:0;letter-spacing:normal;transition:opacity var(--tui-duration, .3s),letter-spacing .01s;background:rgba(0,0,0,.75);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none)}.t-overlay_visible[_ngcontent-%COMP%]{opacity:1;letter-spacing:1px}.t-dialog[_ngcontent-%COMP%]:last-of-type{z-index:1}.t-scrollbars[_ngcontent-%COMP%]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;color:#747474}"],data:{animation:[(0,Ot.X$)("host",[(0,Ot.eR)(":enter",[(0,Ot.oB)({overflow:"clip"}),(0,Ot.IO)(":scope > *",[(0,Ot.pV)()],{optional:!0})]),(0,Ot.eR)(":leave",[(0,Ot.oB)({overflow:"clip"}),(0,Ot.IO)(":scope > *",[(0,Ot.pV)()],{optional:!0})])])]}}),l})(),Mt=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Pe.e,Ee,et.WD,St.eI]]}),l})(),kt=(()=>{class l{transform(a,d,...H){return d(a,...H)}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiMapper",type:l,pure:!0}),l})(),cn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();function Yt(l,E){if(1&l&&(e.GkF(0,3),e.ALo(1,"tuiMapper")),2&l){const a=E.$implicit,d=e.oxw(2);e.Q6J("ngComponentOutlet",a.component.component)("ngComponentOutletInjector",e.xi3(1,2,a,d.mapper))}}function Qe(l,E){if(1&l&&(e.TgZ(0,"div",1),e.YNc(1,Yt,2,5,"ng-container",2),e.qZA()),2&l){const a=E.$implicit;e.Q6J("@tuiParentAnimation",void 0),e.xp6(1),e.Q6J("ngForOf",a)}}let lt=(()=>{class l{constructor(a,d,H,Ce){this.allAlerts=a,this.injector=d,this.destroy$=H,this.cdr=Ce,this.alerts=[],this.trackBy=Nt=>Nt,this.mapper=Nt=>e.zs3.create({providers:[{provide:Ge.yf,useValue:Nt}],parent:this.injector})}ngOnInit(){(0,_n.aj)(this.allAlerts).pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.alerts=a,this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.bS),e.Y36(e.gxx),e.Y36(Tt.a3,2),e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-alert-host"]],features:[e._Bn([Tt.a3])],decls:1,vars:2,consts:[["class","t-wrapper",4,"ngFor","ngForOf","ngForTrackBy"],[1,"t-wrapper"],[3,"ngComponentOutlet","ngComponentOutletInjector",4,"ngFor","ngForOf"],[3,"ngComponentOutlet","ngComponentOutletInjector"]],template:function(a,d){1&a&&e.YNc(0,Qe,2,2,"div",0),2&a&&e.Q6J("ngForOf",d.alerts)("ngForTrackBy",d.trackBy)},dependencies:[ne.sg,ne.$G,kt],styles:["tui-alert-host>.t-wrapper{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;pointer-events:none}tui-alert-host>.t-wrapper>*{pointer-events:auto}\n"],encapsulation:2,data:{animation:[B.Kx]}}),l})(),ot=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,cn]]}),l})();var st=s(7941),it=s(6060),W=s(4395);function $(l,E){1&l&&(e.O4$(),e._UZ(0,"defs",4)),2&l&&e.Q6J("innerHTML",E.$implicit,e.oJD)}function Ne(l,E){if(1&l&&(e.O4$(),e.ynx(0),e.YNc(1,$,1,1,"defs",3),e.BQk()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("ngForOf",a.items)}}function De(l,E){if(1&l&&(e.O4$(),e.TgZ(0,"defs"),e._UZ(1,"svg",6),e.qZA()),2&l){const a=E.$implicit;e.xp6(1),e.Q6J("outerHTML",a,e.oJD)}}function pt(l,E){if(1&l&&(e.O4$(),e.YNc(0,De,2,1,"defs",5)),2&l){const a=e.oxw();e.Q6J("ngForOf",a.items)}}let ct=(()=>{class l{constructor(a,d,H,Ce){this.svgService=a,this.cdr=d,this.destroy$=H,this.isBrowser=!0,this.isBrowser=!(0,ne.PM)(Ce)}ngOnInit(){this.svgService.items$.pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.items=a.values(),this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(st.K5),e.Y36(e.sBO),e.Y36(Tt.a3,2),e.Y36(e.Lbi))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-svg-defs-host"]],features:[e._Bn([Tt.a3])],decls:4,vars:2,consts:[["version","1.1",0,"xmlns","xlink","http://www.w3.org/1999/xlink","xmlns","http://www.w3.org/2000/svg"],[4,"ngIf","ngIfElse"],["server",""],[3,"innerHTML",4,"ngFor","ngForOf"],[3,"innerHTML"],[4,"ngFor","ngForOf"],[3,"outerHTML"]],template:function(a,d){if(1&a&&(e.O4$(),e.TgZ(0,"svg",0),e.YNc(1,Ne,2,1,"ng-container",1),e.YNc(2,pt,1,1,"ng-template",null,2,e.W1O),e.qZA()),2&a){const H=e.MAs(3);e.xp6(1),e.Q6J("ngIf",d.isBrowser)("ngIfElse",H)}},dependencies:[ne.O5,ne.sg],styles:["[_nghost-%COMP%]{display:none}"],changeDetection:0}),l})(),vt=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,et.WD]]}),l})();var At=s(221);function Se(l,E){1&l&&e.GkF(0)}const Be=function(l){return{$implicit:l}};function se(l,E){if(1&l&&(e.TgZ(0,"div",1),e.YNc(1,Se,1,0,"ng-container",2),e.qZA()),2&l){const a=E.$implicit;e.Q6J("@tuiParentAnimation",void 0)("tuiActiveZoneParent",a.activeZone||null),e.xp6(1),e.Q6J("polymorpheusOutlet",a.component)("polymorpheusOutletContext",e.VKq(4,Be,a))}}let re=(()=>{class l{constructor(a,d,H){this.hints$=a,this.destroy$=d,this.cdr=H,this.hints=[]}ngOnInit(){this.hints$.pipe((0,S.R)(this.destroy$)).subscribe(a=>{this.hints=a,this.cdr.detectChanges()})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(st.BN),e.Y36(Tt.a3,2),e.Y36(e.sBO))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-hints-host"]],hostAttrs:["aria-live","polite"],features:[e._Bn([Tt.a3])],decls:1,vars:1,consts:[["role","tooltip",3,"tuiActiveZoneParent",4,"ngFor","ngForOf"],["role","tooltip",3,"tuiActiveZoneParent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(a,d){1&a&&e.YNc(0,se,2,6,"div",0),2&a&&e.Q6J("ngForOf",d.hints)},dependencies:[ne.sg,At.e,Ge.Li],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;width:100%;height:0}"],data:{animation:[B.Kx]}}),l})(),Y=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,At.A]]}),l})();var fe=s(126);function Ue(l,E){1&l&&e._UZ(0,"tui-scroll-controls",2)}const dt=["*",[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverPortals"]],[["tuiOverHints"]]],rt=["*","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverPortals","tuiOverHints"];let at=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,{body:Yn},Bi){this.reducedMotion=a,this.duration=d,this.dialogs=H,this.isMobile=Ce,this.breakpoint=Nt,this.isIOS=Mn,this.isAndroid=Nn,this.isMobileRes$=this.breakpoint.pipe((0,O.U)(Ro=>"mobile"===Ro)),this.scrollbars$=this.dialogs.length&&!this.isMobile?(0,_n.aj)([...this.dialogs]).pipe((0,O.U)(Ro=>!Ro.some(({length:vo})=>vo)),(0,W.b)(0)):(0,sn.of)(!this.isMobile),Yn.setAttribute("data-tui-theme",Bi.toLowerCase())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.TK),e.Y36(it.dx),e.Y36(xt.qY),e.Y36(xt.fL),e.Y36(st.zE),e.Y36(xt.FA),e.Y36(xt.XG),e.Y36(ne.K0),e.Y36(it.r2))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-root"]],hostAttrs:["data-tui-version","3.57.0"],hostVars:9,hostBindings:function(a,d){1&a&&e.NdJ("$.class._mobile",function(){return d.isMobileRes$}),2&a&&(e.Ikx("$.class._mobile",d.isMobileRes$),e.Udp("--tui-duration",d.duration,"ms"),e.ekj("_ios",d.isIOS)("_android",d.isAndroid)("_reduced-motion",d.reducedMotion))},ngContentSelectors:rt,decls:14,vars:3,consts:[["class","t-root-scrollbar",4,"ngIf"],[1,"t-root-content"],[1,"t-root-scrollbar"]],template:function(a,d){1&a&&(e.F$t(dt),e.YNc(0,Ue,1,0,"tui-scroll-controls",0),e.ALo(1,"async"),e._UZ(2,"tui-svg-defs-host"),e.TgZ(3,"tui-dropdown-host")(4,"div",1),e.Hsn(5),e.qZA(),e.Hsn(6,1),e._UZ(7,"tui-dialog-host"),e.Hsn(8,2),e._UZ(9,"tui-alert-host"),e.Hsn(10,3),e.qZA(),e.Hsn(11,4),e._UZ(12,"tui-hints-host"),e.Hsn(13,5)),2&a&&e.Q6J("ngIf",e.lcZ(1,1,d.scrollbars$))},dependencies:[St.tZ,ct,qt.qY,wt,lt,re,ne.O5,ne.Ov],styles:['@keyframes tuiPresent{to{content:"1"}}@keyframes tuiSkeletonVibe{to{opacity:.5}}html,.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}body{font:var(--tui-font-text-s);color:var(--tui-text-01);background:var(--tui-base-01);margin:0}tui-root{position:relative;display:block;flex:1;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;margin:0}.t-root-content{height:100%;isolation:isolate}.t-overscroll-none{overscroll-behavior:none;overflow:hidden}\n'],encapsulation:2}),l})(),He=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,fe.X1,qt.mL,vt,Y,Mt,ot,St.eI]]}),l})();var zt=s(9941),tn=s(2759),ln=s(2361);function Rt(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function en(l,E){if(1&l&&(e.TgZ(0,"label",4),e.YNc(1,Rt,2,1,"ng-container",5),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.item.label)("polymorpheusOutletContext",a.item)}}function Ft(l,E){1&l&&e._UZ(0,"div",6),2&l&&e.Q6J("innerHTML",E.polymorpheusOutlet,e.oJD)}const nn=(0,Wt.N1)(()=>(0,e.f3M)(xt.fL)?"1rem 1rem 0 auto":"2rem 3rem 0 auto");let on=(()=>{class l{constructor(a,d,H,Ce,Nt){this.el=a,this.destroy$=d,this.position=H,this.options=Ce,this.item=Nt,this.autoClose="function"==typeof this.item.autoClose?this.item.autoClose(this.item.status):this.item.autoClose,this.animation=this.position.endsWith("auto")?Object.assign(Object.assign({},this.options),{value:"right"}):Object.assign(Object.assign({},this.options),{value:"left"})}ngOnInit(){this.initAutoClose()}close(){this.item.$implicit.complete()}initAutoClose(){this.autoClose&&(0,f.H)((0,Wt.dt)(this.autoClose)?this.autoClose:3e3).pipe((0,S.R)((0,tn.R)(this.el.nativeElement,"mouseenter")),(0,ln.a)(()=>(0,tn.R)(this.el.nativeElement,"mouseleave")),(0,S.R)(this.destroy$)).subscribe(()=>this.close())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(Tt.a3,2),e.Y36(nn),e.Y36(it.Pw),e.Y36(Ge.yf))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-alert"]],hostAttrs:["role","alert"],hostVars:5,hostBindings:function(a,d){2&a&&(e.d8E("@tuiFadeIn",d.options)("@tuiSlideIn",d.animation)("@tuiHeightCollapse",d.animation),e.Udp("margin",d.position))},features:[e._Bn([Tt.a3])],decls:4,vars:7,consts:[[3,"hasIcon","hideClose","icon","status","close"],["automation-id","tui-notification-alert__heading","class","t-heading",4,"ngIf"],["automation-id","tui-notification-alert__content",1,"t-content"],[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-notification-alert__heading",1,"t-heading"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(a,d){1&a&&(e.TgZ(0,"tui-notification",0),e.NdJ("close",function(){return d.close()}),e.YNc(1,en,2,2,"label",1),e.TgZ(2,"div",2),e.YNc(3,Ft,1,1,"div",3),e.qZA()()),2&a&&(e.Q6J("hasIcon",d.item.hasIcon)("hideClose",!d.item.hasCloseButton)("icon",d.item.icon)("status",d.item.status),e.xp6(1),e.Q6J("ngIf",d.item.label),e.xp6(2),e.Q6J("polymorpheusOutlet",d.item.content)("polymorpheusOutletContext",d.item))},dependencies:[N.L,ne.O5,Ge.Li],styles:["[_nghost-%COMP%]{display:block;box-shadow:var(--tui-shadow-dropdown);border-radius:var(--tui-radius-l);width:18rem}[_nghost-%COMP%]:not(:first-child){margin-top:.75rem!important}[_nghost-%COMP%]:not(:last-child){margin-bottom:0!important}.t-heading[_ngcontent-%COMP%]{margin:0}[data-size=s][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:bold}[data-size=m][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:bold}[data-size=l][_ngcontent-%COMP%]   .t-heading[_ngcontent-%COMP%]{font:var(--tui-font-text-l);line-height:1.5rem;font-weight:bold}.t-content[_ngcontent-%COMP%]{color:var(--tui-text-01);word-wrap:break-word;word-break:break-word}.t-content[_ngcontent-%COMP%]:empty{display:none}"],data:{animation:[zt.QF,zt.Gw,zt.eu]},changeDetection:0}),l})(),fn=(()=>{class l extends _t.d5{constructor(a,d){super(d),this.defaultOptions=a,this.component=new Ge.Al(on)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(it.Ln),e.LFG(Tt.ll))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})(),Dn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({providers:[(0,xt.XH)(fn)],imports:[[ne.ez,Ge.wq,N.H]]}),l})();var Cn=s(5600),Qn=s(9796),Hn=s(6693),li=s(5197),pn=s(3960);class ti{call(E,a){return a.subscribe(new ai(E))}}class ai extends li.L{constructor(E){super(E),this.hasFirst=!1,this.observables=[],this.subscriptions=[]}_next(E){this.observables.push(E)}_complete(){const E=this.observables,a=E.length;if(0===a)this.destination.complete();else{for(let d=0;d<a&&!this.hasFirst;d++){const Ce=(0,pn.D)(this,E[d],void 0,d);this.subscriptions&&this.subscriptions.push(Ce),this.add(Ce)}this.observables=null}}notifyNext(E,a,d){if(!this.hasFirst){this.hasFirst=!0;for(let H=0;H<this.subscriptions.length;H++)if(H!==d){let Ce=this.subscriptions[H];Ce.unsubscribe(),this.remove(Ce)}this.subscriptions=null}this.destination.next(a)}}var yi=s(6803),hi=s(7393);class ni{constructor(E){this.predicate=E}call(E,a){return a.subscribe(new ii(E,this.predicate))}}class ii extends hi.L{constructor(E,a){super(E),this.predicate=a,this.skipping=!0,this.index=0}_next(E){const a=this.destination;this.skipping&&this.tryCallPredicate(E),this.skipping||a.next(E)}tryCallPredicate(E){try{const a=this.predicate(E,this.index++);this.skipping=Boolean(a)}catch(a){this.destination.error(a)}}}var Ci=s(5675);let Sn=(()=>{class l{constructor(a,d){this.focusable=a,this.el=d}get element(){var a;return(null===(a=this.focusable)||void 0===a?void 0:a.nativeFocusableElement)||this.el.nativeElement}get isTextFieldElement(){return this.element.matches("input, textarea, [contenteditable]")}}return l.\u0275fac=function(a){e.$Z()},l.\u0275dir=e.lG2({type:l}),l})(),Mi=(()=>{class l extends Sn{constructor(a,d,H){super(a,d),this.animationFrame$=H}setFocus(){this.isTextFieldElement?function wn(...l){if(1===l.length){if(!(0,Qn.k)(l[0]))return l[0];l=l[0]}return(0,Hn.n)(l,void 0).lift(new ti)}((0,f.H)(1e3),this.animationFrame$.pipe((0,yi.p)(B.Yg),(0,O.U)(()=>this.element.closest(".ng-animating")),function _i(l){return E=>E.lift(new ni(l))}(Boolean),(0,z.q)(1))).subscribe(()=>this.element.focus({preventScroll:!0})):this.element.focus({preventScroll:!0})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.KZ,10),e.Y36(e.SBq),e.Y36(Pt.L1))},l.\u0275dir=e.lG2({type:l,features:[e.qOj]}),l})();const ki=["type","inputMode","autocomplete","accept","min","max","step","pattern","size","maxlength"];let Ti=(()=>{class l extends Sn{constructor(a,d,H,Ce,Nt){super(a,d),this.renderer=H,this.zone=Ce,this.win=Nt,this.patchCssStyles()}setFocus(){this.isTextFieldElement?this.zone.runOutsideAngular(()=>this.iosWebkitAutofocus()):this.element.focus({preventScroll:!0})}iosWebkitAutofocus(){var a;const d=this.makeFakeInput(),H=this.getDurationTimeBeforeFocus();let Ce=0,Nt=0;const Mn=()=>d.focus({preventScroll:!0}),Nn=()=>{clearTimeout(Ce),Ce=this.win.setTimeout(()=>{clearTimeout(Nt),d.removeEventListener("blur",Mn),d.removeEventListener("focus",Nn),Nt=this.win.setTimeout(()=>{this.element.focus({preventScroll:!1}),d.remove()},H)})};d.addEventListener("blur",Mn,{once:!0}),d.addEventListener("focus",Nn),this.insideDialog()?this.win.document.body.appendChild(d):null===(a=this.element.parentElement)||void 0===a||a.appendChild(d),d.focus({preventScroll:!0})}makeFakeInput(){const a=this.renderer.createElement("input"),d=this.element.getBoundingClientRect();return this.patchFakeInputFromFocusableElement(a),a.style.height=(0,Ci.O)(d.height),a.style.width=(0,Ci.O)(d.width/2),a.style.position="fixed",a.style.zIndex="-99999999",a.style.caretColor="transparent",a.style.border="none",a.style.outline="none",a.style.color="transparent",a.style.background="transparent",a.style.cursor="none",a.style.fontSize=(0,Ci.O)(16),a.style.top=(0,Ci.O)(d.top),a.style.left=(0,Ci.O)(d.left),a}getDurationTimeBeforeFocus(){return parseFloat(this.win.getComputedStyle(this.element).getPropertyValue("--tui-duration"))||0}insideDialog(){return!!this.element.closest("tui-dialog")}patchCssStyles(){[this.win.document.documentElement,this.win.document.body].forEach(a=>{a.style.setProperty("overflow","auto"),a.style.setProperty("height","100%")})}patchFakeInputFromFocusableElement(a){ki.forEach(d=>{const H=this.element.getAttribute(d);(0,Wt.Pc)(H)&&a.setAttribute(d,H)})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.KZ,10),e.Y36(e.SBq),e.Y36(e.Qsj),e.Y36(e.R0b),e.Y36(Pt.m9))},l.\u0275dir=e.lG2({type:l,features:[e.qOj]}),l})();const zi=(0,Wt.JN)({delay:NaN}),ro=new e.OlP("[TUI_AUTOFOCUS_HANDLER]"),lo=[{provide:ro,useFactory:(l,E,a,d,H,Ce,Nt)=>Nt?new Ti(l,E,d,H,Ce):new Mi(l,E,a),deps:[[new e.FiY,new e.PiD,xt.KZ],e.SBq,Pt.L1,e.Qsj,e.R0b,Pt.m9,xt.FA]},Tt.a3];let ui=(()=>{class l{constructor(a,d,H){this.handler=a,this.options=d,this.destroy$=H,this.autoFocus=!0}ngAfterViewInit(){(function Fn(l){return null!==l&&typeof l<"u"&&"false"!=`${l}`})(this.autoFocus)&&this.focus()}focus(){Number.isNaN(this.options.delay)?Promise.resolve().then(()=>this.handler.setFocus()):(0,f.H)(this.options.delay).pipe((0,S.R)(this.destroy$)).subscribe(()=>this.handler.setFocus())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ro),e.Y36(zi),e.Y36(Tt.a3,2))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiAutoFocus",""]],inputs:{autoFocus:["tuiAutoFocus","autoFocus"]},features:[e._Bn(lo)]}),l})(),fi=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Me=s(2485),ee=s(9193),ge=s(882),nt=s(5639),qe=s(7766);function Dt(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Lt(l,E){if(1&l&&(e.TgZ(0,"header",6),e.YNc(1,Dt,2,1,"ng-container",3),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.header)("polymorpheusOutletContext",a.context)}}function rn(l,E){if(1&l){const a=e.EpF();e.ynx(0),e._UZ(1,"div",7),e.TgZ(2,"div",8)(3,"button",9),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.context.$implicit.complete())}),e._uU(4),e.qZA()(),e.BQk()}if(2&l){const a=E.polymorpheusOutlet,d=e.oxw();let H;e.xp6(1),e.Q6J("innerHTML",a,e.oJD),e.xp6(3),e.hij(" ",(null==(H=d.context.data)?null:H.button)||"OK"," ")}}function On(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",10)(1,"button",11),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.close$.next())})("mousedown.prevent.silent",function(){return 0}),e.ALo(2,"async"),e.qZA()()}if(2&l){const a=e.oxw();e.xp6(1),e.Q6J("appearance",a.fullscreen?"secondary":"")("icon",a.icons.close)("title",e.lcZ(2,3,a.closeWord$))}}const Zt=(0,Wt.JN)(ee.E),tt=(0,Wt.JN)({size:"m",required:!1,closeable:!0,dismissible:!0,label:"",header:""});let jn=(()=>{class l extends ge.y{constructor(a,d,H){super(Ce=>(0,m.T)(this.esc$,this.mousedown$).subscribe(Ce)),this.win=a,this.doc=d,this.el=H,this.esc$=(0,Me.mL)(this.doc,"keydown").pipe((0,y.h)(Ce=>{const Nt=(0,Jt.mA)(Ce);return"Escape"===Ce.key&&!Ce.defaultPrevented&&(this.element.contains(Nt)||this.isOutside(Nt))})),this.mousedown$=(0,Me.mL)(this.doc,"mousedown").pipe((0,y.h)(Ce=>(0,qe.ic)(this.win)-Ce.clientX>17&&this.isOutside((0,Jt.mA)(Ce))),(0,C.w)(()=>(0,Me.mL)(this.doc,"mouseup").pipe((0,z.q)(1),(0,O.U)(Jt.mA),(0,y.h)(Ce=>this.isOutside(Ce)))))}get element(){return this.el.nativeElement}isOutside(a){return(0,Jt.ve)(a)&&(!(0,Jt.PP)(this.element,a)||a===this.element)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Pt.m9),e.LFG(ne.K0),e.LFG(e.SBq))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac}),l})();const Kn=new Error("Required dialog was dismissed");function Di(l){return(0,nt.b)(l)?l:(0,sn.of)(l)}const Fi=new Ge.Al((()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.duration=a,this.isMobile=d,this.context=H,this.closeWord$=Nn,this.icons=Yn,this.animation={value:"",params:{start:"40px",duration:this.duration}},this.fullscreenAnimation={value:"",params:{start:"100vh",duration:this.duration}},this.close$=new g.xQ,(0,m.T)(this.close$.pipe((0,C.w)(()=>Di(H.closeable))),Nt.pipe((0,C.w)(()=>Di(H.dismissible))),Mn.pipe((0,O.U)(B.Ye))).pipe((0,y.h)(Boolean),(0,S.R)(Ce)).subscribe(()=>{this.close()})}get size(){return this.context.size}get header(){return this.context.header}get slideInTop(){return this.fullscreen||this.isMobile?this.fullscreenAnimation:this.animation}get fullscreen(){return!this.isMobile&&("fullscreen"===this.size||"page"===this.size)}close(){this.context.required?this.context.$implicit.error(Kn):this.context.$implicit.complete()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.dx),e.Y36(xt.fL),e.Y36(Ge.yf),e.Y36(Tt.a3,2),e.Y36(jn),e.Y36(Zt),e.Y36(it.U0),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-dialog"]],hostVars:6,hostBindings:function(a,d){2&a&&(e.uIk("data-appearance",d.context.appearance)("data-size",d.size),e.d8E("@tuiSlideInTop",d.slideInTop)("@tuiFadeIn",d.slideInTop),e.ekj("_centered",d.header))},features:[e._Bn([Tt.a3,jn])],decls:7,vars:6,consts:[["class","t-header",4,"ngIf"],[1,"t-content"],[1,"t-heading",3,"id","textContent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-filler"],["class","t-wrapper",4,"ngIf"],[1,"t-header"],[3,"innerHTML"],[1,"t-buttons"],["size","m","tuiAutoFocus","","tuiButton","","type","button",3,"click"],[1,"t-wrapper"],["automation-id","tui-dialog__close","shape","rounded","size","s","tuiIconButton","","type","button",1,"t-close",3,"appearance","icon","title","click","mousedown.prevent.silent"]],template:function(a,d){1&a&&(e.YNc(0,Lt,2,2,"header",0),e.TgZ(1,"div",1),e._UZ(2,"h2",2),e.TgZ(3,"section"),e.YNc(4,rn,5,2,"ng-container",3),e.qZA()(),e._UZ(5,"div",4),e.YNc(6,On,3,5,"div",5)),2&a&&(e.Q6J("ngIf",d.header),e.xp6(2),e.Q6J("id",d.context.id)("textContent",d.context.label),e.xp6(2),e.Q6J("polymorpheusOutlet",d.context.content)("polymorpheusOutletContext",d.context),e.xp6(2),e.Q6J("ngIf",d.context.closeable))},dependencies:[Q.v0,ne.O5,Ge.Li,ui,ne.Ov],styles:['[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-modal)}[data-size=auto][_nghost-%COMP%]{width:auto}[data-size=s][_nghost-%COMP%]{width:30rem}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1.5rem}[data-size=s][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.5rem;font:var(--tui-font-heading-5)}[data-size=m][_nghost-%COMP%]{width:42.5rem}[data-size=m][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.75rem;font:var(--tui-font-heading-4)}[data-size=l][_nghost-%COMP%]{width:55rem}[data-size=l][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:1rem}[data-size=fullscreen][_nghost-%COMP%], [data-size=page][_nghost-%COMP%]{min-width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}[data-size=fullscreen][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], [data-size=page][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:3rem calc(50vw - (45rem / 2))}[data-size=fullscreen][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%], [data-size=page][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:1rem}[data-size=page][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0}._centered[_nghost-%COMP%]{text-align:center}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1.5rem}[_nghost-%COMP%]   tui-root._mobile[data-size][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%], tui-root._mobile   [data-size][_nghost-%COMP%]   .t-heading[_ngcontent-%COMP%]{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading[_ngcontent-%COMP%]{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading[_ngcontent-%COMP%]:empty{display:none}.t-header[_ngcontent-%COMP%]{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}[data-size=fullscreen][_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{flex:1}.t-content[_ngcontent-%COMP%]{border-radius:inherit;padding:2rem;background:var(--tui-elevation-01)}.t-content[_ngcontent-%COMP%]:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;top:0;z-index:1;order:-1}.t-filler[_ngcontent-%COMP%]{flex-grow:1}.t-close[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;display:none;color:var(--tui-base-01)}.t-dialog:last-of-type[_nghost-%COMP%]   .t-close[_ngcontent-%COMP%], .t-dialog:last-of-type   [_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%]:not([data-size="fullscreen"]):not([data-size="page"])   .t-close[_ngcontent-%COMP%]{animation:tuiFadeIn var(--tui-duration);background:rgba(104,104,104,.96)}[_nghost-%COMP%]:not([data-size="fullscreen"]):not([data-size="page"])   .t-close[_ngcontent-%COMP%]:hover{background:rgba(159,159,159,.86)}[_nghost-%COMP%]:not([data-size="fullscreen"]).ng-animating   .t-close[_ngcontent-%COMP%]{display:none}tui-root._mobile[_nghost-%COMP%]   .t-close[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;background:transparent!important;color:var(--tui-text-01);opacity:.5}.t-buttons[_ngcontent-%COMP%]{margin-top:1.25rem;text-align:right}'],data:{animation:[zt.X9,zt.QF]}}),l})());let ji=(()=>{class l extends _t.d5{constructor(){super(...arguments),this.component=Fi,this.defaultOptions=Object.assign(Object.assign({},(0,e.f3M)(tt)),{data:void 0})}}return l.\u0275fac=function(){let E;return function(d){return(E||(E=e.n5z(l)))(d||l)}}(),l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})(),er=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({providers:[(0,xt.Q)(ji)],imports:[[Ge.wq,Q.fN,ne.ez,fi]]}),l})();var so=s(9959);class tr{constructor(E,a){this._document=a;const d=this._textarea=this._document.createElement("textarea"),H=d.style;H.position="fixed",H.top=H.opacity="0",H.left="-999em",d.setAttribute("aria-hidden","true"),d.value=E,d.readOnly=!0,this._document.body.appendChild(d)}copy(){const E=this._textarea;let a=!1;try{if(E){const d=this._document.activeElement;E.select(),E.setSelectionRange(0,E.value.length),a=this._document.execCommand("copy"),d&&d.focus()}}catch{}return a}destroy(){const E=this._textarea;E&&(E.remove(),this._textarea=void 0)}}let ur=(()=>{class l{constructor(a){this._document=a}copy(a){const d=this.beginCopy(a),H=d.copy();return d.destroy(),H}beginCopy(a){return new tr(a,this._document)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(ne.K0))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();const lr=new e.OlP("CDK_COPY_TO_CLIPBOARD_CONFIG");let _r=(()=>{class l{constructor(a,d,H){this._clipboard=a,this._ngZone=d,this.text="",this.attempts=1,this.copied=new e.vpe,this._pending=new Set,H&&null!=H.attempts&&(this.attempts=H.attempts)}copy(a=this.attempts){if(a>1){let d=a;const H=this._clipboard.beginCopy(this.text);this._pending.add(H);const Ce=()=>{const Nt=H.copy();Nt||!--d||this._destroyed?(this._currentTimeout=null,this._pending.delete(H),H.destroy(),this.copied.emit(Nt)):this._currentTimeout=this._ngZone.runOutsideAngular(()=>setTimeout(Ce,1))};Ce()}else this.copied.emit(this._clipboard.copy(this.text))}ngOnDestroy(){this._currentTimeout&&clearTimeout(this._currentTimeout),this._pending.forEach(a=>a.destroy()),this._pending.clear(),this._destroyed=!0}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ur),e.Y36(e.R0b),e.Y36(lr,8))},l.\u0275dir=e.lG2({type:l,selectors:[["","cdkCopyToClipboard",""]],hostBindings:function(a,d){1&a&&e.NdJ("click",function(){return d.copy()})},inputs:{text:["cdkCopyToClipboard","text"],attempts:["cdkCopyToClipboardAttempts","attempts"]},outputs:{copied:"cdkCopyToClipboardCopied"}}),l})(),vr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var $i=s(4911);let Fo=(()=>{class l{constructor({nativeElement:a}){return new e.SBq(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiElement",""]],exportAs:["elementRef"]}),l})(),Or=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Gi=(()=>{class l extends Fo{}return l.\u0275fac=function(){let E;return function(d){return(E||(E=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["","tuiResizeable",""]],features:[e.qOj]}),l})(),Go=(()=>{class l{constructor(a){this.resizeable=a,this.tuiResizer=[0,0],this.tuiSizeChange=new e.vpe,this.x=NaN,this.y=NaN,this.width=0,this.height=0}get cursor(){return this.tuiResizer[0]?this.tuiResizer[1]?this.tuiResizer[0]*this.tuiResizer[1]>0?"nwse-resize":"nesw-resize":"ew-resize":"ns-resize"}onTouchStart({touches:a}){this.onMouseDown(a[0].clientX,a[0].clientY)}onMouseDown(a,d){this.x=a,this.y=d,this.width=this.resizeable.nativeElement.clientWidth,this.height=this.resizeable.nativeElement.clientHeight}onMouseMove({x:a,y:d,buttons:H}){H?this.onMove(a,d):this.onMouseUp()}onTouchMove({touches:a}){this.onMove(a[0].clientX,a[0].clientY)}onMouseUp(){this.x=NaN}onMove(a,d){if(Number.isNaN(this.x))return;const{style:H}=this.resizeable.nativeElement,Ce=[this.width+this.tuiResizer[0]*(a-this.x),this.height+this.tuiResizer[1]*(d-this.y)];this.tuiResizer[0]&&(H.width=(0,Ci.O)(Ce[0])),this.tuiResizer[1]&&(H.height=(0,Ci.O)(Ce[1])),this.tuiSizeChange.emit(Ce)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Gi))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiResizer",""]],hostVars:4,hostBindings:function(a,d){1&a&&e.NdJ("touchstart.silent.passive",function(Ce){return d.onTouchStart(Ce)})("mousedown.silent.prevent",function(Ce){return d.onMouseDown(Ce.x,Ce.y)})("mousemove.silent",function(Ce){return d.onMouseMove(Ce)},!1,e.evT)("touchmove.silent",function(Ce){return d.onTouchMove(Ce)},!1,e.evT)("mouseup.silent",function(){return d.onMouseUp()},!1,e.evT)("touchend.silent",function(){return d.onMouseUp()},!1,e.evT),2&a&&e.Udp("touch-action","none")("cursor",d.cursor)},inputs:{tuiResizer:"tuiResizer"},outputs:{tuiSizeChange:"tuiSizeChange"}}),l})(),co=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Po=(()=>{class l{transform(a,d,...H){return a.filter(Ce=>d(Ce,...H))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiFilter",type:l,pure:!0}),l})(),No=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Ki=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiItem",""]]}),l})(),cr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),dr=(()=>{class l{transform(a,d,H){var Ce;return null!==(Ce=null==a?void 0:a.replace(d,H))&&void 0!==Ce?Ce:""}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiReplace",type:l,pure:!0}),l})(),nr=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var ao=s(5648),Co=s(4358);function hr(l){const E=l.replace("#","").split("").map((a,d,H)=>3===H.length?a+a:a).join("").match(/.{2}/g);return E?E.map(a=>Number.parseInt(a,16)):[0,0,0]}var po=s(1489),ko=s(3631),Oe=s(9811);let b=(()=>{class l{constructor(a,d,H,Ce,Nt){this.host=a,this.control=d,this.el=H,this.idService=Ce,this.itemsHandlers=Nt,this.disabledItemHandler=null,this.datalist=null}get id(){return this.el.nativeElement.id||this.idService.generate()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.S0),e.Y36(_t.M$),e.Y36(e.SBq),e.Y36(Tt.ll),e.Y36(Oe.Ys))},l.\u0275dir=e.lG2({type:l,viewQuery:function(a,d){if(1&a&&e.Gf(q.gX,7,e.Rgc),2&a){let H;e.iGM(H=e.CRH())&&(d.datalist=H.first)}},hostVars:1,hostBindings:function(a,d){2&a&&e.Ikx("id",d.id)},inputs:{disabledItemHandler:"disabledItemHandler"}}),l})();function k(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function A(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"button",4,5),e.NdJ("click",function(){const Ce=e.CHM(a).$implicit,Nt=e.oxw(2);return e.KtG(Nt.itemClick.emit(Ce))}),e.TgZ(2,"span",6),e.YNc(3,k,2,1,"ng-container",7),e.qZA()()}if(2&l){const a=E.$implicit,d=e.MAs(1),H=e.oxw(2);e.Q6J("disabled",H.disabledItemHandler(a))("value",a),e.xp6(3),e.Q6J("polymorpheusOutlet",H.itemContent)("polymorpheusOutletContext",H.getContext(a,d))}}function I(l,E){if(1&l&&(e.TgZ(0,"tui-data-list",2),e.YNc(1,A,4,4,"button",3),e.qZA()),2&l){const a=e.oxw();e.Q6J("emptyContent",a.emptyContent)("size",a.size),e.xp6(1),e.Q6J("ngForOf",a.items)}}function V(l,E){1&l&&e._UZ(0,"tui-loader",8)}let an=(()=>{class l{constructor(a,d){this.itemsHandlers=a,this.defaultSize=d,this.optionsQuery=B.Mm,this.disabledItemHandler=this.itemsHandlers.disabledItemHandler,this.size=this.defaultSize,this.itemClick=new e.vpe,this.itemContent=({$implicit:H})=>this.itemsHandlers.stringify(H)}getContext(a,{nativeElement:d}){return{$implicit:a,active:(0,yt.V8)(d)}}getOptions(a=!1){return this.optionsQuery.filter(({disabled:d})=>a||!d).map(({value:d})=>d).filter(Wt.Pc)}}return l.\u0275fac=function(a){e.$Z()},l.\u0275dir=e.lG2({type:l,viewQuery:function(a,d){if(1&a&&e.Gf(q.vK,5),2&a){let H;e.iGM(H=e.CRH())&&(d.optionsQuery=H)}},inputs:{disabledItemHandler:"disabledItemHandler",emptyContent:"emptyContent",size:"size",itemContent:"itemContent"},outputs:{itemClick:"itemClick"}}),l})(),vn=(()=>{class l extends an{constructor(a,d){super(a,(null==d?void 0:d.size)||"m"),this.items=[]}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Oe.Ys),e.Y36(te.Cs,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-data-list-wrapper",3,"labels",""]],inputs:{items:"items"},features:[e._Bn([(0,it.RB)(l),te.Y0]),e.qOj],decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","",3,"disabled","value","click"],["elementRef","elementRef"],[1,"t-content"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-data-list-wrapper__loader",1,"t-loader"]],template:function(a,d){if(1&a&&(e.YNc(0,I,2,3,"tui-data-list",0),e.YNc(1,V,1,0,"ng-template",null,1,e.W1O)),2&a){const H=e.MAs(2);e.Q6J("ngIf",d.items)("ngIfElse",H)}},dependencies:[q.qi,q.vK,K.kM,ne.O5,ne.sg,Fo,Ge.Li],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),l})(),$n=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Or,q.pc,K.dS]]}),l})(),ri=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var Ln=s(8942),wi=s(6640);function or(l,E){1&l&&e._UZ(0,"tui-svg",2),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function Bo(l,E){1&l&&e.GkF(0)}const ci=(0,Wt.JN)({iconSmall:"tuiIconChevronDown",iconLarge:"tuiIconChevronDownLarge"}),bo=new Ge.Al((()=>{class l{constructor(a,d,H){this.dropdown=a,this.textfieldSize=d,this.options=H}get rotated(){return this.dropdown.open}get arrowIcon(){return(0,wi.R9)(this.textfieldSize.size)?this.options.iconLarge:this.options.iconSmall}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Cn.o1),e.Y36(te.kI),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-arrow"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_rotated",d.rotated)},decls:3,vars:4,consts:[[3,"src",4,"polymorpheusOutlet"],[4,"ngIf"],[3,"src"]],template:function(a,d){1&a&&(e.YNc(0,or,1,1,"tui-svg",0),e.YNc(1,Bo,1,0,"ng-container",1),e.ALo(2,"async")),2&a&&(e.Q6J("polymorpheusOutlet",d.arrowIcon),e.xp6(1),e.Q6J("ngIf",e.lcZ(2,2,d.dropdown.openChange)))},dependencies:[X.PN,Ge.Li,ne.O5,ne.Ov],styles:["[_nghost-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-%COMP%]{transform:rotate(180deg)}"],changeDetection:0}),l})());let Qi=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,Ge.wq]]}),l})();const go=(0,Wt.JN)({interactive:bo,disabled:bo});var An=s(8269);let In=(()=>{class l{constructor(a,d){this.el=a,this.destroy$=d}set tuiScrollIntoView(a){a&&(0,f.H)(0).pipe((0,S.R)(this.destroy$)).subscribe(()=>{this.el.nativeElement.dispatchEvent(new CustomEvent(An.fe,{bubbles:!0,detail:this.el.nativeElement}))})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(Tt.a3,2))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiScrollIntoView",""]],inputs:{tuiScrollIntoView:"tuiScrollIntoView"},features:[e._Bn([Tt.a3])]}),l})(),Rn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();function Jn(l,E){if(1&l&&e._UZ(0,"tui-svg",3),2&l){const a=e.oxw();e.Q6J("src",a.icons.check)("tuiScrollIntoView",!0)}}function vi(l,E){1&l&&e._UZ(0,"span",4)}const qi=new Ge.Al((()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){this.icons=a,this.context=d,this.host=H,this.el=Ce,this.option=Nt,this.dataList=Mn,this.control=Nn,this.abstractControl=Yn,this.changeDetection$=new g.xQ,this.selected$=(0,m.T)(this.changeDetection$,this.control.valueChanges||ee.E,(0,Me.mL)(this.el.nativeElement,"animationstart")).pipe((0,w.O)(null),(0,O.U)(()=>this.selected),(0,Z.x)())}get matcher(){return this.host.identityMatcher||B.bg}ngOnInit(){Promise.resolve().then(()=>{var a,d;(0,Wt.Pc)(this.option.value)&&!this.option.disabled&&(null===(d=(a=this.host).checkOption)||void 0===d||d.call(a,this.option.value))})}ngDoCheck(){this.changeDetection$.next()}get value(){var a,d;return null!==(d=null===(a=this.abstractControl)||void 0===a?void 0:a.value)&&void 0!==d?d:this.control.value}get selected(){return(0,Wt.Pc)(this.option.value)&&(0,Wt.Pc)(this.value)&&this.matcher(this.value,this.option.value)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Gs),e.Y36(Ge.yf),e.Y36(it.N1),e.Y36(e.SBq),e.Y36(q.vK),e.Y36(q.qi,8),e.Y36(Ln.a5),e.Y36(_t.M$,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-select-option"]],decls:5,vars:5,consts:[[3,"ngTemplateOutlet"],["automation-id","tui-select-option__checkmark","class","t-checkmark",3,"src","tuiScrollIntoView",4,"ngIf","ngIfElse"],["dummy",""],["automation-id","tui-select-option__checkmark",1,"t-checkmark",3,"src","tuiScrollIntoView"],[1,"t-dummy"]],template:function(a,d){if(1&a&&(e.GkF(0,0),e.YNc(1,Jn,1,2,"tui-svg",1),e.ALo(2,"async"),e.YNc(3,vi,1,0,"ng-template",null,2,e.W1O)),2&a){const H=e.MAs(4);e.Q6J("ngTemplateOutlet",d.context.$implicit),e.xp6(1),e.Q6J("ngIf",e.lcZ(2,3,d.selected$))("ngIfElse",H)}},dependencies:[X.PN,ne.tP,ne.O5,In,ne.Ov],styles:['@keyframes _ngcontent-%COMP%_retrigger{0%{left:1px}to{left:2px}}[_nghost-%COMP%]{display:flex;flex:1;align-items:center;max-width:100%;animation:_ngcontent-%COMP%_retrigger 1s}.t-checkmark[_ngcontent-%COMP%]{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-border-start:.25rem solid transparent;border-inline-start:.25rem solid transparent}tui-data-list[data-list-size="s"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-list-size="s"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}tui-data-list[data-list-size="m"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-list-size="m"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}.t-dummy[_ngcontent-%COMP%]{width:1.75rem}'],changeDetection:0}),l})());let ho=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,Rn]]}),l})();var pi=s(26);function Pi(l,E){1&l&&e.Hsn(0,2,["*ngIf","isMobile"])}function Os(l,E){if(1&l&&e.YNc(0,Pi,1,0,"ng-content",6),2&l){const a=e.oxw();e.Q6J("ngIf",a.isMobile)}}function Ys(l,E){1&l&&e.GkF(0,7)}function ws(l,E){1&l&&e._UZ(0,"div",10),2&l&&e.Q6J("textContent",E.polymorpheusOutlet)}const Zs=function(l,E){return{$implicit:l,active:E}};function Ks(l,E){if(1&l&&(e.TgZ(0,"div",8),e.YNc(1,ws,1,1,"div",9),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.computedContent)("polymorpheusOutletContext",e.WLB(2,Zs,a.value,a.computedFocused))}}function Xs(l,E){1&l&&e.GkF(0)}function Jr(l,E){if(1&l&&(e.TgZ(0,"div",11),e.YNc(1,Xs,1,0,"ng-container",12),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.arrow)}}const Br=["*",[["input"]],[["select"]]],Qr=["*","input","select"],pe=(0,Wt.JN)({valueContent:""});let Bt=(()=>{class l extends _t.F9{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){super(a,d),this.textfieldCleaner=H,this.textfieldSize=Ce,this.arrowMode=Nt,this.itemsHandlers=Mn,this.options=Nn,this.isMobile=Yn,this.stringify=this.itemsHandlers.stringify,this.identityMatcher=this.itemsHandlers.identityMatcher,this.valueContent=this.options.valueContent}get size(){return this.textfieldSize.size}get arrow(){return this.interactive?this.arrowMode.interactive:this.arrowMode.disabled}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.textfield)||void 0===a?void 0:a.nativeFocusableElement)&&void 0!==d?d:null}get focused(){return(0,yt.V8)(this.nativeFocusableElement)||!!this.hostedDropdown&&this.hostedDropdown.focused}get nativeDropdownMode(){return!!this.nativeSelect&&this.isMobile}get computedValue(){return null===this.value?"":this.stringify(this.value)||" "}get computedContent(){return this.valueContent||this.computedValue}onValueChange(a){this.value=a||null}onActiveZone(a){this.updateFocused(a)}onKeyDownDelete(){this.textfieldCleaner.cleaner&&(this.value=null)}handleOption(a){var d;this.focusInput(),this.value=a,null===(d=this.hostedDropdown)||void 0===d||d.updateOpen(!1)}focusInput(a=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:a})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(te.Ym),e.Y36(te.kI),e.Y36(go),e.Y36(Oe.Ys),e.Y36(pe),e.Y36(xt.fL))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-select"]],contentQueries:function(a,d,H){if(1&a&&(e.Suo(H,b,7),e.Suo(H,q.gX,5,e.Rgc)),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.nativeSelect=Ce.first),e.iGM(Ce=e.CRH())&&(d.datalist=Ce.first)}},viewQuery:function(a,d){if(1&a&&(e.Gf(be.yc,5),e.Gf(Cn.o1,5)),2&a){let H;e.iGM(H=e.CRH())&&(d.textfield=H.first),e.iGM(H=e.CRH())&&(d.hostedDropdown=H.first)}},hostVars:1,hostBindings:function(a,d){2&a&&e.uIk("data-size",d.size)},inputs:{stringify:"stringify",identityMatcher:"identityMatcher",valueContent:"valueContent"},features:[e._Bn([(0,xt.FT)(l),(0,_t.wB)(l),(0,it.oE)(l),(0,it.P7)(qi)],[pi.yn]),e.qOj],ngContentSelectors:Qr,decls:10,vars:15,consts:[[1,"t-hosted",3,"canOpen","content","tuiActiveZoneChange"],["automation-id","tui-select__textfield",1,"t-textfield",3,"disabled","editable","focusable","invalid","nativeId","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiTextfieldIcon","value","keydown.backspace.prevent","keydown.delete.prevent","valueChange"],["select",""],["ngProjectAs","select",5,["select"],4,"ngTemplateOutlet"],["automation-id","tui-select__value","ngProjectAs","tuiContent","class","t-value",5,["tuiContent"],4,"ngIf"],["icon",""],[4,"ngIf"],["ngProjectAs","select",5,["select"]],["automation-id","tui-select__value","ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value"],["class","t-primitive-value",3,"textContent",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive-value",3,"textContent"],["appearance","icon","tuiWrapper","",1,"t-icon"],[4,"polymorpheusOutlet"]],template:function(a,d){if(1&a&&(e.F$t(Br),e.TgZ(0,"tui-hosted-dropdown",0),e.NdJ("tuiActiveZoneChange",function(Ce){return d.onActiveZone(Ce)}),e.TgZ(1,"tui-primitive-textfield",1),e.NdJ("keydown.backspace.prevent",function(){return d.onKeyDownDelete()})("keydown.delete.prevent",function(){return d.onKeyDownDelete()})("valueChange",function(Ce){return d.onValueChange(Ce)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.YNc(4,Os,1,1,"ng-template",null,2,e.W1O),e.YNc(6,Ys,1,0,"ng-container",3),e.YNc(7,Ks,2,5,"div",4),e.qZA(),e.YNc(8,Jr,2,1,"ng-template",null,5,e.W1O),e.qZA()),2&a){const H=e.MAs(5),Ce=e.MAs(9);e.Q6J("canOpen",d.interactive&&!d.nativeDropdownMode)("content",d.datalist||""),e.xp6(1),e.Q6J("disabled",d.computedDisabled)("editable",!1)("focusable",d.computedFocusable)("invalid",d.computedInvalid)("nativeId",d.nativeId)("pseudoActive",d.pseudoActive)("pseudoFocus",d.computedFocused)("pseudoHover",d.pseudoHover)("readOnly",d.readOnly)("tuiTextfieldIcon",d.arrow?Ce:"")("value",d.computedValue),e.xp6(5),e.Q6J("ngTemplateOutlet",H),e.xp6(1),e.Q6J("ngIf",null!==d.value)}},dependencies:[Cn.o1,be.yc,At.e,be.B1,te.AW,ne.O5,ne.tP,Ge.Li,po.o],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:left}[_nghost-%COMP%]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-%COMP%]     input{cursor:default}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-%COMP%]{display:flex;width:100%;align-items:center}.t-primitive-value[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),l})(),Xt=(()=>{class l extends ko.D1{get readOnly(){return!0}get value(){return this.host.computedValue}get stringify(){return this.host.stringify}onValueChange(a){this.host.onValueChange(a)}}return l.\u0275fac=function(){let E;return function(d){return(E||(E=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["tui-select"]],features:[e._Bn([(0,it.cp)(l)]),e.qOj]}),l})(),xn=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,At.A,be.KW,Cn.jh,ho,Qi,po.W,te.cn,$n,q.pc,ri]]}),l})();var qn=s(7320),si=s(4541),Wn=s(3633),Bn=s(5059),gi=s(8491);const mi=["*"];let xi=(()=>{class l{constructor(){this.name="tui-radio-group-"+l.index++}}return l.index=0,l.\u0275fac=function(a){return new(a||l)},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio-group"]],inputs:{name:"name"},ngContentSelectors:mi,decls:1,vars:0,template:function(a,d){1&a&&(e.F$t(),e.Hsn(0))},encapsulation:2,changeDetection:0}),l})();const _o=["focusableElement"],eo=(0,Wt.JN)({size:"m",appearances:{unchecked:qn.Nm.Outline,checked:qn.Nm.Primary}});let Xo=(()=>{class l extends _t.F9{constructor(a,d,H,Ce){super(a,d),this.options=H,this.radioGroup=Ce,this.identityMatcher=B.bg,this.name=null,this.size=this.options.size,this.pseudoDisabled=!1}get appearance(){return this.checked?this.options.appearances.checked:this.options.appearances.unchecked}get computedDisabled(){return this.disabled||this.pseudoDisabled}get nativeFocusableElement(){return!this.focusableElement||this.computedDisabled?null:this.focusableElement.nativeElement}get focused(){return(0,yt.V8)(this.nativeFocusableElement)}get checked(){return null===this.value?null===this.item:null!=this.item&&this.identityMatcher(this.value,this.item)}get computedName(){return this.name||this.radioGroupName||this.controlName||""}get isFocusable(){return!this.readOnly&&this.computedFocusable}onChecked(a){a&&(this.value=void 0!==this.item?this.item:this.fallbackValue)}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}get radioGroupName(){return null===this.radioGroup?null:this.radioGroup.name}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(eo),e.Y36(xi,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio"]],viewQuery:function(a,d){if(1&a&&e.Gf(_o,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:3,hostBindings:function(a,d){2&a&&(e.uIk("data-size",d.size),e.ekj("_disabled",d.computedDisabled))},inputs:{item:"item",identityMatcher:"identityMatcher",name:"name",size:"size",pseudoDisabled:"pseudoDisabled"},features:[e._Bn([(0,xt.FT)(l),(0,_t.wB)(l)]),e.qOj],decls:4,vars:13,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid"],[1,"t-mark"],["type","radio",1,"t-native",3,"disabled","id","tuiChecked","tuiFocusable","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e._UZ(1,"div",1),e.TgZ(2,"input",2,3),e.NdJ("tuiCheckedChange",function(Ce){return d.onChecked(Ce)})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA()()),2&a&&(e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid),e.xp6(1),e.ekj("t-mark_visible",d.checked),e.xp6(1),e.Q6J("disabled",d.computedDisabled)("id",d.id)("tuiChecked",d.checked)("tuiFocusable",d.isFocusable),e.uIk("name",d.computedName))},dependencies:[po.o,si.t,Wn.t,Bn.U,gi.q],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem}._readonly[_nghost-%COMP%]{pointer-events:none}.t-mark[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;background-color:currentColor;border-radius:100%;transform:scale(0)}.t-mark_visible[_ngcontent-%COMP%]{transform:scale(1)}[data-size=m][_nghost-%COMP%]   .t-mark[_ngcontent-%COMP%]{margin:.25rem;width:.5rem;height:.5rem}[data-size=l][_nghost-%COMP%]   .t-mark[_ngcontent-%COMP%]{margin:.4375rem;width:.625rem;height:.625rem}.t-native[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-%COMP%]:-webkit-autofill, .t-native[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-native[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-%COMP%]   .t-native[_ngcontent-%COMP%]{cursor:default}"],changeDetection:0}),l})(),Vo=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,si.S,Wn.u,Bn.F,gi.c,po.W]]}),l})();function xs(l,E){1&l&&e.GkF(0)}const hs=["*"];let Bu=(()=>{class l extends _t.F9{constructor(a,d,H){super(a,d),this.modeDirective=H,this.identityMatcher=B.bg,this.contentAlign="right",this.size="l",this.hideRadio=!1,this.pseudoDisabled=!1}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.radio)||void 0===a?void 0:a.nativeFocusableElement)&&void 0!==d?d:null}get focused(){return!!this.radio&&this.radio.focused}get computedDisabled(){return this.disabled||this.pseudoDisabled}get checked(){var a;return!(null===(a=this.radio)||void 0===a||!a.checked)&&this.hideRadio}get checkboxSize(){return"l"===this.size?"l":"m"}get appearance(){var a;return null!==(a=this.modeDirective)&&void 0!==a&&a.mode?this.checked?qn.Nm.Primary:qn.Nm.Secondary:this.checked?qn.Nm.WhiteblockActive:qn.Nm.Whiteblock}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}onModelChange(a){this.value=a}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(ye.w,8))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-radio-block"]],viewQuery:function(a,d){if(1&a&&e.Gf(Xo,5),2&a){let H;e.iGM(H=e.CRH())&&(d.radio=H.first)}},hostVars:8,hostBindings:function(a,d){2&a&&(e.uIk("data-align",d.contentAlign)("data-size",d.size),e.ekj("_hidden_input",d.hideRadio)("_disabled",d.computedDisabled)("_active",d.checked))},inputs:{item:"item",identityMatcher:"identityMatcher",contentAlign:"contentAlign",size:"size",hideRadio:"hideRadio",pseudoDisabled:"pseudoDisabled"},features:[e._Bn([(0,xt.FT)(l),(0,_t.wB)(l)]),e.qOj],ngContentSelectors:hs,decls:7,vars:22,consts:[[4,"ngIf"],["tuiWrapper","",1,"t-wrapper",3,"active","appearance","disabled","focus","hover","invalid"],[1,"t-view",3,"focusable","identityMatcher","item","name","nativeId","pseudoActive","pseudoDisabled","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","size","ngModel","ngModelChange","focusedChange","focusVisibleChange"],[1,"t-label"],[1,"t-content"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,xs,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"label",1)(3,"tui-radio",2),e.NdJ("ngModelChange",function(Ce){return d.value=Ce})("focusedChange",function(Ce){return d.onFocused(Ce)})("focusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA(),e.TgZ(4,"div",3)(5,"div",4),e.Hsn(6),e.qZA()()()),2&a&&(e.Q6J("ngIf",d.modeDirective&&e.lcZ(1,20,d.modeDirective.change$)),e.xp6(2),e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid),e.xp6(1),e.Q6J("focusable",d.focusable)("identityMatcher",d.identityMatcher)("item",d.item)("name",d.computedName||"")("nativeId",d.nativeId)("pseudoActive",d.pseudoActive)("pseudoDisabled",d.computedDisabled)("pseudoFocus",!1)("pseudoHover",d.pseudoHover)("pseudoInvalid",d.computedInvalid)("readOnly",d.readOnly)("size",d.checkboxSize)("ngModel",d.value))},dependencies:[Xo,ne.O5,po.o,Ln.JJ,Ln.On,ne.Ov],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;align-items:flex-start;border-radius:var(--tui-radius-m)}[data-size=xs][_nghost-%COMP%]{font:var(--tui-font-text-xs)}[data-size=m][_nghost-%COMP%], [data-size=l][_nghost-%COMP%]{font:var(--tui-font-text-m)}._disabled[_nghost-%COMP%], ._readonly[_nghost-%COMP%]{pointer-events:none}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:inherit;box-sizing:border-box;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 0 0}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding-right:.5rem}[data-align=right][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{flex-direction:row-reverse;padding:0 0 0 1rem}[data-align=right][data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding-left:.5rem}[data-size=xs]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 .5rem}[data-size=xs]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:not(._focused):after{border-width:1px}[data-size=s]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 1rem}[data-size=m]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 1.5rem}[data-size=l]._hidden_input[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 2.25rem}[data-size=xs][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-xs) / 2 - .5rem) .25rem;transform:scale(.75)}[data-size=s][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-s) / 2 - .5rem) .5rem}[data-size=m][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-m) / 2 - .5rem) .75rem}[data-size=l][_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{margin:calc(var(--tui-height-l) / 2 - .75rem) 1rem}._hidden_input[_nghost-%COMP%]   .t-view[_ngcontent-%COMP%]{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.t-label[_ngcontent-%COMP%]{display:flex;flex-grow:1;align-self:flex-start;align-items:center;overflow:hidden}[data-size=xs][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-xs)}[data-size=s][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-s)}[data-size=m][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-m)}[data-size=l][_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{min-height:var(--tui-height-l)}._hidden_input[_nghost-%COMP%]   .t-label[_ngcontent-%COMP%]{text-align:center;justify-content:center}.t-content[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),l})(),Js=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,Vo,po.W]]}),l})();var As=s(3063),br=s(2130);const rr=["*"];let Va=(()=>{class l{constructor(a){this.mode$=a,this.size="m",this.status="default",this.hoverable=!1}get padding(){var a;return this.isEmpty?"none":(0,Wt.dt)(null===(a=this.value)||void 0===a?void 0:a.valueOf())?"m":"l"}get outputValue(){var a;const d=null===(a=this.value)||void 0===a?void 0:a.valueOf();return(0,Wt.dt)(d)&&d>99?"99+":(0,Wt.Pc)(this.value)?String(this.value):""}get isEmpty(){return!this.value&&0!==this.value}titleText({offsetWidth:a,scrollWidth:d}){return a<d?this.outputValue:""}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Au))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-badge"]],hostVars:7,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.uIk("data-size",d.size)("data-status",d.status)("data-padding",d.padding),e.ekj("_hoverable",d.hoverable)("_empty-value",d.isEmpty))},inputs:{value:"value",size:"size",status:"status",hoverable:"hoverable"},features:[e._Bn([br.CV])],ngContentSelectors:rr,decls:5,vars:2,consts:[[1,"t-left-content"],[1,"t-text",3,"title","mouseenter"],["text",""]],template:function(a,d){if(1&a&&(e.F$t(),e.TgZ(0,"span",0),e.Hsn(1),e.qZA(),e.TgZ(2,"span",1,2),e.NdJ("mouseenter",function(){return 0}),e._uU(4),e.qZA()),2&a){const H=e.MAs(3);e.xp6(2),e.Q6J("title",d.titleText(H)),e.xp6(2),e.hij(" ",d.outputValue,"\n")}},styles:['[_nghost-%COMP%]{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--left-content-color: currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%}[_nghost-%COMP%]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-%COMP%]:hover[data-status=custom]:after, ._hoverable[_nghost-%COMP%]:active[data-status=custom]:after{background-color:var(--tui-clear)}[data-status=primary][_nghost-%COMP%]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-%COMP%]{--left-content-color: var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-%COMP%]:hover, [data-status=error]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-%COMP%]{--left-content-color: var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-%COMP%]:hover, [data-status=success]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-%COMP%]{--left-content-color: var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-%COMP%]:hover, [data-status=warning]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=info][_nghost-%COMP%]{--left-content-color: var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}[data-status=info]._hoverable[_nghost-%COMP%]:hover, [data-status=info]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-info-bg-hover)}[data-status=info][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}[data-status=info][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=info][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-info-bg-night-hover)}[data-status=neutral][_nghost-%COMP%]{--left-content-color: var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}[data-status=neutral]._hoverable[_nghost-%COMP%]:hover, [data-status=neutral]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-neutral-bg-hover)}[data-status=neutral][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}[data-status=neutral][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=neutral][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-neutral-bg-night-hover)}[data-status=default][_nghost-%COMP%]{background-color:var(--tui-base-06)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-%COMP%]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-%COMP%]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-active)}._hoverable[_nghost-%COMP%]{cursor:pointer}[data-padding=m][_nghost-%COMP%]{padding:0 .5rem}[data-padding=m][data-size=xs][_nghost-%COMP%]{padding:0 .25rem}[data-padding=m][data-size=s][_nghost-%COMP%]{padding:0 .375rem}[data-padding=m][data-size=l][_nghost-%COMP%]{padding:0 .625rem}[data-padding=l][_nghost-%COMP%]{padding:0 .625rem}[data-padding=l][data-size=xs][_nghost-%COMP%]{padding:0 .375rem}[data-padding=l][data-size=s][_nghost-%COMP%]{padding:0 .5rem}[data-padding=l][data-size=l][_nghost-%COMP%]{padding:0 .75rem}[data-size=xs][_nghost-%COMP%]{font:var(--tui-font-text-xs);height:1rem;min-width:1rem}[data-size=xs][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{width:.34375rem;height:.34375rem}[data-size=s][_nghost-%COMP%]{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}[data-size=s][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{width:.25rem;height:.25rem}[data-size=m][_nghost-%COMP%]{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}[data-size=l][_nghost-%COMP%]{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}[data-size=l][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}._empty-value[_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]{margin:0 -.25rem}._empty-value[_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]:before{margin:0}.t-left-content[_ngcontent-%COMP%]{display:none;color:var(--left-content-color);line-height:0}.t-left-content[_ngcontent-%COMP%]:not(:empty){display:block;margin-left:-.25rem}.t-left-content[_ngcontent-%COMP%]:not(:empty):before{content:none}[data-status=error][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=success][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=warning][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=info][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%], [data-status=neutral][_nghost-%COMP%]   .t-left-content[_ngcontent-%COMP%]{display:block}.t-left-content[_ngcontent-%COMP%]:before{content:"";display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}.t-text[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}'],changeDetection:0}),l})(),Ur=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez]]}),l})(),qs=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();const Ps=["focusableElement"];function Ss(l,E){if(1&l&&e._UZ(0,"tui-loader",7),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("showLoader",a.value)("size",a.loaderSize)}}function Mo(l,E){1&l&&e._UZ(0,"tui-svg",10),2&l&&e.Q6J("src",E.polymorpheusOutlet)}const Is=function(l){return{$implicit:l}};function Hr(l,E){if(1&l&&(e.TgZ(0,"span",8),e.YNc(1,Mo,1,1,"tui-svg",9),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.iconOn)("polymorpheusOutletContext",e.VKq(2,Is,a.size))}}function ks(l,E){if(1&l&&e._UZ(0,"tui-loader",7),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("showLoader",!a.value)("size",a.loaderSize)}}function ea(l,E){1&l&&e._UZ(0,"tui-svg",12),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function ta(l,E){if(1&l&&(e.TgZ(0,"span",8),e.YNc(1,ea,1,1,"tui-svg",11),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.iconOff)("polymorpheusOutletContext",e.VKq(2,Is,a.size))}}const Ar=(0,Wt.JN)({icons:{toggleOff:({$implicit:l})=>"m"===l?"tuiIconToggleOff":"tuiIconToggleOffLarge",toggleOn:({$implicit:l})=>"m"===l?"tuiIconToggleOn":"tuiIconToggleOnLarge"},appearances:{checked:qn.Nm.Primary,unchecked:qn.Nm.Secondary},singleColor:!1,showIcons:!1,size:"m"});let ps=(()=>{class l extends _t.M${constructor(a,d,H,Ce){super(a,d),this.modeDirective=H,this.options=Ce,this.singleColor=this.options.singleColor,this.showIcons=this.options.showIcons,this.showLoader=!1,this.size=this.options.size}get iconOn(){return this.options.icons.toggleOn}get iconOff(){return this.options.icons.toggleOff}get nativeFocusableElement(){var a,d;return null!==(d=null===(a=this.focusableElement)||void 0===a?void 0:a.nativeElement)&&void 0!==d?d:null}get focused(){return(0,yt.V8)(this.nativeFocusableElement)}get appearance(){return this.singleColor||this.value?this.options.appearances.checked:this.options.appearances.unchecked}get sizeM(){return"m"===this.size}get loaderSize(){return this.sizeM?"xs":"s"}get hostMode(){var a,d;return null!==(d=null===(a=this.modeDirective)||void 0===a?void 0:a.mode)&&void 0!==d?d:null}onChecked(a){this.value=a}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}getFallbackValue(){return!1}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(ye.w,8),e.Y36(Ar))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-toggle"]],viewQuery:function(a,d){if(1&a&&e.Gf(Ps,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:4,hostBindings:function(a,d){2&a&&(e.uIk("data-size",d.size)("data-mode",d.hostMode),e.ekj("_checked",d.value))},inputs:{singleColor:"singleColor",showIcons:"showIcons",showLoader:"showLoader",size:"size"},features:[e._Bn([(0,xt.FT)(l),(0,_t.wB)(l)]),e.qOj],decls:9,vars:16,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly"],[1,"t-toggle"],["class","t-loader",3,"inheritColor","showLoader","size",4,"ngIf"],["class","t-icon-wrapper",4,"ngIf"],[1,"t-circle"],["automation-id","tui-toggle__checkbox","role","switch","type","checkbox",1,"t-checkbox",3,"disabled","id","tuiFocusable","tuiChecked","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""],[1,"t-loader",3,"inheritColor","showLoader","size"],[1,"t-icon-wrapper"],["automation-id","tui-toggle__check-icon","class","t-icon",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-toggle__check-icon",1,"t-icon",3,"src"],["automation-id","tui-toggle__cancel-icon","class","t-icon t-icon_off",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-toggle__cancel-icon",1,"t-icon","t-icon_off",3,"src"]],template:function(a,d){1&a&&(e.TgZ(0,"div",0)(1,"div",1),e.YNc(2,Ss,1,3,"tui-loader",2),e.YNc(3,Hr,2,4,"span",3),e._UZ(4,"div",4),e.YNc(5,ks,1,3,"tui-loader",2),e.YNc(6,ta,2,4,"span",3),e.qZA(),e.TgZ(7,"input",5,6),e.NdJ("tuiCheckedChange",function(Ce){return d.value=Ce})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.qZA()()),2&a&&(e.Q6J("active",d.pseudoActive)("appearance",d.appearance)("disabled",d.computedDisabled)("focus",d.computedFocusVisible)("hover",d.pseudoHover)("invalid",d.computedInvalid)("readOnly",d.readOnly),e.xp6(2),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.showIcons&&!d.showLoader),e.xp6(2),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.showIcons&&!d.showLoader),e.xp6(1),e.Q6J("disabled",d.disabled)("id",d.id)("tuiFocusable",d.focusable)("tuiChecked",d.value),e.uIk("aria-checked",d.value))},dependencies:[K.kM,X.PN,po.o,ne.O5,Ge.Li,si.t,Wn.t,Bn.U,gi.q],styles:["[_nghost-%COMP%]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}[data-size=m][_nghost-%COMP%]{width:2rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:3rem;height:1.5rem}.t-checkbox[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.t-checkbox[_ngcontent-%COMP%]:-webkit-autofill, .t-checkbox[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-checkbox[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}._disabled[_nghost-%COMP%]   .t-checkbox[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.t-toggle[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}[data-size=m][_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{width:3rem;height:1rem;transform:translate(-1rem)}[data-size=l][_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{width:4.5rem;height:1.5rem;transform:translate(-1.5rem)}._checked[_nghost-%COMP%]   .t-toggle[_ngcontent-%COMP%]{transform:translate(0)}.t-circle[_ngcontent-%COMP%]{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}._disabled[_nghost-%COMP%]   .t-circle_light[_ngcontent-%COMP%]{opacity:.24}[data-size=m][_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{width:.75rem;height:.75rem}[data-size=l][_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{width:1rem;height:1rem}._disabled[_nghost-%COMP%]   .t-circle[_ngcontent-%COMP%]{background-color:var(--tui-base-01)}.t-loader[_ngcontent-%COMP%]{min-width:auto}[_nghost-%COMP%]:not(._checked)   .t-loader[_ngcontent-%COMP%]{color:var(--tui-base-06)}[_nghost-%COMP%]:not(._checked)._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-base-05)}[_nghost-%COMP%]:not(._checked)[data-mode=onDark]   .t-loader[_ngcontent-%COMP%]{color:var(--tui-text-03-night)}[_nghost-%COMP%]:not(._checked)[data-mode=onDark]._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-clear-inverse-active)}[_nghost-%COMP%]:not(._checked)[data-mode=onLight]   .t-loader[_ngcontent-%COMP%]{color:var(--tui-text-03)}[_nghost-%COMP%]:not(._checked)[data-mode=onLight]._disabled   .t-loader[_ngcontent-%COMP%]{color:var(--tui-clear-active)}[data-size=m][_nghost-%COMP%]   .t-loader[_ngcontent-%COMP%]{width:.75rem;margin:0 .2rem;transform:scale(.75)}[data-size=l][_nghost-%COMP%]   .t-loader[_ngcontent-%COMP%]{width:1rem;margin:0 .25rem}.t-icon-wrapper[_ngcontent-%COMP%]{display:flex}.t-icon[_ngcontent-%COMP%]{opacity:.8}.t-icon_off[_ngcontent-%COMP%]{color:var(--tui-base-06)}._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-base-05)}[data-mode=onDark][_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark]._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-clear-inverse-active)}[data-mode=onLight][_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-text-03)}[data-mode=onLight]._disabled[_nghost-%COMP%]   .t-icon_off[_ngcontent-%COMP%]{color:var(--tui-clear-active)}[data-size=m][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1rem;height:1rem;transform:scale(.75)}[data-size=l][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{margin:0 .125rem;width:1.5rem;height:1.5rem}[_nghost-%COMP%]:hover   .t-icon[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0}),l})(),Rs=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Bn.F,Wn.u,qs,gi.c,si.S,po.W,X.EI,K.dS,Ge.wq]]}),l})();var Ri=s(3358);function Fs(l,E){const[,a=""]=function na(l){const E=String(l),[a,d]=E.split("e-");let H=E;if(d){const[,Ce]=a.split("."),Nt=Number(d)+((null==Ce?void 0:Ce.length)||0);H=l.toFixed(Nt)}return H}(l).split(".");return(0,Wt.dt)(E)?a.slice(0,Math.max(0,E)):a}let es=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiValueAccessor",""]],features:[e._Bn([pi.E2])]}),l})(),ts=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();var ms=s(1516);function _s(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Tr(l,E){if(1&l&&(e.TgZ(0,"div",6),e.YNc(1,_s,2,1,"ng-container",7),e.qZA()),2&l){e.oxw();const a=e.MAs(9);e.xp6(1),e.Q6J("polymorpheusOutlet",a)}}function Vu(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"section",8)(1,"button",9),e.NdJ("click.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onArrow(H.step))})("mousedown.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(null==H.nativeFocusableElement?null:H.nativeFocusableElement.focus())}),e._uU(2," + "),e.qZA(),e.TgZ(3,"button",9),e.NdJ("click.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onArrow(-H.step))})("mousedown.prevent",function(){e.CHM(a);const H=e.oxw();return e.KtG(null==H.nativeFocusableElement?null:H.nativeFocusableElement.focus())}),e._uU(4," - "),e.qZA()()}if(2&l){const a=e.oxw(),d=e.MAs(1);e.xp6(1),e.Q6J("appearance",d.appearance)("disabled",!a.canIncrement)("focusable",!1)("icon",a.options.icons.up),e.xp6(2),e.Q6J("appearance",d.appearance)("disabled",!a.canDecrement)("focusable",!1)("icon",a.options.icons.down)}}function za(l,E){1&l&&e.GkF(0)}function Ai(l,E){1&l&&e.Hsn(0,2)}const ja=["*",[["input"]],[["tuiContent"]]],zu=["*","input","tuiContent"],$u=(0,Wt.JN)({icons:{up:"tuiIconPlus",down:"tuiIconMinus"},min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,step:0,decimal:"not-zero",precision:2}),Ac=new e.OlP("");let zr=(()=>{class l extends _t.F9{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn){super(a,d,H),this.options=Ce,this.numberFormat=Nt,this.isIOS=Mn,this.textfieldSize=Nn,this.controller=Yn,this.unfinishedValue="",this.min=this.options.min,this.max=this.options.max,this.decimal=this.options.decimal,this.precision=this.options.precision,this.step=this.options.step,this.prefix="",this.postfix="",this.polymorpheusValueContent=B.Mm}get size(){return this.textfieldSize.size}get computedMin(){return this.computeMin(this.min,this.max)}get computedMax(){return this.computeMax(this.min,this.max)}get nativeFocusableElement(){return!this.textfield||this.computedDisabled?null:this.textfield.nativeFocusableElement}get focused(){var a;return!(null===(a=this.textfield)||void 0===a||!a.focused)}get isNegativeAllowed(){return this.computedMin<0}get inputMode(){return this.isIOS&&this.isNegativeAllowed?"text":"never"===this.decimal?"numeric":"decimal"}get calculatedMaxLength(){return 18+("never"!==this.decimal&&this.nativeValue.includes(this.numberFormat.decimalSeparator)?Math.min(this.precision+1,20):0)+this.numberFormat.thousandSeparator.repeat(5).length}get formattedValue(){return null!==this.value?this.getFormattedValue(this.value||0):""}get computedValue(){return this.focused?this.nativeValue:this.formattedValue}get canDecrement(){return this.interactive&&(this.value||0)>this.computedMin}get canIncrement(){return this.interactive&&(this.value||0)<this.computedMax}get computedPrefix(){return this.prefix||this.controller.prefix}get computedPostfix(){const a=this.postfix||this.controller.postfix;return a&&` ${a}`}get mask(){return this.calculateMask(this.precision,this.decimal,this.numberFormat.decimalSeparator,this.numberFormat.thousandSeparator,this.computedMin,this.computedMax,this.computedPrefix,this.computedPostfix)}onArrow(a){a&&(this.value=(0,ao.Ki)((this.value||0)+a,this.computedMin,this.computedMax),this.nativeValue=this.formattedValue)}onValueChange(a){const d=(0,Ri.vZ)(a,this.numberFormat.decimalSeparator);this.unfinishedValue=null,Number.isNaN(d)?this.value=null:this.isNativeValueNotFinished?this.unfinishedValue=a:d<this.computedMin||d>this.computedMax||(this.value=d)}onFocused(a){this.updateFocused(a);const d=this.unfinishedValue?(0,Ri.vZ)(this.unfinishedValue,this.numberFormat.decimalSeparator):this.nativeNumberValue;if(this.unfinishedValue=null,Number.isNaN(d))return this.nativeValue=a?this.computedPrefix+this.computedPostfix:"",void(this.value=null);a||(this.value=d,this.nativeValue=this.formattedValue)}getFormattedValue(a){const H=Math.abs(a)%1>0;let Ce="always"===this.decimal||H&&"never"!==this.decimal?this.precision:0;const Nt=H?Fs(a,this.precision):"";return this.focused&&"always"!==this.decimal&&(Ce=Nt.length),this.computedPrefix+function fr(l,E={}){const{decimalLimit:a,decimalSeparator:d,thousandSeparator:H,zeroPadding:Ce,rounding:Nt}=Object.assign(Object.assign({},An.Jl),E),Mn=Number.isFinite(a)?(0,ao.h0)({value:l,precision:a,method:Nt}):l,Nn=String(Math.floor(Math.abs(Mn)));let Yn=Fs(Mn,a);if(Number.isFinite(a))if(Ce){const Ao=Math.max(a-Yn.length,0);Yn=`${Yn}${"0".repeat(Ao)}`}else Yn=Yn.replace(/0*$/,"");const Bi=Nn.length%3;let vo=(l<0?B.fv:"")+Nn.charAt(0);for(let Ao=1;Ao<Nn.length;Ao++)Ao%3===Bi&&Nn.length>3&&(vo+=H),vo+=Nn.charAt(Ao);return Yn?vo+d+Yn:vo}(a,Object.assign(Object.assign({},this.numberFormat),{decimalLimit:Ce})).replace(B.fv,B.em)+this.computedPostfix}get isNativeValueNotFinished(){const a=this.nativeNumberValue;return a<0?a>this.computedMax:a<this.computedMin}get nativeValue(){var a;return(null===(a=this.nativeFocusableElement)||void 0===a?void 0:a.value)||""}set nativeValue(a){!this.textfield||!this.nativeFocusableElement||(this.textfield.value=a,this.nativeFocusableElement.value=a)}writeValue(a){super.writeValue(a),this.nativeValue=this.formattedValue}get nativeNumberValue(){return(0,Ri.vZ)(this.nativeValue,this.numberFormat.decimalSeparator)}computeMin(a,d){var H,Ce,Nt,Mn,Nn,Yn;return Math.min(null!==(Nt=null!==(Ce=null===(H=this.valueTransformer)||void 0===H?void 0:H.fromControlValue(a))&&void 0!==Ce?Ce:a)&&void 0!==Nt?Nt:this.options.min,null!==(Yn=null!==(Nn=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(d))&&void 0!==Nn?Nn:d)&&void 0!==Yn?Yn:this.options.max)}computeMax(a,d){var H,Ce,Nt,Mn,Nn,Yn;return Math.max(null!==(Nt=null!==(Ce=null===(H=this.valueTransformer)||void 0===H?void 0:H.fromControlValue(a))&&void 0!==Ce?Ce:a)&&void 0!==Nt?Nt:this.options.min,null!==(Yn=null!==(Nn=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(d))&&void 0!==Nn?Nn:d)&&void 0!==Yn?Yn:this.options.max)}calculateMask(a,d,H,Ce,Nt,Mn,Nn,Yn){const Bi=(0,Ri.f8)({decimalSeparator:H,thousandSeparator:Ce,min:Nt,max:Mn,prefix:Nn,postfix:Yn,precision:"never"===d?0:a,decimalZeroPadding:"always"===d}),{plugins:Ro}=Bi,vo=(0,$i._T)(Bi,["plugins"]);return Object.assign(Object.assign({},vo),{plugins:[...Ro,(0,Ri.nQ)(Ao=>[Nn.length,Ao.length-Yn.length])]})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Ln.a5,10),e.Y36(e.sBO),e.Y36(Ac,8),e.Y36($u),e.Y36(it.HO),e.Y36(xt.FA),e.Y36(te.kI),e.Y36(te.Cs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-input-number"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Ge.Li,5),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.polymorpheusValueContent=Ce)}},viewQuery:function(a,d){if(1&a&&e.Gf(be.yc,5),2&a){let H;e.iGM(H=e.CRH())&&(d.textfield=H.first)}},hostVars:1,hostBindings:function(a,d){1&a&&e.NdJ("keydown.arrowDown",function(){return d.onArrow(-d.step)})("keydown.arrowUp",function(){return d.onArrow(d.step)}),2&a&&e.uIk("data-size",d.size)},inputs:{min:"min",max:"max",decimal:"decimal",precision:"precision",step:"step",prefix:"prefix",postfix:"postfix"},features:[e._Bn([(0,xt.FT)(l),(0,_t.wB)(l),te.Y0]),e.qOj],ngContentSelectors:zu,decls:10,vars:14,consts:[["tuiTextfieldPostfix","","tuiTextfieldPrefix","","tuiValueAccessor","",1,"t-textfield",3,"disabled","focusable","invalid","maskito","pseudoActive","pseudoFocus","pseudoHover","readOnly","value","focusedChange","valueChange"],["textfield",""],["ngProjectAs","tuiContent","class","t-value-content",5,["tuiContent"],4,"ngIf"],["class","t-buttons",4,"ngIf"],[4,"ngIf"],["valueContent",""],["ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value-content"],[4,"polymorpheusOutlet"],[1,"t-buttons"],["size","s","tuiIconButton","","type","button",1,"t-button",3,"appearance","disabled","focusable","icon","click.prevent","mousedown.prevent"]],template:function(a,d){1&a&&(e.F$t(ja),e.TgZ(0,"tui-primitive-textfield",0,1),e.NdJ("focusedChange",function(Ce){return d.onFocused(Ce)})("valueChange",function(Ce){return d.onValueChange(Ce)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.YNc(4,Tr,2,1,"div",2),e.qZA(),e.YNc(5,Vu,5,8,"section",3),e.YNc(6,za,1,0,"ng-container",4),e.ALo(7,"async"),e.YNc(8,Ai,1,0,"ng-template",null,5,e.W1O)),2&a&&(e.Q6J("disabled",d.computedDisabled)("focusable",d.focusable)("invalid",d.computedInvalid)("maskito",d.mask)("pseudoActive",d.pseudoActive)("pseudoFocus",d.computedFocused)("pseudoHover",d.pseudoHover)("readOnly",d.readOnly)("value",d.computedValue),e.xp6(4),e.Q6J("ngIf",d.polymorpheusValueContent.length),e.xp6(1),e.Q6J("ngIf",d.step),e.xp6(1),e.Q6J("ngIf",e.lcZ(7,12,d.polymorpheusValueContent.changes)))},dependencies:[be.yc,Q.v0,be.B1,te.Tq,te.A7,es,ms.ro,ne.O5,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{display:flex;border-radius:var(--tui-radius-m);text-align:left}.t-textfield[_ngcontent-%COMP%]{flex:1;max-width:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-%COMP%]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.t-value-content[_ngcontent-%COMP%]{width:100%}.t-buttons[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]{flex-direction:row-reverse}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin:0 0 0 .125rem;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-radius:0}[data-size=m][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{width:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{width:calc(var(--tui-height-l) * .75)}.t-button[_ngcontent-%COMP%]{display:flex;flex:1;height:auto;border-radius:0}.t-button[_ngcontent-%COMP%]:first-child{margin-bottom:.125rem;border-top-right-radius:inherit}.t-button[_ngcontent-%COMP%]:last-child{border-bottom-right-radius:inherit}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"computeMin",null),(0,$i.gn)([Co.UM],l.prototype,"computeMax",null),(0,$i.gn)([Co.UM],l.prototype,"calculateMask",null),l})(),Gu=(()=>{class l extends ko.D1{get value(){return this.host.computedValue}onValueChange(a){this.host.onValueChange(a)}ngDoCheck(){this.host.nativeFocusableElement&&(this.host.nativeFocusableElement.inputMode=this.host.inputMode,this.host.nativeFocusableElement.maxLength=this.host.nativeFocusableElement.maxLength>0?this.host.nativeFocusableElement.maxLength:this.host.calculatedMaxLength)}}return l.\u0275fac=function(){let E;return function(d){return(E||(E=e.n5z(l)))(d||l)}}(),l.\u0275dir=e.lG2({type:l,selectors:[["tui-input-number"]],features:[e._Bn([(0,it.cp)(l)]),e.qOj]}),l})(),Wu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,ms.U5,be.KW,te.cn,ts,Ge.wq,Q.fN]]}),l})();var Gn=s(1862);const ns=new e.OlP("MutationObserver config");let ar=(()=>{class l extends ge.y{constructor({nativeElement:a},d){super(H=>{const Ce=new MutationObserver(Nt=>{H.next(Nt)});return Ce.observe(a,d),()=>{Ce.disconnect()}})}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(e.SBq),e.LFG(ns))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac}),l})();var is=s(4487),os=s(8447),D=s(8307);const T=["tuiTab",""];function h(l,E){1&l&&e.GkF(0)}const P=["*"];function j(l,E){1&l&&e.GkF(0)}function me(l,E){if(1&l&&e._UZ(0,"tui-underline",2),2&l){const a=e.oxw();e.Q6J("element",a.activeElement)}}function Ct(l,E){1&l&&e.GkF(0)}function jt(l,E){if(1&l&&e.GkF(0,12),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a)}}function gn(l,E){if(1&l&&(e.TgZ(0,"div"),e.GkF(1,12),e.qZA()),2&l){const a=e.oxw(),d=a.index,H=a.$implicit,Ce=e.oxw();e.ekj("t-overflown",Ce.isOverflown(d)),e.xp6(1),e.Q6J("ngTemplateOutlet",H)}}function Pn(l,E){if(1&l&&(e.ynx(0),e.YNc(1,jt,1,1,"ng-container",10),e.YNc(2,gn,2,3,"ng-template",null,11,e.W1O),e.BQk()),2&l){const a=E.index,d=e.MAs(3),H=e.oxw();e.xp6(1),e.Q6J("ngIf",a<=H.lastVisibleIndex)("ngIfElse",d)}}function En(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function bi(l,E){if(1&l&&(e._uU(0),e.ALo(1,"async"),e._UZ(2,"tui-svg",13)),2&l){const a=e.oxw();e.hij(" ",e.lcZ(1,4,a.moreWord$)," "),e.xp6(2),e.ekj("t-icon_rotated",a.open),e.Q6J("src",a.arrowOptions.iconSmall)}}function to(l,E){if(1&l&&e.GkF(0,12),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a)}}function Oo(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",17),e.NdJ("tui-tab-activate",function(){const Ce=e.CHM(a).index,Nt=e.oxw(2);return e.KtG(Nt.onClick(Ce))}),e.YNc(1,to,1,1,"ng-container",18),e.qZA()}if(2&l){const a=E.index,d=e.oxw(2);e.xp6(1),e.Q6J("ngIf",d.shouldShow(a))}}function Qo(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",14,15),e.NdJ("keydown.arrowDown.prevent",function(H){e.CHM(a);const Ce=e.MAs(1),Nt=e.oxw();return e.KtG(Nt.onWrapperArrow(H,Ce,!1))})("keydown.arrowUp.prevent",function(H){e.CHM(a);const Ce=e.MAs(1),Nt=e.oxw();return e.KtG(Nt.onWrapperArrow(H,Ce,!0))}),e.YNc(2,Oo,2,1,"div",16),e.qZA()}if(2&l){const a=e.oxw();e.xp6(2),e.Q6J("ngForOf",a.items)}}function wo(l,E){if(1&l&&e._UZ(0,"tui-underline",19),2&l){const a=e.oxw();e.Q6J("element",a.activeElement)}}const zo=new e.OlP("[TUI_TAB_EVENT]"),ys=[Tt.a3,Tt.ku,st.Ok,{provide:zo,deps:[e.SBq,st.Ok,[new e.FiY,ar],[new e.FiY,Gn.Od]],useFactory:({nativeElement:l},E,a,d)=>{const H=d&&a?a.pipe((0,y.h)(()=>d.isActive)):ee.E;return(0,m.T)(H,E.pipe((0,y.h)(is.y)),l.matches("button")?(0,Me.mL)(l,"click"):ee.E).pipe((0,O.U)(()=>l.dispatchEvent(new CustomEvent("tui-tab-activate",{bubbles:!0}))))}},br.CV];let Wi=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn){this.routerLinkActive=a,this.el=d,this.mode$=H,this.event$=Ce,this.margin=Nt,this.focusVisible=!1,Mn.subscribe(Nn=>{this.focusVisible=Nn})}get isActive(){return!!this.routerLinkActive&&this.routerLinkActive.isActive}ngOnDestroy(){(0,yt.V8)(this.el.nativeElement)&&this.el.nativeElement.blur()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Gn.Od,8),e.Y36(e.SBq),e.Y36(it.Au),e.Y36(zo),e.Y36(Oe.WO),e.Y36(Tt.ku))},l.\u0275cmp=e.Xpm({type:l,selectors:[["a","tuiTab","",3,"routerLink",""],["a","tuiTab","","routerLink","","routerLinkActive",""],["button","tuiTab",""]],hostAttrs:["type","button"],hostVars:8,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.Udp("cursor","pointer")("--tui-tab-margin",d.margin,"px"),e.ekj("_focus-visible",d.focusVisible)("_active",d.isActive))},features:[e._Bn(ys)],attrs:T,ngContentSelectors:P,decls:4,vars:3,consts:[[4,"ngIf"],[1,"t-highlight"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,h,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"span",1),e.Hsn(3),e.qZA()),2&a&&e.Q6J("ngIf",e.lcZ(1,1,d.event$))},dependencies:[ne.O5,ne.Ov],styles:['._underline[_nghost-%COMP%]:hover, ._underline   [_nghost-%COMP%]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-%COMP%]:first-child, tui-tabs    > [_nghost-%COMP%]:first-child, [tuiTabs]    > [_nghost-%COMP%]:first-child, [tuiTabs]    > [_nghost-%COMP%]:first-child, tui-tabs    > :first-child[_nghost-%COMP%], tui-tabs    > :first-child   [_nghost-%COMP%], [tuiTabs]    > :first-child[_nghost-%COMP%], [tuiTabs]    > :first-child   [_nghost-%COMP%]{margin-left:0}[_nghost-%COMP%]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-%COMP%]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-%COMP%]{color:#ffffffb8}[data-mode=onDark][_nghost-%COMP%]:hover, [data-mode=onDark]._active[_nghost-%COMP%]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-%COMP%]:hover, [data-mode=onLight]._active[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{background:var(--tui-selection)}._android[_nghost-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-%COMP%]:hover{box-shadow:none}._android._active[_nghost-%COMP%]{opacity:1;color:var(--tui-base-09)}._android[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{width:auto}._ios[_nghost-%COMP%]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-%COMP%]:hover{box-shadow:none}._ios._active[_nghost-%COMP%]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-%COMP%]   .t-highlight[_ngcontent-%COMP%]{width:auto}@media (hover: hover){[_nghost-%COMP%]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-%COMP%]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-%COMP%]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-%COMP%], tui-tabs[data-vertical]   [_nghost-%COMP%], [tuiTabs][data-vertical][_nghost-%COMP%], [tuiTabs][data-vertical]   [_nghost-%COMP%]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-%COMP%]:after, tui-tabs[data-vertical]   [_nghost-%COMP%]:after, [tuiTabs][data-vertical][_nghost-%COMP%]:after, [tuiTabs][data-vertical]   [_nghost-%COMP%]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-%COMP%]:hover, tui-tabs[data-vertical]   [_nghost-%COMP%]:hover, [tuiTabs][data-vertical][_nghost-%COMP%]:hover, [tuiTabs][data-vertical]   [_nghost-%COMP%]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-%COMP%]:after, tui-tabs[data-vertical]   ._active[_nghost-%COMP%]:after, [tuiTabs][data-vertical]._active[_nghost-%COMP%]:after, [tuiTabs][data-vertical]   ._active[_nghost-%COMP%]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-%COMP%], tui-tabs[data-vertical="right"]   [_nghost-%COMP%], [tuiTabs][data-vertical="right"][_nghost-%COMP%], [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-%COMP%]:after, tui-tabs[data-vertical="right"]   [_nghost-%COMP%]:after, [tuiTabs][data-vertical="right"][_nghost-%COMP%]:after, [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-%COMP%]:hover, tui-tabs[data-vertical="right"]   [_nghost-%COMP%]:hover, [tuiTabs][data-vertical="right"][_nghost-%COMP%]:hover, [tuiTabs][data-vertical="right"]   [_nghost-%COMP%]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}'],changeDetection:0}),l})(),oa=(()=>{class l{constructor(a){this.el=a,this.activeItemIndex=0,this.activeItemIndexChange=new e.vpe}get tabs(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiTab]"))}get activeElement(){return this.tabs[this.activeItemIndex]||null}onActivate(a,d){const H=this.tabs.findIndex(Ce=>Ce===d);a.stopPropagation(),H!==this.activeItemIndex&&(this.activeItemIndexChange.emit(H),this.activeItemIndex=H)}moveFocus(a,d){const{tabs:H}=this;(0,yt.VR)(H.indexOf(a),H,d)}ngAfterViewChecked(){const{tabs:a,activeElement:d}=this;a.forEach(H=>{const Ce=H===d;H.classList.toggle("_active",Ce),H.setAttribute("tabIndex",Ce?"0":"-1")})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq))},l.\u0275dir=e.lG2({type:l,selectors:[["tui-tabs"],["nav","tuiTabs",""]],hostBindings:function(a,d){1&a&&e.NdJ("tui-tab-activate",function(Ce){return d.onActivate(Ce,Ce.target)})},inputs:{activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"}}),l})();const rs=(0,Wt.JN)({underline:!0,exposeActive:!0,itemsLimit:1/0,minMoreWidth:0});let Wa=(()=>{class l{constructor({nativeElement:a},d,H,Ce){this.zone=d,this.animationFrame$=H,this.mode$=Ce,this.el$=new os.t(1),this.refresh$=this.el$.pipe((0,C.w)(Nt=>Nt?this.animationFrame$.pipe((0,O.U)(()=>Nt),(0,Me.fL)(this.zone)):(0,sn.of)(null)),(0,le.B)()),this.transition$=(0,fe.Gt)(this.el$.pipe((0,O.U)(Nt=>Nt&&"all"),(0,W.b)(50))),this.transform$=(0,fe.Gt)(this.refresh$.pipe((0,O.U)(Nt=>Nt?`translate3d(${Nt.offsetLeft}px, 0, 0)`:null))),this.width$=(0,fe.Gt)(this.refresh$.pipe((0,O.U)(Nt=>(null==Nt?void 0:Nt.clientWidth)||0))),a["$.style.transitionProperty"]=this.transition$,a["$.style.transform"]=this.transform$,a["$.style.width.px"]=this.width$}set element(a){this.el$.next(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(e.R0b),e.Y36(Pt.L1),e.Y36(it.Au))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-underline"]],hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$})("$.style.transitionProperty",function(){return d.transition$()})("$.style.transform",function(){return d.transform$()})("$.style.width.px",function(){return d.width$()})},inputs:{element:"element"},features:[e._Bn([br.CV])],decls:0,vars:0,template:function(a,d){},styles:["[_nghost-%COMP%]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}"],changeDetection:0}),l})(),Pc=(()=>{class l{constructor(a,d,H,Ce,Nt){this.options=a,this.el=d,this.tabs=H,this.children=B.Mm,this.underline=this.options.underline,Nt.pipe((0,y.h)(()=>this.underline)).subscribe(()=>{Ce.detectChanges()})}get activeItemIndex(){return this.tabs.activeItemIndex}set activeItemIndex(a){this.tabs.activeItemIndex=a}get activeElement(){return this.tabs.activeElement}onKeyDownArrow(a,d){this.tabs.moveFocus(a,d)}ngAfterViewChecked(){this.scrollTo(this.tabs.activeItemIndex)}scrollTo(a){const d=this.tabs.tabs[a];if(!d)return;const{offsetLeft:H,offsetWidth:Ce}=d,{nativeElement:Nt}=this.el;H<Nt.scrollLeft&&(Nt.scrollLeft=H),H+Ce>Nt.scrollLeft+Nt.offsetWidth&&(Nt.scrollLeft=H+Ce-Nt.offsetWidth)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(rs),e.Y36(e.SBq),e.Y36(oa),e.Y36(e.sBO),e.Y36(Tt.tl))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tabs",3,"vertical",""],["nav","tuiTabs","",3,"vertical",""]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Wi,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.children=Ce)}},hostVars:2,hostBindings:function(a,d){1&a&&e.NdJ("keydown.arrowRight.prevent",function(Ce){return d.onKeyDownArrow(Ce.target,1)})("keydown.arrowLeft.prevent",function(Ce){return d.onKeyDownArrow(Ce.target,-1)}),2&a&&e.ekj("_underline",d.underline)},inputs:{underline:"underline"},features:[e._Bn([Tt.a3,Tt.tl,ar,{provide:ns,useValue:{childList:!0}}])],ngContentSelectors:P,decls:4,vars:4,consts:[[4,"ngIf"],["class","t-underline",3,"element",4,"ngIf"],[1,"t-underline",3,"element"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,j,1,0,"ng-container",0),e.ALo(1,"async"),e.Hsn(2),e.YNc(3,me,1,1,"tui-underline",1)),2&a&&(e.Q6J("ngIf",e.lcZ(1,2,d.children.changes)),e.xp6(3),e.Q6J("ngIf",d.underline))},dependencies:[Wa,ne.O5,ne.Ov],styles:["[_nghost-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-%COMP%]{z-index:-1}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"scrollTo",null),l})();const ss=new e.OlP("[TUI_TABS_REFRESH]"),Ns=[Tt.tl,Tt.a3,ar,(0,_e.fx)({align:"right"}),{provide:ns,useValue:{childList:!0,subtree:!0,characterData:!0}},{provide:ss,deps:[Tt.tl,ar,Tt.a3,ne.K0,e.SBq,e.sBO],useFactory:(l,E,a,{body:d},{nativeElement:H},Ce)=>(0,m.T)(l,E.pipe((0,D.b)(()=>Ce.detectChanges()))).pipe((0,y.h)(()=>d.contains(H)),(0,W.b)(0),(0,w.O)(null),(0,S.R)(a))}];let Zu=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn){this.options=a,this.margin=d,this.refresh$=H,this.el=Ce,this.cdr=Nt,this.moreWord$=Mn,this.arrowOptions=Nn,this.maxIndex=1/0,this.underline=this.options.underline,this.itemsLimit=this.options.itemsLimit,this.activeItemIndexChange=new e.vpe,this.items=B.Mm,this.activeItemIndex=0,this.open=!1}set itemIndex(a){this.activeItemIndex=a,this.maxIndex=this.getMaxIndex()}get tabs(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiTab]"))}get activeElement(){var a;const{tabs:d}=this,H=(0,ao.Ki)(this.activeItemIndex||0,0,d.length-2);return this.options.exposeActive||this.lastVisibleIndex>=H?d[H]||null:(null===(a=this.moreButton)||void 0===a?void 0:a.nativeElement)||null}get isMoreAlone(){return this.lastVisibleIndex<0&&!this.options.exposeActive}get isMoreVisible(){return this.lastVisibleIndex<this.items.length-1}get isMoreFocusable(){return!!this.moreButton&&(0,yt.V8)(this.moreButton.nativeElement)}get isMoreActive(){return this.open||!this.options.exposeActive&&this.lastVisibleIndex<this.activeItemIndex}get lastVisibleIndex(){return this.itemsLimit+1>=this.items.length?this.maxIndex:Math.min(this.itemsLimit-(this.itemsLimit-1>this.activeItemIndex||!this.options.exposeActive?1:2),this.maxIndex)}ngAfterViewInit(){this.refresh$.pipe((0,O.U)(()=>this.getMaxIndex()),(0,y.h)(a=>this.maxIndex!==a)).subscribe(a=>{this.maxIndex=a,this.cdr.detectChanges()})}onActiveItemIndexChange(a){this.updateActiveItemIndex(a)}onClick(a){this.open=!1,this.focusMore(),this.updateActiveItemIndex(a)}onArrowRight(a){(0,Jt.ve)(a.target)&&(0,yt.V8)(a.target)&&this.focusMore()}onArrowLeft(){const{tabs:a}=this;let d=a.length-2;for(;d>=0;){if(a[d].focus(),(0,yt.V8)(a[d]))return;d--}}onWrapperArrow(a,d,H){const Nt=(0,yt.BW)({initial:a.target,root:d,previous:H});Nt&&Nt.focus()}isOverflown(a){return a!==this.activeItemIndex||!this.options.exposeActive}shouldShow(a){return a>this.lastVisibleIndex&&this.isOverflown(a)}focusMore(){this.moreButton&&this.moreButton.nativeElement.focus()}getMaxIndex(){const{tabs:a,activeItemIndex:d,margin:H}=this;if(a.length<2)return 0;const{exposeActive:Ce,minMoreWidth:Nt}=this.options,{clientWidth:Mn}=this.el.nativeElement,Nn=a[d]?a[d].scrollWidth:0,Yn=Math.max(a[a.length-1].scrollWidth,Nt);let Bi=a.length-2,Ro=a.reduce((vo,{scrollWidth:Ao})=>vo+Ao,0)+Bi*H-a[a.length-1].scrollWidth;if(Ro<=Mn)return 1/0;for(;Bi;)if(Ro-=a[Bi].scrollWidth+H,Bi--,Ro+(Ce&&d>Bi?Nn+H:0)+Yn+H+(0,ao.HW)(this.maxIndex===Bi-1)<Mn)return Bi;return-1}updateActiveItemIndex(a){this.itemIndex=a,this.activeItemIndexChange.emit(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(rs),e.Y36(Oe.WO),e.Y36(ss),e.Y36(e.SBq),e.Y36(e.sBO),e.Y36(Oe.ue),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tabs-with-more"],["nav","tuiTabsWithMore",""]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Ki,4,e.Rgc),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.items=Ce)}},viewQuery:function(a,d){if(1&a&&e.Gf(Wi,5,e.SBq),2&a){let H;e.iGM(H=e.CRH())&&(d.moreButton=H.first)}},hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_underline",d.underline)},inputs:{moreContent:"moreContent",dropdownContent:"dropdownContent",underline:"underline",itemIndex:["activeItemIndex","itemIndex"],itemsLimit:"itemsLimit"},outputs:{activeItemIndexChange:"activeItemIndexChange"},features:[e._Bn(Ns)],decls:13,vars:17,consts:[[4,"ngIf"],[1,"t-wrapper"],[1,"t-tabs",3,"activeItemIndex","underline","activeItemIndexChange","keydown.arrowRight"],[4,"ngFor","ngForOf"],[1,"t-more_wrapper",3,"content","open","openChange"],["tuiTab","",3,"tuiFocusable","keydown.arrowLeft.prevent"],[4,"polymorpheusOutlet"],["more",""],["dropdown",""],[3,"element",4,"ngIf"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["hidden",""],[3,"ngTemplateOutlet"],[1,"t-icon",3,"src"],[1,"t-dropdown",3,"keydown.arrowDown.prevent","keydown.arrowUp.prevent"],["element",""],[3,"tui-tab-activate",4,"ngFor","ngForOf"],[3,"tui-tab-activate"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"element"]],template:function(a,d){if(1&a&&(e.YNc(0,Ct,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"div",1)(3,"tui-tabs",2),e.NdJ("activeItemIndexChange",function(Ce){return d.onActiveItemIndexChange(Ce)})("keydown.arrowRight",function(Ce){return d.onArrowRight(Ce)}),e.YNc(4,Pn,4,2,"ng-container",3),e.qZA(),e.TgZ(5,"tui-hosted-dropdown",4),e.NdJ("openChange",function(Ce){return d.open=Ce}),e.TgZ(6,"button",5),e.NdJ("keydown.arrowLeft.prevent",function(){return d.onArrowLeft()}),e.YNc(7,En,2,1,"ng-container",6),e.qZA(),e.YNc(8,bi,3,6,"ng-template",null,7,e.W1O),e.qZA(),e.YNc(10,Qo,3,1,"ng-template",null,8,e.W1O),e.YNc(12,wo,1,1,"tui-underline",9),e.qZA()),2&a){const H=e.MAs(9),Ce=e.MAs(11);e.Q6J("ngIf",e.lcZ(1,15,d.items.changes)),e.xp6(3),e.Q6J("activeItemIndex",d.activeItemIndex)("underline",!1),e.xp6(1),e.Q6J("ngForOf",d.items),e.xp6(1),e.ekj("t-overflown",!d.isMoreVisible),e.Q6J("content",d.dropdownContent||Ce)("open",d.open),e.xp6(1),e.ekj("_active",d.isMoreActive)("t-no-margin",d.isMoreAlone),e.Q6J("tuiFocusable",d.isMoreFocusable),e.xp6(1),e.Q6J("polymorpheusOutlet",d.moreContent||H),e.xp6(5),e.Q6J("ngIf",d.underline)}},dependencies:[Pc,Cn.o1,Wi,X.PN,Wa,ne.O5,oa,ne.sg,ne.tP,Wn.t,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex}.t-tabs[_ngcontent-%COMP%]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-%COMP%]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-%COMP%]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{pointer-events:auto}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-dropdown[_ngcontent-%COMP%]{padding:.25rem 0}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:hover, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:focus, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-%COMP%]{margin-left:0}"],changeDetection:0}),l})(),Sc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Cn.jh,X.EI,Wn.u,cr]]}),l})();var ra=s(1673),Ic=s(9328);const pf=["focusableElement"];function kc(l,E){if(1&l&&e._UZ(0,"tui-svg",9),2&l){const a=E.polymorpheusOutlet,d=e.oxw(2);e.ekj("t-icon_open",d.open),e.Q6J("src",a)}}function Rc(l,E){if(1&l&&(e.ynx(0),e.YNc(1,kc,1,3,"tui-svg",8),e.BQk()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.options.iconLarge)}}function Fc(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function sa(l,E){if(1&l&&(e.TgZ(0,"div",11),e.YNc(1,Fc,2,1,"ng-container",12),e.qZA()),2&l){const a=e.oxw(2);e.xp6(1),e.Q6J("polymorpheusOutlet",a.lazyContent)}}function Ku(l,E){if(1&l&&e.YNc(0,sa,2,1,"div",10),2&l){const a=e.oxw();e.Q6J("ngIf",a.lazyContent)}}function Nc(l,E){1&l&&(e.TgZ(0,"div",13),e.Hsn(1,1),e.qZA())}const Xu=["*",[["","tuiAccordionItemContent",""]]],gf=["*","[tuiAccordionItemContent]"],Ju=[[["tui-accordion-item"]]],mf=["tui-accordion-item"];let Qu=(()=>{class l extends Ge.GL{constructor(a,d){super(a,d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc,2),e.Y36(e.sBO))},l.\u0275dir=e.lG2({type:l,selectors:[["ng-template","tuiAccordionItemContent",""]],features:[e.qOj]}),l})(),Lc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiAccordionItemContent","",5,"ng-template"]]}),l})(),aa=(()=>{class l extends _t.Xn{constructor(a,d,H){super(),this.cdr=a,this.mode$=d,this.options=H,this.noPadding=!1,this.showArrow=!0,this.borders="all",this.size="m",this.disabled=!1,this.disableHover=!1,this.open=!1,this.async=!1,this.openChange=new e.vpe}get nativeFocusableElement(){return this.disabled||!this.focusableElement?null:this.focusableElement.nativeElement}get focused(){return(0,yt.V8)(this.nativeFocusableElement)}onFocused(a){this.updateFocused(a)}onFocusVisible(a){this.updateFocusVisible(a)}onRowToggle(){this.disabled||this.updateOpen(!this.open)}onItemKeyDownEsc(a){this.open&&(a.stopPropagation(),this.updateOpen(!1))}close(){this.updateOpen(!1),this.cdr.markForCheck()}updateOpen(a){this.open!==a&&(this.open=a,this.openChange.emit(a))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(it.Au),e.Y36(ci))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-accordion-item"]],contentQueries:function(a,d,H){if(1&a&&(e.Suo(H,Lc,5),e.Suo(H,Qu,5)),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.eagerContent=Ce.first),e.iGM(Ce=e.CRH())&&(d.lazyContent=Ce.first)}},viewQuery:function(a,d){if(1&a&&e.Gf(pf,5),2&a){let H;e.iGM(H=e.CRH())&&(d.focusableElement=H.first)}},hostVars:8,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$}),2&a&&(e.uIk("data-borders",d.borders)("data-size",d.size),e.ekj("_no-padding",d.noPadding)("_has-arrow",d.showArrow)("_disabled",d.disabled))},inputs:{noPadding:"noPadding",showArrow:"showArrow",borders:"borders",size:"size",disabled:"disabled",disableHover:"disableHover",open:"open",async:"async"},outputs:{openChange:"openChange"},features:[e._Bn([(0,xt.FT)(l),br.CV]),e.qOj],ngContentSelectors:gf,decls:9,vars:10,consts:[["automation-id","tui-accordion__item-wrapper",1,"t-wrapper"],["automation-id","tui-accordion__item-header","type","button",1,"t-header",3,"disabled","tuiFocusable","click","keydown.esc","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""],["automation-id","tui-accordion__item-title",1,"t-title"],[4,"ngIf"],[3,"async","expanded"],["tuiExpandContent",""],["class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-arrow","class","t-icon",3,"t-icon_open","src",4,"polymorpheusOutlet"],["automation-id","tui-accordion__item-arrow",1,"t-icon",3,"src"],["automation-id","tui-accordion__item-content","class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-content",1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content"]],template:function(a,d){1&a&&(e.F$t(Xu),e.TgZ(0,"div",0)(1,"button",1,2),e.NdJ("click",function(){return d.onRowToggle()})("keydown.esc",function(Ce){return d.onItemKeyDownEsc(Ce)})("tuiFocusedChange",function(Ce){return d.onFocused(Ce)})("tuiFocusVisibleChange",function(Ce){return d.onFocusVisible(Ce)}),e.TgZ(3,"span",3),e.Hsn(4),e.qZA(),e.YNc(5,Rc,2,1,"ng-container",4),e.qZA(),e.TgZ(6,"tui-expand",5),e.YNc(7,Ku,1,1,"ng-template",6),e.YNc(8,Nc,2,0,"div",7),e.qZA()()),2&a&&(e.xp6(1),e.ekj("t-header_hoverable",!d.disableHover)("t-header_open",d.open),e.Q6J("disabled",d.computedDisabled)("tuiFocusable",d.computedFocusable),e.xp6(4),e.Q6J("ngIf",d.showArrow),e.xp6(1),e.Q6J("async",d.async)("expanded",d.open),e.xp6(2),e.Q6J("ngIf",d.eagerContent))},dependencies:[X.PN,G,Wn.t,Bn.U,gi.q,ne.O5,Ge.Li,Te],styles:['[_nghost-%COMP%]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-%COMP%]{border-radius:0!important}.t-wrapper[_ngcontent-%COMP%]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-%COMP%]:not([data-borders])   .t-wrapper[_ngcontent-%COMP%]:after{border-width:0}[data-borders=all][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-borders=top-bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border:2px solid var(--tui-focus)}[_nghost-%COMP%]:not([data-mode])   .t-wrapper[_ngcontent-%COMP%]{background:var(--tui-base-01)}.t-header[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{border-color:var(--tui-text-01)}[_nghost-%COMP%]:not([data-borders])   .t-header[_ngcontent-%COMP%]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-right:.75rem}[data-mode=onDark][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-clear)}[data-size=s][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-left:0;padding-right:0}._disabled[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{cursor:default}.t-wrapper[_ngcontent-%COMP%]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-%COMP%]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-%COMP%]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-clear)}.t-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{margin-right:.5rem}.t-icon[_ngcontent-%COMP%]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-%COMP%]{transform:rotate(180deg)}[data-mode][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{opacity:var(--tui-disabled-opacity)}[_nghost-%COMP%]:hover[data-mode]   .t-icon[_ngcontent-%COMP%]{opacity:.8}[data-mode=onDark][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-01)}[_nghost-%COMP%]:hover:not([data-mode])   .t-icon[_ngcontent-%COMP%]{color:var(--tui-base-07)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);padding:1rem}'],changeDetection:0}),l})(),_f=(()=>{class l{constructor(a){this.destroy$=a,this.closeOthers=!0,this.rounded=!0,this.accordionItems=B.Mm}ngAfterContentInit(){const{accordionItems:a}=this,d=(0,Me.ll)(a),H=d.pipe((0,Ic.G)(),(0,O.U)(([Nt,Mn])=>Mn.find(Nn=>!Nt.includes(Nn)&&Nn.open)),(0,y.h)(Wt.Pc));(0,m.T)(d.pipe((0,C.w)(Nt=>(0,m.T)(...Nt.map(Mn=>Mn.openChange.pipe((0,y.h)(is.y),(0,O.U)(()=>Mn)))))),H).pipe((0,y.h)(()=>this.closeOthers),(0,S.R)(this.destroy$)).subscribe(Nt=>{a.forEach(Mn=>{Nt!==Mn&&Mn.close()})})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Tt.a3,2))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-accordion"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,aa,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.accordionItems=Ce)}},inputs:{closeOthers:"closeOthers",rounded:"rounded"},features:[e._Bn([Tt.a3])],ngContentSelectors:mf,decls:2,vars:2,consts:[["automation-id","tui-accordion__group","orientation","vertical","size","l","tuiGroup","",1,"t-group",3,"collapsed","rounded"]],template:function(a,d){1&a&&(e.F$t(Ju),e.TgZ(0,"div",0),e.Hsn(1),e.qZA()),2&a&&e.Q6J("collapsed",!0)("rounded",d.rounded)},dependencies:[ce.gZ],styles:["[_nghost-%COMP%]{display:block}.t-group[_ngcontent-%COMP%]{display:flex}"],changeDetection:0}),l})(),vf=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Bn.F,gi.c,Wn.u,Ge.wq,X.EI,ce.n6,he]]}),l})();const yf=["input"];function Cf(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function Df(l,E){if(1&l&&(e.TgZ(0,"div",6),e.YNc(1,Cf,2,1,"ng-container",7),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.leftContent)}}function bf(l,E){if(1&l&&e._UZ(0,"tui-loader",8),2&l){const a=e.oxw();e.Q6J("inheritColor",!0)("size",a.loaderSize)}}function Tf(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-svg",9),e.NdJ("click",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.remove(H))})("mousedown.stop.prevent.silent",function(){return 0}),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("src",a.icons.close)}}function Bc(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"input",10,11),e.NdJ("blur",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.onBlur())})("keydown",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onKeyDown(H))})("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onInput(H))}),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("ngModel",a.editedText),e.uIk("maxLength",a.maxLength)}}const ua=(0,Wt.JN)({size:"m",status:"default",autoColor:!1});let qu=(()=>{class l{constructor(a,d,H,Ce){this.el=a,this.mode$=d,this.options=H,this.icons=Ce,this.value="",this.editable=!1,this.separator=",",this.maxLength=null,this.size=this.options.size,this.showLoader=!1,this.status=this.options.status,this.hoverable=!1,this.removable=!1,this.disabled=!1,this.autoColor=this.options.autoColor,this.edited=new e.vpe,this.editing=!1,this.editedText=null}set input(a){a&&a.nativeElement.focus()}get backgroundColor(){return this.autoColor?function Ya(l){if(""===l)return"";let E=0;for(let Ce=0;Ce<l.length;Ce++)E=l.charCodeAt(Ce)+((E<<5)-E),E&=E;return`hsl(${E%360},${60+E%5}%,${80+E%5}%)`}(this.value):null}get canRemove(){return this.removable&&!this.disabled&&!this.showLoader}get displayText(){return null===this.editedText?this.value:this.editedText}get loaderSize(){return(0,wi.R9)(this.size)?"s":"xs"}edit(a){this.canEdit&&(a.preventDefault(),this.editing=!0,this.editedText=this.value)}remove(a){this.canRemove&&(a.preventDefault(),a.stopPropagation(),this.edited.emit(""))}onInput(a){const d=a.split(this.separator);d.length>1?this.save(String(d)):this.editedText=a}onKeyDown(a){switch(a.stopPropagation(),a.key.toLowerCase()){case"enter":a.preventDefault(),this.save(this.editedText||"");break;case"escape":case"esc":a.preventDefault(),this.stopEditing(),this.el.nativeElement.focus()}}onBlur(){null!==this.editedText&&this.save(this.editedText)}get canEdit(){return this.editable&&!this.disabled&&!this.showLoader}stopEditing(){this.editing=!1,this.editedText=null}save(a){this.stopEditing(),this.edited.emit(a.trim())}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.SBq),e.Y36(it.Au),e.Y36(ua),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-tag"],["a","tuiTag",""],["button","tuiTag",""]],viewQuery:function(a,d){if(1&a&&e.Gf(yf,5,e.SBq),2&a){let H;e.iGM(H=e.CRH())&&(d.input=H.first)}},hostVars:10,hostBindings:function(a,d){1&a&&e.NdJ("$.data-mode.attr",function(){return d.mode$})("keydown.enter",function(Ce){return d.edit(Ce)})("keydown.delete",function(Ce){return d.remove(Ce)})("keydown.backspace",function(Ce){return d.remove(Ce)}),2&a&&(e.uIk("data-size",d.size)("data-status",d.status),e.ekj("_hoverable",d.hoverable)("_disabled",d.disabled)("_autocolor",d.autoColor)("_editing",d.editing))},inputs:{value:"value",editable:"editable",separator:"separator",maxLength:"maxLength",size:"size",showLoader:"showLoader",status:"status",hoverable:"hoverable",removable:"removable",disabled:"disabled",autoColor:"autoColor",leftContent:"leftContent"},outputs:{edited:"edited"},features:[e._Bn([br.CV])],decls:6,vars:7,consts:[[1,"t-tag",3,"dblclick"],["class","t-content",4,"ngIf"],["automation-id","tui-tag__text",1,"t-text",3,"textContent"],["class","t-content",3,"inheritColor","size",4,"ngIf"],["automation-id","tui-tag__remove","class","t-icon",3,"src","click","mousedown.stop.prevent.silent",4,"ngIf"],["automation-id","tui-tag__edit","type","text","class","t-edit",3,"ngModel","blur","keydown","ngModelChange",4,"ngIf"],[1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content",3,"inheritColor","size"],["automation-id","tui-tag__remove",1,"t-icon",3,"src","click","mousedown.stop.prevent.silent"],["automation-id","tui-tag__edit","type","text",1,"t-edit",3,"ngModel","blur","keydown","ngModelChange"],["input",""]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e.NdJ("dblclick",function(Ce){return d.edit(Ce)}),e.YNc(1,Df,2,1,"div",1),e._UZ(2,"span",2),e.YNc(3,bf,1,2,"tui-loader",3),e.YNc(4,Tf,1,1,"tui-svg",4),e.qZA(),e.YNc(5,Bc,2,2,"input",5)),2&a&&(e.Udp("background-color",d.backgroundColor),e.xp6(1),e.Q6J("ngIf",d.leftContent),e.xp6(1),e.Q6J("textContent",d.displayText),e.xp6(1),e.Q6J("ngIf",d.showLoader),e.xp6(1),e.Q6J("ngIf",d.canRemove),e.xp6(1),e.Q6J("ngIf",d.editing))},dependencies:[K.kM,X.PN,ne.O5,Ge.Li,Ln.Fj,Ln.JJ,Ln.On],styles:['[_nghost-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-%COMP%]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-%COMP%]:hover[data-status=custom]:after, ._hoverable[_nghost-%COMP%]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-%COMP%]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-%COMP%]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-%COMP%]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-%COMP%]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-%COMP%]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-%COMP%]:hover, [data-status=error]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-%COMP%]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-%COMP%]:hover, [data-status=success]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-%COMP%]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-%COMP%]:hover, [data-status=warning]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-%COMP%]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-%COMP%]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-%COMP%]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-%COMP%]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-%COMP%]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-%COMP%]:active{background-color:var(--tui-clear-active)}._editing[_nghost-%COMP%]{background:transparent!important}._disabled[_nghost-%COMP%]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-%COMP%]{cursor:pointer}._autocolor[_nghost-%COMP%]{color:#000c}.t-text[_ngcontent-%COMP%]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-%COMP%]   .t-tag[_ngcontent-%COMP%]{visibility:hidden}.t-edit[_ngcontent-%COMP%]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-%COMP%]:-webkit-autofill, .t-edit[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-edit[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .375rem}[data-size=m][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .5rem}[data-size=l][_nghost-%COMP%]   .t-edit[_ngcontent-%COMP%]{padding:0 .75rem}.t-icon[_ngcontent-%COMP%]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-%COMP%]:hover{opacity:1}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]     svg{transform:scale(.75)}.t-content[_ngcontent-%COMP%]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}'],changeDetection:0}),l})(),el=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,X.EI,K.dS,Ge.wq]]}),l})();const Hc=["tuiSidebar",""];function Vc(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}let Ka=(()=>{class l extends Ge.GL{constructor(a,d,H,Ce){super(a,Ce),this.content=a,this.injector=d,this.portalService=H,this.component=new Ge.Al(tl,this.injector),this.sidebarRef=null,this.direction="left",this.autoWidth=!1}set tuiSidebar(a){a?this.show():this.hide()}ngOnDestroy(){this.hide()}show(){null===this.sidebarRef&&(this.sidebarRef=this.portalService.add(this.component),this.sidebarRef.changeDetectorRef.detectChanges())}hide(){null!==this.sidebarRef&&(this.portalService.remove(this.sidebarRef),this.sidebarRef=null)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc),e.Y36(e.zs3),e.Y36(qt.ae),e.Y36(e.sBO))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiSidebar",""]],inputs:{direction:["tuiSidebarDirection","direction"],autoWidth:["tuiSidebarAutoWidth","autoWidth"],tuiSidebar:"tuiSidebar"},features:[e.qOj]}),l})(),tl=(()=>{class l{constructor(a,d){this.options=a,this.directive=d,this.left=Object.assign(Object.assign({},this.options),{value:"left"}),this.right=Object.assign(Object.assign({},this.options),{value:"right"})}get animation(){return"left"===this.direction?this.left:this.right}get directionHostClass(){return`t-${this.directive.direction}`}get direction(){return this.directive.direction}get content(){return this.directive.content}get autoWidth(){return this.directive.autoWidth}ngDoCheck(){this.directive.check()}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(it.Pw),e.Y36(Ka))},l.\u0275cmp=e.Xpm({type:l,selectors:[["aside","tuiSidebar",""]],hostVars:3,hostBindings:function(a,d){2&a&&(e.d8E("@tuiSlideIn",d.animation),e.Tol(d.directionHostClass))},attrs:Hc,decls:2,vars:3,consts:[["tuiActiveZone","",1,"t-wrapper"],[4,"polymorpheusOutlet"]],template:function(a,d){1&a&&(e.TgZ(0,"div",0),e.YNc(1,Vc,2,1,"ng-container",1),e.qZA()),2&a&&(e.ekj("t-wrapper_auto-width",d.autoWidth),e.xp6(1),e.Q6J("polymorpheusOutlet",d.content))},dependencies:[At.e,Ge.Li],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;content:"";height:100%;background:rgba(0,0,0,.38);animation:tuiFadeIn var(--tui-duration)}[_nghost-%COMP%]:before{left:-100%;width:200%}[_nghost-%COMP%]:after{left:100%}.ng-animating[_nghost-%COMP%]:before, .ng-animating[_nghost-%COMP%]:after{opacity:0;transition:opacity var(--tui-duration)}.t-right[_nghost-%COMP%]{justify-content:flex-end}.t-left[_nghost-%COMP%]{justify-content:flex-start}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;background:var(--tui-base-01);box-shadow:0 10rem var(--tui-base-01);width:17.25rem}.t-wrapper_auto-width[_ngcontent-%COMP%]{width:auto}'],data:{animation:[zt.Gw]},changeDetection:0}),l})(),Xa=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[At.A,Ge.wq]]}),l})(),zc=(()=>{class l{constructor(a,{nativeElement:d},H){this.readyToScroll$=H,this.scroll$=new os.t(1),this.readyToScroll$.pipe((0,y.h)(Boolean),(0,C.w)(()=>this.scroll$),(0,W.b)(750),(0,y.h)(Ce=>Ce&&!!(0,Jt.PU)(d)),(0,S.R)(a)).subscribe(()=>{d.scrollIntoView()})}set tuiScrollIntoViewLink(a){this.scroll$.next(a)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(Tt.a3,2),e.Y36(e.SBq),e.Y36(o.V1))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiScrollIntoViewLink",""]],inputs:{tuiScrollIntoViewLink:"tuiScrollIntoViewLink"},features:[e._Bn([Tt.a3])]}),l})(),jc=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})();const nl="Taiga UI",jo=(0,Wt.JN)("tuiTheme"),Ja=(0,Wt.JN)(nl);let il=(()=>{class l extends _.X{constructor(a,d,H){super(H.getItem(d)||a),this.initialTheme=a,this.key=d,this.storage=H}next(a){this.storage.setItem(this.key,a),super.next(a)}get isDefaultTheme(){return this.value===nl}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Ja),e.LFG(jo),e.LFG(Pt.H3))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();const xo=(0,Wt.JN)("tuiNight"),Ls=(0,Wt.JN)(!0);let ol=(()=>{class l extends _.X{constructor(a,d,H,Ce){super("true"===d.getItem(H)||null===d.getItem(H)&&a.matchMedia("(prefers-color-scheme: dark)").matches),this.win=a,this.storage=d,this.key=H,this.useDefaultNightTheme=Ce}next(a){this.storage.setItem(this.key,String(a)),super.next(a)}toggle(){this.next(!this.value)}}return l.\u0275fac=function(a){return new(a||l)(e.LFG(Pt.m9),e.LFG(Pt.H3),e.LFG(xo),e.LFG(Ls))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"}),l})();function rl(l,E){if(1&l&&(e.TgZ(0,"p",2),e._uU(1),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.hij(" ",a.filename,"\n")}}function Wc(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"pre",3),e._uU(1,"    "),e._UZ(2,"code",4),e._uU(3,"\n    "),e.TgZ(4,"div",5),e._uU(5,"\n        "),e.TgZ(6,"button",6),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.copy$.next())}),e.ALo(7,"async"),e._uU(8,"\n        "),e.qZA(),e._uU(9,"\n        "),e.Hsn(10),e._uU(11,"\n    "),e.qZA(),e._uU(12,"\n"),e.qZA()}if(2&l){const a=E.$implicit,d=e.oxw();e.xp6(2),e.Q6J("lineNumbers",!0)("highlight",a),e.xp6(4),e.Q6J("icon",e.lcZ(7,4,d.icon$)||"tuiIconCopyLarge")("cdkCopyToClipboard",a)}}const jr=["*"],sl=["content"],Yc=["resizer"];function al(l,E){if(1&l&&(e._uU(0),e.TgZ(1,"a",11)(2,"code"),e._uU(3,"tuiMode"),e.qZA()()),2&l){const a=e.oxw();e.hij(" ",a.texts[0]," ")}}function Zc(l,E){if(1&l&&e._UZ(0,"tui-data-list-wrapper",14),2&l){const a=e.oxw(2);e.Q6J("items",a.items)}}function Kc(l,E){if(1&l){const a=e.EpF();e.ynx(0),e.TgZ(1,"tui-select",12),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(2," tuiMode "),e.YNc(3,Zc,1,1,"tui-data-list-wrapper",13),e.qZA(),e.BQk()}if(2&l){const a=e.oxw(),d=e.MAs(2);e.xp6(1),e.Q6J("ngModel",a.mode)("tuiHintContent",d)("tuiTextfieldCleaner",!0)}}function qa(l,E){if(1&l){const a=e.EpF();e._uU(0," tuiMode: "),e._UZ(1,"tui-tooltip",15),e.TgZ(2,"div",16)(3,"tui-radio-block",17),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(4," null "),e.qZA(),e.TgZ(5,"tui-radio-block",18),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(6," onDark "),e.qZA(),e.TgZ(7,"tui-radio-block",19),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.onModeChange(H))}),e._uU(8," onLight "),e.qZA()()}if(2&l){const a=e.oxw(),d=e.MAs(2);e.xp6(1),e.Q6J("content",d),e.xp6(1),e.Q6J("collapsed",!0),e.xp6(1),e.Q6J("hideRadio",!0)("item",null)("ngModel",a.mode),e.xp6(2),e.Q6J("hideRadio",!0)("ngModel",a.mode),e.xp6(2),e.Q6J("hideRadio",!0)("ngModel",a.mode)}}function eu(l,E){if(1&l&&e._UZ(0,"tui-svg",27),2&l){const a=e.oxw(2);e.ekj("t-icon_rotated",a.expanded),e.Q6J("src",a.options.iconSmall)}}function Xc(l,E){if(1&l&&e._UZ(0,"tui-data-list-wrapper",14),2&l){const a=e.oxw(3);e.Q6J("items",a.updateOnVariants)}}const Bs=function(){return{standalone:!0}};function Jc(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"pre",28),e._uU(1),e.ALo(2,"json"),e.qZA(),e.TgZ(3,"div",29)(4,"tui-select",30),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(2);return e.KtG(Ce.updateOnChange(H))}),e._uU(5," updateOn "),e.YNc(6,Xc,1,1,"tui-data-list-wrapper",13),e.qZA(),e.TgZ(7,"button",31),e._uU(8," Reset "),e.qZA(),e.TgZ(9,"button",32),e._uU(10," Submit "),e.qZA()()}if(2&l){const a=e.oxw(2);e.xp6(1),e.hij("Form data: ",e.lcZ(2,3,a.testForm.value),""),e.xp6(3),e.Q6J("ngModel",a.updateOn)("ngModelOptions",e.DdM(5,Bs))}}function Qc(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"form",20)(1,"div",21),e.GkF(2,22),e.qZA(),e.TgZ(3,"button",23),e.NdJ("click",function(){e.CHM(a);const H=e.oxw();return e.KtG(H.toggleDetails())}),e._uU(4),e.qZA(),e.YNc(5,eu,1,3,"ng-template",null,24,e.W1O),e.TgZ(7,"tui-expand",25),e.YNc(8,Jc,11,6,"ng-template",26),e.qZA()()}if(2&l){const a=e.MAs(6),d=e.oxw();e.Q6J("formGroup",d.testForm),e.xp6(2),e.Q6J("ngTemplateOutlet",d.template),e.xp6(1),e.Q6J("iconRight",a),e.xp6(1),e.hij(" ",d.texts[2]," "),e.xp6(3),e.Q6J("expanded",d.expanded)}}const tu=function(){return[1,0]};function nu(l,E){if(1&l&&(e.TgZ(0,"h1",2),e._uU(1),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.hij(" ",a.heading,"\n")}}function ul(l,E){if(1&l&&(e.TgZ(0,"th",10),e._uU(1),e.qZA()),2&l){const a=e.oxw(3);e.xp6(1),e.hij(" ",a.texts[3]," ")}}function Cs(l,E){1&l&&e._UZ(0,"tui-badge",21)}function iu(l,E){1&l&&(e.TgZ(0,"span",22),e._uU(1," deprecated "),e.qZA())}function ll(l,E){if(1&l&&(e.TgZ(0,"a",25),e._uU(1),e.qZA()),2&l){const a=e.oxw().$implicit;e.uIk("href",a.reference,e.LSH),e.xp6(1),e.hij(" ",a.type," ")}}function qc(l,E){if(1&l&&e._uU(0),2&l){const a=e.oxw().$implicit;e.hij(" ",a.type," ")}}function ou(l,E){1&l&&(e.TgZ(0,"span"),e._uU(1,"\xa0|\xa0"),e.qZA())}function ed(l,E){if(1&l&&(e.ynx(0),e.YNc(1,ll,2,2,"a",23),e.YNc(2,qc,1,1,"ng-template",null,24,e.W1O),e.YNc(4,ou,2,0,"span",1),e.BQk()),2&l){const a=E.$implicit,d=E.last,H=e.MAs(3);e.xp6(1),e.Q6J("ngIf",a.reference)("ngIfElse",H),e.xp6(3),e.Q6J("ngIf",!d)}}function td(l,E){if(1&l&&e._UZ(0,"tui-data-list-wrapper",35),2&l){e.oxw(2);const a=e.MAs(3),d=e.oxw(2).$implicit;e.Q6J("itemContent",a)("items",d.documentationPropertyValues)}}function nd(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-select",32),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(3).$implicit;return e.KtG(Ce.onValueChange(H))}),e.ALo(1,"tuiShowCleanerPipe"),e.TgZ(2,"code",33),e._uU(3,"null"),e.qZA(),e.YNc(4,td,1,2,"tui-data-list-wrapper",34),e.qZA()}if(2&l){e.oxw();const a=e.MAs(3),d=e.oxw(2).$implicit;e.Q6J("nativeId",d.attrName)("ngModel",d.documentationPropertyValue)("tuiTextfieldCleaner",e.lcZ(1,5,d.documentationPropertyType))("tuiTextfieldLabelOutside",!0)("valueContent",a)}}function id(l,E){if(1&l&&(e.TgZ(0,"code"),e._uU(1),e.ALo(2,"tuiInspectAny"),e.qZA()),2&l){const a=E.$implicit;e.xp6(1),e.Oqu(e.lcZ(2,1,a))}}function od(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-toggle",42),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("ngModel",a.documentationPropertyValue)("showIcons",!0)}}function rd(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-primitive-textfield",43),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("value",a.documentationPropertyValue||"")}}function cl(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",44)(1,"tui-primitive-textfield",45),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit,Nt=e.oxw(3);return e.KtG(Nt.onColorChange(Ce,H))}),e.ALo(2,"tuiGetOpacity"),e.ALo(3,"tuiGetColorPipe"),e._UZ(4,"input",46),e.qZA(),e.TgZ(5,"tui-input-number",47),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit,Nt=e.oxw(3);return e.KtG(Nt.onOpacityChange(Ce,H))}),e.ALo(6,"tuiGetOpacity"),e._uU(7," Opacity "),e.qZA()()}if(2&l){const a=e.oxw(4).$implicit;e.xp6(1),e.Q6J("tuiInputOpacity",e.lcZ(2,8,a.documentationPropertyValue))("tuiTextfieldLabelOutside",!0)("value",e.lcZ(3,10,a.documentationPropertyValue)),e.uIk("id",a.attrName),e.xp6(4),e.Q6J("max",100)("min",0)("ngModel",e.lcZ(6,12,a.documentationPropertyValue))("step",1)}}function ru(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-input-number",48),e.NdJ("ngModelChange",function(H){e.CHM(a);const Ce=e.oxw(4).$implicit;return e.KtG(Ce.onValueChange(H||0))}),e.qZA()}if(2&l){const a=e.oxw(4).$implicit;e.Q6J("nativeId",a.attrName)("ngModel",a.documentationPropertyValue)("step",1)("tuiTextfieldLabelOutside",!0)}}function dl(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-primitive-textfield",43),e.NdJ("valueChange",function(H){e.CHM(a);const Ce=e.oxw(5).$implicit;return e.KtG(Ce.onValueChange(H))}),e._uU(1," Default content "),e.qZA()}if(2&l){const a=e.oxw(5).$implicit;e.Q6J("nativeId",a.attrName)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("value",a.documentationPropertyValue.toString())}}function su(l,E){if(1&l&&(e.ynx(0),e.YNc(1,dl,2,4,"tui-primitive-textfield",49),e.ALo(2,"tuiIsPrimitivePolymorpheusContentPipe"),e.BQk()),2&l){const a=e.oxw(4).$implicit;e.xp6(1),e.Q6J("ngIf",e.lcZ(2,1,a.documentationPropertyValue))}}function sd(l,E){if(1&l&&(e.ynx(0,36),e.YNc(1,od,1,3,"tui-toggle",37),e.YNc(2,rd,1,4,"tui-primitive-textfield",38),e.YNc(3,cl,8,14,"div",39),e.YNc(4,ru,1,4,"tui-input-number",40),e.YNc(5,su,3,3,"ng-container",41),e.BQk()),2&l){const a=e.oxw(3).$implicit;e.Q6J("ngSwitch",a.documentationPropertyType),e.xp6(1),e.Q6J("ngSwitchCase","boolean"),e.xp6(1),e.Q6J("ngSwitchCase","string"),e.xp6(1),e.Q6J("ngSwitchCase","color"),e.xp6(1),e.Q6J("ngSwitchCase","number"),e.xp6(1),e.Q6J("ngSwitchCase","PolymorpheusContent")}}function ad(l,E){if(1&l&&(e.ynx(0),e.YNc(1,nd,5,7,"tui-select",29),e.YNc(2,id,3,3,"ng-template",null,30,e.W1O),e.YNc(4,sd,6,6,"ng-template",null,31,e.W1O),e.BQk()),2&l){const a=e.MAs(5),d=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",d.hasItems)("ngIfElse",a)}}function hl(l,E){if(1&l&&(e.TgZ(0,"tui-notification",50),e.ALo(1,"async"),e._uU(2," Emit! "),e.qZA()),2&l){const a=e.oxw(2).$implicit;e.Q6J("@emitEvent",e.lcZ(1,1,a.emits$))}}function fl(l,E){if(1&l&&(e.TgZ(0,"td",26),e.YNc(1,ad,6,2,"ng-container",27),e.YNc(2,hl,3,3,"ng-template",null,28,e.W1O),e.qZA()),2&l){const a=e.MAs(3),d=e.oxw().$implicit;e.xp6(1),e.Q6J("ngIf",d.shouldShowValues)("ngIfElse",a)}}function as(l,E){if(1&l&&(e.TgZ(0,"tr",11)(1,"td",12)(2,"div",13)(3,"code"),e._uU(4),e.ALo(5,"tuiStripOptionalPipe"),e.qZA(),e.YNc(6,Cs,1,0,"tui-badge",14),e.ALo(7,"tuiIsOptionalPipe"),e.qZA(),e.YNc(8,iu,2,0,"span",15),e.GkF(9,16),e.qZA(),e.TgZ(10,"td",12)(11,"span",17)(12,"code",18),e.YNc(13,ed,5,3,"ng-container",19),e.ALo(14,"tuiDocTypeReference"),e.qZA()()(),e.YNc(15,fl,4,2,"td",20),e.qZA()),2&l){const a=E.$implicit,d=e.oxw(3);e.ekj("t-deprecated",a.documentationPropertyDeprecated),e.xp6(3),e.Udp("color","var(--tui-accent-active)"),e.xp6(1),e.hij(" ",e.lcZ(5,10,a.attrName)," "),e.xp6(2),e.Q6J("ngIf",e.lcZ(7,12,a.attrName)),e.xp6(2),e.Q6J("ngIf",a.documentationPropertyDeprecated),e.xp6(1),e.Q6J("ngTemplateOutlet",a.template),e.xp6(4),e.Q6J("ngForOf",e.lcZ(14,14,a.documentationPropertyType)),e.xp6(2),e.Q6J("ngIf",d.showValues)}}function pl(l,E){if(1&l&&(e.TgZ(0,"table",4)(1,"tr",5)(2,"th",6),e._uU(3),e.qZA(),e.TgZ(4,"th",7),e._uU(5),e.qZA(),e.YNc(6,ul,2,1,"th",8),e.qZA(),e.YNc(7,as,16,16,"tr",9),e.qZA()),2&l){const a=e.oxw().ngIf,d=e.oxw();e.xp6(3),e.Oqu(d.texts[2]),e.xp6(2),e.Oqu(d.type),e.xp6(1),e.Q6J("ngIf",d.showValues&&!d.isAPI),e.xp6(1),e.Q6J("ngForOf",a)}}function gl(l,E){if(1&l&&(e.ynx(0),e.YNc(1,pl,8,4,"table",3),e.BQk()),2&l){const a=E.ngIf;e.xp6(1),e.Q6J("ngIf",a.length)}}function ud(l,E){1&l&&e._UZ(0,"span",8),2&l&&e.Q6J("textContent",E.polymorpheusOutlet)}function Of(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"button",9),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2);return e.KtG(H.copyExampleLink())}),e.ALo(1,"async"),e.qZA()}if(2&l){const a=e.oxw(2);e.Q6J("icon",a.options.linkIcon)("title",e.lcZ(1,2,a.copy$))}}function la(l,E){if(1&l&&(e.TgZ(0,"h3",5),e.YNc(1,ud,1,1,"span",6),e.YNc(2,Of,2,4,"button",7),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.heading),e.xp6(1),e.Q6J("ngIf",a.id)}}function ld(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function ml(l,E){if(1&l&&(e.TgZ(0,"h4",10),e.YNc(1,ld,2,1,"ng-container",11),e.qZA()),2&l){const a=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",a.description)}}function _l(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function vl(l,E){if(1&l&&(e.TgZ(0,"button",21),e.YNc(1,_l,2,1,"ng-container",11),e.qZA()),2&l){const a=e.oxw().$implicit,d=e.oxw(4);e.xp6(1),e.Q6J("polymorpheusOutlet",d.getTabTitle(a))}}function au(l,E){1&l&&(e.ynx(0),e.YNc(1,vl,2,1,"button",20),e.BQk())}function yl(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function ca(l,E){if(1&l&&(e.ynx(0),e.YNc(1,yl,2,1,"ng-container",11),e.BQk()),2&l){const a=E.ngIf;e.xp6(1),e.Q6J("polymorpheusOutlet",a)}}function da(l,E){if(1&l&&(e.TgZ(0,"button",25),e._uU(1),e.qZA()),2&l){const a=e.oxw(5);e.xp6(1),e.hij(" Edit on ",a.codeEditor.name," ")}}function Cl(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-loader",22),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(3).ngIf,Ce=e.oxw();return e.KtG(Ce.edit(H))}),e.ALo(1,"async"),e.YNc(2,ca,2,1,"ng-container",23),e.YNc(3,da,2,1,"ng-template",null,24,e.W1O),e.qZA()}if(2&l){const a=e.MAs(4),d=e.oxw(4);e.Q6J("overlay",!0)("showLoader",!!e.lcZ(1,4,d.loading$)),e.xp6(2),e.Q6J("ngIf",null==d.codeEditor?null:d.codeEditor.content)("ngIfElse",a)}}function uu(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"div",16)(1,"tui-tabs-with-more",17),e.NdJ("activeItemIndexChange",function(H){e.CHM(a);const Ce=e.oxw(3);return e.KtG(Ce.activeItemIndex=H)}),e.YNc(2,au,2,0,"ng-container",18),e.qZA(),e.YNc(3,Cl,5,6,"tui-loader",19),e.ALo(4,"tuiMapper"),e.qZA()}if(2&l){const a=e.oxw().ngIf,d=e.oxw().ngIf,H=e.oxw();e.xp6(1),e.Q6J("activeItemIndex",H.activeItemIndex),e.xp6(1),e.Q6J("ngForOf",a),e.xp6(1),e.Q6J("ngIf",e.xi3(4,3,d,H.visible))}}function lu(l,E){if(1&l&&e.GkF(0,29),2&l){e.oxw(4);const a=e.MAs(5);e.Q6J("ngTemplateOutlet",a)}}const ha=function(l){return{$implicit:l}};function Us(l,E){if(1&l&&e.GkF(0,30),2&l){const a=e.oxw(2).ngIf,d=e.oxw().ngIf,H=e.oxw(),Ce=e.MAs(7);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.VKq(2,ha,(null==d?null:d[a[H.activeItemIndex]])||""))}}function cd(l,E){if(1&l&&(e.TgZ(0,"div",26),e.YNc(1,lu,1,1,"ng-container",27),e.YNc(2,Us,1,4,"ng-template",null,28,e.W1O),e.qZA()),2&l){const a=E.index,d=e.MAs(3),H=e.oxw(3);e.ekj("t-content_animated",!H.isE2E)("t-content_visible",H.activeItemIndex===a),e.xp6(1),e.Q6J("ngIf",a===H.defaultTabIndex)("ngIfElse",d)}}function Dl(l,E){if(1&l&&(e.ynx(0),e.YNc(1,uu,5,6,"div",14),e.YNc(2,cd,4,6,"div",15),e.BQk()),2&l){const a=E.ngIf;e.xp6(1),e.Q6J("ngIf",a.length>1),e.xp6(1),e.Q6J("ngForOf",a)}}function dd(l,E){if(1&l&&(e.TgZ(0,"div",12),e.YNc(1,Dl,3,2,"ng-container",13),e.ALo(2,"tuiDocExampleGetTabs"),e.qZA()),2&l){const a=E.ngIf,d=e.oxw();e.xp6(1),e.Q6J("ngIf",e.xi3(2,1,a,d.defaultTab))}}function hd(l,E){1&l&&(e.TgZ(0,"div",31),e.Hsn(1),e.qZA())}function fd(l,E){if(1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l){const a=E.polymorpheusOutlet;e.xp6(1),e.hij(" ",a," ")}}function bl(l,E){if(1&l&&(e.ynx(0),e.YNc(1,fd,2,1,"ng-container",33),e.BQk()),2&l){const a=E.$implicit,d=e.oxw().$implicit;e.xp6(1),e.Q6J("polymorpheusOutlet",a)("polymorpheusOutletContext",e.VKq(2,ha,d))}}function Tl(l,E){if(1&l&&(e.TgZ(0,"tui-doc-code",32),e.YNc(1,bl,2,4,"ng-container",18),e.qZA()),2&l){const a=E.$implicit,d=e.oxw();e.Q6J("code",a),e.xp6(1),e.Q6J("ngForOf",d.codeActions)}}function fa(l,E){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function cu(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"a",14),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(4),Ce=e.MAs(1);return e.KtG(H.onClick(Ce))}),e._uU(1),e.YNc(2,fa,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=E.$implicit;e.Q6J("fragment",a.fragment)("routerLink",a.route),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}function Ds(l,E){if(1&l&&(e.TgZ(0,"tui-opt-group",12),e.YNc(1,cu,3,4,"a",13),e.qZA()),2&l){const a=E.$implicit,d=E.index,H=e.oxw(3);e.Q6J("label",H.labels[d]||""),e.xp6(1),e.Q6J("ngForOf",a)}}function pd(l,E){if(1&l&&(e.TgZ(0,"tui-data-list"),e.YNc(1,Ds,2,2,"tui-opt-group",11),e.ALo(2,"async"),e.qZA()),2&l){const a=e.oxw(2);e.xp6(1),e.Q6J("ngForOf",e.lcZ(2,1,a.filtered$))}}function gd(l,E){1&l&&(e.ynx(0),e.YNc(1,pd,3,3,"tui-data-list",10),e.BQk())}const md=function(l,E){return{item:l,index:E}};function _d(l,E){if(1&l&&e.GkF(0,21),2&l){const a=E.$implicit,d=E.index,H=e.oxw(2).index;e.oxw();const Ce=e.MAs(12);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.WLB(2,md,a,100*H+d))}}function du(l,E){if(1&l&&(e.TgZ(0,"div",20),e.YNc(1,_d,1,5,"ng-container",8),e.qZA()),2&l){const a=e.oxw().index,d=e.oxw();e.xp6(1),e.Q6J("ngForOf",d.items[a])}}function vd(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-accordion-item",17),e.NdJ("openChange",function(H){const Nt=e.CHM(a).index,Mn=e.oxw();return e.KtG(!!(Mn.openPagesArr[Nt]=H))}),e.TgZ(1,"span",18)(2,"strong"),e._uU(3),e.qZA()(),e.YNc(4,du,2,1,"ng-template",19),e.qZA()}if(2&l){const a=E.$implicit,d=E.index,H=e.oxw();e.Q6J("borders",null)("open",!!H.openPagesArr[d]),e.xp6(3),e.Oqu(a)}}function El(l,E){if(1&l&&e.GkF(0,21),2&l){const a=E.$implicit,d=E.index,H=e.oxw(),Ce=e.MAs(12);e.Q6J("ngTemplateOutlet",Ce)("ngTemplateOutletContext",e.WLB(2,md,a,H.items.length-1+d))}}function pa(l,E){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function hu(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"a",24),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2);return e.KtG(H.closeMenu())}),e._uU(1),e.YNc(2,pa,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=e.oxw().item,d=e.oxw();e.Q6J("routerLink",a.route)("tuiScrollIntoViewLink",d.isActive(a.route)),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}function Ml(l,E){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function Ol(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"button",30),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(2).index,Ce=e.oxw();return e.KtG(Ce.onGroupClick(H))}),e._UZ(1,"tui-svg",31),e._uU(2),e.YNc(3,Ml,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=e.oxw(2),d=a.index,H=a.item,Ce=e.oxw();e.xp6(1),e.ekj("t-chevron_active",!!Ce.openPagesGroupsArr[d]),e.Q6J("src",Ce.icons.more),e.xp6(1),e.hij(" ",H.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",H.icon)}}function wl(l,E){1&l&&e._UZ(0,"tui-svg",16),2&l&&e.Q6J("src",E.polymorpheusOutlet)}function us(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"a",32),e.NdJ("click",function(){e.CHM(a);const H=e.oxw(3);return e.KtG(H.closeMenu())}),e._uU(1),e.YNc(2,wl,1,1,"tui-svg",15),e.qZA()}if(2&l){const a=E.$implicit,d=e.oxw(3);e.Q6J("fragment",a.fragment)("routerLink",a.route)("tuiScrollIntoViewLink",d.isActive(a.route)),e.xp6(1),e.hij(" ",a.title," "),e.xp6(1),e.Q6J("polymorpheusOutlet",a.icon)}}const yd=function(){return{exact:!1}};function Cd(l,E){if(1&l&&(e.TgZ(0,"div",25),e.YNc(1,Ol,4,5,"button",26),e.TgZ(2,"tui-expand",27)(3,"div",28),e.YNc(4,us,3,5,"a",29),e.qZA()()()),2&l){const a=e.oxw(),d=a.item,H=a.index,Ce=e.oxw();e.Q6J("routerLinkActiveOptions",e.DdM(4,yd)),e.xp6(1),e.Q6J("ngIf",d.subPages),e.xp6(1),e.Q6J("expanded",!!Ce.openPagesGroupsArr[H]),e.xp6(2),e.Q6J("ngForOf",Ce.$pages(d.subPages))}}function Dd(l,E){if(1&l&&(e.YNc(0,hu,3,4,"a",22),e.YNc(1,Cd,5,5,"ng-template",null,23,e.W1O)),2&l){const a=E.item,d=e.MAs(2);e.Q6J("ngIf",!a.subPages)("ngIfElse",d)}}const bd=["tuiDocHeader",""];function Td(l,E){1&l&&e._UZ(0,"tui-doc-navigation",4)}function Pr(l,E){1&l&&e._UZ(0,"img",5),2&l&&e.Q6J("src",E.polymorpheusOutlet,e.LSH)}function bs(l,E){1&l&&(e.ynx(0),e._uU(1),e.BQk()),2&l&&(e.xp6(1),e.Oqu(", "))}function Ed(l,E){if(1&l&&(e.ynx(0),e._UZ(1,"a",2),e.YNc(2,bs,2,1,"ng-container",3),e.BQk()),2&l){const a=E.$implicit,d=E.last,H=e.oxw();e.xp6(1),e.Q6J("innerText",a)("routerLink",H.getRouterLink(a)),e.xp6(1),e.Q6J("ngIf",!d)}}function Md(l,E){if(1&l&&e._UZ(0,"a",1),2&l){const a=E.polymorpheusOutlet,d=e.oxw();e.Q6J("href",a,e.LSH)("icon",d.icons.code)("title",d.text)}}function wd(l,E){1&l&&e._UZ(0,"tui-theme-night")}const xd=[[["tuiDocNavigation"]],[["tuiDocHeader"]],[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverPortals"]],[["tuiOverHints"]]],xl=["tuiDocNavigation","tuiDocHeader","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverPortals","tuiOverHints"];function Ad(l,E){1&l&&e._UZ(0,"tui-tag",9)}function Pd(l,E){if(1&l&&e._UZ(0,"tui-tag",10),2&l){const a=e.oxw();e.Q6J("autoColor",!0)("value",a.package)}}const Sd=function(l){return{exact:l}};function Id(l,E){if(1&l&&(e.TgZ(0,"a",14),e.ALo(1,"tuiReplace"),e._uU(2),e.qZA()),2&l){const a=e.oxw().ngIf,d=e.oxw().first,H=e.oxw(2);e.Q6J("routerLink",d?"./":e.Dn7(1,3,a,H.from,H.to))("routerLinkActiveOptions",e.VKq(7,Sd,d)),e.xp6(2),e.hij(" ",a," ")}}function ga(l,E){1&l&&(e.ynx(0),e.YNc(1,Id,3,9,"a",13),e.BQk())}function Sr(l,E){if(1&l&&(e.ynx(0),e.YNc(1,ga,2,0,"ng-container",12),e.BQk()),2&l){const a=E.$implicit,d=E.index,H=e.oxw(2);e.xp6(1),e.Q6J("ngIf",a.pageTab||H.defaultTabs[d])}}function Hs(l,E){if(1&l){const a=e.EpF();e.TgZ(0,"tui-tabs-with-more",11),e.NdJ("activeItemIndexChange",function(H){e.CHM(a);const Ce=e.oxw();return e.KtG(Ce.activeItemIndex=H)}),e.YNc(1,Sr,2,1,"ng-container",8),e.qZA()}if(2&l){const a=e.oxw();e.Q6J("activeItemIndex",a.activeItemIndex),e.xp6(1),e.Q6J("ngForOf",a.tabConnectors)}}function Al(l,E){if(1&l&&e._UZ(0,"tui-doc-see-also",15),2&l){const a=e.oxw();e.Q6J("seeAlso",a.seeAlso)}}function Pl(l,E){if(1&l&&e.GkF(0,17),2&l){const a=e.oxw().$implicit;e.Q6J("ngTemplateOutlet",a.template)}}function Sl(l,E){if(1&l&&(e.ynx(0),e.YNc(1,Pl,1,1,"ng-container",16),e.BQk()),2&l){const a=E.index,d=e.oxw();e.xp6(1),e.Q6J("ngIf",a===d.activeItemIndex)}}let kd=(()=>{class l{constructor(a){this.markdownCodeProcessor=a,this.rawLoader$$=new _.X(""),this.filename="",this.copy$=new g.xQ,this.icon$=this.copy$.pipe((0,C.w)(()=>(0,f.H)(2e3).pipe((0,O.U)(()=>"tuiIconCopyLarge"),(0,w.O)("tuiIconCheckLarge")))),this.processor$=this.rawLoader$$.pipe((0,C.w)(p.JQ),(0,O.U)(d=>this.markdownCodeProcessor(d)))}set code(a){this.rawLoader$$.next(a)}get hasFilename(){return!!this.filename}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.Es))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-code"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_has-filename",d.hasFilename)},inputs:{filename:"filename",code:"code"},ngContentSelectors:jr,decls:3,vars:4,consts:[["class","t-header",4,"ngIf"],["class","t-code",4,"ngFor","ngForOf"],[1,"t-header"],[1,"t-code"],[3,"lineNumbers","highlight"],[1,"t-code-actions"],["tuiIconButton","","appearance","icon","size","xs",1,"t-copy-button",3,"icon","cdkCopyToClipboard","click"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,rl,2,1,"p",0),e.YNc(1,Wc,13,6,"pre",1),e.ALo(2,"async")),2&a&&(e.Q6J("ngIf",d.filename),e.xp6(1),e.Q6J("ngForOf",e.lcZ(2,2,d.processor$)))},dependencies:[Q.v0,ne.O5,ne.sg,so.y$,_r,ne.Ov],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{border-radius:.25rem}.t-code[_ngcontent-%COMP%]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-%COMP%]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{margin-top:1rem}.t-code-actions[_ngcontent-%COMP%]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-%COMP%]   .t-code-actions[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-code-actions[_ngcontent-%COMP%]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-%COMP%] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-%COMP%]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-%COMP%]   .hljs[_ngcontent-%COMP%]:not(:empty), tui-root._mobile   [_nghost-%COMP%]   .hljs[_ngcontent-%COMP%]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}"],changeDetection:0}),l})(),Rd=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,X.EI,so._l,Q.fN,vr]]}),l})(),fu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Q.fN]]}),l})(),Af=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn){var Yn,Bi;this.options=a,this.isMobile=d,this.el=H,this.locationRef=Ce,this.urlSerializer=Nt,this.texts=Mn,this.urlStateHandler=Nn,this.control=null,this.sticky=!0,this.template=null,this.updateOnVariants=["change","blur","submit"],this.updateOn=this.params.updateOn||this.updateOnVariants[0],this.opaque=(0,p.cd)(null===(Yn=this.params.sandboxOpaque)||void 0===Yn||Yn),this.expanded=(0,p.cd)(null!==(Bi=this.params.sandboxExpanded)&&void 0!==Bi&&Bi),this.mode=this.params.tuiMode||null,this.sandboxWidth=(0,ao.oY)(this.params.sandboxWidth),this.change$=new g.xQ,this.items=["onLight","onDark"]}onResize(){this.updateWidth(),this.onMouseUp()}onMouseUp(){this.updateUrl({sandboxWidth:this.sandboxWidth})}ngOnInit(){this.createForm(),this.updateWidth(this.sandboxWidth+this.delta)}onModeChange(a){this.mode=a,this.updateUrl({sandboxWidth:this.sandboxWidth}),this.change$.next()}toggleDetails(){this.expanded=!this.expanded,this.updateUrl({sandboxExpanded:this.expanded})}changeOpaque(a){this.opaque=a,this.updateUrl({sandboxOpaque:this.opaque})}updateOnChange(a){this.updateOn=a,this.updateUrl({updateOn:a}),this.createForm()}updateWidth(a=NaN){if(!this.resizer||!this.resizeable||!this.content)return;const d=a||this.resizeable.nativeElement.clientWidth,H=this.el.nativeElement.clientWidth,Ce=Math.round((0,ao.Ki)(d,160,H))-this.delta,Nt=d<H?Ce:NaN;this.resizer.nativeElement.textContent=String(Ce||"-"),this.resizeable.nativeElement.style.width=Nt?(0,Ci.O)(d):"",this.sandboxWidth=Nt}get delta(){return this.resizeable&&this.content?this.resizeable.nativeElement.clientWidth-this.content.nativeElement.clientWidth:0}updateUrl(a){const d=this.getUrlTree(),{queryParams:H}=d;delete H.sandboxWidth,delete H.tuiMode,d.queryParams=Object.assign(Object.assign({},H),(0,Wt.xT)(Object.assign({tuiMode:this.mode},a))),this.locationRef.go(this.urlStateHandler(d))}createForm(){const{control:a,updateOn:d}=this;a&&(this.testForm=new Ln.cw({testValue:a},{updateOn:d}))}getUrlTree(){return this.urlSerializer.parse(this.locationRef.path())}get params(){return this.getUrlTree().queryParams}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ci),e.Y36(xt.fL),e.Y36(e.SBq),e.Y36(ne.Ye),e.Y36(Gn.Hx),e.Y36(o.ru),e.Y36(o.Ii))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-demo"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,e.Rgc,5),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.template=Ce.first)}},viewQuery:function(a,d){if(1&a&&(e.Gf(Gi,7),e.Gf(sl,7),e.Gf(Yc,7)),2&a){let H;e.iGM(H=e.CRH())&&(d.resizeable=H.first),e.iGM(H=e.CRH())&&(d.content=H.first),e.iGM(H=e.CRH())&&(d.resizer=H.first)}},hostVars:2,hostBindings:function(a,d){1&a&&e.NdJ("resize",function(){return d.onResize()},!1,e.Jf7)("mouseup.silent",function(){return d.onMouseUp()},!1,e.evT),2&a&&e.ekj("_sticky",d.sticky)},inputs:{control:"control",sticky:"sticky"},features:[e._Bn([Tt.a3,{provide:ye.w,useExisting:(0,e.Gpc)(()=>l)}])],ngContentSelectors:jr,decls:16,vars:14,consts:[[1,"t-bg-toggle",3,"tuiMode"],["tooltip",""],[4,"ngIf","ngIfElse"],["desktop",""],["size","m",1,"t-checkbox",3,"ngModel","ngModelChange"],["tuiResizeable","",1,"t-wrapper"],["id","demo-content",1,"t-content"],["content",""],["class","t-form",3,"formGroup",4,"ngIf"],[1,"t-resizer",3,"tuiResizer","tuiSizeChange"],["resizer",""],["routerLink","/directives/mode","tuiLink","","tuiMode","onDark"],["tuiTextfieldSize","s",1,"t-mode",3,"ngModel","tuiHintContent","tuiTextfieldCleaner","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"],["describeId","form",3,"content"],["tuiGroup","",1,"t-group",3,"collapsed"],["nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","item","ngModel","ngModelChange"],["item","onDark","nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","ngModel","ngModelChange"],["item","onLight","nativeId","form","size","s",1,"tui-group__auto-width-item",3,"hideRadio","ngModel","ngModelChange"],[1,"t-form",3,"formGroup"],[1,"t-input-wrapper"],[3,"ngTemplateOutlet"],["automation-id","tui-demo-button__toggle-details","size","s","tuiButton","","type","button",1,"t-button",3,"iconRight","click"],["icon",""],[1,"t-expand",3,"expanded"],["tuiExpandContent",""],[1,"t-icon",3,"src"],[1,"t-value"],["tuiGroup","",1,"t-form-controls"],["automation-id","tui-demo-select__expand-update-on","tuiTextfieldSize","s",1,"t-select",3,"ngModel","ngModelOptions","ngModelChange"],["automation-id","tui-demo-button__reset-state","size","s","tuiButton","","type","reset",1,"tui-group__auto-width-item"],["automation-id","tui-demo-button__submit-state","size","s","tuiButton","","type","submit",1,"tui-group__auto-width-item"]],template:function(a,d){if(1&a&&(e.F$t(),e.TgZ(0,"div",0),e.YNc(1,al,4,1,"ng-template",null,1,e.W1O),e.YNc(3,Kc,4,3,"ng-container",2),e.YNc(4,qa,9,9,"ng-template",null,3,e.W1O),e.TgZ(6,"tui-checkbox-labeled",4),e.NdJ("ngModelChange",function(Ce){return d.changeOpaque(Ce)}),e._uU(7),e.qZA()(),e.TgZ(8,"div",5)(9,"div",6)(10,"div",null,7),e.YNc(12,Qc,9,5,"form",8),e.Hsn(13),e.qZA()(),e.TgZ(14,"div",9,10),e.NdJ("tuiSizeChange",function(Ce){return d.updateWidth(Ce[0])}),e.qZA()()),2&a){const H=e.MAs(5);e.Q6J("tuiMode",null),e.xp6(3),e.Q6J("ngIf",d.isMobile)("ngIfElse",H),e.xp6(3),e.Q6J("ngModel",d.opaque),e.xp6(1),e.hij(" ",d.texts[1]," "),e.xp6(1),e.ekj("t-wrapper_dark","onDark"===d.mode)("t-wrapper_gray","onLight"===d.mode)("t-wrapper_transparent",!d.opaque),e.xp6(4),e.Q6J("ngIf",d.testForm),e.xp6(2),e.Q6J("tuiResizer",e.DdM(13,tu))}},dependencies:[ue.V,Bt,vn,de.w,Bu,As.p,Q.v0,X.PN,G,ye.w,Gn.yS,ne.O5,Xt,te.sz,Ln.JJ,Ln.On,Re.bZ,te.be,q.gX,ce.gZ,Gi,Ln._Y,Ln.JL,Ln.sg,ne.tP,Te,Go,ne.Ts],styles:['[_nghost-%COMP%]{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle[_ngcontent-%COMP%]{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:auto}.t-wrapper[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;min-width:10rem;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark[_ngcontent-%COMP%]{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray[_ngcontent-%COMP%]{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}tui-root._mobile[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{min-height:auto}.t-content[_ngcontent-%COMP%]{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}tui-root._mobile[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:1rem}.t-form[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-%COMP%]{width:100%;margin-bottom:.5rem}.t-expand[_ngcontent-%COMP%]{width:100%}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-value[_ngcontent-%COMP%]{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-%COMP%]{width:12.5rem}.t-select[_ngcontent-%COMP%]{max-width:15rem}.t-resizer[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);position:relative;width:3.5rem;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-base-03);outline:none;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer[_ngcontent-%COMP%]:before, .t-resizer[_ngcontent-%COMP%]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);width:1px;background:var(--tui-base-04);box-shadow:-.25rem 0 var(--tui-base-04);transform:translate(0)}.t-resizer[_ngcontent-%COMP%]:after{bottom:.75rem;top:calc(50% + 1rem)}tui-root._mobile[_nghost-%COMP%]   .t-resizer[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-resizer[_ngcontent-%COMP%]{display:none}.t-resizer-text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light[_ngcontent-%COMP%]   .t-resizer-text[_ngcontent-%COMP%]{background:#3e464e}.t-group[_ngcontent-%COMP%], .t-checkbox[_ngcontent-%COMP%]{margin-left:.75rem}.t-button[_ngcontent-%COMP%], .t-form-controls[_ngcontent-%COMP%]{margin-top:.75rem}@supports ((position: -webkit-sticky) or (position: sticky)){@media screen and (min-height: 37.5rem){._sticky[_nghost-%COMP%]{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}'],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"updateUrl",null),l})(),kl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.UX,Ln.u5,Gn.Bz,ue.j,Q.fN,xn,he,ce.n6,de.Q,ye.z,Js,As.s,X.EI,$n,q.pc,te.cn,Re.go,co]]}),l})(),Fl=(()=>{class l{constructor(a,d,H,Ce,Nt){this.template=a,this.locationRef=d,this.activatedRoute=H,this.urlSerializer=Ce,this.urlStateHandler=Nt,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.vpe,this.changed$=new g.xQ,this.emits$=new _.X(1)}ngOnInit(){this.parseParams(this.activatedRoute.snapshot.queryParams)}get attrName(){switch(this.documentationPropertyMode){case"input":return`[${this.documentationPropertyName}]`;case"output":return`(${this.documentationPropertyName})`;case"input-output":return`[(${this.documentationPropertyName})]`;default:return this.documentationPropertyName}}get hasItems(){return!!this.documentationPropertyValues}get shouldShowValues(){return"output"!==this.documentationPropertyMode}ngOnChanges(){this.changed$.next()}onValueChange(a){this.documentationPropertyValue=a,this.documentationPropertyValueChange.emit(a),this.setQueryParam(a)}emitEvent(a){console.info(this.attrName,a),this.emits$.next(this.emits$.value+1)}parseParams(a){const d=a[this.documentationPropertyName],H=a[`${this.documentationPropertyName}$`];if(!d&&!H)return;let Ce=H&&this.documentationPropertyValues?this.documentationPropertyValues[H]:(0,p.p8)(d);"string"===this.documentationPropertyType&&(0,Wt.dt)(Ce)&&(Ce=Ce.toString()),this.onValueChange(Ce)}setQueryParam(a){const d=this.urlSerializer.parse(this.locationRef.path()),H=a instanceof Object,Ce=H&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(a):a,Mn=this.documentationPropertyName+(H?"$":"");d.queryParams=Object.assign(Object.assign({},d.queryParams),{[Mn]:Ce}),this.locationRef.go(this.urlStateHandler(d))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc),e.Y36(ne.Ye),e.Y36(Gn.gz),e.Y36(Gn.Hx),e.Y36(o.Ii))},l.\u0275dir=e.lG2({type:l,selectors:[["ng-template","documentationPropertyName",""]],inputs:{documentationPropertyName:"documentationPropertyName",documentationPropertyMode:"documentationPropertyMode",documentationPropertyType:"documentationPropertyType",documentationPropertyValue:"documentationPropertyValue",documentationPropertyDeprecated:"documentationPropertyDeprecated",documentationPropertyValues:"documentationPropertyValues"},outputs:{documentationPropertyValueChange:"documentationPropertyValueChange"},exportAs:["documentationProperty"],features:[e.TTD]}),l})(),pu=(()=>{class l{transform(a){return 4===a.length?a.split("").reduce((H,Ce)=>[...H,Ce,Ce],[]).join("").replace("#",""):a.startsWith("#")?a:"transparent"===a?"#000000":function ir(l,E,a){return`#${[l,E,a].map(d=>d.toString(16).padStart(2,"0")).join("")}`}(...a.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map(H=>Number.parseInt(H,10)))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiGetColorPipe",type:l,pure:!0}),l})(),gu=(()=>{class l{transform(a){if(a.startsWith("#")||a.startsWith("rgb("))return 100;if("transparent"===a)return 0;const d=a.lastIndexOf(","),H=a.slice(d).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(H))}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiGetOpacity",type:l,pure:!0}),l})(),Nl=(()=>{class l{constructor(a,d){this.renderer=a,this.focusable=d}set tuiInputOpacity(a){const{nativeFocusableElement:d}=this.focusable;d&&this.renderer.setStyle(d,"opacity",a/100)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Qsj),e.Y36(xt.KZ))},l.\u0275dir=e.lG2({type:l,selectors:[["","tuiInputOpacity",""]],inputs:{tuiInputOpacity:"tuiInputOpacity"}}),l})(),ma=(()=>{class l{transform(a){return a.replace("?","")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiStripOptionalPipe",type:l,pure:!0}),l})(),Ll=(()=>{class l{transform(a){return a.includes("?")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiIsOptionalPipe",type:l,pure:!0}),l})(),mu=(()=>{class l{constructor(a,d){this.parser=a,this.linkHandler=d}transform(a){return this.parser(a).map(({type:d,extracted:H})=>{var Ce,Nt;return{type:d,extracted:H,reference:null!==(Nt=null===(Ce=this.linkHandler)||void 0===Ce?void 0:Ce.call(this,H))&&void 0!==Nt?Nt:null}}).sort((d,H)=>{var Ce,Nt,Mn;return null!==(Mn=null===(Ce=H.reference)||void 0===Ce?void 0:Ce.localeCompare(null!==(Nt=d.reference)&&void 0!==Nt?Nt:""))&&void 0!==Mn?Mn:-1})}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.B$,16),e.Y36(o.x9,16))},l.\u0275pipe=e.Yjl({name:"tuiDocTypeReference",type:l,pure:!0}),l})(),Fd=(()=>{class l{transform(a){return a.includes("null")}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiShowCleanerPipe",type:l,pure:!0}),l})(),Yi=(()=>{class l{constructor(a){this.isE2E=a}transform(a,d=2){return this.isE2E&&"function"==typeof a?"\u03bb(x) => y":(0,p.sj)(a,d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(xt.oD,16))},l.\u0275pipe=e.Yjl({name:"tuiInspectAny",type:l,pure:!0}),l})(),Bl=(()=>{class l{transform(a){return(0,Wt.Aj)(a)||(0,Wt.dt)(a)}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiIsPrimitivePolymorpheusContentPipe",type:l,pure:!0}),l})(),Nd=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn){this.cdr=a,this.texts=d,this.excludedProperties=H,this.destroy$=Ce,this.getColor=Nt,this.getOpacity=Mn,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=B.Mm,this.activeItemIndex=0,this.matcher=(Nn,Yn)=>!Yn.has(Nn.documentationPropertyName)}ngAfterContentInit(){(0,Me.ll)(this.propertiesConnectors).pipe((0,C.w)(a=>(0,m.T)(...a.map(({changed$:d})=>d))),(0,Me.NA)(this.cdr),(0,S.R)(this.destroy$)).subscribe()}get type(){return this.isAPI?this.texts[0]:this.texts[1]}onColorChange(a,d){const H=this.getOpacity.transform(a.documentationPropertyValue||"");if(100===H)return void a.onValueChange(d);const Nt=`rgba(${hr(d).join(", ")}, ${H/100})`;a.onValueChange(Nt)}onOpacityChange(a,d){const Nt=`rgba(${hr(this.getColor.transform(a.documentationPropertyValue||""))}, ${(d||0)/100})`;a.onValueChange(Nt)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(o.IK),e.Y36(o.et),e.Y36(Tt.a3,2),e.Y36(pu),e.Y36(gu))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-documentation"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,Fl,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.propertiesConnectors=Ce)}},inputs:{heading:"heading",showValues:"showValues",isAPI:"isAPI"},features:[e._Bn([pu,gu,Tt.a3])],ngContentSelectors:jr,decls:4,vars:6,consts:[["class","t-heading",4,"ngIf"],[4,"ngIf"],[1,"t-heading"],["class","t-table",4,"ngIf"],[1,"t-table"],[1,"t-row","t-row_header"],[1,"t-th","t-cell","t-cell_prop"],[1,"t-th"],["class","t-th t-cell t-th_value",4,"ngIf"],["class","t-row",3,"t-deprecated",4,"ngFor","ngForOf"],[1,"t-th","t-cell","t-th_value"],[1,"t-row"],[1,"t-cell"],["automation-id","tui-documentation__property-name",1,"t-property"],["size","s","value","Optional",4,"ngIf"],["class","t-deprecated-label",4,"ngIf"],[3,"ngTemplateOutlet"],[1,"type"],[1,"t-code-type"],[4,"ngFor","ngForOf"],["class","t-cell t-cell_value",4,"ngIf"],["size","s","value","Optional"],[1,"t-deprecated-label"],["target","_blank","class","t-code-reference",4,"ngIf","ngIfElse"],["default",""],["target","_blank",1,"t-code-reference"],[1,"t-cell","t-cell_value"],[4,"ngIf","ngIfElse"],["elseEmitter",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange",4,"ngIf","ngIfElse"],["selectContent",""],["noItems",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange"],[1,"t-exception"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[3,"ngSwitch"],["size","l",3,"nativeId","ngModel","showIcons","ngModelChange",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange",4,"ngSwitchCase"],["tuiGroup","",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange",4,"ngSwitchCase"],[4,"ngSwitchCase"],["size","l",3,"nativeId","ngModel","showIcons","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange"],["tuiGroup",""],["tuiTextfieldSize","m",3,"tuiInputOpacity","tuiTextfieldLabelOutside","value","valueChange"],["tuiTextfield","","type","text"],["tuiTextfieldSize","m",3,"max","min","ngModel","step","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","tuiTextfieldCleaner","tuiTextfieldLabelOutside","value","valueChange",4,"ngIf"],[1,"t-output"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,nu,2,1,"h1",0),e.Hsn(1),e.YNc(2,gl,2,1,"ng-container",1),e.ALo(3,"tuiFilter")),2&a&&(e.Q6J("ngIf",d.heading),e.xp6(2),e.Q6J("ngIf",e.Dn7(3,2,d.propertiesConnectors,d.matcher,d.excludedProperties)))},dependencies:[Va,Bt,vn,ps,be.yc,be.MB,zr,N.L,ne.O5,ne.sg,ne.tP,Xt,_e.Ek,te.sz,Ln.JJ,Ln.On,te.be,te.xT,q.gX,ne.RF,ne.n9,be.B1,ce.gZ,Nl,Gu,Po,ma,Ll,mu,Fd,Yi,gu,pu,Bl,ne.Ov],styles:['[_nghost-%COMP%]{display:block;min-width:100%}.t-table[_ngcontent-%COMP%]{width:100%;table-layout:fixed}.t-row[_ngcontent-%COMP%]:not(:last-child){border-bottom:1px solid var(--tui-base-03)}tui-root._mobile[_nghost-%COMP%]   .t-row[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}tui-root._mobile[_nghost-%COMP%]   .t-row_header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-row_header[_ngcontent-%COMP%]{display:none}.t-cell[_ngcontent-%COMP%]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-%COMP%]:first-child{padding-left:0}.t-cell[_ngcontent-%COMP%]:last-child{padding-right:0}.t-cell_prop[_ngcontent-%COMP%]{width:40%}.t-cell_value[_ngcontent-%COMP%]{text-align:right}tui-root._mobile[_nghost-%COMP%]   .t-cell[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-cell[_ngcontent-%COMP%]{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th[_ngcontent-%COMP%]{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:normal;text-align:left}.t-th_value[_ngcontent-%COMP%]{max-width:20rem;text-align:right}tui-root._mobile[_nghost-%COMP%]   .t-th_value[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-th_value[_ngcontent-%COMP%]{width:9.375rem}.t-property[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}tui-root._mobile[_nghost-%COMP%]   .t-property[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-property[_ngcontent-%COMP%]{padding:.5rem 0}.t-type[_ngcontent-%COMP%]{font-family:monospace}.t-deprecated[_ngcontent-%COMP%]{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label[_ngcontent-%COMP%]{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception[_ngcontent-%COMP%]{display:block;width:-webkit-max-content;width:max-content}.t-output[_ngcontent-%COMP%]{text-align:left;opacity:0}.t-heading[_ngcontent-%COMP%]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-%COMP%]{display:inline-flex;color:var(--tui-link);text-decoration:none;align-items:center;justify-content:center;grid-gap:3px;gap:3px}.t-code-reference[_ngcontent-%COMP%]:after{content:"";font-size:1rem;width:1rem;height:1rem;background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%}'],data:{animation:[(0,Ot.X$)("emitEvent",[(0,Ot.eR)(":increment",[(0,Ot.oB)({opacity:1}),(0,Ot.jt)("500ms ease-in")])])]},changeDetection:0}),l})(),_u=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({}),l})(),Ul=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.u5,Gn.Bz,Ur,xn,Rs,ue.j,Wu,ye.z,ce.n6,_u,be.KW,te.cn,_e.dp,q.pc,$n,N.H,No]]}),l})();const Hl={codeEditorVisibilityHandler:l=>Boolean(l.TypeScript&&l.HTML),tabTitles:new Map,fullsize:!0,linkIcon:"tuiIconLink"},Vl=(0,Wt.JN)(Hl);function Ld(l){return(0,Wt.vK)(Vl,l,Hl)}let Bd=(()=>{class l{transform(a,d){return[d,...Object.keys(a)]}}return l.\u0275fac=function(a){return new(a||l)},l.\u0275pipe=e.Yjl({name:"tuiDocExampleGetTabs",type:l,pure:!0}),l})(),zl=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn,Bi,Ro,vo,Ao,Gr){this.clipboard=a,this.alerts=d,this.location=H,this.copyTexts$=Ce,this.texts=Nt,this.codeEditor=Mn,this.processContent=Nn,this.isE2E=Yn,this.codeActions=Bi,this.router=Ro,this.route=vo,this.ngLocation=Ao,this.options=Gr,this.rawLoader$$=new _.X({}),this.id=null,this.fullsize=this.options.fullsize,this.componentName=this.location.pathname.slice(1),this.defaultTabIndex=0,this.defaultTab=this.texts[this.defaultTabIndex],this.activeItemIndex=this.defaultTabIndex,this.copy$=this.copyTexts$.pipe((0,O.U)(([Ir])=>Ir)),this.processor$=this.rawLoader$$.pipe((0,C.w)(p.vP),(0,O.U)(Ir=>this.processContent(Ir))),this.loading$=new g.xQ,this.visible=Ir=>Boolean(this.codeEditor&&this.options.codeEditorVisibilityHandler(Ir))}set content(a){this.rawLoader$$.next(a)}getTabTitle(a){return this.options.tabTitles.get(a)||a}copyExampleLink(){const a=this.location.href.indexOf("#"),H=`${a>-1?this.location.href.slice(0,Math.max(0,a)):this.location.href}#${this.id}`;this.setFragmentWithoutRedirect(this.id),this.clipboard.copy(H),this.alerts.open(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()}edit(a){var d;this.loading$.next(!0),null===(d=this.codeEditor)||void 0===d||d.edit(this.componentName,this.id||"",a).then(()=>this.loading$.next(!1)).catch(()=>this.loading$.next(!1))}setFragmentWithoutRedirect(a){const d=this.router.createUrlTree([],{relativeTo:this.route,fragment:a||""}).toString();this.ngLocation.go(d)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(ur),e.Y36(fn),e.Y36(Pt.Ct),e.Y36(Oe.UV),e.Y36(o.mv),e.Y36(o.lW,8),e.Y36(o.$_),e.Y36(xt.oD),e.Y36(o.mT),e.Y36(Gn.F0),e.Y36(Gn.gz),e.Y36(ne.Ye),e.Y36(Vl))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-example"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_fullsize",d.fullsize)},inputs:{id:"id",heading:"heading",description:"description",content:"content",fullsize:"fullsize",componentName:"componentName"},ngContentSelectors:jr,decls:8,vars:5,consts:[["class","t-title",4,"ngIf"],["class","t-description",4,"ngIf"],["class","t-example",4,"ngIf"],["preview",""],["codeSection",""],[1,"t-title"],[3,"textContent",4,"polymorpheusOutlet"],["appearance","icon","size","xs","tuiIconButton","","type","button","class","t-link-icon",3,"icon","title","click",4,"ngIf"],[3,"textContent"],["appearance","icon","size","xs","tuiIconButton","","type","button",1,"t-link-icon",3,"icon","title","click"],[1,"t-description"],[4,"polymorpheusOutlet"],[1,"t-example"],[4,"ngIf"],["class","t-tabs-wrapper",4,"ngIf"],["class","t-content",3,"t-content_animated","t-content_visible",4,"ngFor","ngForOf"],[1,"t-tabs-wrapper"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngFor","ngForOf"],["size","xs",3,"overlay","showLoader","click",4,"ngIf"],["tuiTab","",4,"tuiItem"],["tuiTab",""],["size","xs",3,"overlay","showLoader","click"],[4,"ngIf","ngIfElse"],["defaultEditContent",""],["appearance","flat","size","s","tuiButton","","type","button"],[1,"t-content"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["anotherTab",""],[3,"ngTemplateOutlet"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["automation-id","tui-doc-example",1,"t-demo"],[3,"code"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(a,d){1&a&&(e.F$t(),e.YNc(0,la,3,2,"h3",0),e.YNc(1,ml,2,1,"h4",1),e.YNc(2,dd,3,4,"div",2),e.ALo(3,"async"),e.YNc(4,hd,2,0,"ng-template",null,3,e.W1O),e.YNc(6,Tl,2,2,"ng-template",null,4,e.W1O)),2&a&&(e.Q6J("ngIf",d.heading),e.xp6(1),e.Q6J("ngIf",d.description),e.xp6(1),e.Q6J("ngIf",e.lcZ(3,3,d.processor$)))},dependencies:[Q.v0,Zu,Wi,K.kM,kd,ne.O5,Ge.Li,ne.sg,Ki,ne.tP,ne.Ov,Bd,kt],styles:["[_nghost-%COMP%]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%], tui-root._mobile   [_nghost-%COMP%]{padding-top:2rem}.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-%COMP%]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-%COMP%]:first-letter, .t-description[_ngcontent-%COMP%]:first-letter{text-transform:capitalize}.t-example[_ngcontent-%COMP%]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-%COMP%]   .t-example[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-example[_ngcontent-%COMP%]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-%COMP%]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-%COMP%]   .t-tabs-wrapper[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-tabs-wrapper[_ngcontent-%COMP%]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-%COMP%]{flex-grow:1}.t-demo[_ngcontent-%COMP%]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar, .t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-%COMP%]   .t-demo[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-demo[_ngcontent-%COMP%]{padding:1rem}[_nghost-%COMP%]:not(._fullsize)   .t-demo[_ngcontent-%COMP%]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-%COMP%]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-%COMP%]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-%COMP%]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-%COMP%]{height:auto;visibility:visible;opacity:1}"],changeDetection:0}),l})(),Pf=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,vr,Sc,Q.fN,fu,Rd,Ge.wq,cn,K.dS]]}),l})();function Ud(l){return l.map(({section:E})=>E).filter(Wt.Pc).filter((E,a,d)=>d.indexOf(E)===a)}const Ts=new e.OlP("[NAVIGATION_TITLE]"),_a=new e.OlP("[NAVIGATION_LABELS]"),va=new e.OlP("[NAVIGATION_ITEMS]"),jl=[Tt.a3,{provide:Ts,deps:[Gn.F0,Gn.gz,o.Yx,Tt.a3],useFactory:(l,E,a,d)=>l.events.pipe((0,y.h)(H=>H instanceof Gn.m2),(0,O.U)(()=>E.firstChild),(0,y.h)(Wt.Pc),(0,U.zg)(({data:H})=>H),(0,O.U)(({title:H})=>`${a}${H}`),(0,S.R)(d))},{provide:_a,deps:[o.V5],useFactory:Ud},{provide:va,deps:[o.V5],useFactory:l=>[...Ud(l).map(a=>l.filter(({section:d})=>d===a)),l.filter(a=>!a.section)]}];let vu=(()=>{class l{constructor(a,d,H,Ce,Nt,Mn,Nn,Yn,Bi,Ro,vo,Ao,Gr,Ir,Xl,kf){this.doc=Ce,this.mode=Nt,this.sidebar=Mn,this.labels=Nn,this.items=Yn,this.searchText=Bi,this.router=Ro,this.activatedRoute=vo,this.destroy$=Ao,this.readyToScroll$=Gr,this.scrollBehavior=Ir,this.docIcons=Xl,this.icons=kf,this.menuOpen=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.search=new Ln.NI(""),this.filtered$=(0,Me.EK)(this.search).pipe((0,y.h)(Vs=>Vs.trim().length>2),(0,O.U)(Vs=>this.filterItems(this.flattenSubPages(this.items),Vs))),this.mode$=this.mode.change$.pipe((0,w.O)(null),(0,O.U)(()=>this.mode.mode||"onLight")),H.subscribe(Vs=>{a.markForCheck(),d.setTitle(Vs),this.openActivePageGroup(),this.handleAnchorLink(this.activatedRoute.snapshot.fragment||"")})}get canOpen(){var a,d;return(null!==(d=null===(a=this.search.value)||void 0===a?void 0:a.length)&&void 0!==d?d:0)>2}get itemsWithoutSections(){return this.items[this.items.length-1]}$pages(a){return a}isActive(a){return a===this.active}onGroupClick(a){this.openPagesGroupsArr[a]=!this.openPagesGroupsArr[a]}closeMenu(){this.menuOpen=!1}onClick(a){a.open=!1,this.menuOpen=!1,this.search.setValue(""),this.openActivePageGroup()}filterItems(a,d){return a.map(H=>(0,Wt.pf)(H.filter(({title:Ce,keywords:Nt=""})=>(d=d.toLowerCase().trim(),Nt=Nt.toLowerCase(),(Ce=Ce.toLowerCase()).includes(d)||Nt.includes(d)||Ce.includes((0,p.OO)(d))||Nt.includes((0,p.OO)(d))||d.replace(/-/gi,"").includes(Ce)||Ce.includes(d.replace(/\s|tui/g,""))||Nt.includes(d.replace(/\s|tui/g,""))||d.split(/\s/).find(Mn=>Ce.includes(Mn)))),"title"))}flattenSubPages(a){return a.reduce((d,H)=>[...d,H.reduce((Ce,Nt)=>"subPages"in Nt?[...Ce,...Nt.subPages]:[...Ce,Nt],[])],[])}isActiveRoute(a){return this.router.isActive(a,{paths:"subset",queryParams:"subset",fragment:"ignored",matrixParams:"ignored"})}handleAnchorLink(a){this.readyToScroll$.pipe((0,y.h)(Boolean),(0,z.q)(1),(0,S.R)(this.destroy$)).subscribe(()=>this.navigateToAnchorLink(a))}openActivePageGroup(){this.items.forEach((a,d)=>{a.forEach((H,Ce)=>{"route"in H&&this.isActiveRoute(H.route)&&(this.openPagesArr[d]=!0,this.active=H.route),"subPages"in H&&H.subPages.forEach(Nt=>{this.isActiveRoute(Nt.route)&&(this.openPagesArr[d]=!0,this.openPagesGroupsArr[100*d+Ce]=!0,this.active=Nt.route)})})})}navigateToAnchorLink(a){const d=a?this.doc.querySelectorAll(`#${a}`):[],H=d.length&&d[d.length-1];H&&(H.classList.add("tui-doc-animated-example"),H.scrollIntoView({block:"start",inline:"nearest",behavior:this.scrollBehavior}))}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.sBO),e.Y36(Ht.Dx),e.Y36(Ts),e.Y36(ne.K0),e.Y36(ye.w),e.Y36(Ka,8),e.Y36(_a),e.Y36(va),e.Y36(o.EI),e.Y36(Gn.F0),e.Y36(Gn.gz),e.Y36(Tt.a3,2),e.Y36(o.V1),e.Y36(o.n1),e.Y36(o.oq),e.Y36(it.Gs))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-navigation"]],hostVars:2,hostBindings:function(a,d){2&a&&e.ekj("_open",d.menuOpen)},features:[e._Bn(jl)],ngContentSelectors:jr,decls:14,vars:14,consts:[["tuiTextfieldSize","m",1,"t-input",3,"formControl","tuiAutoFocus","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside"],["input",""],[4,"ngIf"],[1,"t-navigation"],[1,"t-scrollbar",3,"tuiMode"],[3,"closeOthers","rounded"],["size","s",3,"borders","open","openChange",4,"ngFor","ngForOf"],[1,"t-items-container"],[3,"ngTemplateOutlet","ngTemplateOutletContext",4,"ngFor","ngForOf"],["pages",""],[4,"tuiDataList"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],["tuiOption","",3,"fragment","routerLink","click",4,"ngFor","ngForOf"],["tuiOption","",3,"fragment","routerLink","click"],["class","t-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-icon",3,"src"],["size","s",3,"borders","open","openChange"],[1,"t-label"],["tuiAccordionItemContent",""],[1,"t-section"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["routerLinkActive","t-sublink_active","tuiLink","","class","t-sublink",3,"routerLink","tuiScrollIntoViewLink","click",4,"ngIf","ngIfElse"],["subPagesTemplate",""],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink",3,"routerLink","tuiScrollIntoViewLink","click"],["routerLinkActive","",1,"t-subsection",3,"routerLinkActiveOptions"],["tuiLink","","type","button","class","t-sublink t-sublink_subsection",3,"click",4,"ngIf"],[1,"t-expand",3,"expanded"],[1,"t-section","t-section_bordered"],["routerLinkActive","t-sublink_active","tuiLink","","class","t-sublink t-sublink_small",3,"fragment","routerLink","tuiScrollIntoViewLink","click",4,"ngFor","ngForOf"],["tuiLink","","type","button",1,"t-sublink","t-sublink_subsection",3,"click"],[1,"t-chevron",3,"src"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink","t-sublink_small",3,"fragment","routerLink","tuiScrollIntoViewLink","click"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"tui-input",0,1),e._uU(2),e.YNc(3,gd,2,0,"ng-container",2),e.qZA(),e.TgZ(4,"nav",3)(5,"tui-scrollbar",4),e.ALo(6,"async"),e.TgZ(7,"tui-accordion",5),e.YNc(8,vd,5,3,"tui-accordion-item",6),e.qZA(),e.TgZ(9,"div",7),e.YNc(10,El,1,5,"ng-container",8),e.qZA(),e.YNc(11,Dd,3,2,"ng-template",null,9,e.W1O),e.qZA()(),e.Hsn(13)),2&a&&(e.Q6J("formControl",d.search)("tuiAutoFocus",!!d.sidebar)("tuiTextfieldCleaner",!0)("tuiTextfieldIconLeft",d.docIcons.search)("tuiTextfieldLabelOutside",!0),e.xp6(2),e.hij(" ",d.searchText," "),e.xp6(1),e.Q6J("ngIf",d.canOpen),e.xp6(2),e.Q6J("tuiMode",e.lcZ(6,12,d.mode$)),e.xp6(2),e.Q6J("closeOthers",!1)("rounded",!1),e.xp6(1),e.Q6J("ngForOf",d.labels),e.xp6(2),e.Q6J("ngForOf",d.itemsWithoutSections))},dependencies:[ra.K3,q.qi,q.vK,X.PN,ze.IB,_f,aa,ue.V,G,ra.wU,te.sz,Ln.JJ,Ln.oH,ui,te.be,te.aR,te.xT,ne.O5,q.gX,ne.sg,q.Rs,Gn.yS,Ge.Li,ye.w,Qu,ne.tP,Gn.Od,zc,ne.Ov],styles:["[_nghost-%COMP%]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input[_ngcontent-%COMP%]{margin:1.25rem}.t-navigation[_ngcontent-%COMP%]{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:smooth;width:100%}tui-root._reduced-motion[_nghost-%COMP%]   .t-scrollbar[_ngcontent-%COMP%], tui-root._reduced-motion   [_nghost-%COMP%]   .t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:auto}.t-items-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-%COMP%]{margin-left:.5rem}.t-expand[_ngcontent-%COMP%]{margin-left:.25rem}.t-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered[_ngcontent-%COMP%]{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection[_ngcontent-%COMP%]{margin-left:.5rem}.t-sublink[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small[_ngcontent-%COMP%]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-%COMP%]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-%COMP%]{color:var(--tui-text-01)}.t-icon[_ngcontent-%COMP%]{margin-left:.5rem}.t-chevron[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-%COMP%]{transform:rotate(90deg)}"],changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"filterItems",null),(0,$i.gn)([Co.UM],l.prototype,"flattenSubPages",null),l})(),Hd=(()=>{class l{constructor(a,d,H,Ce,Nt){this.icons=a,this.logo=d,this.menu=H,this.router=Ce,this.swipes$=Nt,this.stream$=new g.xQ,this.open$=(0,m.T)(this.router.events.pipe((0,O.U)(B.Iy)),this.stream$,this.swipes$.pipe((0,y.h)(Mn=>"left"===Mn.direction||"right"===Mn.direction),(0,O.U)(Mn=>"right"===Mn.direction))).pipe((0,w.O)(!1),(0,Z.x)())}onClick(){this.stream$.next(!0)}onActiveZone(a){a||this.stream$.next(!1)}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(o.Or),e.Y36(o.gG),e.Y36(Gn.F0),e.Y36(Tt.$D))},l.\u0275cmp=e.Xpm({type:l,selectors:[["header","tuiDocHeader",""]],attrs:bd,ngContentSelectors:jr,decls:6,vars:6,consts:[["appearance","icon","tuiIconButton","","type","button",1,"t-menu",3,"icon","title","click","tuiActiveZoneChange"],["class","t-navigation",4,"tuiSidebar"],[1,"t-logo"],["alt","Logo","class","t-img",3,"src",4,"polymorpheusOutlet"],[1,"t-navigation"],["alt","Logo",1,"t-img",3,"src"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"button",0),e.NdJ("click",function(){return d.onClick()})("tuiActiveZoneChange",function(Ce){return d.onActiveZone(Ce)}),e.YNc(1,Td,1,0,"tui-doc-navigation",1),e.ALo(2,"async"),e.qZA(),e.TgZ(3,"div",2),e.YNc(4,Pr,1,1,"img",3),e.qZA(),e.Hsn(5)),2&a&&(e.Q6J("icon",d.icons.menu)("title",d.menu),e.xp6(1),e.Q6J("tuiSidebar",!!e.lcZ(2,4,d.open$)),e.xp6(3),e.Q6J("polymorpheusOutlet",d.logo))},dependencies:[Q.v0,vu,At.e,Ka,Ge.Li,ne.Ov],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-navigation);height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}@supports (background: color-mix(in srgb,var(--tui-base-01),transparent 50%)){[_nghost-%COMP%]{background:color-mix(in srgb,var(--tui-base-01),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-%COMP%]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-%COMP%]{display:block}.t-menu[_ngcontent-%COMP%]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-%COMP%]{display:none}}.t-navigation[_ngcontent-%COMP%]{min-height:100%}"],changeDetection:0}),l})(),$l=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ln.UX,Gn.Bz,Ge.wq,jc,Q.fN,ra.Qf,te.cn,At.A,et.WD,ye.z,ue.j,he,Cn.jh,_e.dp,vf,ze.Jy,X.EI,q.pc,fi]]}),l})(),Gl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Q.fN,Xa,At.A,$l]]}),l})(),Wl=(()=>{class l{constructor(a,d){this.text=a,this.pages=d,this.seeAlso=[]}getRouterLink(a){var d,H;return null!==(H=null===(d=this.pages.get(a))||void 0===d?void 0:d.route)&&void 0!==H?H:""}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.VX),e.Y36(o._Z))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-see-also"]],inputs:{seeAlso:"seeAlso"},decls:3,vars:2,consts:[[1,"t-header"],[4,"ngFor","ngForOf"],["tuiLink","",3,"innerText","routerLink"],[4,"ngIf"]],template:function(a,d){1&a&&(e.TgZ(0,"h5",0),e._uU(1),e.qZA(),e.YNc(2,Ed,3,3,"ng-container",1)),2&a&&(e.xp6(1),e.Oqu(d.text),e.xp6(1),e.Q6J("ngForOf",d.seeAlso))},dependencies:[ue.V,ne.sg,Gn.yS,ne.O5],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-02);margin:0 0 .5rem;white-space:nowrap}"],changeDetection:0}),l})(),yu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,ue.j]]}),l})(),Sf=(()=>{class l{constructor(a,d,H){this.icons=a,this.sourceCode=d,this.text=H,this.header="",this.package="",this.type="",this.path=""}get pathOptions(){return this.getPathOptions(this.header,this.package,this.type,this.path)}pathIsUrl(a){return a.startsWith("http")}getPathOptions(a,d,H,Ce){return{header:a,package:d,type:H,path:Ce}}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(o.yO),e.Y36(o.as))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-source-code"]],inputs:{header:"header",package:"package",type:"type",path:"path"},decls:1,vars:2,consts:[["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","icon","title",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","icon","title"]],template:function(a,d){1&a&&e.YNc(0,Md,1,3,"a",0),2&a&&e.Q6J("polymorpheusOutlet",d.pathIsUrl(d.path)?d.path:d.sourceCode)("polymorpheusOutletContext",d.pathOptions)},dependencies:[Q.v0,Ge.Li],encapsulation:2,changeDetection:0}),(0,$i.gn)([Co.UM],l.prototype,"pathIsUrl",null),(0,$i.gn)([Co.UM],l.prototype,"getPathOptions",null),l})(),Cu=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Ge.wq,Q.fN]]}),l})(),Zl=(()=>{class l{constructor(a,d,H){this.icons=a,this.theme=d,this.night=H,this.change$=this.night,this.night$=this.change$.pipe((0,w.O)(null),(0,O.U)(()=>this.night.value),(0,Z.x)(),(0,le.B)())}get mode(){return this.night.value?"onDark":null}get icon(){return this.night.value?this.icons.day:this.icons.night}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.oq),e.Y36(il),e.Y36(ol))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-main"]],hostVars:1,hostBindings:function(a,d){2&a&&e.uIk("data-mode",d.mode)},features:[e._Bn([{provide:ye.w,useExisting:(0,e.Gpc)(()=>l)},Tt.$D])],ngContentSelectors:xl,decls:21,vars:4,consts:[[4,"ngIf"],[1,"tui-doc-page"],[1,"tui-doc-navigation"],[1,"tui-doc-content"],[1,"tui-doc-outlet"],["tuiDocHeader",""],["appearance","secondary","shape","rounded","size","s","tuiIconButton","","tuiMode","onLight","type","button",1,"tui-doc-night-mode-switch",3,"icon","click"],["ngProjectAs","tuiOverContent",5,["tuiOverContent"]],["ngProjectAs","tuiOverDialogs",5,["tuiOverDialogs"]],["ngProjectAs","tuiOverAlerts",5,["tuiOverAlerts"]],["ngProjectAs","tuiOverPortals",5,["tuiOverPortals"]],["ngProjectAs","tuiOverHints",5,["tuiOverHints"]]],template:function(a,d){1&a&&(e.F$t(xd),e.YNc(0,wd,1,0,"tui-theme-night",0),e.ALo(1,"async"),e.TgZ(2,"tui-root")(3,"div",1)(4,"tui-doc-navigation",2),e.Hsn(5),e.qZA(),e.TgZ(6,"div",3),e._UZ(7,"router-outlet",4),e.qZA()(),e.TgZ(8,"header",5),e.Hsn(9,1),e.TgZ(10,"button",6),e.NdJ("click",function(){return d.night.toggle()}),e.qZA()(),e.ynx(11,7),e.Hsn(12,2),e.BQk(),e.ynx(13,8),e.Hsn(14,3),e.BQk(),e.ynx(15,9),e.Hsn(16,4),e.BQk(),e.ynx(17,10),e.Hsn(18,5),e.BQk(),e.ynx(19,11),e.Hsn(20,6),e.BQk(),e.qZA()),2&a&&(e.Q6J("ngIf",d.theme.isDefaultTheme&&d.night.useDefaultNightTheme&&e.lcZ(1,2,d.night$)),e.xp6(10),e.Q6J("icon",d.icon))},dependencies:[Et,at,vu,Hd,Q.v0,ne.O5,Gn.lC,ye.w,ne.Ov],styles:['html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@keyframes tuiShaking{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.3125rem)}20%,40%,60%,80%{transform:translate(.3125rem)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*="language-"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-base-04);font-size:.75rem;padding:0 .3125rem;margin:.125rem 0;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*="language-"]){background:var(--tui-clear);box-shadow:none}a code:not(pre code):not(.hljs):not([class*="language-"]){color:var(--tui-link)}button:focus code,a:focus code{background:var(--tui-base-01)}.tui-doc-page{isolation:isolate;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;width:16.25rem;border-right:1px solid var(--tui-base-03)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{animation:1s .3s tuiShaking}.tui-doc-night-mode-switch{margin-left:1rem}.tui-doc-night-mode-switch tui-svg{color:var(--tui-text-02)}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:normal;color:var(--tui-text-01)}tui-doc-code .hljs-property{color:var(--tui-support-14)}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-02);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:bold;color:var(--tui-link)}tui-doc-code .hljs-attr{color:var(--tui-link)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:bold;color:var(--tui-support-06)}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:normal}tui-doc-code .hljs-string{color:var(--tui-positive);font-weight:bold}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-link-hover)}tui-doc-code [data-mode=onDark] .hljs-variable,tui-doc-code [data-mode=onDark] .hljs-template-variable{color:var(--tui-warning-fill)}tui-doc-code .hljs-addition{background:var(--tui-success-bg)}tui-doc-code .hljs-deletion{background:var(--tui-error-bg)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:bold}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}\n'],encapsulation:2}),l})(),Kl=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,Gt,Gl,He,er,Dn,Q.fN,ye.z,$l]]}),l})();const $r=new e.OlP("[PAGE_SEE_ALSO]"),Vd=[{provide:$r,deps:[e.SBq,o.UL],useFactory:({nativeElement:l},E)=>{const a=l.getAttribute("header"),d=E.filter(Ce=>Ce.includes(a))||[],H=new Set(d.join().split(",").filter(Ce=>Ce&&Ce!==a));return Array.from(H)}}];let ya=(()=>{class l{constructor(a){this.template=a}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(e.Rgc))},l.\u0275dir=e.lG2({type:l,selectors:[["","pageTab",""]],inputs:{pageTab:"pageTab"}}),l})(),Ca=(()=>{class l{constructor(a,d){this.defaultTabs=a,this.seeAlso=d,this.header="",this.package="",this.type="",this.path="",this.deprecated=!1,this.tabConnectors=B.Mm,this.activeItemIndex=0,this.from=/ /g,this.to="_"}get showSeeAlso(){return!!this.seeAlso.length&&0===this.activeItemIndex}}return l.\u0275fac=function(a){return new(a||l)(e.Y36(o.AC),e.Y36($r))},l.\u0275cmp=e.Xpm({type:l,selectors:[["tui-doc-page"]],contentQueries:function(a,d,H){if(1&a&&e.Suo(H,ya,4),2&a){let Ce;e.iGM(Ce=e.CRH())&&(d.tabConnectors=Ce)}},inputs:{header:"header",package:"package",type:"type",path:"path",deprecated:"deprecated"},features:[e._Bn(Vd)],ngContentSelectors:jr,decls:11,vars:10,consts:[[1,"t-header"],[1,"t-title"],["status","custom","value","deprecated","class","t-tag t-tag_deprecated",4,"ngIf"],["status","custom","class","t-tag t-tag_package",3,"autoColor","value",4,"ngIf"],["class","t-tabs",3,"activeItemIndex","activeItemIndexChange",4,"ngIf"],[1,"t-source-code",3,"header","package","path","type"],[1,"t-content"],["class","t-see-also",3,"seeAlso",4,"ngIf"],[4,"ngFor","ngForOf"],["status","custom","value","deprecated",1,"t-tag","t-tag_deprecated"],["status","custom",1,"t-tag","t-tag_package",3,"autoColor","value"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngIf"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions",4,"tuiItem"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions"],[1,"t-see-also",3,"seeAlso"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"ngTemplateOutlet"]],template:function(a,d){1&a&&(e.F$t(),e.TgZ(0,"header",0)(1,"h1",1),e._uU(2),e.YNc(3,Ad,1,0,"tui-tag",2),e.YNc(4,Pd,1,2,"tui-tag",3),e.qZA(),e.YNc(5,Hs,2,2,"tui-tabs-with-more",4),e._UZ(6,"tui-doc-source-code",5),e.qZA(),e.TgZ(7,"div",6),e.Hsn(8),e.YNc(9,Al,1,1,"tui-doc-see-also",7),e.YNc(10,Sl,2,1,"ng-container",8),e.qZA()),2&a&&(e.xp6(2),e.hij(" ",d.header," "),e.xp6(1),e.Q6J("ngIf",!!d.deprecated||""===d.deprecated),e.xp6(1),e.Q6J("ngIf",d.package),e.xp6(1),e.Q6J("ngIf",d.tabConnectors.length),e.xp6(1),e.Q6J("header",d.header)("package",d.package)("path",d.path)("type",d.type),e.xp6(3),e.Q6J("ngIf",d.showSeeAlso),e.xp6(1),e.Q6J("ngForOf",d.tabConnectors))},dependencies:[qu,Zu,Wi,Sf,Wl,ne.O5,ne.sg,Ki,Gn.yS,Gn.Od,ne.tP,dr],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-%COMP%]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-%COMP%]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-%COMP%]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-%COMP%]{color:#000}.t-tabs[_ngcontent-%COMP%]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-%COMP%]   .t-tabs[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-tabs[_ngcontent-%COMP%]{margin-top:.25rem}.t-content[_ngcontent-%COMP%]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-%COMP%]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-%COMP%]   .t-see-also[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .t-see-also[_ngcontent-%COMP%]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-%COMP%]{align-self:flex-end;line-height:2.75rem;margin-left:auto}"],changeDetection:0}),l})(),zd=(()=>{class l{}return l.\u0275fac=function(a){return new(a||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[[ne.ez,Gn.Bz,yu,Sc,el,Cu,nr]]}),l})()},4548:(Ve,ae,s)=>{"use strict";s.d(ae,{$_:()=>le,AC:()=>y,B$:()=>q,EI:()=>We,Es:()=>Q,IK:()=>B,Ii:()=>ce,Or:()=>we,UL:()=>he,V1:()=>Te,V5:()=>$e,VX:()=>Le,Yx:()=>te,_Z:()=>Ie,as:()=>Je,et:()=>ue,gG:()=>ne,lW:()=>S,mT:()=>w,mv:()=>K,n1:()=>G,oq:()=>z,ru:()=>X,x9:()=>Re,yO:()=>ye});var e=s(1927),o=s(4537),p=s(4427),_=s(4487),g=s(1439),f=s(8653),m=s(5917),C=s(3190),O=s(6060);const w=(0,e.JN)(""),S=new o.OlP("[TUI_DOC_CODE_EDITOR]"),y=(0,e.JN)([]),z=(0,e.JN)({search:"tuiIconSearch",day:"tuiIconSun",night:"tuiIconMoon",code:"tuiIconCode",menu:"tuiIconMenuLarge"}),le=(0,e.JN)(_.y),Q=(0,e.JN)(p.vi),ue=(0,e.JN)(new Set([])),X=(0,e.JN)(["Read more more about modes: ","Background","Form value"]),B=(0,e.JN)(["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]),K=(0,e.JN)(["Preview","Link to a sample was successfully copied","Done"]),ne=(0,e.JN)("Menu"),We=(0,e.JN)("Search"),Le=(0,e.JN)("See also"),Je=(0,e.JN)("Source code"),we=(0,e.JN)(""),Te=(0,e.JN)((0,g.P)(()=>(0,f.H)(200).pipe((0,C.w)(()=>(0,m.of)(!0))))),$e=(0,e.JN)([]),Ie=(0,e.N1)(()=>(0,p.S4)((0,o.f3M)($e))),G=(0,e.N1)(()=>(0,o.f3M)(O.TK)?"auto":"smooth"),he=(0,e.JN)([]),ye=(0,e.JN)(null),te=(0,e.JN)(""),Re=(0,e.JN)(null),q=(0,e.JN)(p.TN),ce=(0,e.JN)(String)},4427:(Ve,ae,s)=>{"use strict";s.d(ae,{JQ:()=>Q,OO:()=>ne,S4:()=>B,TN:()=>We,Ve:()=>S,cd:()=>_,p8:()=>w,sj:()=>z,vP:()=>ue,vi:()=>le});var e=s(4841),o=s.n(e),p=s(4911);function _(Le){return"true"===(null==Le?void 0:Le.toString())}function w(Le){const Je=String(Le).trim();if(function g(Le){return["undefined","null","NaN"].includes(Le)}(Je))return null;if(function f(Le){return"true"===Le||"false"===Le}(Je))return"true"===String(Je);if(function m(Le){return!!Le.trim()&&!Number.isNaN(Number(Le))&&!Le.startsWith("+")}(Je))return Number(Je);const we=decodeURIComponent(Je);try{return function C(Le){return Le.startsWith("[")&&Le.endsWith("]")}(we)||function O(Le){return Le.startsWith("{")&&Le.endsWith("}")}(we)?JSON.parse(we):we}catch{return we}}function S(Le){return[{path:"",component:Le,children:[{path:":tab",component:Le}]}]}function z(Le,Je){if(null===Le)return"null";switch(typeof Le){case"string":return`'${Le}'`;case"undefined":case"number":case"boolean":case"function":return String(Le)}return Le instanceof RegExp?String(Le):Array.isArray(Le)?function y(Le,Je){if(0===Je)return"[\u2026]";let we="",Te=!0;for(let $e=0;$e<Le.length;$e++)Te?Te=!1:we+=", ",we+=$e in Le?z(Le[$e],Je-1):"empty";return`[${we}]`}(Le,Je):function U(Le,Je){if(0===Je)return"{\u2026}";let we="",Te=!0;for(const $e in Le)Le.hasOwnProperty($e)&&(Te?Te=!1:we+=", ",we+=`${$e}: ${z(Le[$e],Je-1)}`);return`{${we}}`}(Le,Je)}function le(Le=""){const we=(new(o())).parse(Le,{}).filter(({tag:Te,type:$e})=>"code"===Te&&"fence"===$e).map(({content:Te})=>Te.trim());return we.length?we:[Le]}function Q(Le){return(0,p.mG)(this,void 0,void 0,function*(){return Le instanceof Promise?(yield Le).default:Le})}function ue(Le){return(0,p.mG)(this,void 0,void 0,function*(){const Je={};for(const[we,Te]of Object.entries(Le))Te&&(Je[we]=yield Q(Te));return Je})}function B(Le){const Je=new Map;return Le.forEach(we=>{"subPages"in we?we.subPages.forEach(Te=>{Je.set(Te.title,Te)}):Je.set(we.title,we)}),Je}const K={\u0430:"f",\u0431:",",\u0432:"d",\u0433:"u",\u0434:"l",\u0435:"t",\u0451:"`",\u0436:";",\u0437:"p",\u0438:"b",\u0439:"q",\u043a:"r",\u043b:"k",\u043c:"v",\u043d:"y",\u043e:"j",\u043f:"g",\u0440:"h",\u0441:"c",\u0442:"n",\u0443:"e",\u0444:"a",\u0445:"[",\u0446:"w",\u0447:"x",\u0448:"i",\u0449:"o",\u044a:"]",\u044b:"s",\u044c:"m",\u044e:".",\u044f:"z"};function ne(Le){let Je="";for(let we=0;we<Le.length;we++)Je+=Le.charAt(we)in K?K[Le.charAt(we)]:Le.charAt(we);return Je}function We(Le){var Je;return(null!==(Je=Le.match(/<([^>]+)>/g))&&void 0!==Je?Je:[]).reduce(($e,Ie)=>$e.replace(Ie,Ie.replace(/\|/g,"&")),Le).split("|").map($e=>$e.trim()).reduce(($e,Ie)=>{var G,he,ye,te,Re,q,ce,be,N,_e,ze,_t;let Et=Ie.trim().replace(/readonly /g,"").replace(/\[\]/g,"");return Et=null!==(te=null===(ye=null===(he=null===(G=Et.match(/ReadonlyArray<([^>]+)>/))||void 0===G?void 0:G[1])||void 0===he?void 0:he.split("&"))||void 0===ye?void 0:ye[0])&&void 0!==te?te:Et,Et=null!==(be=null===(ce=null===(q=null===(Re=Et.match(/\[([^\]]+)\]/))||void 0===Re?void 0:Re[1])||void 0===q?void 0:q.split(","))||void 0===ce?void 0:ce[0])&&void 0!==be?be:Et,Et=null!==(_t=null===(ze=null!==(_e=null===(N=Et.split("<"))||void 0===N?void 0:N[0])&&void 0!==_e?_e:Et)||void 0===ze?void 0:ze.trim())&&void 0!==_t?_t:"",Et=Number.isNaN(parseFloat(Et))?Et:"number",Et=/^'(.+)'$|^"(.+)"$|^`(.+)`$/.test(Et)?"string":Et,Et=1===Et.length?"unknown":Et,$e.concat({type:Ie.replace(/&/g,"|"),extracted:Et})},[])}},6480:(Ve,ae,s)=>{"use strict";s.d(ae,{Er:()=>he,F9:()=>Ie,FX:()=>ne,GM:()=>ye,M$:()=>We,N9:()=>G,QJ:()=>Je,Xn:()=>K,d5:()=>we,wB:()=>Le});var e=s(4537),o=s(8942),_=(s(8939),s(3770)),g=s(1927),f=s(9765),m=s(6682),C=s(882),O=s(6215),w=s(7460),S=s(9761),y=s(8002),U=s(5435),z=s(7519),Z=s(3190),le=s(6782),Q=s(7881),ue=s(7788),de=s(8692);const X=["viewContainer"];let K=(()=>{class te{constructor(){this.pseudoHover=null,this.pseudoActive=null,this.pseudoFocus=null,this.focusable=!0,this.nativeId="",this.focusedChange=new e.vpe,this.focusVisibleChange=new e.vpe,this.focusVisible=!1,this.autoIdString=`tui_interactive_${te.autoId++}${Date.now()}`}get computedDisabled(){return this.disabled}get computedFocusable(){return!this.computedDisabled&&(this.focusable||this.focused)}get computedFocused(){var q;return!this.computedDisabled&&(null!==(q=this.pseudoFocus)&&void 0!==q?q:this.focused)}get computedFocusVisible(){var q;return!this.computedDisabled&&(null!==(q=this.pseudoFocus)&&void 0!==q?q:this.focusVisible)}get id(){return this.nativeId||this.autoIdString}updateFocused(q){this.focusedChange.emit(q)}updateFocusVisible(q){this.focusVisible!==q&&(this.focusVisible=q,this.focusVisibleChange.emit(q))}}return te.autoId=0,te.\u0275fac=function(q){return new(q||te)},te.\u0275dir=e.lG2({type:te,hostVars:7,hostBindings:function(q,ce){2&q&&(e.uIk("data-focused",ce.pseudoFocus),e.ekj("_disabled",ce.computedDisabled)("_focused",ce.computedFocused)("_focus-visible",ce.computedFocusVisible))},inputs:{pseudoHover:"pseudoHover",pseudoActive:"pseudoActive",pseudoFocus:"pseudoFocus",focusable:"focusable",nativeId:"nativeId"},outputs:{focusedChange:"focusedChange",focusVisibleChange:"focusVisibleChange"}}),te})();class ne{}let We=(()=>{class te extends K{constructor(q,ce,be){super(),this.ngControl=q,this.cdr=ce,this.valueTransformer=be,this.refresh$=new f.xQ,this.onTouched=_.iD,this.onChange=_.iD,this.fallbackValue=this.getFallbackValue(),this.destroy$=new f.xQ,this.readOnly=!1,this.pseudoInvalid=null,this.ngControl&&(this.ngControl.valueAccessor=this)}get computedInvalid(){return this.interactive&&(null!==this.pseudoInvalid?this.pseudoInvalid:this.touched&&this.invalid)}get value(){var q;return null!==(q=this.previousInternalValue)&&void 0!==q?q:this.fallbackValue}set value(q){this.updateValue(q)}get safeCurrentValue(){var q;return null!==(q=this.rawValue)&&void 0!==q?q:this.fallbackValue}get invalid(){return this.safeNgControlData(({invalid:q})=>q,!1)}get valid(){return this.safeNgControlData(({valid:q})=>q,!1)}get touched(){return this.safeNgControlData(({touched:q})=>q,!1)}get disabled(){return this.safeNgControlData(({disabled:q})=>q,!1)}get interactive(){return!this.readOnly&&!this.computedDisabled}get control(){return this.safeNgControlData(({control:q})=>q,null)}get computedName(){var q,ce;return null!==(ce=null===(q=this.controlName)||void 0===q?void 0:q.toString())&&void 0!==ce?ce:null}get controlName(){var q,ce,be;return null!==(be=null===(ce=null===(q=this.ngControl)||void 0===q?void 0:q.name)||void 0===ce?void 0:ce.toString())&&void 0!==be?be:null}get rawValue(){const{ngControl:q}=this;if(null!==q)return this.fromControlValue(q instanceof o.On&&void 0===this.previousInternalValue?q.viewModel:q.value)}ngOnInit(){this.refresh$.pipe((0,w.g)(0),(0,S.O)(null),(0,y.U)(()=>{var q;return null===(q=this.ngControl)||void 0===q?void 0:q.control}),(0,U.h)(g.Pc),(0,z.x)(),(0,Z.w)(q=>(0,m.T)(q.valueChanges,q.statusChanges)),(0,le.R)(this.destroy$)).subscribe(()=>{this.refreshLocalValue(this.safeCurrentValue)})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}checkControlUpdate(){this.cdr.markForCheck()}registerOnChange(q){this.onChange=ce=>{q(this.toControlValue(ce))},this.refresh$.next()}registerOnTouched(q){this.onTouched=q}setDisabledState(){this.checkControlUpdate()}writeValue(q){this.refreshLocalValue(this.fromControlValue(this.ngControl instanceof o.On&&void 0===this.previousInternalValue?this.ngControl.model:q))}updateFocused(q){q||this.controlMarkAsTouched(),super.updateFocused(q)}updateValue(q){this.disabled||this.valueIdenticalComparator(this.value,q)||(this.previousInternalValue=q,this.controlSetValue(q))}valueIdenticalComparator(q,ce){return q===ce}safeNgControlData(q,ce){var be;return null!==(be=this.ngControl&&q(this.ngControl))&&void 0!==be?be:ce}controlMarkAsTouched(){this.onTouched(),this.checkControlUpdate()}controlSetValue(q){this.onChange(q),this.checkControlUpdate()}refreshLocalValue(q){this.previousInternalValue=q,this.checkControlUpdate()}fromControlValue(q){return this.valueTransformer?this.valueTransformer.fromControlValue(q):q}toControlValue(q){return this.valueTransformer?this.valueTransformer.toControlValue(q):q}}return te.\u0275fac=function(q){return new(q||te)(e.Y36(o.a5,8),e.Y36(e.sBO),e.Y36(ne,8))},te.\u0275dir=e.lG2({type:te,hostVars:4,hostBindings:function(q,ce){2&q&&e.ekj("_readonly",ce.readOnly)("_invalid",ce.computedInvalid)},inputs:{readOnly:"readOnly",pseudoInvalid:"pseudoInvalid"},features:[e.qOj]}),te})();function Le(te){return{provide:We,useExisting:te}}let Je=(()=>{class te{constructor(){this.change$=new f.xQ}ngOnChanges(){this.change$.next()}}return te.\u0275fac=function(q){return new(q||te)},te.\u0275dir=e.lG2({type:te,features:[e.TTD]}),te})(),we=(()=>{class te extends C.y{constructor(q){super(ce=>this.dialogs$.subscribe(ce)),this.idService=q,this.dialogs$=new O.X([])}open(q,ce={}){return new C.y(be=>{const _e=Object.assign(Object.assign(Object.assign({},this.defaultOptions),ce),{content:q,completeWith:ze=>{be.next(ze),be.complete()},$implicit:be,component:this.component,createdAt:Date.now(),id:this.idService.generate()});return this.dialogs$.next([...this.dialogs$.value,_e]),()=>{this.dialogs$.next(this.dialogs$.value.filter(ze=>ze!==_e))}})}}return te.\u0275fac=function(q){return new(q||te)(e.LFG(Q.ll))},te.\u0275prov=e.Yz7({token:te,factory:te.\u0275fac}),te})(),Ie=(()=>{class te extends We{getFallbackValue(){return null}}return te.\u0275fac=function(){let Re;return function(ce){return(Re||(Re=e.n5z(te)))(ce||te)}}(),te.\u0275dir=e.lG2({type:te,features:[e.qOj]}),te})(),G=(()=>{class te{get safeHost(){if(!this.host)throw new ue.ZB;return this.host}attach(q){this.host=q}add(q){return this.safeHost.addComponentChild(q)}remove({hostView:q}){q.destroyed||q.destroy()}addTemplate(q,ce){return this.safeHost.addTemplateChild(q,ce)}removeTemplate(q){q.destroyed||q.destroy()}}return te.\u0275fac=function(q){return new(q||te)},te.\u0275prov=e.Yz7({token:te,factory:te.\u0275fac}),te})(),he=(()=>{class te{constructor(q,ce,be){this.injector=q,this.el=ce,be.attach(this)}get clientRect(){return this.el.nativeElement.getBoundingClientRect()}addComponentChild(q){const ce=q.createInjector(this.injector),N=ce.get(e._Vd).resolveComponentFactory(q.component),ze=e.zs3.create({parent:ce,providers:[{provide:te,useValue:this}]}),_t=this.vcr.createComponent(N,void 0,ze);return _t.changeDetectorRef.detectChanges(),_t}addTemplateChild(q,ce){return this.vcr.createEmbeddedView(q,ce)}}return te.\u0275fac=function(q){return new(q||te)(e.Y36(e.gxx),e.Y36(e.SBq),e.Y36(G))},te.\u0275dir=e.lG2({type:te,viewQuery:function(q,ce){if(1&q&&e.Gf(X,5,e.s_b),2&q){let be;e.iGM(be=e.CRH())&&(ce.vcr=be.first)}}}),te})(),ye=(()=>{class te{constructor(q){if(this.doc=q,null!==this.style)return void this.addTheme();const ce=this.doc.head.querySelectorAll("style");this.constructor.style=ce[ce.length-1]}get style(){return this.constructor.style}ngOnDestroy(){this.removeTheme()}addTheme(){this.style&&this.doc.head.appendChild(this.style)}removeTheme(){var q;null===(q=this.style)||void 0===q||q.remove()}}return te.style=null,te.\u0275fac=function(q){return new(q||te)(e.Y36(de.K0))},te.\u0275dir=e.lG2({type:te}),te})()},8939:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>p,z:()=>o});var e=s(3770);const o={enabled:!1,get assert(){return e.iD}};class p{constructor(g,f={}){this.message=g,this.context=f}}},5122:(Ve,ae,s)=>{"use strict";s.d(ae,{ae:()=>_,mL:()=>f,qY:()=>g});var e=s(4537),o=s(6480);const p=["*"];let _=(()=>{class m extends o.N9{}return m.\u0275fac=function(){let C;return function(w){return(C||(C=e.n5z(m)))(w||m)}}(),m.\u0275prov=e.Yz7({token:m,factory:m.\u0275fac,providedIn:"root"}),m})(),g=(()=>{class m extends o.Er{}return m.\u0275fac=function(){let C;return function(w){return(C||(C=e.n5z(m)))(w||m)}}(),m.\u0275cmp=e.Xpm({type:m,selectors:[["tui-dropdown-host"]],features:[e._Bn([{provide:o.N9,useExisting:_},{provide:o.Er,useExisting:m}]),e.qOj],ngContentSelectors:p,decls:3,vars:0,consts:[["viewContainer",""]],template:function(O,w){1&O&&(e.F$t(),e.Hsn(0),e.GkF(1,null,0))},styles:['[_nghost-%COMP%]{position:relative;z-index:0;display:block;height:100%}[_nghost-%COMP%]:before{content:"";display:block;overflow:hidden}.t-position-fixed-offset[_ngcontent-%COMP%]{position:fixed;left:0;top:0;pointer-events:none;visibility:hidden;width:100%;height:100%}'],changeDetection:0}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({}),m})()},1359:(Ve,ae,s)=>{"use strict";s.d(ae,{eI:()=>Le,ex:()=>We,tZ:()=>K});var e=s(4537),o=s(2579),p=s(2485),_=s(8033),g=s(8002),f=s(3190),m=s(6782),C=s(6803),O=s(9761),w=s(7519),S=s(8692),y=s(3770),U=s(7881),z=s(6682);function Z(Je,we){if(1&Je&&(e.TgZ(0,"div",3),e._UZ(1,"div",4),e.qZA()),2&Je){const Te=e.oxw().ngIf;e.ekj("t-bar_has-horizontal",Te[1])}}function le(Je,we){if(1&Je&&(e.TgZ(0,"div",5),e._UZ(1,"div",6),e.qZA()),2&Je){const Te=e.oxw().ngIf;e.ekj("t-bar_has-vertical",Te[0])}}function Q(Je,we){if(1&Je&&(e.ynx(0),e.YNc(1,Z,2,2,"div",1),e.YNc(2,le,2,2,"div",2),e.BQk()),2&Je){const Te=we.ngIf;e.xp6(1),e.Q6J("ngIf",Te[0]),e.xp6(1),e.Q6J("ngIf",Te[1])}}let B=(()=>{class Je{constructor(Te,$e,Ie,G,he,ye){this.container=G,this.doc=he,this.el=ye,this.tuiScrollbar="vertical";const{nativeElement:te}=this.el,Re=(0,p.mL)(te,"mousedown"),q=(0,p.mL)(this.doc,"mousemove"),ce=(0,p.mL)(this.doc,"mouseup"),be=(0,p.mL)(this.wrapper,"mousedown");(0,z.T)(be.pipe((0,g.U)(N=>this.getScrolled(N,.5,.5))),Re.pipe((0,p.vm)(),(0,f.w)(N=>{const _e=te.getBoundingClientRect(),ze=function de({clientY:Je},{top:we,height:Te}){return(Je-we)/Te}(N,_e),_t=function X({clientX:Je},{left:we,width:Te}){return(Je-we)/Te}(N,_e);return q.pipe((0,g.U)(Et=>this.getScrolled(Et,ze,_t)),(0,m.R)(ce))}))).pipe((0,p.fL)(Te),(0,m.R)($e)).subscribe(([N,_e])=>{"vertical"===this.tuiScrollbar?this.element.scrollTop=N:this.element.scrollLeft=_e}),(0,z.T)(Ie.pipe((0,C.p)(y.Yg)),(0,p.pt)(this.element)).pipe((0,p.fL)(Te),(0,m.R)($e)).subscribe(()=>{"vertical"===this.tuiScrollbar?(te.style.top=100*this.thumb+"%",te.style.height=100*this.view+"%"):(te.style.left=100*this.thumb+"%",te.style.width=100*this.view+"%")})}get wrapper(){return this.el.nativeElement.parentElement}get scrolled(){const{scrollTop:Te,scrollHeight:$e,clientHeight:Ie,scrollLeft:G,scrollWidth:he,clientWidth:ye}=this.element;return"vertical"===this.tuiScrollbar?Te/($e-Ie):G/(he-ye)}get compensation(){const{clientHeight:Te,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.element;return Te*Te/$e>24&&"vertical"===this.tuiScrollbar||Ie*Ie/G>24&&"horizontal"===this.tuiScrollbar?0:"vertical"===this.tuiScrollbar?24/Te:24/Ie}get thumb(){return this.scrolled*(1-(this.compensation||this.view))}get view(){const{clientHeight:Te,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.element;return"vertical"===this.tuiScrollbar?Math.ceil(Te/$e*100)/100:Math.ceil(Ie/G*100)/100}get element(){return this.container.nativeElement}getScrolled({clientY:Te,clientX:$e},Ie,G){const{offsetHeight:he,offsetWidth:ye}=this.el.nativeElement,{top:te,left:Re,width:q,height:ce}=this.wrapper.getBoundingClientRect();return[(Te-te-he*Ie)/(ce-he)*(this.element.scrollHeight-ce),($e-Re-ye*G)/(q-ye)*(this.element.scrollWidth-q)]}}return Je.\u0275fac=function(Te){return new(Te||Je)(e.Y36(e.R0b),e.Y36(U.a3,2),e.Y36(o.L1),e.Y36(_.$_),e.Y36(S.K0),e.Y36(e.SBq))},Je.\u0275dir=e.lG2({type:Je,selectors:[["","tuiScrollbar",""]],inputs:{tuiScrollbar:"tuiScrollbar"},features:[e._Bn([U.a3])]}),Je})(),K=(()=>{class Je{constructor(Te,$e,Ie){this.zone=Te,this.scrollRef=$e,this.animationFrame$=Ie,this.refresh$=this.animationFrame$.pipe((0,C.p)(300),(0,g.U)(()=>this.scrollbars),(0,O.O)([!1,!1]),(0,w.x)((G,he)=>G[0]===he[0]&&G[1]===he[1]),(0,p.Yr)(this.zone))}get scrollbars(){const{clientHeight:Te,scrollHeight:$e,clientWidth:Ie,scrollWidth:G}=this.scrollRef.nativeElement;return[Math.ceil(Te/$e*100)<100,Math.ceil(Ie/G*100)<100]}}return Je.\u0275fac=function(Te){return new(Te||Je)(e.Y36(e.R0b),e.Y36(_.$_),e.Y36(o.L1))},Je.\u0275cmp=e.Xpm({type:Je,selectors:[["tui-scroll-controls"]],decls:2,vars:3,consts:[[4,"ngIf"],["class","t-bar t-bar_vertical",3,"t-bar_has-horizontal",4,"ngIf"],["class","t-bar t-bar_horizontal",3,"t-bar_has-vertical",4,"ngIf"],[1,"t-bar","t-bar_vertical"],["tuiScrollbar","vertical",1,"t-thumb"],[1,"t-bar","t-bar_horizontal"],["tuiScrollbar","horizontal",1,"t-thumb"]],template:function(Te,$e){1&Te&&(e.YNc(0,Q,3,2,"ng-container",0),e.ALo(1,"async")),2&Te&&e.Q6J("ngIf",e.lcZ(1,1,$e.refresh$))},dependencies:[S.O5,B,S.Ov],styles:["[_nghost-%COMP%]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-%COMP%]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-%COMP%]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-%COMP%]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-%COMP%]{right:.5rem}.t-thumb[_ngcontent-%COMP%]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-%COMP%]:hover{opacity:.24}.t-thumb[_ngcontent-%COMP%]:active{opacity:.48}.t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{width:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{height:.875rem}"],changeDetection:0}),Je})(),We=(()=>{class Je{}return Je.\u0275fac=function(Te){return new(Te||Je)},Je.\u0275dir=e.lG2({type:Je,selectors:[["","tuiScrollRef",""]],features:[e._Bn([{provide:_.$_,useExisting:e.SBq}])]}),Je})(),Le=(()=>{class Je{}return Je.\u0275fac=function(Te){return new(Te||Je)},Je.\u0275mod=e.oAB({type:Je}),Je.\u0275inj=e.cJS({imports:[[S.ez]]}),Je})()},3770:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>B,Iy:()=>p,Jy:()=>w,Kx:()=>le,LZ:()=>C,Lw:()=>de,Ml:()=>ye,Mm:()=>m,Ye:()=>_,Yg:()=>ue,bg:()=>Z,em:()=>Je,f$:()=>X,fv:()=>Le,iD:()=>O,yZ:()=>S});var e=s(4537),o=s(4091);const p=()=>!1,_=()=>!0,f={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},m=new e.n_E,C=[],O=()=>{},w=Object.assign(Object.assign({},f),{toJSON:()=>f}),S=te=>String(te),Z=(te,Re)=>te===Re||function y(te,Re){return Array.isArray(te)&&Array.isArray(Re)&&!te.length&&!Re.length}(te,Re),le=(0,o.X$)("tuiParentAnimation",[(0,o.eR)(":leave",[(0,o.IO)(":scope > *",[(0,o.pV)()],{optional:!0})])]),ue=((0,o.X$)("tuiParentStop",[(0,o.eR)(":enter",[])]),1e3/15),de=te=>"ownerSVGElement"in te?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,X="\xa0",B="\u2013",Le="-",Je="\u2212",ye="3.57.0"},4358:(Ve,ae,s)=>{"use strict";s.d(ae,{UM:()=>O});var e=s(7788);function C(y,U,z=!0){return function(){const le=y.call(this);return Object.defineProperty(this,U,{enumerable:z,value:le}),le}}function O(y,U,z){if("function"==typeof y){const X=U;if("getter"===X.kind)return C(y,X.name);if("method"===X.kind)return function m(y){let Z,U=[],z=!1;return function(...Q){return z&&U.length===Q.length&&Q.every((de,X)=>de===U[X])||(U=Q,Z=y.apply(this,Q),z=!0),Z}}(y);throw new e.jw}const{get:Z,enumerable:le,value:Q}=z,ue=U;if(Z)return{configurable:!0,enumerable:le,get:C(Z,ue,le)};if("function"!=typeof Q)throw new e.jw;const de=Q;return{configurable:!0,enumerable:le,get(){let K,X=[],B=!1;const ne=(...We)=>(B&&X.length===We.length&&We.every((Je,we)=>Je===X[we])||(X=We,K=de.apply(this,We),B=!0),K);return Object.defineProperty(this,ue,{configurable:!0,value:ne}),ne}}}},221:(Ve,ae,s)=>{"use strict";s.d(ae,{A:()=>y,e:()=>S});var e=s(4911),o=s(4537),p=s(4358),_=s(2485),g=s(8033),f=s(1927),m=s(8002),C=s(9761),O=s(7519),w=s(3653);let S=(()=>{class U{constructor(Z,le,Q,ue){var de;this.active$=Z,this.zone=le,this.el=Q,this.directParentActiveZone=ue,this.subActiveZones=[],this.tuiActiveZoneParent=null,this.tuiActiveZoneChange=this.active$.pipe((0,m.U)(X=>!!X&&this.contains(X)),(0,C.O)(!1),(0,O.x)(),(0,w.T)(1),(0,_.Yr)(this.zone)),null===(de=this.directParentActiveZone)||void 0===de||de.addSubActiveZone(this)}set tuiActiveZoneParentSetter(Z){this.setZone(Z)}ngOnDestroy(){var Z,le;null===(Z=this.directParentActiveZone)||void 0===Z||Z.removeSubActiveZone(this),null===(le=this.tuiActiveZoneParent)||void 0===le||le.removeSubActiveZone(this)}contains(Z){return this.el.nativeElement.contains(Z)||this.subActiveZones.some((le,Q,ue)=>ue.indexOf(le)===Q&&le.contains(Z))}setZone(Z){var le;null===(le=this.tuiActiveZoneParent)||void 0===le||le.removeSubActiveZone(this),null==Z||Z.addSubActiveZone(this),this.tuiActiveZoneParent=Z}addSubActiveZone(Z){this.subActiveZones=[...this.subActiveZones,Z]}removeSubActiveZone(Z){this.subActiveZones=(0,f.WX)(this.subActiveZones,this.subActiveZones.indexOf(Z))}}return U.\u0275fac=function(Z){return new(Z||U)(o.Y36(g.wk),o.Y36(o.R0b),o.Y36(o.SBq),o.Y36(U,12))},U.\u0275dir=o.lG2({type:U,selectors:[["","tuiActiveZone","",5,"ng-container"],["","tuiActiveZoneChange","",5,"ng-container"],["","tuiActiveZoneParent","",5,"ng-container"]],inputs:{tuiActiveZoneParentSetter:["tuiActiveZoneParent","tuiActiveZoneParentSetter"]},outputs:{tuiActiveZoneChange:"tuiActiveZoneChange"},exportAs:["tuiActiveZone"]}),(0,e.gn)([p.UM],U.prototype,"setZone",null),U})(),y=(()=>{class U{}return U.\u0275fac=function(Z){return new(Z||U)},U.\u0275mod=o.oAB({type:U}),U.\u0275inj=o.cJS({}),U})()},4541:(Ve,ae,s)=>{"use strict";s.d(ae,{S:()=>p,t:()=>o});var e=s(4537);let o=(()=>{class _{constructor(){this.indeterminate=!1,this.checked=!1,this.tuiCheckedChange=new e.vpe}get isChecked(){return this.checked}get isIndeterminate(){return this.indeterminate}set tuiChecked(f){this.checked=f||!1,this.indeterminate=null===f}onChange({checked:f}){this.checked=f,this.indeterminate=!1,this.tuiCheckedChange.emit(f)}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275dir=e.lG2({type:_,selectors:[["input","tuiChecked",""],["input","tuiCheckedChange",""]],hostVars:2,hostBindings:function(f,m){1&f&&e.NdJ("change",function(O){return m.onChange(O.target)}),2&f&&e.Ikx("checked",m.isChecked)("indeterminate",m.isIndeterminate)},inputs:{tuiChecked:"tuiChecked"},outputs:{tuiCheckedChange:"tuiCheckedChange"}}),_})(),p=(()=>{class _{}return _.\u0275fac=function(f){return new(f||_)},_.\u0275mod=e.oAB({type:_}),_.\u0275inj=e.cJS({}),_})()},8491:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>_,q:()=>p});var e=s(4537),o=s(7881);let p=(()=>{class g{constructor(m){this.tuiFocusVisibleChange=m}}return g.\u0275fac=function(m){return new(m||g)(e.Y36(o.ku))},g.\u0275dir=e.lG2({type:g,selectors:[["","tuiFocusVisibleChange",""]],outputs:{tuiFocusVisibleChange:"tuiFocusVisibleChange"},features:[e._Bn([o.a3,o.ku])]}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},3633:(Ve,ae,s)=>{"use strict";s.d(ae,{t:()=>o,u:()=>p});var e=s(4537);let o=(()=>{class _{constructor(){this.focusable=!0}get tabIndex(){return this.focusable?0:-1}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275dir=e.lG2({type:_,selectors:[["","tuiFocusable",""]],hostVars:1,hostBindings:function(f,m){2&f&&e.Ikx("tabIndex",m.tabIndex)},inputs:{focusable:["tuiFocusable","focusable"]}}),_})(),p=(()=>{class _{}return _.\u0275fac=function(f){return new(f||_)},_.\u0275mod=e.oAB({type:_}),_.\u0275inj=e.cJS({}),_})()},5059:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>w,U:()=>O});var e=s(4537),o=s(2485),p=s(7179),_=s(6682),g=s(8002),f=s(9761),m=s(7519),C=s(3653);let O=(()=>{class S{constructor({nativeElement:U},z){this.tuiFocusedChange=(0,_.T)((0,o.mL)(U,"focusin"),(0,o.mL)(U,"focusout")).pipe((0,g.U)(()=>(0,p.V8)(U)),(0,f.O)(!1),(0,m.x)(),(0,C.T)(1),(0,o.Yr)(z))}}return S.\u0275fac=function(U){return new(U||S)(e.Y36(e.SBq),e.Y36(e.R0b))},S.\u0275dir=e.lG2({type:S,selectors:[["","tuiFocusedChange",""]],outputs:{tuiFocusedChange:"tuiFocusedChange"}}),S})(),w=(()=>{class S{}return S.\u0275fac=function(U){return new(U||S)},S.\u0275mod=e.oAB({type:S}),S.\u0275inj=e.cJS({}),S})()},6111:(Ve,ae,s)=>{"use strict";s.d(ae,{VE:()=>U,co:()=>y,gs:()=>S});var e=s(4537),o=s(3770),p=s(2485),_=s(4493),g=s(882),f=s(6682),m=s(8002),C=s(5435),O=s(7519);function w({currentTarget:z,relatedTarget:Z}){return!(0,_.ve)(Z)||!(0,_.ve)(z)||!z.contains(Z)}let S=(()=>{class z extends g.y{constructor(le,Q){super(ue=>this.stream$.subscribe(ue)),this.el=le,this.zone=Q,this.stream$=(0,f.T)((0,p.mL)(this.el.nativeElement,"mouseenter").pipe((0,m.U)(o.Ye)),(0,p.mL)(this.el.nativeElement,"mouseleave").pipe((0,m.U)(o.Iy)),(0,p.mL)(this.el.nativeElement,"mouseout").pipe((0,C.h)(w),(0,m.U)(o.Iy))).pipe((0,O.x)(),(0,p.Yr)(this.zone))}}return z.\u0275fac=function(le){return new(le||z)(e.LFG(e.SBq),e.LFG(e.R0b))},z.\u0275prov=e.Yz7({token:z,factory:z.\u0275fac}),z})(),y=(()=>{class z{constructor(le){this.tuiHoveredChange=le}}return z.\u0275fac=function(le){return new(le||z)(e.Y36(S))},z.\u0275dir=e.lG2({type:z,selectors:[["","tuiHoveredChange",""]],outputs:{tuiHoveredChange:"tuiHoveredChange"},features:[e._Bn([S])]}),z})(),U=(()=>{class z{}return z.\u0275fac=function(le){return new(le||z)},z.\u0275mod=e.oAB({type:z}),z.\u0275inj=e.cJS({}),z})()},2668:(Ve,ae,s)=>{"use strict";s.d(ae,{Ls:()=>p,WD:()=>_});var e=s(4537);class o{constructor(f){this.internalDirectiveInstance=f}get $implicit(){return this.internalDirectiveInstance.tuiLet}get tuiLet(){return this.internalDirectiveInstance.tuiLet}}let p=(()=>{class g{constructor(m,C){m.createEmbeddedView(C,new o(this))}static ngTemplateContextGuard(m,C){return!0}}return g.\u0275fac=function(m){return new(m||g)(e.Y36(e.s_b),e.Y36(e.Rgc))},g.\u0275dir=e.lG2({type:g,selectors:[["","tuiLet",""]],inputs:{tuiLet:"tuiLet"}}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},1486:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>O,e:()=>w});var e=s(4537),o=s(2485),p=s(7881),_=s(4493),g=s(5435),f=s(6782),m=s(3190),C=s(8307);let O=(()=>{class S{constructor({nativeElement:U},z,Z){this.mode="scroll",(0,o.mL)(U,"wheel",{passive:!1}).pipe((0,g.h)(()=>this.enabled),(0,o.fL)(z),(0,f.R)(Z)).subscribe(le=>{this.processEvent(le,!!le.deltaY,le.deltaY?le.deltaY<0:le.deltaX<0)}),(0,o.mL)(U,"touchstart",{passive:!0}).pipe((0,m.w)(({touches:le})=>{let B,{clientX:Q,clientY:ue}=le[0],de=0,X=0;return(0,o.mL)(U,"touchmove",{passive:!1}).pipe((0,g.h)(()=>this.enabled),(0,C.b)(K=>{const ne=K.changedTouches[0];de=Q-ne.clientX,X=ue-ne.clientY,Q=ne.clientX,ue=ne.clientY,void 0===B&&(B=Math.abs(X)>Math.abs(de)),this.processEvent(K,B,B?X<0:de<0)}))}),(0,o.fL)(z),(0,f.R)(Z)).subscribe()}get enabled(){return"none"!==this.mode}get overscrollBehavior(){return this.enabled?"contain":null}processEvent(U,z,Z){var le;const{target:Q,currentTarget:ue,cancelable:de}=U;if(de&&(0,_.ve)(Q)&&"range"!==(null===(le=Q)||void 0===le?void 0:le.type)){if("all"===this.mode&&(z&&!ue.contains((0,_.Hs)(Q))||!z&&!ue.contains((0,_.Hs)(Q,!1))))return void U.preventDefault();if(z&&(Z&&!(0,_.ty)(Q,ue,!0,!1)||!Z&&!(0,_.ty)(Q,ue,!0,!0)))return void U.preventDefault();!z&&(Z&&!(0,_.ty)(Q,ue,!1,!1)||!Z&&!(0,_.ty)(Q,ue,!1,!0))&&U.preventDefault()}}}return S.\u0275fac=function(U){return new(U||S)(e.Y36(e.SBq),e.Y36(e.R0b),e.Y36(p.a3,2))},S.\u0275dir=e.lG2({type:S,selectors:[["","tuiOverscroll",""]],hostVars:2,hostBindings:function(U,z){2&U&&e.Udp("overscroll-behavior",z.overscrollBehavior)},inputs:{mode:["tuiOverscroll","mode"]},features:[e._Bn([p.a3])]}),S})(),w=(()=>{class S{}return S.\u0275fac=function(U){return new(U||S)},S.\u0275mod=e.oAB({type:S}),S.\u0275inj=e.cJS({}),S})()},6424:(Ve,ae,s)=>{"use strict";s.d(ae,{B:()=>o,L:()=>e});var e=(()=>{return(p=e||(e={}))[p.Sunday=0]="Sunday",p[p.Monday=1]="Monday",p[p.Tuesday=2]="Tuesday",p[p.Wednesday=3]="Wednesday",p[p.Thursday=4]="Thursday",p[p.Friday=5]="Friday",p[p.Saturday=6]="Saturday",e;var p})(),o=(()=>{return(p=o||(o={}))[p.January=0]="January",p[p.February=1]="February",p[p.March=2]="March",p[p.April=3]="April",p[p.May=4]="May",p[p.June=5]="June",p[p.July=6]="July",p[p.August=7]="August",p[p.September=8]="September",p[p.October=9]="October",p[p.November=10]="November",p[p.December=11]="December",o;var p})()},7788:(Ve,ae,s)=>{"use strict";s.d(ae,{AM:()=>_,I4:()=>p,JY:()=>g,ZB:()=>f,aq:()=>m,j2:()=>S,jw:()=>C});class e extends Error{constructor(){super("")}}class o extends Error{constructor(){super("")}}class p extends Error{constructor(Z){super("")}}class _ extends Error{constructor(Z){super("")}}class g extends Error{constructor(Z){super("")}}class f extends Error{constructor(){super("")}}class m extends Error{constructor(){super("")}}class C extends Error{constructor(){super("")}}class O extends Error{constructor(){super("")}}class w extends Error{constructor(){super("")}}class S extends Error{constructor(){super("")}}class y extends Error{constructor(){super("")}}class U extends Error{constructor(){super("")}}},2485:(Ve,ae,s)=>{"use strict";s.d(ae,{EK:()=>Je,ix:()=>Re,Xd:()=>q,fw:()=>ce,ll:()=>be,pt:()=>Et,vm:()=>Gt,mL:()=>we,NA:()=>St,Yr:()=>Ht,fL:()=>Ot});var e=s(7788),o=s(882),p=s(2759),_=s(4022),g=s(8653),f=s(6682),m=s(6481),C=s(9193),O=s(9761),w=s(3190),S=s(8002),y=s(7519),U=s(7349),z=s(5257),Z=s(5435),le=s(7393);class ue{call(Tt,xt){return xt.subscribe(new de(Tt))}}class de extends le.L{_next(Tt){}}var X=s(9196),B=s(7057),K=s(8307),ne=s(1927),We=s(3770),Le=s(7179);function Je(Pt){return new o.y(Tt=>{if(!Pt.valueChanges)throw new e.j2;Pt.valueChanges.pipe((0,O.O)(Pt.value)).subscribe(Tt)})}function we(Pt,Tt,xt={}){return(0,p.R)(Pt,Tt,xt)}function he(Pt=0){return(0,_.z)((0,w.w)(()=>(0,g.H)(Pt).pipe((0,S.U)(We.Iy),(0,O.O)(!0))),(0,y.x)())}let ye,te;function Re(Pt){const Tt=we(Pt,"blur"),{ownerDocument:xt}=Pt;if(!xt)throw new e.aq;return(!te||!ye)&&(ye=we(xt,"mouseup",{capture:!0}).pipe(he(),(0,O.O)(!1),(0,U.d)({bufferSize:1,refCount:!0})),te=we(xt,"mousedown",{capture:!0}).pipe(he(),(0,O.O)(!1),(0,U.d)({bufferSize:1,refCount:!0}))),(0,f.T)((0,m.z)(we(Pt,"focus").pipe((0,z.q)(1)),Tt.pipe((0,Z.h)(()=>!(0,Le.V8)(Pt)),(0,z.q)(1),function Q(){return function(Tt){return Tt.lift(new ue)}}())).pipe((0,X.r)(),(0,B.M)(te,ye,(Wt,sn,_n)=>sn||_n),(0,Z.h)(ne.Mv))).pipe((0,w.w)(()=>Tt.pipe((0,S.U)(We.Iy),(0,z.q)(1),(0,O.O)(!0))),(0,y.x)())}function q(Pt,Tt=Boolean){return(0,_.z)((0,w.w)(xt=>Tt(xt)?Pt(xt):C.E))}function ce(Pt){var Tt,xt;return"observed"in Pt?Pt.observed:!(null===(xt=null===(Tt=Pt)||void 0===Tt?void 0:Tt.observers)||void 0===xt||!xt.length)}function be(Pt){return Pt.changes.pipe((0,O.O)(null),(0,S.U)(()=>(0,ne.gD)(Pt)))}function Et(Pt){return we(Pt===Pt.ownerDocument.documentElement?Pt.ownerDocument:Pt,"scroll")}function Gt(){return(0,K.b)(Pt=>{Pt.stopPropagation()})}function St(Pt){return(0,K.b)(()=>{Pt.markForCheck()})}function Ot(Pt){return Tt=>new o.y(xt=>Pt.runOutsideAngular(()=>Tt.subscribe(xt)))}function Ht(Pt){return(0,_.z)(Ot(Pt),function qt(Pt){return Tt=>new o.y(xt=>Tt.subscribe({next:Wt=>Pt.run(()=>xt.next(Wt)),error:Wt=>Pt.run(()=>xt.error(Wt)),complete:()=>Pt.run(()=>xt.complete())}))}(Pt))}},7881:(Ve,ae,s)=>{"use strict";s.d(ae,{a3:()=>Ke,gH:()=>Fe,ku:()=>ht,ll:()=>$t,AQ:()=>wt,b0:()=>Ye,tl:()=>kt,Fr:()=>ot,$D:()=>st});var e=s(4537),o=s(8447),p=s(882),_=s(1439),g=s(6682),f=s(2759),m=s(6666),C=s(2485),O=s(6782),w=s(7460),S=s(6803),y=s(8002),U=s(9761),z=s(7519),Z=s(5304),le=s(4395),Q=s(4121),ue=s(3190),de=s(7349),X=s(9328),B=s(5435),K=s(2579),ne=s(3770),We=s(4493),Le=s(8692);const we=new e.OlP("Box model to observe changes",{providedIn:"root",factory:()=>"content-box"}),Te=new e.OlP("Resize Observer API support",{providedIn:"root",factory:()=>!!(0,e.f3M)(K.m9).ResizeObserver});let $e=(()=>{class $ extends p.y{constructor({nativeElement:De},pt,ct,vt){let At;return super(Se=>{if(ct)return At=new ResizeObserver(Be=>{pt.run(()=>{Se.next(Be)})}),At.observe(De,{box:vt}),()=>{At.disconnect()};Se.error("ResizeObserver is not supported in your browser")}),this.pipe((0,Q.B)())}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(Te),e.LFG(we))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})();var te=s(1927),Re=s(4911),et=s(3464);var ke=s(8033);let Ke=(()=>{class $ extends o.t{constructor(){super(1)}ngOnDestroy(){this.next(),this.complete()}}return $.\u0275fac=function(De){return new(De||$)},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),Fe=(()=>{class ${constructor(De,pt){this.resolver=De,this.injector=pt,this.map=new Map}addComponent(De){this.map.has(De)||this.map.set(De,this.resolver.resolveComponentFactory(De).create(this.injector))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e._Vd),e.LFG(e.gxx))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),ht=(()=>{class $ extends p.y{constructor({nativeElement:De},pt,ct){super(vt=>this.focusVisible$.subscribe(vt)),this.focusVisible$=(0,C.ix)(De).pipe((0,C.NA)(pt),(0,O.R)(ct))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.sBO),e.LFG(Ke,2))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),$t=(()=>{class ${generate(){return`tui_${$.autoId++}${Date.now()}`}}return $.autoId=0,$.\u0275fac=function(De){return new(De||$)},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),Ye=(()=>{class $ extends p.y{constructor(De,pt){super(ct=>this.callback$.subscribe(ct)),this.callback$=(0,_.P)(()=>{let{nativeElement:ct}=De;const vt=[pt,ct];for(;ct.parentElement;)ct=ct.parentElement,vt.push(ct);return(0,g.T)(...vt.map(At=>(0,C.mL)(At,"scroll")))})}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(K.m9))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),wt=(()=>{class $ extends p.y{constructor(De,{nativeElement:pt},ct,vt,At,Se){super(Be=>this.obscured$.subscribe(Be)),this.obscured$=(0,g.T)((0,g.T)(De,(0,f.R)(vt,"resize")).pipe((0,w.g)(0)),Se.pipe((0,S.p)(ne.Yg))).pipe((0,y.U)(()=>(0,We.PU)(pt)),(0,U.O)(null),(0,z.x)(),(0,C.Yr)(ct),(0,O.R)(At))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(Ye,2),e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(K.m9),e.LFG(Ke,2),e.LFG(K.L1))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),kt=(()=>{class $ extends $e{constructor(De,pt,ct,vt,At,Se){return super(De,pt,vt,At),this.pipe((0,Z.K)(()=>Se.pipe((0,S.p)(ne.Yg),(0,y.U)(()=>`${De.nativeElement.clientWidth} ${De.nativeElement.clientHeight}`),(0,z.x)(),(0,y.U)(()=>ne.LZ))),(0,le.b)(0),(0,C.fL)(pt),(0,Q.B)(),(0,O.R)(ct))}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(e.R0b),e.LFG(Ke,2),e.LFG(Te),e.LFG(we),e.LFG(K.L1))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})(),ot=(()=>{class ${constructor(De,pt){this.win=De,this.platformId=pt,this.cache=new Map}request(De){const pt=this.cache.get(De);if(pt)return pt;const vt=("AbortController"in this.win||(0,Le.PM)(this.platformId)?function Ge($,Ne={}){const{selector:De}=Ne,pt=function N($,Ne){var De={};for(var pt in $)Object.prototype.hasOwnProperty.call($,pt)&&Ne.indexOf(pt)<0&&(De[pt]=$[pt]);if(null!=$&&"function"==typeof Object.getOwnPropertySymbols){var ct=0;for(pt=Object.getOwnPropertySymbols($);ct<pt.length;ct++)Ne.indexOf(pt[ct])<0&&Object.prototype.propertyIsEnumerable.call($,pt[ct])&&(De[pt[ct]]=$[pt[ct]])}return De}(Ne,["selector"]);return new p.y(ct=>{const vt=new AbortController,At=vt.signal;let Se=!0,Be=!1;const se=new et.w;let re;if(se.add(()=>{Be=!0,Se&&vt.abort()}),pt){if(pt.signal)if(pt.signal.aborted)vt.abort();else{const Y=pt.signal,fe=()=>{At.aborted||vt.abort()};Y.addEventListener("abort",fe),se.add(()=>Y.removeEventListener("abort",fe))}re=Object.assign({},pt,{signal:At})}else re={signal:At};return fetch($,re).then(Y=>{De?se.add((0,m.D)(De(Y)).subscribe(fe=>ct.next(fe),fe=>{Se=!1,Be||ct.error(fe)},()=>{Se=!1,ct.complete()})):(Se=!1,ct.next(Y),ct.complete())}).catch(Y=>{Se=!1,Be||ct.error(Y)}),se})}(De):(0,_.P)(()=>(0,m.D)(fetch(De)))).pipe((0,ue.w)(At=>(0,Re.mG)(this,void 0,void 0,function*(){if(At.ok)return At.text();throw new Error(`Failed to load ${De} (${At.statusText})`)})),(0,de.d)({bufferSize:1,refCount:!1}));return this.cache.set(De,vt),vt}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(K.m9),e.LFG(e.Lbi))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac,providedIn:"root"}),$})(),st=(()=>{class $ extends p.y{constructor({nativeElement:De},{timeout:pt,threshold:ct},vt){super(At=>{(0,g.T)((0,C.mL)(De,"touchstart",{passive:!0}),(0,C.mL)(vt,"touchend")).pipe((0,X.G)(),(0,B.h)(([Se,Be])=>!!Se.touches.length&&Se.touches[0].identifier===Be.changedTouches[0].identifier),(0,y.U)(([Se,Be])=>{const Ue=Se.touches[0].clientX-Be.changedTouches[0].clientX,dt=Se.touches[0].clientY-Be.changedTouches[0].clientY,rt=Be.timeStamp-Se.timeStamp;return(Math.abs(Ue)>ct||Math.abs(dt)>ct)&&rt<pt?{direction:(0,te.M8)(Ue,dt),events:[Se,Be]}:null}),(0,B.h)(te.Pc)).subscribe(At)})}}return $.\u0275fac=function(De){return new(De||$)(e.LFG(e.SBq),e.LFG(ke.s6),e.LFG(Le.K0))},$.\u0275prov=e.Yz7({token:$,factory:$.\u0275fac}),$})()},8033:(Ve,ae,s)=>{"use strict";s.d(ae,{wk:()=>te,bS:()=>Re,I2:()=>ce,qY:()=>N,KZ:()=>_t,tS:()=>Gt,XG:()=>Pt,TN:()=>Tt,oD:()=>_n,FA:()=>St,fL:()=>Ht,jF:()=>ut,$_:()=>Ge,s6:()=>ke,fM:()=>ht,XH:()=>q,Q:()=>_e,FT:()=>Et});var e=s(8692),o=s(4537),p=s(2579),_=s(2485),g=s(1927),f=s(4493);const C=/ipad|iphone|ipod/;function O(Ye){return C.test(Ye.userAgent.toLowerCase())||function m(Ye){return Ye.platform.startsWith("Mac")||"iPhone"===Ye.platform}(Ye)&&Ye.maxTouchPoints>1}const w=/^((?!chrome|android).)*safari/i;var y=s(6215),U=s(8653),z=s(6682),Z=s(5917),le=s(6666),Q=s(9193),ue=s(3190),de=s(8002),X=s(9761),B=s(4121),K=s(5435),ne=s(6782),We=s(2361),Le=s(7057),Je=s(5257),we=s(7519),Te=s(7349),$e=s(763),Ie=s(3770);const G=(0,g.N1)(()=>{const Ye={onRemovalComplete:()=>{}},wt=new y.X(null),Mt=(0,o.f3M)($e.Th,o.XFs.Optional)||Ye,{onRemovalComplete:kt=Ye.onRemovalComplete}=Mt;return Mt.onRemovalComplete=(cn,Yt)=>{wt.next(cn),kt.call(Mt,cn,Yt)},wt.pipe((0,ue.w)(cn=>(0,U.H)(0).pipe((0,de.U)(()=>null),(0,X.O)(cn))),(0,B.B)())});function he(Ye,wt=null){return!((0,f.Wf)(Ye).activeElement===Ye||Ye.matches(":disabled")||null!=wt&&wt.contains(Ye))}const te=(0,g.N1)(()=>{const Ye=(0,o.f3M)(G),wt=(0,o.f3M)(p.m9),Mt=(0,o.f3M)(e.K0),kt=(0,_.mL)(wt,"focusout"),cn=(0,_.mL)(wt,"focusin"),Yt=(0,_.mL)(wt,"blur"),Qe=(0,_.mL)(wt,"mousedown"),lt=(0,_.mL)(wt,"mouseup");return(0,z.T)(kt.pipe((0,ne.R)(Qe),(0,We.a)(()=>lt),(0,Le.M)(Ye),(0,K.h)(([ot,st])=>he((0,f.mA)(ot),st)),(0,de.U)(([{relatedTarget:ot}])=>ot)),Yt.pipe((0,de.U)(()=>Mt.activeElement),(0,K.h)(ot=>!(null==ot||!ot.matches("iframe")))),cn.pipe((0,ue.w)(ot=>{const st=(0,f.mA)(ot),it=(0,f.Wf)(st);return it===Mt?(0,Z.of)(st):function ye(Ye){return(0,z.T)((0,_.mL)(Ye,"focusin").pipe((0,de.U)(({target:wt})=>wt)),(0,_.mL)(Ye,"focusout").pipe((0,K.h)(({target:wt,relatedTarget:Mt})=>!!Mt&&he(wt)),(0,de.U)(({relatedTarget:wt})=>wt)))}(it).pipe((0,X.O)(st))})),Qe.pipe((0,ue.w)(ot=>{const st=(0,f.mA)(ot);return Mt.activeElement&&Mt.activeElement!==Mt.body?kt.pipe((0,Je.q)(1),(0,de.U)(()=>st),(0,ne.R)((0,U.H)(0))):(0,Z.of)(st)}))).pipe((0,we.x)(),(0,B.B)())}),Re=(0,g.JN)([]);function q(Ye){return{provide:Re,multi:!0,useExisting:Ye}}const ce=(0,g.N1)(()=>{var Ye,wt;return null!==(wt=null===(Ye=(0,o.f3M)(e.K0).querySelector("base"))||void 0===Ye?void 0:Ye.href)&&void 0!==wt?wt:""}),N=((0,g.N1)(()=>(0,o.f3M)(o.FYo).createRenderer(null,null)),(0,g.JN)([]));function _e(Ye){return{provide:N,multi:!0,useExisting:Ye}}(0,g.N1)(()=>{var Ye;const wt=null===(Ye=(0,o.f3M)(e.K0).querySelector("base"))||void 0===Ye?void 0:Ye.href;if(wt)return wt;const Mt=(0,o.f3M)(e.K0).createElement("a");return Mt.href="",Mt.pathname});const _t=new o.OlP("[TUI_FOCUSABLE_ITEM_ACCESSOR]");function Et(Ye){return{provide:_t,useExisting:Ye}}const Gt=new o.OlP("[TUI_FONTS_READY]",{factory:()=>{var Ye;return(0,le.D)((null===(Ye=(0,o.f3M)(e.K0).fonts)||void 0===Ye?void 0:Ye.ready)||Q.E).pipe((0,Te.d)({bufferSize:1,refCount:!1}))}}),St=(0,g.N1)(()=>O((0,o.f3M)(p.s5))),qt=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/,Ot=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/,Ht=(0,g.N1)(()=>qt.test((0,o.f3M)(p.yZ).toLowerCase())||Ot.test((0,o.f3M)(p.yZ).slice(0,4).toLowerCase())),Pt=(0,g.N1)(()=>(0,o.f3M)(Ht)&&!(0,o.f3M)(St)),Tt=(0,g.N1)(()=>function S(Ye){return O(Ye)||w.test(Ye.userAgent.toLowerCase())}((0,o.f3M)(p.s5))),Wt=((0,g.N1)(()=>!!(0,o.f3M)(p.m9).chrome),(0,g.N1)(()=>!!(0,o.f3M)(p.m9).Cypress)),sn=(0,g.N1)(Ie.Iy),_n=(0,g.N1)(()=>(0,o.f3M)(Wt)||(0,o.f3M)(sn)),ut=((0,g.N1)(()=>{var Ye;return typeof(null===(Ye=(0,o.f3M)(p.m9))||void 0===Ye?void 0:Ye.mozCancelFullScreen)<"u"}),(0,g.N1)(()=>(0,o.f3M)(p.m9).location.host.endsWith("stackblitz.io")),(0,g.N1)(()=>{var Ye;return!(null===(Ye=(0,o.f3M)(p.m9))||void 0===Ye||!Ye.webkitConvertPointFromNodeToPage)}));(0,g.JN)("web"),(0,g.N1)(()=>(0,e.NF)((0,o.f3M)(o.Lbi))?new Range:{});const Ge=(0,g.N1)(()=>new o.SBq((0,o.f3M)(e.K0).documentElement)),ke=(0,g.JN)({timeout:500,threshold:30}),ht=((0,g.N1)(Ie.Ye),(0,g.N1)(()=>(0,o.f3M)(p.m9).matchMedia("(any-pointer: coarse)").matches),new o.OlP("[TUI_WINDOW_SIZE]",{factory:()=>{const Ye=(0,o.f3M)(p.m9);return(0,_.mL)(Ye,"resize").pipe((0,X.O)(null),(0,de.U)(()=>{var wt,Mt;const kt=Math.max(Ye.innerWidth,(null===(wt=Ye.visualViewport)||void 0===wt?void 0:wt.width)||0),cn=Math.max(Ye.innerHeight,(null===(Mt=Ye.visualViewport)||void 0===Mt?void 0:Mt.height)||0);return{width:kt,height:cn,top:0,left:0,right:kt,bottom:cn}}),(0,Te.d)({bufferSize:1,refCount:!0}))}}));(0,g.N1)(()=>(0,o.f3M)(ht).pipe((0,de.U)(({height:Ye})=>Ye))),(0,g.JN)({wheelSensitivity:.01})},1213:(Ve,ae,s)=>{"use strict";function _(f){return f.toLowerCase().includes("firefox")}function g({ownerDocument:f}){var m,C,O,w,S,y,U,z;const Z=null==f?void 0:f.defaultView,le=typeof Z.safari<"u"&&"[object SafariRemoteNotification]"===(null===(C=null===(m=Z.safari)||void 0===m?void 0:m.pushNotification)||void 0===C?void 0:C.toString()),Q=!(null===(w=null===(O=Z.navigator)||void 0===O?void 0:O.vendor)||void 0===w||!w.includes("Apple")||null!==(y=null===(S=Z.navigator)||void 0===S?void 0:S.userAgent)&&void 0!==y&&y.includes("CriOS")||null!==(z=null===(U=Z.navigator)||void 0===U?void 0:U.userAgent)&&void 0!==z&&z.includes("FxiOS"));return le||Q}s.d(ae,{Ex:()=>g,oK:()=>_})},4493:(Ve,ae,s)=>{"use strict";s.d(ae,{Hn:()=>ne,Hs:()=>X,PP:()=>m,PU:()=>ue,UP:()=>we,Wf:()=>Q,YX:()=>de,dD:()=>Je,dW:()=>y,mA:()=>z,ty:()=>f,ve:()=>S});var e=s(5648),o=s(1927);function f(Te,$e,Ie,G){return Ie?function _(Te,$e,Ie){let G=Te;for(;G!==$e.parentElement;){if(Math.floor(G.scrollTop)>0&&!Ie||Math.ceil(G.scrollTop+G.clientHeight)<G.scrollHeight&&Ie)return!0;if(!G.parentElement)return!1;G=G.parentElement}return!1}(Te,$e,G):function g(Te,$e,Ie){let G=Te;for(;G!==$e.parentElement;){if(Math.floor(G.scrollLeft)>0&&!Ie||Math.ceil(G.scrollLeft+G.clientWidth)<G.scrollWidth&&Ie)return!0;if(!G.parentElement)return!1;G=G.parentElement}return!1}(Te,$e,G)}function m(Te,$e){try{return Te.contains($e)||!!($e.compareDocumentPosition(Te)&Node.DOCUMENT_POSITION_PRECEDING)}catch{return!1}}function S(Te){return!!Te&&"nodeType"in Te&&Te.nodeType===Node.ELEMENT_NODE}function y(Te){return Te instanceof HTMLElement}function z(Te){return Te.composedPath()[0]}function Q(Te){return"getRootNode"in Te&&Te.isConnected?Te.getRootNode():Te.ownerDocument}function ue(Te){const{ownerDocument:$e}=Te;if(null==$e||!$e.defaultView||!Te.getBoundingClientRect)return null;const{innerWidth:Ie,innerHeight:G}=$e.defaultView,he=Q(Te),ye=Te.getBoundingClientRect();if(0===ye.width&&0===ye.height)return null;const te=(0,e.Ki)(Math.round(ye.left)+2,0,Ie),Re=(0,e.Ki)(Math.round(ye.top)+2,0,G),q=(0,e.Ki)(Math.round(ye.right)-2,0,Ie),ce=(0,e.Ki)(Math.round(ye.bottom)-2,0,G),be=(0,e.Ki)(Math.round(ye.left+ye.width/2),0,Ie),N=(0,e.Ki)(Math.round(ye.top+ye.height/2),0,G),ze=[he.elementFromPoint(be,Re),he.elementFromPoint(be,ce),he.elementFromPoint(te,N),he.elementFromPoint(q,N)].filter(o.Pc);if(!ze.length)return ze;const _t=ze.filter(Et=>!Te.contains(Et));return 4===_t.length?_t:null}function de(Te,$e){let{offsetTop:Ie,offsetLeft:G,offsetParent:he}=$e;for(;y(he)&&he!==Te;)Ie+=he.offsetTop,G+=he.offsetLeft,he=he.offsetParent;return{offsetTop:Ie,offsetLeft:G}}function X(Te,$e=!0){return null===Te?null:$e&&Te.scrollHeight>Te.clientHeight||!$e&&Te.scrollWidth>Te.clientWidth?Te:X(Te.parentElement,$e)}function ne(Te){return function w(Te){return function C(Te){return Te.matches("input")}(Te)||function O(Te){return Te.matches("textarea")}(Te)}(Te)&&!Te.readOnly||!!Te.isContentEditable}function Je(Te=0,$e=0){const Ie={x:Te,y:$e,left:Te,right:Te,top:$e,bottom:$e,width:0,height:0};return Object.assign(Object.assign({},Ie),{toJSON:()=>Ie})}function we(Te){return"explicitOriginalTarget"in Te?(null==Te?void 0:Te.explicitOriginalTarget)!==Te.target:"pointerId"in Te?-1===Te.pointerId:"detail"in Te&&"webkitForce"in Te&&0===(null==Te?void 0:Te.detail)}s(8939)},7179:(Ve,ae,s)=>{"use strict";s.d(ae,{BW:()=>m,Pg:()=>S,V8:()=>C,VR:()=>w,dT:()=>g,hp:()=>_,ie:()=>p,zb:()=>O});var e=s(4493),o=s(3770);function p({activeElement:y}){if(null==y||!y.shadowRoot)return y;let U=y.shadowRoot.activeElement;for(;null!=U&&U.shadowRoot;)U=U.shadowRoot.activeElement;return U}function _(y){const U=p(y);(0,e.dW)(U)&&U.blur()}function g(y){if(y.hasAttribute("disabled")||"-1"===y.getAttribute("tabIndex"))return!1;if((0,e.dW)(y)&&y.isContentEditable||"0"===y.getAttribute("tabIndex"))return!0;switch(y.tagName){case"BUTTON":case"SELECT":case"TEXTAREA":return!0;case"VIDEO":case"AUDIO":return y.hasAttribute("controls");case"INPUT":return"hidden"!==y.getAttribute("type");case"A":case"LINK":return y.hasAttribute("href");default:return!1}}function f(y){return!y.hasAttribute("disabled")&&("-1"===y.getAttribute("tabIndex")||g(y))}function m({initial:y,root:U,previous:z=!1,keyboard:Z=!0}){if(!U.ownerDocument)return null;const le=Z?g:f,Q=U.ownerDocument.createTreeWalker(U,NodeFilter.SHOW_ELEMENT,o.Lw);for(Q.currentNode=y;z?Q.previousNode():Q.nextNode();)if((0,e.dW)(Q.currentNode)&&(y=Q.currentNode),(0,e.dW)(y)&&le(y))return y;return null}function C(y){return!(null==y||!y.ownerDocument)&&p(y.ownerDocument)===y&&y.ownerDocument.hasFocus()}function O(y){if(!y.ownerDocument||!y.contains)return!1;const U=p(y.ownerDocument);return null!==U&&y.contains(U)&&y.ownerDocument.hasFocus()}function w(y,U,z){for(y+=z;y>=0&&y<U.length;){if(U[y].focus(),C(U[y]))return;y+=z}}function S(y,U=!0,z=!1){if(y.ownerDocument){if("function"==typeof Event)y.dispatchEvent(new Event("mousedown",{bubbles:!0,cancelable:!0}));else{const Z=y.ownerDocument.createEvent("Event");Z.initEvent("mousedown",!0,!0),y.dispatchEvent(Z)}U?y.focus({preventScroll:z}):y.blur()}}},5675:(Ve,ae,s)=>{"use strict";function o(p){return`${p}px`}s.d(ae,{O:()=>o}),s(8939)},5648:(Ve,ae,s)=>{"use strict";function o(Q,ue,de){return Math.min(de,Math.max(ue,Q))}function p(Q,ue,de){return Q>=ue&&Q<de}function _(Q,ue,de){return Number.isNaN(Q)||Q<=ue?ue:Q>=de?de:Math.round(Q)}s.d(ae,{G1:()=>_,HW:()=>z,Ki:()=>o,h0:()=>y,oY:()=>Z,wf:()=>p}),s(8939);const f=292;function m(Q,ue,de){if(Q===1/0)return Q;ue=Math.min(ue,f);const X=`${Q}e`.split("e"),K=`${de(Number(`${X[0]}e${Number(X[1])+ue}`))}e`.split("e");return Number(`${K[0]}e${Number(K[1])-ue}`)}function y({value:Q,precision:ue,method:de}){switch(de){case"round":return function C(Q,ue=0){return m(Q,ue,Math.round)}(Q,ue);case"ceil":return function O(Q,ue=0){return m(Q,ue,Math.ceil)}(Q,ue);case"floor":return function w(Q,ue=0){return m(Q,ue,Math.floor)}(Q,ue);default:return function S(Q,ue=0){return m(Q,ue,Math.trunc)}(Q,ue)}}function z(Q){return Q?1:0}function Z(Q){return parseInt(Q,10)}},1927:(Ve,ae,s)=>{"use strict";s.d(ae,{Aj:()=>g,JN:()=>C,M8:()=>le,Mv:()=>Q,N1:()=>O,Pc:()=>X,WX:()=>o,dt:()=>ue,gD:()=>Z,pf:()=>Je,vK:()=>Le,xT:()=>m});var e=s(4537);function o(we,Te){return we.slice(0,Math.max(Te,0)).concat(we.slice(Math.max(Te+1,0)))}function g(we){return"string"==typeof we}function m(we){return JSON.parse(JSON.stringify(we,(Te,$e)=>function f(we){const Te=g(we)?we.trim():we;return[void 0,null,NaN,""].includes(Te)}($e)?void 0:$e))}function C(we){return O(()=>we)}function O(we){return new e.OlP("",{factory:we})}function Z(we){let Te=[];return we.find(($e,Ie,G)=>(Te=G,!0)),Te}function le(we,Te){return Math.abs(Te)>Math.abs(we)?Te>0?"top":"bottom":we>0?"left":"right"}function Q(we){return!we}function ue(we){return"number"==typeof we}function X(we){return null!=we}function Le(we,Te,$e){return{provide:we,deps:[[new e.FiY,new e.tp0,we]],useFactory:Ie=>Object.assign(Object.assign({},Ie||$e),Te)}}function Je(we,Te){return Array.from(we.reduce(($e,Ie)=>$e.has(Ie[Te])?$e:$e.set(Ie[Te],Ie),new Map).values())}},8192:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>f});var e=s(1927);function f(m,C=function o(){return Math.floor(Math.random()*Date.now())}(),O="rgba(0, 0, 0, 0.7)"){if((0,e.Aj)(m)){const S=function _(m){var C;const O=(null!==(C=m.match(/url\(("?)('*)#(.*?)('*)\)/g))&&void 0!==C?C:[]).map(w=>w.slice(4,w.length-1).replace(/['"#]+/g,""));return Array.from(new Set(O))}(m).reduce((y,U)=>{const z=function p(m){return m.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}(U),Z=`id_${C}_${U}`;return y.replace(new RegExp(`"${z}"`,"g"),`"${Z}"`).replace(new RegExp(`'${z}'`,"g"),`'${Z}'`).replace(new RegExp(`url\\('#${z}'\\)`,"g"),`url('#${Z}')`).replace(new RegExp(`url\\("#${z}"\\)`,"g"),`url("#${Z}")`).replace(new RegExp(`url\\(#${z}\\)`,"g"),`url(#${Z})`)},m);return function g(m,C){try{const O=(new DOMParser).parseFromString(m,"text/html");return O.body.querySelectorAll("[fill^=url]").forEach(w=>w.setAttribute("fill",`${w.getAttribute("fill")} ${C}`.trim())),O.body.innerHTML.trim()}catch{return m}}(S,O)}return m}},3631:(Ve,ae,s)=>{"use strict";s.d(ae,{D1:()=>U,FP:()=>y,Fe:()=>S,Ic:()=>X,O4:()=>Q,P7:()=>le,Sv:()=>de,UK:()=>O,Wk:()=>ue,c2:()=>w,ei:()=>Z,kk:()=>C,uG:()=>z});var e=s(4537),o=s(7881),p=s(6480),_=s(882),g=s(6682),f=s(7519),m=s(6782);class C extends _.y{}function O(B){return{provide:C,multi:!0,useExisting:B}}class w{}function S(B){return{provide:w,multi:!0,useExisting:B}}let y=(()=>{class B{constructor(ne,We,Le){this.destroy$=ne,this.drivers=We,this.vehicles=Le}ngOnInit(){const ne=this.vehicles.find(({type:We})=>We===this.type);(0,g.T)(...this.drivers.filter(({type:We})=>We===this.type)).pipe((0,f.x)(),(0,m.R)(this.destroy$)).subscribe(We=>{null==ne||ne.toggle(We)})}}return B.\u0275fac=function(ne){return new(ne||B)(e.Y36(o.a3,2),e.Y36(C),e.Y36(w))},B.\u0275dir=e.lG2({type:B}),B})(),U=(()=>{class B{constructor(ne){this.host=ne}get readOnly(){return this.host.readOnly}get disabled(){return this.host.computedDisabled}get invalid(){return this.host.computedInvalid}get focusable(){return this.host.computedFocusable}get inputMode(){return"text"}get value(){var ne;return(null===(ne=this.host.value)||void 0===ne?void 0:ne.toString())||""}process(ne){}}return B.\u0275fac=function(ne){return new(ne||B)(e.Y36(p.M$))},B.\u0275dir=e.lG2({type:B}),B})();class z{}function Z(B){return{provide:z,deps:[[new e.tp0,z]],useFactory:K=>K.find(ne=>ne.type===B)}}function le(B){return{provide:z,multi:!0,useExisting:B}}class Q{}function ue(B,K){return{provide:Q,deps:[[new e.tp0,Q],K],useFactory:de(B)}}function de(B){return(K,ne)=>K.find(We=>We!==ne&&We.type===B)||ne}function X(B){return{provide:Q,multi:!0,useExisting:B}}},9941:(Ve,ae,s)=>{"use strict";s.d(ae,{Gw:()=>Q,QF:()=>O,X9:()=>K,eu:()=>g,i9:()=>U});var e=s(4091);const o="{{duration}}ms ease-in-out",p={params:{duration:300}},_=300,g=(0,e.X$)("tuiHeightCollapse",[(0,e.eR)(":enter",[(0,e.oB)({height:0}),(0,e.jt)(o,(0,e.oB)({height:"*"}))],p),(0,e.eR)(":leave",[(0,e.oB)({height:"*"}),(0,e.jt)(o,(0,e.oB)({height:0}))],p)]),O=((0,e.X$)("tuiHeightCollapseList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({height:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({height:"*"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({height:"*"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({height:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiWidthCollapse",[(0,e.eR)(":enter",[(0,e.oB)({width:0}),(0,e.jt)(o,(0,e.oB)({width:"*"}))],p),(0,e.eR)(":leave",[(0,e.oB)({width:"*"}),(0,e.jt)(o,(0,e.oB)({width:0}))],p)]),(0,e.X$)("tuiWidthCollapseList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({width:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({width:"*"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({width:"*"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({width:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiFadeIn",[(0,e.eR)(":enter",[(0,e.oB)({opacity:0}),(0,e.jt)(o,(0,e.oB)({opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({opacity:1}),(0,e.jt)(o,(0,e.oB)({opacity:0}))],p)])),U=((0,e.X$)("tuiFadeInList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({opacity:0}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({opacity:1}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({opacity:1}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({opacity:0}))])],{optional:!0})],p)]),(0,e.X$)("tuiFadeInTop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-10px)",opacity:0}))],p)]),(0,e.X$)("tuiFadeInBottom",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(10px)",opacity:0}))],p)]),(0,e.X$)("tuiDropdownAnimation",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-10px)",opacity:0}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)",opacity:1}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)",opacity:1}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-10px)",opacity:0}))],p)])),Q=((0,e.X$)("tuiScaleIn",[(0,e.eR)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))],p)]),(0,e.X$)("tuiPop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1.1)"})),(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.jt)(o,(0,e.oB)({transform:"scale(1.1)"})),(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))],p)]),(0,e.X$)("tuiScaleInList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"scale(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"scale(1)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"scale(1)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"scale(0)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideIn",[(0,e.eR)("* => left",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)("left => *",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))],p),(0,e.eR)("* => right",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)("right => *",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))],p)])),K=((0,e.X$)("tuiSlideInLeft",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))],p)]),(0,e.X$)("tuiSlideInLeftList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateX(-100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(-100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInRight",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))],p)]),(0,e.X$)("tuiSlideInRightList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateX(100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateX(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateX(100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInTop",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translate3d(0,{{start}},0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translate3d(0,{{end}},0)"}))],{params:{end:0,start:"100%",duration:300}}),(0,e.eR)(":leave",[(0,e.oB)({transform:"translate3d(0,{{end}},0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translate3d(0,{{start}},0)"}))],{params:{end:0,start:"100%",duration:300}})]));(0,e.X$)("tuiSlideInTopList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateY(100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(100%)"}))])],{optional:!0})],p)]),(0,e.X$)("tuiSlideInBottom",[(0,e.eR)(":enter",[(0,e.oB)({transform:"translateY(-100%)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))],p),(0,e.eR)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.jt)(o,(0,e.oB)({transform:"translateY(-100%)"}))],p)]),(0,e.X$)("tuiSlideInBottomList",[(0,e.eR)("* => *",[(0,e.IO)(":enter",[(0,e.oB)({transform:"translateY(-100%)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(0)"}))])],{optional:!0}),(0,e.IO)(":leave",[(0,e.oB)({transform:"translateY(0)"}),(0,e.EY)(_,[(0,e.jt)(o,(0,e.oB)({transform:"translateY(-100%)"}))])],{optional:!0})],p)])},2628:(Ve,ae,s)=>{"use strict";s.d(ae,{fN:()=>Ie,v0:()=>$e});var e=s(4537),o=s(1927),p=s(6480),_=s(7179),g=s(8033),f=s(7881),m=s(5452),C=s(9193),O=s(9761),w=s(8002),S=s(7519),y=s(7320),U=s(4789),z=s(719),Z=s(8692),le=s(1489),Q=s(9570);const ue=["tuiButton",""];function de(G,he){1&G&&e.GkF(0)}function X(G,he){1&G&&e._UZ(0,"tui-svg",8),2&G&&e.Q6J("src",he.polymorpheusOutlet)}function B(G,he){if(1&G&&(e.TgZ(0,"span",6),e.YNc(1,X,1,1,"tui-svg",7),e.qZA()),2&G){const ye=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",ye.icon)}}function K(G,he){1&G&&e._UZ(0,"tui-svg",8),2&G&&e.Q6J("src",he.polymorpheusOutlet)}function ne(G,he){if(1&G&&(e.TgZ(0,"span",9),e.YNc(1,K,1,1,"tui-svg",7),e.qZA()),2&G){const ye=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",ye.iconRight)}}function We(G,he){if(1&G&&e._UZ(0,"tui-loader",10),2&G){const ye=e.oxw();e.Q6J("inheritColor",!0)("size",ye.loaderSize)}}const Le=["*"],we=(0,o.JN)({size:"l",shape:null,appearance:y.Nm.Primary});let $e=(()=>{class G extends p.Xn{constructor(ye,te,Re){var q;super(),this.mode=ye,this.el=te,this.options=Re,this.mode$=(null===(q=this.mode)||void 0===q?void 0:q.change$)||C.E,this.appearance=null,this.disabled=!1,this.shape=this.options.shape,this.showLoader=!1,this.size=this.options.size,this.appearance$=this.mode$.pipe((0,O.O)(null),(0,w.U)(()=>this.computedAppearance),(0,S.x)())}get nativeFocusableElement(){return this.nativeDisabled?null:this.el.nativeElement}get focused(){return!this.showLoader&&(0,_.V8)(this.el.nativeElement)}get loaderSize(){return"l"===this.size||"xl"===this.size?"m":"s"}get computedAppearance(){var ye;return null!==(ye=this.appearance)&&void 0!==ye?ye:this.options.appearance||""}get nativeDisabled(){return this.computedDisabled||this.showLoader?"":null}get tabIndex(){return this.focusable?0:-1}onFocused(ye){this.updateFocused(ye)}}return G.\u0275fac=function(ye){return new(ye||G)(e.Y36(m.w,8),e.Y36(e.SBq),e.Y36(we))},G.\u0275cmp=e.Xpm({type:G,selectors:[["button","tuiButton",""],["button","tuiIconButton",""],["a","tuiButton",""],["a","tuiIconButton",""]],hostVars:7,hostBindings:function(ye,te){1&ye&&e.NdJ("focusin",function(){return te.onFocused(!0)})("focusout",function(){return te.onFocused(!1)}),2&ye&&(e.Ikx("tabIndex",te.tabIndex),e.uIk("data-shape",te.shape)("data-size",te.size)("data-appearance",te.computedAppearance)("disabled",te.nativeDisabled),e.ekj("_loading",te.showLoader))},inputs:{appearance:"appearance",disabled:"disabled",icon:"icon",iconRight:"iconRight",shape:"shape",showLoader:"showLoader",size:"size"},features:[e._Bn([(0,g.FT)(G),f.a3]),e.qOj],attrs:ue,ngContentSelectors:Le,decls:8,vars:10,consts:[[4,"ngIf"],["tuiWrapper","",1,"t-wrapper",3,"active","appearance","disabled","hover"],[1,"t-content"],["class","t-left",4,"ngIf"],["class","t-right",4,"ngIf"],["class","t-loader",3,"inheritColor","size",4,"ngIf"],[1,"t-left"],["class","t-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-icon",3,"src"],[1,"t-right"],[1,"t-loader",3,"inheritColor","size"]],template:function(ye,te){1&ye&&(e.F$t(),e.YNc(0,de,1,0,"ng-container",0),e.ALo(1,"async"),e.TgZ(2,"div",1)(3,"span",2),e.YNc(4,B,2,1,"span",3),e.Hsn(5),e.YNc(6,ne,2,1,"span",4),e.qZA(),e.YNc(7,We,1,2,"tui-loader",5),e.qZA()),2&ye&&(e.Q6J("ngIf",e.lcZ(1,8,te.appearance$)),e.xp6(2),e.Q6J("active",te.pseudoActive)("appearance",te.computedAppearance)("disabled",te.computedDisabled)("hover",te.pseudoHover),e.xp6(2),e.Q6J("ngIf",te.icon),e.xp6(2),e.Q6J("ngIf",te.iconRight),e.xp6(1),e.Q6J("ngIf",te.showLoader))},dependencies:[U.PN,z.kM,Z.O5,le.o,Q.Li,Z.Ov],styles:["[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:inline-block;flex-shrink:0;vertical-align:top;border-radius:var(--tui-radius-m);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;color:inherit}[data-shape=rounded][_nghost-%COMP%]{border-radius:6.25rem}[data-size=xs][_nghost-%COMP%]{height:var(--tui-height-xs);font-weight:normal}[data-size=xs][data-shape=square][_nghost-%COMP%], [data-size=xs][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-xs)}[data-size=s][_nghost-%COMP%]{height:var(--tui-height-s);font-weight:normal}[data-size=s][data-shape=square][_nghost-%COMP%], [data-size=s][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-s)}[data-size=m][_nghost-%COMP%]{height:var(--tui-height-m);font:var(--tui-font-text-m);font-weight:bold}[data-size=m][data-shape=square][_nghost-%COMP%], [data-size=m][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-m)}[data-size=l][_nghost-%COMP%]{height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:bold}[data-size=l][data-shape=square][_nghost-%COMP%], [data-size=l][tuiIconButton][_nghost-%COMP%]{width:var(--tui-height-l)}[data-size=xl][_nghost-%COMP%]{height:3.75rem;font:var(--tui-font-text-m);font-weight:bold}[data-size=xl][data-shape=square][_nghost-%COMP%], [data-size=xl][tuiIconButton][_nghost-%COMP%]{width:3.75rem}[tuiIconButton][_nghost-%COMP%]{font-size:0!important}[tuiIconButton][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [tuiIconButton][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0!important}.t-loader[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}.t-left[_ngcontent-%COMP%]{margin-right:.5rem}[data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%]{margin-right:.375rem}[data-size=xs][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%]{margin-right:.25rem}.t-right[_ngcontent-%COMP%]{margin:0 -.25rem 0 .25rem}[data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0 -.25rem 0 .375rem}[data-size=xs][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{margin:0 -.125rem 0 .25rem}.t-icon[_ngcontent-%COMP%]{display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}.t-left[_ngcontent-%COMP%], .t-right[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}[data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%], [data-size=xs][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [data-size=xs][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{width:1rem;height:1rem}[tuiIconButton][data-appearance=icon][data-size=s][_nghost-%COMP%]   .t-left[_ngcontent-%COMP%], [tuiIconButton][data-appearance=icon][data-size=s][_nghost-%COMP%]   .t-right[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem}.t-wrapper[_ngcontent-%COMP%]{box-sizing:border-box;cursor:pointer;isolation:isolate}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, .375rem)}[data-size=xs][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-size=s][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, .75rem)}[data-size=m][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 1.5rem)}[data-size=l][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 2.25rem)}[data-size=xl][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0 var(--tui-padding, 2.5rem)}[data-shape=square][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%], [tuiIconButton][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{padding:0}.t-content[_ngcontent-%COMP%]{display:flex;height:100%;align-items:center;justify-content:center;text-align:center}._loading[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{opacity:0}"],changeDetection:0}),G})(),Ie=(()=>{class G{}return G.\u0275fac=function(ye){return new(ye||G)},G.\u0275mod=e.oAB({type:G}),G.\u0275inj=e.cJS({imports:[[Z.ez,Q.wq,le.W,U.EI,z.dS]]}),G})()},5111:(Ve,ae,s)=>{"use strict";s.d(ae,{Rs:()=>Ie,gX:()=>Te,pc:()=>G,qi:()=>we,vK:()=>Je});var e=s(4911),o=s(4537),p=s(7179),_=s(3770),g=s(2485),f=s(1927),m=s(4493),C=s(4358),O=s(6409),w=s(6060),S=s(8002),y=s(8952),U=s(126),z=s(4789),Z=s(9570),le=s(8692);const Q=["tuiOption",""];function ue(he,ye){if(1&he&&(o.ynx(0),o._uU(1),o.BQk()),2&he){const te=ye.polymorpheusOutlet;o.xp6(1),o.hij(" ",te,"\n")}}function de(he,ye){if(1&he&&o._UZ(0,"tui-svg",3),2&he){const te=o.oxw(2);o.Q6J("src",te.icons.more)}}function X(he,ye){if(1&he&&(o.Hsn(0),o.YNc(1,de,1,1,"tui-svg",2)),2&he){const te=o.oxw();o.xp6(1),o.Q6J("ngIf",te.dropdown)}}const B=function(he){return{$implicit:he}},K=["*"];function ne(he,ye){if(1&he&&(o.ynx(0),o._uU(1),o.BQk()),2&he){const te=ye.polymorpheusOutlet;o.xp6(1),o.hij(" ",te," ")}}function We(he,ye){if(1&he&&(o.TgZ(0,"div",2),o.YNc(1,ne,2,1,"ng-container",3),o.ALo(2,"async"),o.qZA()),2&he){const te=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",te.emptyContent||o.lcZ(2,1,te.defaultEmptyContent$))}}function Le({currentTarget:he}){return!(0,p.V8)(he)}let Je=(()=>{class he{constructor(te,Re,q,ce,be,N){this.content=te,this.dataList=Re,this.el=q,this.host=ce,this.dropdown=be,this.icons=N,this.size=null,this.role="option",this.disabled=!1}get active(){return!!this.dropdown&&!!this.dropdown.dropdownBoxRef}onClick(){this.host&&void 0!==this.value&&this.host.handleOption(this.value)}onMouseMove({currentTarget:te}){te.focus({preventScroll:!0})}ngOnDestroy(){var te;null===(te=this.dataList)||void 0===te||te.handleFocusLossIfNecessary(this.el.nativeElement)}}return he.\u0275fac=function(te){return new(te||he)(o.Y36(w.IQ,8),o.Y36((0,o.Gpc)(()=>we),8),o.Y36(o.SBq),o.Y36(w.N1,8),o.Y36(y.td,10),o.Y36(w.Gs))},he.\u0275cmp=o.Xpm({type:he,selectors:[["button","tuiOption",""],["a","tuiOption",""]],hostAttrs:["tabIndex","-1","type","button"],hostVars:5,hostBindings:function(te,Re){1&te&&o.NdJ("click",function(){return Re.onClick()})("mousemove.silent",function(ce){return Re.onMouseMove(ce)}),2&te&&(o.uIk("disabled",Re.disabled||null)("data-size",Re.size)("role",Re.role),o.ekj("_with-dropdown",Re.active))},inputs:{size:"size",role:"role",disabled:"disabled",value:"value"},attrs:Q,ngContentSelectors:K,decls:3,vars:4,consts:[[4,"polymorpheusOutlet","polymorpheusOutletContext"],["base",""],["class","t-arrow",3,"src",4,"ngIf"],[1,"t-arrow",3,"src"]],template:function(te,Re){if(1&te&&(o.F$t(),o.YNc(0,ue,2,1,"ng-container",0),o.YNc(1,X,2,1,"ng-template",null,1,o.W1O)),2&te){const q=o.MAs(2);o.Q6J("polymorpheusOutlet",Re.content||q)("polymorpheusOutletContext",o.VKq(2,B,q))}},dependencies:[z.PN,Z.Li,le.O5],styles:['[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}[_nghost-%COMP%]:focus, ._with-dropdown[_nghost-%COMP%]{background-color:var(--tui-clear)}[_nghost-%COMP%]   [data-list-size="s"][_nghost-%COMP%], [data-list-size="s"]   [_nghost-%COMP%], [_nghost-%COMP%]   [data-list-size="xs"][_nghost-%COMP%], [data-list-size="xs"]   [_nghost-%COMP%], [data-size=s][data-size=s][_nghost-%COMP%], [data-size=xs][data-size=xs][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}[_nghost-%COMP%]   [data-list-size="m"][_nghost-%COMP%], [data-list-size="m"]   [_nghost-%COMP%], [data-size=m][data-size=m][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}[_nghost-%COMP%]   [data-list-size="l"][_nghost-%COMP%], [data-list-size="l"]   [_nghost-%COMP%], [data-size=l][data-size=l][_nghost-%COMP%]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow[_ngcontent-%COMP%]{margin:0 -.5rem 0 .75rem}'],changeDetection:0}),(0,e.gn)([(0,U.uX)(Le)],he.prototype,"onMouseMove",null),he})(),we=(()=>{class he{constructor(te,Re,q){var ce;this.controller=te,this.el=Re,this.defaultEmptyContent$=q,this.options=_.Mm,this.role="listbox",this.size=(null===(ce=this.controller)||void 0===ce?void 0:ce.size)||"m"}get empty$(){return(0,g.ll)(this.options).pipe((0,S.U)(({length:te})=>!te))}onFocusIn(te,Re){!Re.contains(te)&&!this.origin&&(this.origin=te)}noop(){}onKeyDownArrow(te,Re){const{elements:q}=this;(0,p.VR)(q.indexOf(te),q,Re)}handleFocusLossIfNecessary(te=this.el.nativeElement){this.origin&&(0,p.zb)(te)&&(0,p.Pg)(this.origin,!0,!0)}getOptions(te=!1){return this.options.filter(({disabled:Re})=>te||!Re).map(({value:Re})=>Re).filter(f.Pc)}onFocus({target:te},Re){if(!(0,m.ve)(te))return;const{elements:q}=this;(0,p.VR)(Re?-1:q.length,q,Re?1:-1),this.handleFocusLossIfNecessary(te)}get elements(){return Array.from(this.el.nativeElement.querySelectorAll("[tuiOption]"))}}return he.\u0275fac=function(te){return new(te||he)(o.Y36(O.Cs,8),o.Y36(o.SBq),o.Y36(w.PH))},he.\u0275cmp=o.Xpm({type:he,selectors:[["tui-data-list"]],contentQueries:function(te,Re,q){if(1&te&&o.Suo(q,Je,5),2&te){let ce;o.iGM(ce=o.CRH())&&(Re.options=ce)}},hostVars:2,hostBindings:function(te,Re){1&te&&o.NdJ("focusin",function(ce){return Re.onFocusIn(ce.relatedTarget,ce.currentTarget)})("mousedown.prevent",function(){return Re.noop()})("keydown.arrowDown.prevent",function(ce){return Re.onKeyDownArrow(ce.target,1)})("keydown.arrowUp.prevent",function(ce){return Re.onKeyDownArrow(ce.target,-1)})("wheel.silent.passive",function(){return Re.handleFocusLossIfNecessary()})("mouseleave",function(ce){return Re.handleFocusLossIfNecessary(ce.target)}),2&te&&o.uIk("role",Re.role)("data-list-size",Re.size)},inputs:{role:"role",emptyContent:"emptyContent",size:"size"},features:[o._Bn([(0,w.RB)(he),O.Y0])],ngContentSelectors:K,decls:5,vars:3,consts:[["tabindex","0",1,"t-trap",3,"focusin"],["class","t-empty",4,"ngIf"],[1,"t-empty"],[4,"polymorpheusOutlet"]],template:function(te,Re){1&te&&(o.F$t(),o.TgZ(0,"div",0),o.NdJ("focusin",function(ce){return Re.onFocus(ce,!0)}),o.qZA(),o.Hsn(1),o.YNc(2,We,3,3,"div",1),o.ALo(3,"async"),o.TgZ(4,"div",0),o.NdJ("focusin",function(ce){return Re.onFocus(ce,!1)}),o.qZA()),2&te&&(o.xp6(2),o.Q6J("ngIf",o.lcZ(3,1,Re.empty$)))},dependencies:[le.O5,Z.Li,le.Ov],styles:['tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:""}tui-opt-group[data-label=""]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n'],encapsulation:2,changeDetection:0}),(0,e.gn)([C.UM],he.prototype,"empty$",null),he})(),Te=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275dir=o.lG2({type:he,selectors:[["ng-template","tuiDataList",""]]}),he})(),Ie=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275dir=o.lG2({type:he,selectors:[["tui-opt-group"]],hostAttrs:["role","group"],hostVars:1,hostBindings:function(te,Re){2&te&&o.uIk("data-label",Re.label)},inputs:{label:"label"}}),he})(),G=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=o.oAB({type:he}),he.\u0275inj=o.cJS({imports:[[le.ez,z.EI,Z.wq]]}),he})()},5974:(Ve,ae,s)=>{"use strict";s.d(ae,{gZ:()=>g,n6:()=>f});var e=s(4537),o=s(7881),p=s(8692);let _=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275cmp=e.Xpm({type:m,selectors:[["ng-component"]],hostAttrs:[1,"tui-group-styles"],decls:0,vars:0,template:function(O,w){},styles:[".tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"],encapsulation:2,changeDetection:0}),m})(),g=(()=>{class m{constructor(O){this.orientation="horizontal",this.adaptive=!1,this.collapsed=!1,this.rounded=!0,this.size="m",O.addComponent(_)}get orientationHorizontal(){return"horizontal"===this.orientation}get orientationVertical(){return"vertical"===this.orientation}get sizeLarge(){return"l"===this.size}}return m.\u0275fac=function(O){return new(O||m)(e.Y36(o.gH))},m.\u0275dir=e.lG2({type:m,selectors:[["","tuiGroup","",5,"ng-container"]],hostAttrs:["role","group",1,"tui-group"],hostVars:12,hostBindings:function(O,w){2&O&&e.ekj("tui-group_adaptive",w.adaptive)("tui-group_collapsed",w.collapsed)("tui-group_rounded",w.rounded)("tui-group_orientation_horizontal",w.orientationHorizontal)("tui-group_orientation_vertical",w.orientationVertical)("tui-group_radius_large",w.sizeLarge)},inputs:{orientation:"orientation",adaptive:"adaptive",collapsed:"collapsed",rounded:"rounded",size:"size"}}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({imports:[[p.ez]]}),m})()},5600:(Ve,ae,s)=>{"use strict";s.d(ae,{o1:()=>Et,jh:()=>Gt});var e=s(4537),o=s(3631),p=s(2668),_=s(221),g=s(2485),f=s(7881),m=s(9765),C=s(8002);let O=(()=>{class St{constructor(Ot,Ht){this.enabled$=new m.xQ;const Pt=Ht.pipe((0,C.U)(Tt=>!!Tt&&(!Ot||!Tt.length||Tt.every(xt=>!Ot.contains(xt)))));this.tuiObscured=this.enabled$.pipe((0,g.Xd)(()=>Pt))}set tuiObscuredEnabled(Ot){this.enabled$.next(Ot)}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(_.e,8),e.Y36(f.AQ,2))},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiObscured",""]],inputs:{tuiObscuredEnabled:"tuiObscuredEnabled"},outputs:{tuiObscured:"tuiObscured"},features:[e._Bn([f.AQ,f.b0,f.a3])]}),St})(),w=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275mod=e.oAB({type:St}),St.\u0275inj=e.cJS({}),St})();var S=s(4493),y=s(7179),U=s(8033),z=s(8952),Z=s(5435),le=s(6782),Q=s(3190),ue=s(7460),de=s(3653),X=s(7519),B=s(4121),K=s(6215),ne=s(9112),We=s(5917),Le=s(9193),Je=s(6682),we=s(4911),Te=s(6640),$e=s(126),Ie=s(9570),G=s(8692);const he=["wrapper"];function ye(St,qt){if(1&St&&(e.TgZ(0,"div",8),e._uU(1),e.qZA()),2&St){const Ot=qt.polymorpheusOutlet;e.xp6(1),e.hij(" ",Ot," ")}}const te=function(St,qt){return{$implicit:St,close:qt}};function Re(St,qt){if(1&St){const Ot=e.EpF();e.TgZ(0,"div",5,6),e.NdJ("keydown",function(Pt){e.CHM(Ot);const Tt=e.oxw(2);return e.KtG(Tt.onKeydown(Pt))}),e.YNc(2,ye,2,1,"div",7),e.qZA(),e._UZ(3,"div")}if(2&St){e.oxw();const Ot=e.MAs(1),Ht=e.oxw();e.xp6(2),e.Q6J("polymorpheusOutlet",Ht.content)("polymorpheusOutletContext",e.WLB(2,te,Ot,Ht.close))}}function q(St,qt){if(1&St){const Ot=e.EpF();e.TgZ(0,"div",1,2),e.NdJ("tuiActiveZoneChange",function(Pt){e.CHM(Ot);const Tt=e.oxw();return e.KtG(Tt.onActiveZone(Pt))})("tuiObscured",function(Pt){e.CHM(Ot);const Tt=e.oxw();return e.KtG(Tt.onHostObscured(Pt))}),e.Hsn(2),e.YNc(3,Re,4,5,"ng-template",3,4,e.W1O),e.qZA()}if(2&St){const Ot=qt.tuiLet,Ht=e.MAs(4),Pt=e.oxw();e.Q6J("tuiDropdown",Ht)("tuiDropdownManual",Ot&&Pt.canOpen)("tuiDropdownSided",Pt.sided)("tuiObscuredEnabled",Ot),e.xp6(3),e.Q6J("polymorpheus",Pt.context)}}const ce=["*"];let be=(()=>{class St extends o.uG{constructor(){super(...arguments),this.type="dummy"}getPosition(){return[0,0]}}return St.\u0275fac=function(){let qt;return function(Ht){return(qt||(qt=e.n5z(St)))(Ht||St)}}(),St.\u0275dir=e.lG2({type:St,selectors:[["","tuiAccessorProxy",""]],features:[e._Bn([{provide:o.uG,multi:!0,deps:[[new e.FiY,new e.tp0,St],St],useFactory:(qt,Ot)=>qt||Ot}]),e.qOj]}),St})();const N=new e.OlP("[TUI_HOSTED_DROPDOWN_COMPONENT]");let _e=(()=>{class St{constructor(Ot,Ht,Pt,Tt){null==Tt||Tt.tuiDropdownOpenChange.pipe((0,Z.h)(xt=>xt&&Tt.dropdown===Pt&&!Ht.focused),(0,le.R)(Ot)).subscribe(()=>{var xt;null===(xt=Ht.nativeFocusableElement)||void 0===xt||xt.focus(),Ht.updateOpen(!0)})}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(f.a3,2),e.Y36(N),e.Y36(z.td,2),e.Y36(z.oH,8))},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiDropdownOpenMonitor",""]],features:[e._Bn([f.a3])]}),St})(),ze=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275dir=e.lG2({type:St,selectors:[["","tuiHostedDropdownHost",""]]}),St})();function _t(St){var qt;return"key"in St&&"escape"===St.key.toLowerCase()&&this.canOpen&&this.open&&!(null!==(qt=this.dropdown)&&void 0!==qt&&qt.nextElementSibling)}let Et=(()=>{class St{constructor(Ot,Ht){this.hover$=Ot,this.el=Ht,this.openChange$=new K.X(!1),this.hostHover$=(0,ne.aj)([(0,g.mL)(this.el.nativeElement,"mouseover").pipe((0,C.U)(Pt=>this.computedHost.contains((0,S.mA)(Pt))),(0,Q.w)(Pt=>{var Tt,xt;return(0,We.of)(Pt).pipe((0,ue.g)((Pt?null===(Tt=this.hover$)||void 0===Tt?void 0:Tt.showDelay:null===(xt=this.hover$)||void 0===xt?void 0:xt.hideDelay)||0))})),this.hover$||Le.E]).pipe((0,C.U)(([Pt,Tt])=>Pt&&Tt)),this.sided=!1,this.canOpen=!0,this.open$=(0,Je.T)(this.openChange$,this.hostHover$).pipe((0,de.T)(1),(0,X.x)(),(0,B.B)()),this.focusedChange=new e.vpe,this.focus$=new K.X(!1),this.openChange=this.openChange$,this.close=()=>this.updateOpen(!1)}set open(Ot){this.openChange.next(Ot)}get open(){return this.openChange.value}get host(){var Ot;return(null===(Ot=this.dropdownHost)||void 0===Ot?void 0:Ot.nativeElement)||this.el.nativeElement}get computedHost(){var Ot;return(null===(Ot=this.dropdownHost)||void 0===Ot?void 0:Ot.nativeElement)||this.nativeFocusableElement||this.el.nativeElement}get dropdown(){var Ot,Ht;return null===(Ht=null===(Ot=this.dropdownDirective)||void 0===Ot?void 0:Ot.dropdownBoxRef)||void 0===Ht?void 0:Ht.location.nativeElement}get nativeFocusableElement(){return(0,y.dT)(this.host)?this.host:(0,y.BW)({initial:this.host,root:this.el.nativeElement})}get focused(){return(0,y.zb)(this.host)||this.open&&!!this.wrapper&&(0,y.zb)(this.wrapper.nativeElement)}onFocusInOut(){this.focus$.next(this.focused)}onFocusIn(Ot){this.computedHost.contains(Ot)||this.updateOpen(!1)}onClick(Ot){var Ht;!this.hostEditable&&this.computedHost.contains(Ot)&&(null===(Ht=this.hover$)||void 0===Ht||!Ht.hovered)&&this.updateOpen(!this.open)}onKeyDownEsc(Ot){Ot.preventDefault(),this.closeDropdown()}onArrow(Ot,Ht){this.focusDropdown(Ot,Ht)}onKeydown({key:Ot,target:Ht,defaultPrevented:Pt}){!Pt&&(0,Te.kL)(Ot)&&this.hostEditable&&(0,S.dW)(Ht)&&!(0,S.Hn)(Ht)&&this.focusHost()}onActiveZone(Ot){this.updateFocused(Ot),Ot||this.updateOpen(!1)}onHostObscured(Ot){Ot&&this.closeDropdown()}updateOpen(Ot){(!Ot||this.canOpen)&&(this.open=Ot)}get hostEditable(){return(0,S.Hn)(this.computedHost)}focusDropdown(Ot,Ht){const Pt=this.nativeFocusableElement;if(!(Pt&&(0,S.dW)(Pt)&&(0,S.ve)(Ot.target)&&Pt.contains(Ot.target)))return;if(!(this.wrapper&&this.open&&this.dropdown&&(0,S.dW)(this.wrapper.nativeElement.nextElementSibling)))return this.updateOpen(!0),void((0,S.Hn)(Pt)||Ot.preventDefault());const xt=(0,y.BW)({initial:Ht?this.wrapper.nativeElement:this.wrapper.nativeElement.nextElementSibling,root:this.wrapper.nativeElement,previous:!Ht});xt&&(xt.focus(),Ot.preventDefault())}closeDropdown(){this.focused&&this.focusHost(),this.updateOpen(!1)}focusHost(){const Ot=this.nativeFocusableElement;Ot&&Ot.focus({preventScroll:!0})}updateFocused(Ot){this.focusedChange.emit(Ot)}}return St.\u0275fac=function(Ot){return new(Ot||St)(e.Y36(z.E$,10),e.Y36(e.SBq))},St.\u0275cmp=e.Xpm({type:St,selectors:[["tui-hosted-dropdown"]],contentQueries:function(Ot,Ht,Pt){if(1&Ot&&e.Suo(Pt,ze,5,e.SBq),2&Ot){let Tt;e.iGM(Tt=e.CRH())&&(Ht.dropdownHost=Tt.first)}},viewQuery:function(Ot,Ht){if(1&Ot&&(e.Gf(he,5,e.SBq),e.Gf(z.td,5),e.Gf(_.e,5)),2&Ot){let Pt;e.iGM(Pt=e.CRH())&&(Ht.wrapper=Pt.first),e.iGM(Pt=e.CRH())&&(Ht.dropdownDirective=Pt.first),e.iGM(Pt=e.CRH())&&(Ht.activeZone=Pt.first)}},hostVars:1,hostBindings:function(Ot,Ht){1&Ot&&e.NdJ("$.class._hosted_dropdown_focused",function(){return Ht.focus$})("focusin.capture.silent",function(){return Ht.onFocusInOut()})("focusout.capture.silent",function(){return Ht.onFocusInOut()})("focusin",function(Tt){return Ht.onFocusIn(Tt.target)})("click",function(Tt){return Ht.onClick(Tt.target)})("keydown.silent.capture",function(Tt){return Ht.onKeyDownEsc(Tt)},!1,e.evT)("keydown.arrowDown",function(Tt){return Ht.onArrow(Tt,!0)})("keydown.arrowUp",function(Tt){return Ht.onArrow(Tt,!1)}),2&Ot&&e.Ikx("$.class._hosted_dropdown_focused",Ht.focus$)},inputs:{content:"content",sided:"sided",canOpen:"canOpen",open:"open"},outputs:{open$:"openChange",focusedChange:"focusedChange"},features:[e._Bn([(0,U.FT)(St),{provide:be,deps:[[new e.FiY,new e.PiD,o.uG]],useFactory:qt=>null==qt?void 0:qt[0]},{provide:N,useExisting:St}])],ngContentSelectors:ce,decls:2,vars:3,consts:[["tuiAccessorProxy","","tuiDropdownOpenMonitor","","class","t-wrapper",3,"tuiDropdown","tuiDropdownManual","tuiDropdownSided","tuiObscuredEnabled","tuiActiveZoneChange","tuiObscured",4,"tuiLet"],["tuiAccessorProxy","","tuiDropdownOpenMonitor","",1,"t-wrapper",3,"tuiDropdown","tuiDropdownManual","tuiDropdownSided","tuiObscuredEnabled","tuiActiveZoneChange","tuiObscured"],["activeZone","tuiActiveZone"],[3,"polymorpheus"],["dropdown","polymorpheus"],[1,"t-dropdown",3,"keydown"],["wrapper",""],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(Ot,Ht){if(1&Ot&&(e.F$t(),e.YNc(0,q,5,5,"div",0),e.ALo(1,"async")),2&Ot){let Pt;e.Q6J("tuiLet",null!==(Pt=e.lcZ(1,1,Ht.open$))&&void 0!==Pt?Pt:Ht.openChange.value)}},dependencies:[p.Ls,be,_e,z.td,z.VC,z.Tp,z.Cw,_.e,O,Ie.GL,Ie.Li,G.Ov],styles:["[_nghost-%COMP%]{display:inline-flex}.t-wrapper[_ngcontent-%COMP%]{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown[_ngcontent-%COMP%]{height:100%}.t-primitive[_ngcontent-%COMP%]{padding:1rem}"],changeDetection:0}),(0,we.gn)([(0,$e.uX)(_t)],St.prototype,"onKeyDownEsc",null),St})(),Gt=(()=>{class St{}return St.\u0275fac=function(Ot){return new(Ot||St)},St.\u0275mod=e.oAB({type:St}),St.\u0275inj=e.cJS({imports:[[G.ez,Ie.wq,p.WD,w,_.A,z.dp]]}),St})()},2847:(Ve,ae,s)=>{"use strict";s.d(ae,{V:()=>Q,j:()=>ue});var e=s(4537),o=s(2485),p=s(3770),_=s(7179),g=s(7881),f=s(8033),m=s(2130),C=s(6060),O=s(6682),w=s(8002),S=s(4789),y=s(8692);const U=["tuiLink",""];function z(de,X){if(1&de&&e._UZ(0,"tui-svg",3),2&de){const B=e.oxw();e.Q6J("src",B.icon||"")}}function Z(de,X){if(1&de&&e._UZ(0,"tui-svg",4),2&de){const B=e.oxw();e.Q6J("src",B.icon||"")}}const le=["*"];let Q=(()=>{class de{constructor(B,K,ne){this.el=B,this.mode$=K,this.pseudo=!1,this.icon="",this.iconAlign="right",this.iconRotated=!1,this.mode=null,this.focusVisible=!1,this.focusedChange=(0,O.T)((0,o.mL)(this.el.nativeElement,"focusin").pipe((0,w.U)(p.Ye)),(0,o.mL)(this.el.nativeElement,"focusout").pipe((0,w.U)(p.Iy))),ne.subscribe(We=>{this.focusVisible=We})}get nativeFocusableElement(){return this.el.nativeElement}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get hasIcon(){return!!this.icon}get iconAlignLeft(){return this.hasIcon&&"left"===this.iconAlign}get iconAlignRight(){return this.hasIcon&&"right"===this.iconAlign}}return de.\u0275fac=function(B){return new(B||de)(e.Y36(e.SBq),e.Y36(C.Au),e.Y36(g.ku))},de.\u0275cmp=e.Xpm({type:de,selectors:[["a","tuiLink",""],["button","tuiLink",""]],hostVars:7,hostBindings:function(B,K){1&B&&e.NdJ("$.data-mode.attr",function(){return K.mode$}),2&B&&(e.uIk("data-host-mode",K.mode),e.ekj("_pseudo",K.pseudo)("_icon-rotated",K.iconRotated)("_focus-visible",K.focusVisible))},inputs:{pseudo:"pseudo",icon:"icon",iconAlign:"iconAlign",iconRotated:"iconRotated",mode:"mode"},exportAs:["tuiLink"],features:[e._Bn([(0,f.FT)(de),g.ku,g.a3,m.CV])],attrs:U,ngContentSelectors:le,decls:4,vars:2,consts:[["class","t-icon t-icon_left",3,"src",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_right",3,"src",4,"ngIf"],[1,"t-icon","t-icon_left",3,"src"],[1,"t-icon","t-icon_right",3,"src"]],template:function(B,K){1&B&&(e.F$t(),e.YNc(0,z,1,1,"tui-svg",0),e.TgZ(1,"span",1),e.Hsn(2),e.qZA(),e.YNc(3,Z,1,1,"tui-svg",2)),2&B&&(e.Q6J("ngIf",K.iconAlignLeft),e.xp6(3),e.Q6J("ngIf",K.iconAlignRight))},dependencies:[S.PN,y.O5],styles:["[_nghost-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-link);text-align:left;text-transform:inherit;font-weight:inherit;cursor:pointer;outline:none}[_nghost-%COMP%]:hover{color:var(--tui-link-hover)}[_nghost-%COMP%]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}[data-mode=onLight][_nghost-%COMP%]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-%COMP%]:hover, [data-mode=onLight]._active[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._pseudo[_nghost-%COMP%]{color:var(--tui-text-01)}[data-mode=onLight]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(0,0,0,.48);text-decoration-color:#0000007a}[data-mode=onLight]._pseudo[_nghost-%COMP%]:hover, [data-mode=onLight]._pseudo._active[_nghost-%COMP%]{color:var(--tui-text-03)}[data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]{color:var(--tui-negative-night)}[data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]:hover, [data-mode=onLight][data-host-mode=negative][_nghost-%COMP%]:active, [data-mode=onLight][data-host-mode=negative]._active[_nghost-%COMP%]{color:var(--tui-negative-night-hover)}[data-mode=onDark][_nghost-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark][_nghost-%COMP%]:hover, [data-mode=onDark][_nghost-%COMP%]:active, [data-mode=onDark]._active[_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onDark]._pseudo[_nghost-%COMP%]{color:var(--tui-text-01-night)}[data-mode=onDark]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(255,255,255,.48);text-decoration-color:#ffffff7a}[data-mode=onDark]._pseudo[_nghost-%COMP%]:hover, [data-mode=onDark]._pseudo[_nghost-%COMP%]:active, [data-mode=onDark]._pseudo._active[_nghost-%COMP%]{color:var(--tui-text-03-night)}[data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]{color:var(--tui-positive-night)}[data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]:hover, [data-mode=onDark][data-host-mode=positive][_nghost-%COMP%]:active, [data-mode=onDark][data-host-mode=positive]._active[_nghost-%COMP%]{color:var(--tui-positive-night-hover)}[data-host-mode=negative][_nghost-%COMP%]{color:var(--tui-negative)}[data-host-mode=negative][_nghost-%COMP%]:hover{color:var(--tui-negative-hover)}[data-host-mode=negative]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(222,76,30,.48);text-decoration-color:#de4c1e7a}[data-host-mode=positive][_nghost-%COMP%]{color:var(--tui-positive)}[data-host-mode=positive][_nghost-%COMP%]:hover{color:var(--tui-positive-hover)}[data-host-mode=positive]._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{-webkit-text-decoration-color:rgba(58,169,129,.48);text-decoration-color:#3aa9817a}._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-selection)}[data-mode=onLight]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-clear);color:var(--tui-text-01)}[data-mode=onDark]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}[data-host-mode=positive]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-success-bg)}[data-host-mode=negative]._focus-visible[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{background:var(--tui-error-bg)}._pseudo[_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding-bottom:.15em;-webkit-text-decoration:underline dashed rgba(51,111,238,.48);text-decoration:underline dashed rgba(51,111,238,.48);text-underline-offset:.2em;text-decoration-thickness:.7px}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:var(--tui-link-icon-size, 1.5rem);height:var(--tui-link-icon-size, 1.5rem);margin-top:-.125rem}.t-icon_left[_ngcontent-%COMP%]{margin-right:.25rem}.t-icon_right[_ngcontent-%COMP%]{margin-left:.25rem}._icon-rotated[_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{transform:rotate(180deg)}"],changeDetection:0}),de})(),ue=(()=>{class de{}return de.\u0275fac=function(B){return new(B||de)},de.\u0275mod=e.oAB({type:de}),de.\u0275inj=e.cJS({imports:[[y.ez,S.EI]]}),de})()},719:(Ve,ae,s)=>{"use strict";s.d(ae,{dS:()=>Q,kM:()=>le});var e=s(8692),o=s(4537),p=s(1927),_=s(1213),g=s(7179),f=s(8033),m=s(6640),C=s(9570);function O(ue,de){if(1&ue&&(o.ynx(0),o._uU(1),o.BQk()),2&ue){const X=de.polymorpheusOutlet;o.xp6(1),o.hij(" ",X," ")}}function w(ue,de){if(1&ue&&(o.O4$(),o.kcU(),o.TgZ(0,"div",6),o.YNc(1,O,2,1,"ng-container",7),o.qZA()),2&ue){const X=o.oxw(2);o.ekj("t-text_horizontal",X.isHorizontal),o.xp6(1),o.Q6J("polymorpheusOutlet",X.textContent)}}function S(ue,de){if(1&ue&&(o.TgZ(0,"div",2),o.O4$(),o.TgZ(1,"svg",3),o._UZ(2,"circle",4),o.qZA(),o.YNc(3,w,2,3,"div",5),o.qZA()),2&ue){const X=o.oxw();o.ekj("t-loader_horizontal",X.isHorizontal)("t-loader_inherit-color",X.inheritColor),o.uIk("data-size",X.size),o.xp6(3),o.Q6J("ngIf",X.hasText)}}const y=["*"],z=(0,p.JN)({size:"m",inheritColor:!1,overlay:!1});let le=(()=>{class ue{constructor(X,B,K,ne){this.doc=X,this.el=B,this.isIos=K,this.options=ne,this.size=this.options.size,this.inheritColor=this.options.inheritColor,this.overlay=this.options.overlay,this.loading=!0,this.isApple=(0,_.Ex)(this.el.nativeElement)||this.isIos}set showLoader(X){X&&this.focused&&(0,g.hp)(this.doc),this.loading=X}get hasOverlay(){return this.overlay&&this.loading}get hasText(){return!!this.textContent}get isHorizontal(){return!(0,m.R9)(this.size)}get focused(){return(0,g.zb)(this.el.nativeElement)}}return ue.\u0275fac=function(X){return new(X||ue)(o.Y36(e.K0),o.Y36(o.SBq),o.Y36(f.FA),o.Y36(z))},ue.\u0275cmp=o.Xpm({type:ue,selectors:[["tui-loader"]],hostVars:2,hostBindings:function(X,B){2&X&&o.ekj("_loading",B.loading)},inputs:{size:"size",inheritColor:"inheritColor",overlay:"overlay",textContent:"textContent",showLoader:"showLoader"},ngContentSelectors:y,decls:3,vars:7,consts:[[1,"t-content",3,"disabled"],["class","t-loader",3,"t-loader_horizontal","t-loader_inherit-color",4,"ngIf"],[1,"t-loader"],["automation-id","tui-loader__loader","focusable","false","viewBox","0 0 100 100","xmlns","http://www.w3.org/2000/svg",1,"t-icon"],["cx","50","cy","50","r","50","stroke-dasharray","314",1,"t-circle"],["automation-id","tui-loader__text","class","t-text",3,"t-text_horizontal",4,"ngIf"],["automation-id","tui-loader__text",1,"t-text"],[4,"polymorpheusOutlet"]],template:function(X,B){1&X&&(o.F$t(),o.TgZ(0,"fieldset",0),o.Hsn(1),o.qZA(),o.YNc(2,S,4,6,"div",1)),2&X&&(o.ekj("t-content_has-overlay",B.hasOverlay)("t-content_loading",B.loading),o.Q6J("disabled",B.loading&&!B.isApple),o.uIk("inert",B.loading||null),o.xp6(2),o.Q6J("ngIf",B.loading))},dependencies:[e.O5,C.Li],styles:["@keyframes _ngcontent-%COMP%_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-%COMP%_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-%COMP%]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-%COMP%]{overflow:hidden}.t-content[_ngcontent-%COMP%]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-%COMP%]{opacity:.3}.t-content_loading[_ngcontent-%COMP%]{pointer-events:none}.t-loader[_ngcontent-%COMP%]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-%COMP%]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-%COMP%]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-%COMP%]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-%COMP%]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-%COMP%]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-%COMP%]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-%COMP%]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-%COMP%]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-%COMP%]{margin:0 0 0 1rem}.t-icon[_ngcontent-%COMP%]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-%COMP%_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-%COMP%]{overflow:visible}}.t-circle[_ngcontent-%COMP%]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-%COMP%_tuiLoaderDashOffset 3s linear infinite}"],changeDetection:0}),ue})(),Q=(()=>{class ue{}return ue.\u0275fac=function(X){return new(X||ue)},ue.\u0275mod=o.oAB({type:ue}),ue.\u0275inj=o.cJS({imports:[[e.ez,C.wq]]}),ue})()},885:(Ve,ae,s)=>{"use strict";s.d(ae,{H:()=>z,L:()=>U});var e=s(4537),o=s(2485),p=s(6060),_=s(4789),g=s(2628),f=s(8692),m=s(9570);function C(Z,le){1&Z&&e._UZ(0,"tui-svg",4),2&Z&&e.Q6J("src",le.polymorpheusOutlet)}const O=function(Z){return{$implicit:Z}};function w(Z,le){if(1&Z&&(e.ynx(0),e.YNc(1,C,1,1,"tui-svg",3),e.BQk()),2&Z){const Q=e.oxw();e.xp6(1),e.Q6J("polymorpheusOutlet",Q.icon)("polymorpheusOutletContext",e.VKq(2,O,Q.status))}}function S(Z,le){if(1&Z){const Q=e.EpF();e.TgZ(0,"button",5),e.NdJ("click",function(){e.CHM(Q);const de=e.oxw();return e.KtG(de.close.emit())}),e.ALo(1,"async"),e.qZA()}if(2&Z){const Q=e.oxw();e.Q6J("icon",Q.icons.close)("title",e.lcZ(1,2,Q.closeWord$))}}const y=["*"];let U=(()=>{class Z{constructor(Q,ue,de){this.closeWord$=Q,this.icons=ue,this.options=de,this.hasIcon=this.options.hasIcon,this.icon=this.options.icon,this.status=this.options.status,this.size=this.options.size,this.hideClose=!1,this.close=new e.vpe}get hasClose(){return!this.hideClose&&(0,o.fw)(this.close)}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(p.U0),e.Y36(p.Gs),e.Y36(p.Ln))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-notification"]],hostVars:2,hostBindings:function(Q,ue){2&Q&&e.uIk("data-status",ue.status)("data-size",ue.size)},inputs:{hasIcon:"hasIcon",icon:"icon",status:"status",size:"size",hideClose:"hideClose"},outputs:{close:"close"},ngContentSelectors:y,decls:4,vars:2,consts:[[4,"ngIf"],[1,"t-content"],["appearance","icon","automation-id","tui-notification__close","size","xs","tuiIconButton","","type","button","class","t-close",3,"icon","title","click",4,"ngIf"],["automation-id","tui-notification__icon","class","t-icon",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-notification__icon",1,"t-icon",3,"src"],["appearance","icon","automation-id","tui-notification__close","size","xs","tuiIconButton","","type","button",1,"t-close",3,"icon","title","click"]],template:function(Q,ue){1&Q&&(e.F$t(),e.YNc(0,w,2,4,"ng-container",0),e.TgZ(1,"div",1),e.Hsn(2),e.qZA(),e.YNc(3,S,2,4,"button",2)),2&Q&&(e.Q6J("ngIf",ue.icon&&ue.hasIcon),e.xp6(3),e.Q6J("ngIf",ue.hasClose))},dependencies:[_.PN,g.v0,f.O5,m.Li,f.Ov],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-%COMP%]{padding:.375rem .625rem}[data-size=s][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-%COMP%]{padding:.75rem}[data-size=m][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-%COMP%]   .t-close[_ngcontent-%COMP%]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-%COMP%]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-%COMP%]   .t-icon[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-%COMP%]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-%COMP%]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-%COMP%]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-%COMP%]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-%COMP%]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-%COMP%]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}"],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[f.ez,_.EI,g.fN,m.wq]]}),Z})()},5640:(Ve,ae,s)=>{"use strict";s.d(ae,{iQ:()=>_n,yc:()=>Jt,B1:()=>yt,KW:()=>Ee,MB:()=>ut});var e=s(4911),o=s(4537),p=s(7881);let _=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["ng-component"]],hostAttrs:[1,"tui-autofilled-styles"],decls:0,vars:0,template:function(Fe,ht){},styles:[".tui-autofill input,input.tui-autofill{transition:box-shadow .01s}\n"],encapsulation:2,changeDetection:0}),ke})(),g=(()=>{class ke{constructor(Fe){this.autofilled=!1,this.tuiAutofilledChange=new o.vpe,Fe.addComponent(_)}transitionStartHandler({propertyName:Fe,target:ht}){var Vt;Fe.includes("box-shadow")&&(null===(Vt=ht)||void 0===Vt?void 0:Vt.matches("input"))&&(this.autofilled=!this.autofilled,this.tuiAutofilledChange.emit(this.autofilled))}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(p.gH))},ke.\u0275dir=o.lG2({type:ke,selectors:[["","tuiAutofilledChange",""]],hostAttrs:[1,"tui-autofill"],hostVars:2,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("transitionstart",function($t){return ht.transitionStartHandler($t)}),2&Fe&&o.ekj("_autofilled",ht.autofilled)},outputs:{tuiAutofilledChange:"tuiAutofilledChange"}}),ke})(),f=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({}),ke})();var m=s(3633),C=s(8033),O=s(6480),w=s(7179),S=s(4493),y=s(4358),U=s(442),z=s(6409),Z=s(6640),le=s(9570),Q=s(6215),ue=s(6682),de=s(2759),X=s(7460),B=s(5435),K=s(8002),ne=s(7519),We=s(4789),Le=s(7320),Je=s(1515),we=s(8692),Te=s(1489),$e=s(8942),Ie=s(6060);let G=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275dir=o.lG2({type:ke,selectors:[["input","tuiMaskAccessor",""]],features:[o._Bn([{provide:$e.JU,deps:[[new o.FiY,Ie.sE],$e.Fj],multi:!0,useFactory:(Ke,Fe)=>Ke?Ke[0]:Fe}])]}),ke})(),he=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({}),ke})();var ye=s(3631);const te=["pre"],Re=["focusableElement"];function q(ke,Ke){1&ke&&o.GkF(0)}function ce(ke,Ke){1&ke&&o.GkF(0)}function be(ke,Ke){1&ke&&(o.TgZ(0,"div",17),o.Hsn(1,2),o.qZA())}function N(ke,Ke){1&ke&&o._UZ(0,"tui-svg",20),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}const _e=function(ke){return{$implicit:ke}};function ze(ke,Ke){if(1&ke&&(o.TgZ(0,"div",18),o.YNc(1,N,1,1,"tui-svg",19),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconLeftContent)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}function _t(ke,Ke){if(1&ke&&(o.TgZ(0,"label",21),o.Hsn(1,3),o.qZA()),2&ke){const Fe=o.oxw();o.ekj("t-placeholder_raised",Fe.placeholderRaised),o.Q6J("for",Fe.computedId)}}function Et(ke,Ke){1&ke&&o._UZ(0,"tui-svg",24),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function Gt(ke,Ke){if(1&ke&&(o.TgZ(0,"div",22),o.YNc(1,Et,1,1,"tui-svg",23),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.controller.customContent)}}function St(ke,Ke){1&ke&&o._UZ(0,"tui-svg",27),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function qt(ke,Ke){if(1&ke){const Fe=o.EpF();o.TgZ(0,"span",25),o.NdJ("click.stop",function(){o.CHM(Fe);const Vt=o.oxw();return o.KtG(Vt.clear())}),o.YNc(1,St,1,1,"tui-svg",26),o.qZA()}if(2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconCleaner||Fe.controller.options.iconCleaner)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}function Ot(ke,Ke){if(1&ke&&o._UZ(0,"tui-tooltip",28),2&ke){const Fe=o.oxw();o.Q6J("content",null==Fe.hintOptions?null:Fe.hintOptions.content)("describeId",Fe.computedId)}}function Ht(ke,Ke){1&ke&&o._UZ(0,"tui-svg",20),2&ke&&o.Q6J("src",Ke.polymorpheusOutlet)}function Pt(ke,Ke){if(1&ke&&(o.TgZ(0,"div",29),o.YNc(1,Ht,1,1,"tui-svg",19),o.qZA()),2&ke){const Fe=o.oxw();o.xp6(1),o.Q6J("polymorpheusOutlet",Fe.iconContent)("polymorpheusOutletContext",o.VKq(2,_e,Fe.size))}}const Tt=[[["input"]],[["select"]],[["tuiContent"]],"*"],xt=["input","select","tuiContent","*"],Wt=["tuiTextfield",""];let sn=(()=>{class ke{constructor(Fe,ht){this.textfield=Fe,this.fontsReady$=ht,this.prefix$=new Q.X(""),this.pre$=(0,ue.T)(this.fontsReady$,this.prefix$).pipe((0,X.g)(0),(0,B.h)(()=>{var Vt;return!(null===(Vt=this.pre)||void 0===Vt||!Vt.nativeElement.isConnected)}),(0,K.U)(()=>{var Vt;return(null===(Vt=this.pre)||void 0===Vt?void 0:Vt.nativeElement.offsetWidth)||0}),(0,ne.x)())}get isContextTable(){return this.textfield.appearance===Le.Nm.Table}get value(){return this.textfield.value}get filler(){const{focused:Fe,placeholder:ht,exampleText:Vt,value:$t,textfield:Ye}=this;return ht&&Vt?"":Fe?Vt||Ye.filler.slice($t.length):""}get prefix(){return this.decorationsVisible?this.textfield.prefix:""}get postfix(){return this.decorationsVisible?this.computedPostfix:""}ngDoCheck(){this.prefix$.next(this.prefix)}get placeholder(){var Fe;return(null===(Fe=this.textfield.nativeFocusableElement)||void 0===Fe?void 0:Fe.placeholder)||""}get exampleText(){return!this.value&&this.focused?this.placeholder:""}get decorationsVisible(){return!!this.value||this.focused&&!this.placeholder}get focused(){return this.textfield.computedFocused&&!this.textfield.readOnly}get computedPostfix(){return this.textfield.postfix&&(this.filler||this.value)?` ${this.textfield.postfix}`:this.textfield.postfix}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(C.KZ),o.Y36(C.tS))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["tui-value-decoration"]],viewQuery:function(Fe,ht){if(1&Fe&&o.Gf(te,7,o.SBq),2&Fe){let Vt;o.iGM(Vt=o.CRH())&&(ht.pre=Vt.first)}},hostVars:4,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("animationstart",function(){return ht.ngDoCheck()}),2&Fe&&o.ekj("_table",ht.isContextTable)("_filler",ht.filler)},decls:5,vars:4,consts:[[1,"t-prefix",3,"textContent"],["pre",""],[1,"t-ghost",3,"textContent"],[1,"t-filler",3,"textContent"],[1,"t-postfix",3,"textContent"]],template:function(Fe,ht){1&Fe&&o._UZ(0,"span",0,1)(2,"span",2)(3,"span",3)(4,"span",4),2&Fe&&(o.Q6J("textContent",ht.prefix),o.xp6(2),o.Q6J("textContent",ht.value),o.xp6(1),o.Q6J("textContent",ht.filler),o.xp6(1),o.Q6J("textContent",ht.postfix))},styles:['[_nghost-%COMP%]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-%COMP%]{position:static;margin-top:0}._filler[_nghost-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-%COMP%]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-%COMP%], .t-postfix[_ngcontent-%COMP%]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]   .t-prefix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]   .t-prefix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]   .t-postfix[_ngcontent-%COMP%], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]   .t-postfix[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-%COMP%]{max-width:100%;white-space:nowrap}']}),ke})();const _n={s:1.25,m:1.75,l:2.25};let Jt=(()=>{class ke extends O.Xn{constructor(Fe,ht,Vt,$t){super(),this.controller=Fe,this.hintOptions=ht,this.options=Vt,this.el=$t,this.editable=!0,this.textfieldFiller="",this.iconCleaner=this.options.iconCleaner,this.readOnly=!1,this.invalid=!1,this.disabled=!1,this.textfieldPrefix="",this.textfieldPostfix="",this.value="",this.valueChange=new o.vpe,this.autofilled=!1}get prefix(){return this.textfieldPrefix||this.controller.prefix}get postfix(){return this.textfieldPostfix||this.controller.postfix}get filler(){return this.textfieldFiller||this.controller.filler}get nativeFocusableElement(){if(this.computedDisabled||!this.focusableElement)return null;const{nativeElement:Fe}=this.focusableElement;return Fe.previousElementSibling||Fe}get focused(){return(0,w.zb)(this.el.nativeElement)}get appearance(){return this.controller.appearance}get size(){return this.controller.size}get computedInvalid(){return!this.readOnly&&!this.disabled&&this.invalid}get inputHidden(){var Fe;return!(null===(Fe=this.content)||void 0===Fe||!Fe.length)}get hasValue(){return!!this.value}get hasCleaner(){return this.controller.cleaner&&this.hasValue&&!this.computedDisabled&&!this.readOnly}get hasTooltip(){var Fe;return!(null===(Fe=this.hintOptions)||void 0===Fe||!Fe.content||this.computedDisabled)}get hasCustomContent(){return!!this.controller.customContent}get placeholderVisible(){var Fe;const Vt=((null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.placeholder)||this.prefix||this.postfix||this.filler)&&!this.readOnly&&this.computedFocused;return!this.hasValue&&!Vt}get hasPlaceholder(){return this.placeholderRaisable||this.placeholderVisible}get placeholderRaised(){return this.placeholderRaisable&&(this.computedFocused&&!this.readOnly||this.hasValue||this.autofilled)}get borderStart(){return this.iconLeftContent?this.iconPaddingLeft:0}get borderEnd(){return(0,Z._X)(!!this.iconContent,this.hasCleaner,this.hasTooltip,this.hasCustomContent,this.size)}get iconContent(){return this.controller.icon}get iconLeftContent(){return this.controller.iconLeft}get showHint(){var Fe;return!(null===(Fe=this.hintOptions)||void 0===Fe||!Fe.content)&&(this.options.hintOnDisabled||!this.computedDisabled)}get name(){var Fe;return"cc-exp"===(null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.autocomplete)?"ccexpiryyear":null}get computedId(){var Fe;return(null===(Fe=this.nativeFocusableElement)||void 0===Fe?void 0:Fe.id)||""}onFocused(Fe){this.updateFocused(Fe)}getIndent$(Fe){return(0,de.R)(Fe,"scroll").pipe((0,K.U)(()=>-1*Math.max(Fe.scrollLeft,0)))}clear(){this.nativeFocusableElement&&(this.nativeFocusableElement.value=""),this.updateValue("")}onMouseDown(Fe){const{nativeFocusableElement:ht}=this;!ht||Fe.target===ht||(Fe.preventDefault(),ht.focus())}onModelChange(Fe){this.updateValue(Fe)}onAutofilled(Fe){this.updateAutofilled(Fe)}detectRetargetFromLabel(Fe){(0,S.UP)(Fe)&&Fe.stopImmediatePropagation()}get iconPaddingLeft(){return _n[this.size]}get placeholderRaisable(){return"s"!==this.size&&!this.controller.labelOutside}updateAutofilled(Fe){this.autofilled!==Fe&&(this.autofilled=Fe)}updateValue(Fe){this.value=Fe,this.valueChange.emit(Fe)}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(z.Cs),o.Y36(U.bZ,8),o.Y36(z.z1),o.Y36(o.SBq))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["tui-primitive-textfield"]],contentQueries:function(Fe,ht,Vt){if(1&Fe&&o.Suo(Vt,le.Li,5),2&Fe){let $t;o.iGM($t=o.CRH())&&(ht.content=$t)}},viewQuery:function(Fe,ht){if(1&Fe&&o.Gf(Re,5),2&Fe){let Vt;o.iGM(Vt=o.CRH())&&(ht.focusableElement=Vt.first)}},hostVars:15,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("focusin",function(){return ht.onFocused(!0)})("focusout",function(){return ht.onFocused(!1)}),2&Fe&&(o.uIk("data-size",ht.size),o.Udp("--border-start",ht.borderStart,"rem")("--border-end",ht.borderEnd,"rem"),o.ekj("_autofilled",ht.autofilled)("_label-outside",ht.controller.labelOutside)("_readonly",ht.readOnly)("_invalid",ht.computedInvalid)("_hidden",ht.inputHidden))},inputs:{editable:"editable",textfieldFiller:["filler","textfieldFiller"],iconCleaner:"iconCleaner",readOnly:"readOnly",invalid:"invalid",disabled:"disabled",textfieldPrefix:["prefix","textfieldPrefix"],textfieldPostfix:["postfix","textfieldPostfix"],value:"value"},outputs:{valueChange:"valueChange"},features:[o._Bn([(0,C.FT)(ke),z.Y0]),o.qOj],ngContentSelectors:xt,decls:24,vars:37,consts:[[4,"ngIf"],["automation-id","tui-primitive-textfield__wrapper","tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly","click.prevent.silent","mousedown","tuiAutofilledChange"],["automation-id","tui-primitive-textfield__native-input","tuiMaskAccessor","",1,"t-input",3,"disabled","id","ngModel","readOnly","tuiFocusable","ngModelChange"],["focusableElement",""],["automation-id","tui-primitive-textfield__value","class","t-input t-input_template",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_left t-textfield-icon",4,"ngIf"],[1,"t-wrapper"],["automation-id","tui-primitive-textfield__placeholder","class","t-placeholder",3,"t-placeholder_raised","for",4,"ngIf"],[1,"t-wrapper-value-decoration"],["aria-hidden","true","automation-id","tui-primitive-textfield__value-decoration",1,"t-value-decoration"],["decor",""],[1,"t-icons"],["automation-id","tui-primitive-textfield__custom-content","class","t-custom-content",4,"ngIf"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","","class","t-cleaner",3,"click.stop",4,"ngIf"],["automation-id","tui-primitive-textfield__tooltip","class","t-tooltip",3,"content","describeId",4,"ngIf"],["class","t-icon t-textfield-icon",4,"ngIf"],["automation-id","tui-primitive-textfield__value",1,"t-input","t-input_template"],[1,"t-icon","t-icon_left","t-textfield-icon"],["appearance","icon","tuiWrapper","",3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","tuiWrapper","",3,"src"],["automation-id","tui-primitive-textfield__placeholder",1,"t-placeholder",3,"for"],["automation-id","tui-primitive-textfield__custom-content",1,"t-custom-content"],["class","t-custom-icon",3,"src",4,"polymorpheusOutlet"],[1,"t-custom-icon",3,"src"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","",1,"t-cleaner",3,"click.stop"],[3,"src",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"src"],["automation-id","tui-primitive-textfield__tooltip",1,"t-tooltip",3,"content","describeId"],[1,"t-icon","t-textfield-icon"]],template:function(Fe,ht){if(1&Fe&&(o.F$t(Tt),o.YNc(0,q,1,0,"ng-container",0),o.ALo(1,"async"),o.YNc(2,ce,1,0,"ng-container",0),o.ALo(3,"async"),o.TgZ(4,"div",1),o.NdJ("click.prevent.silent",function($t){return ht.detectRetargetFromLabel($t)})("mousedown",function($t){return ht.onMouseDown($t)})("tuiAutofilledChange",function($t){return ht.onAutofilled($t)}),o.ALo(5,"async"),o.Hsn(6),o.Hsn(7,1),o.TgZ(8,"input",2,3),o.NdJ("ngModelChange",function($t){return ht.onModelChange($t)}),o.qZA(),o.YNc(10,be,2,0,"div",4),o.TgZ(11,"div",5),o.YNc(12,ze,2,4,"div",6),o.TgZ(13,"div",7),o.YNc(14,_t,2,3,"label",8),o.TgZ(15,"div",9)(16,"tui-value-decoration",10,11),o.ALo(18,"async"),o.qZA()()(),o.TgZ(19,"div",12),o.YNc(20,Gt,2,1,"div",13),o.YNc(21,qt,2,4,"span",14),o.YNc(22,Ot,1,2,"tui-tooltip",15),o.YNc(23,Pt,2,4,"div",16),o.qZA()()()),2&Fe){const Vt=o.MAs(9),$t=o.MAs(17);o.Q6J("ngIf",o.lcZ(1,29,null==ht.content?null:ht.content.changes)),o.xp6(2),o.Q6J("ngIf",o.lcZ(3,31,null==ht.hintOptions?null:ht.hintOptions.change$)),o.xp6(2),o.Udp("--text-indent",o.lcZ(5,33,$t.pre$),"px"),o.Q6J("active",ht.pseudoActive)("appearance",ht.appearance)("disabled",ht.disabled)("focus",ht.computedFocused)("hover",ht.pseudoHover)("invalid",ht.computedInvalid)("readOnly",ht.readOnly),o.xp6(4),o.Q6J("disabled",ht.computedDisabled)("id",ht.id)("ngModel",ht.value)("readOnly",ht.readOnly||!ht.editable)("tuiFocusable",ht.computedFocusable),o.uIk("aria-invalid",ht.computedInvalid)("name",ht.name),o.xp6(2),o.Q6J("ngIf",ht.inputHidden),o.xp6(2),o.Q6J("ngIf",ht.iconLeftContent),o.xp6(2),o.Q6J("ngIf",ht.hasPlaceholder),o.xp6(2),o.Udp("text-indent",o.lcZ(18,35,ht.getIndent$(Vt)),"px"),o.ekj("t-has-value",ht.value),o.xp6(4),o.Q6J("ngIf",ht.hasCustomContent),o.xp6(1),o.Q6J("ngIf",ht.hasCleaner),o.xp6(1),o.Q6J("ngIf",ht.showHint),o.xp6(1),o.Q6J("ngIf",ht.iconContent)}},dependencies:[We.PN,sn,Je.w,we.O5,Te.o,g,G,$e.Fj,$e.JJ,$e.On,m.t,le.Li,we.Ov],styles:['[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}[data-size=s][_nghost-%COMP%]{--tui-height: var(--tui-height-s)}[data-size=m][_nghost-%COMP%]{--tui-height: var(--tui-height-m)}[data-size=l][_nghost-%COMP%]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-%COMP%]::-webkit-caps-lock-indicator, .t-input[_ngcontent-%COMP%]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-%COMP%]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, .t-input   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], .t-input   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], .t-input   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input.t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-%COMP%]{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder[_ngcontent-%COMP%]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-%COMP%]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-%COMP%]{transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-%COMP%]:not(._focused)   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-error-fill)}._invalid[_nghost-%COMP%]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-error-fill-night)}._focused[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-03)}[data-size=l][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font-size:.8156rem}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}._focused[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   [tuiWrapper][data-mode=onDark][_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-02-night)}.t-cleaner[_ngcontent-%COMP%]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%], ._disabled[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%]{pointer-events:none}.t-icon[_ngcontent-%COMP%]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}[data-size=m][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=l][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons[_ngcontent-%COMP%]{display:flex;align-items:center}[data-size=m][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=s][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}[_nghost-%COMP%]:not([data-size="s"])   .t-icons[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}._autofilled[data-size=s][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled[_nghost-%COMP%]   .t-value-decoration[_ngcontent-%COMP%]:not(.t-has-value){visibility:hidden}.t-custom-content[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon[_ngcontent-%COMP%]{width:2rem;height:100%}.t-input[_ngcontent-%COMP%]:not(:first-child){display:none}[data-size][_nghost-%COMP%]   .t-input_template[_ngcontent-%COMP%]{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-%COMP%]{position:relative;pointer-events:none}'],changeDetection:0}),(0,e.gn)([y.UM],ke.prototype,"getIndent$",null),ke})(),yt=(()=>{class ke extends ye.D1{constructor(Fe){super(Fe),this.textfield=Fe}get readOnly(){return this.textfield.readOnly||!this.textfield.editable}onValueChange(Fe){this.textfield.onModelChange(Fe)}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(Jt))},ke.\u0275dir=o.lG2({type:ke,selectors:[["tui-primitive-textfield"]],features:[o._Bn([(0,Ie.cp)(ke)]),o.qOj]}),ke})(),ut=(()=>{class ke{constructor(Fe,ht,Vt,$t,Ye){this.host=Fe,this.controller=ht,this.el=Vt,this.idService=$t,this.legacyMask=Ye,this.host.process(this.el.nativeElement)}get id(){return this.el.nativeElement.id||this.idService.generate()}get inputMode(){return this.el.nativeElement.inputMode||this.host.inputMode}}return ke.\u0275fac=function(Fe){return new(Fe||ke)(o.Y36(Ie.S0),o.Y36(z.Cs),o.Y36(o.SBq),o.Y36(p.ll),o.Y36(Ie.sf,8))},ke.\u0275cmp=o.Xpm({type:ke,selectors:[["input","tuiTextfield",""],["textarea","tuiTextfield",""]],hostAttrs:["type","text"],hostVars:7,hostBindings:function(Fe,ht){1&Fe&&o.NdJ("input",function($t){return!ht.legacyMask&&ht.host.onValueChange($t.target.value)}),2&Fe&&(o.Ikx("tabIndex",ht.host.focusable?0:-1)("readOnly",ht.host.readOnly)("value",ht.host.value),o.uIk("id",ht.id)("inputMode",ht.inputMode)("aria-invalid",ht.host.invalid)("disabled",ht.host.disabled||null))},features:[o._Bn([z.Y0])],attrs:Wt,decls:0,vars:0,template:function(Fe,ht){},styles:['[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-%COMP%]::-webkit-caps-lock-indicator, [_nghost-%COMP%]::-webkit-contacts-auto-fill-button, [_nghost-%COMP%]::-webkit-credit-card-auto-fill-button, [_nghost-%COMP%]::-webkit-credentials-auto-fill-button, [_nghost-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-%COMP%]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   [_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]:-webkit-autofill:focus, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-%COMP%]::placeholder, [_nghost-%COMP%]   [tuiWrapper][data-mode="onDark"][_nghost-%COMP%]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-%COMP%]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-%COMP%]{white-space:pre-wrap}textarea[_nghost-%COMP%]   tui-textarea._ios[_nghost-%COMP%], tui-textarea._ios   [_nghost-%COMP%], textarea[_nghost-%COMP%]   tui-text-area._ios[_nghost-%COMP%], tui-text-area._ios   [_nghost-%COMP%]{padding-left:.8125rem}'],changeDetection:0}),ke})(),Ee=(()=>{class ke{}return ke.\u0275fac=function(Fe){return new(Fe||ke)},ke.\u0275mod=o.oAB({type:ke}),ke.\u0275inj=o.cJS({imports:[[we.ez,$e.u5,le.wq,he,m.u,Te.W,We.EI,Je.Q,f]]}),ke})()},134:(Ve,ae,s)=>{"use strict";s.d(ae,{IB:()=>U,Jy:()=>z});var e=s(4537),o=s(1359),p=s(1213),_=s(4493),g=s(8033),f=s(2579),m=s(8692);function C(Z,le){1&Z&&e._UZ(0,"tui-scroll-controls",2)}const O=["*"];let U=(()=>{class Z{constructor(Q,ue,de,X){this.cssRef=Q,this.el=ue,this.userAgent=de,this.isIos=X,this.delegated=!1,this.isLegacy=!this.cssRef.supports("position","sticky")||(0,p.oK)(this.userAgent)&&!this.cssRef.supports("scrollbar-width","none"),this.hidden=!1,this.browserScrollRef=new e.SBq(this.el.nativeElement)}get showScrollbars(){return!this.hidden&&!this.isIos&&(!this.isLegacy||this.delegated)}get showNative(){return this.isLegacy&&!this.hidden&&!this.delegated}onScrollable(Q){this.delegated=!0,this.browserScrollRef.nativeElement=Q}scrollIntoView(Q){var ue;if(this.delegated)return;const{nativeElement:de}=this.browserScrollRef,{offsetTop:X,offsetLeft:B}=(0,_.YX)(de,Q),{clientHeight:K,clientWidth:ne}=de,{offsetHeight:We,offsetWidth:Le}=Q;null===(ue=de.scrollTo)||void 0===ue||ue.call(de,B+Le/2-ne/2,X+We/2-K/2)}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(f.ux),e.Y36(e.SBq),e.Y36(f.yZ),e.Y36(g.FA))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-scrollbar"]],hostVars:2,hostBindings:function(Q,ue){1&Q&&e.NdJ("tui-scrollable.stop",function(X){return ue.onScrollable(X.detail)})("tui-scroll-into-view.stop",function(X){return ue.scrollIntoView(X.detail)}),2&Q&&e.ekj("_legacy",ue.showNative)},inputs:{hidden:"hidden"},features:[e._Bn([{provide:g.$_,deps:[Z],useFactory:({browserScrollRef:le})=>le}])],ngContentSelectors:O,decls:3,vars:1,consts:[["class","t-bars",4,"ngIf"],[1,"t-content"],[1,"t-bars"]],template:function(Q,ue){1&Q&&(e.F$t(),e.YNc(0,C,1,0,"tui-scroll-controls",0),e.TgZ(1,"div",1),e.Hsn(2),e.qZA()),2&Q&&e.Q6J("ngIf",ue.showScrollbars)},dependencies:[o.tZ,m.O5],styles:["[_nghost-%COMP%]{position:relative;display:flex;isolation:isolate;overflow:auto}[_nghost-%COMP%]:not(._legacy){scrollbar-width:none;-ms-overflow-style:none}[_nghost-%COMP%]:not(._legacy)::-webkit-scrollbar, [_nghost-%COMP%]:not(._legacy)::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}._legacy[_nghost-%COMP%]{overflow:overlay}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){._legacy[_nghost-%COMP%]::-webkit-scrollbar, ._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}._legacy[_nghost-%COMP%]::-webkit-scrollbar{background-color:transparent}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}._legacy[_nghost-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}.t-content[_ngcontent-%COMP%]{isolation:isolate;flex:1;flex-basis:auto;width:100%;height:-webkit-max-content;height:max-content}.t-bars[_ngcontent-%COMP%]{color:var(--tui-text-01)}"],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[m.ez,o.eI]]}),Z})()},4789:(Ve,ae,s)=>{"use strict";s.d(ae,{$E:()=>Ie,EI:()=>be,PN:()=>ce});var e=s(4911),o=s(8692),p=s(4537),_=s(5998),g=s(2579),f=s(2668),m=s(8192),C=s(1927),w=(s(8939),s(4493)),S=s(7881),y=s(8033),U=s(4358),z=s(8269),Z=s(7941),le=s(6060),Q=s(6640),ue=s(4487),de=s(8447),X=s(5917),B=s(3190),K=s(9761),ne=s(5304),We=s(8002);function Le(N,_e){if(1&N&&p._UZ(0,"div",3),2&N){const ze=p.oxw().tuiLet;p.Q6J("innerHTML",ze,p.oJD)}}function Je(N,_e){if(1&N){const ze=p.EpF();p.O4$(),p.TgZ(0,"svg",4),p.NdJ("error",function(){p.CHM(ze);const Et=p.oxw(2);return p.KtG(Et.onError())}),p._UZ(1,"use"),p.qZA()}if(2&N){const ze=p.oxw(2);p.xp6(1),p.uIk("href",ze.use,null,"xlink")}}function we(N,_e){if(1&N&&(p.ynx(0),p.YNc(1,Le,1,1,"div",1),p.YNc(2,Je,2,1,"ng-template",null,2,p.W1O),p.BQk()),2&N){const ze=p.MAs(3),_t=p.oxw();p.xp6(1),p.Q6J("ngIf",_t.isInnerHTML)("ngIfElse",ze)}}const Te={tuiIconAttach:"tuiIconPaperclip",tuiIconAttention:"tuiIconAlertCircle",tuiIconBackCircle:"tuiIconArrowLeftCircle",tuiIconCall:"tuiIconPhone",tuiIconCallIn:"tuiIconPhoneIncoming",tuiIconCallOut:"tuiIconPhoneOutgoing",tuiIconCallTransfer:"tuiIconPhoneForwarded",tuiIconCancel:"tuiIconXCircle",tuiIconCancelCircle:"tuiIconSlash",tuiIconCard:"tuiIconCreditCard",tuiIconCards:"tuiIconCreditCard",tuiIconChartBar:"tuiIconBarChart",tuiIconChart:"tuiIconBarChart",tuiIconCheckList:"tuiIconClipboard",tuiIconCloseCircle:"tuiIconXCircle",tuiIconCollapse:"tuiIconMinimize",tuiIconComment:"tuiIconMessageSquare",tuiIconCommentFw:"tuiIconMessageForward",tuiIconCompany:"tuiIconBriefcase",tuiIconDefaultDoc:"tuiIconFile",tuiIconDesktop:"tuiIconMonitor",tuiIconDesktopOff:"tuiIconMonitorOff",tuiIconDislike:"tuiIconThumbsDown",tuiIconDone:"tuiIconCheckCircle",tuiIconDraft:"tuiIconEdit2",tuiIconEyeOpen:"tuiIconEye",tuiIconEyeClosed:"tuiIconEyeOff",tuiIconExpand:"tuiIconMaximize",tuiIconExternal:"tuiIconExternalLink",tuiIconFrame:"tuiIconLayout",tuiIconGeo:"tuiIconMapPin",tuiIconHeartFilled:"tuiIconHeart",tuiIconHide:"tuiIconEyeOff",tuiIconImg:"tuiIconImage",tuiIconInfoCircle:"tuiIconInfo",tuiIconLike:"tuiIconThumbsUp",tuiIconLockOpen:"tuiIconUnlock",tuiIconMobile:"tuiIconSmartphone",tuiIconMoreHor:"tuiIconMoreHorizontal",tuiIconMoreVer:"tuiIconMoreVertical",tuiIconMoreVert:"tuiIconMoreVertical",tuiIconPicture:"tuiIconImage",tuiIconPin:"tuiIconMapPin",tuiIconPrint:"tuiIconPrinter",tuiIconRefresh:"tuiIconRefreshCw",tuiIconRemove:"tuiIconX",tuiIconShow:"tuiIconEye",tuiIconSound:"tuiIconVolume",tuiIconSoundOff:"tuiIconVolumeX",tuiIconStarFilled:"tuiIconStar",tuiIconStop:"tuiIconSquare",tuiIconStructure:"tuiIconGrid",tuiIconTime:"tuiIconClock",tuiIconTooltip:"tuiIconHelpCircle",tuiIconViewList:"tuiIconList",tuiIconWifiOn:"tuiIconWifi"},$e={iconsPlace:le.xp,path:(0,Q.ht)(le.xp),srcProcessor:ue.y,contentProcessor:m.N,deprecated:N=>{const _e=N.replace("Large","").replace("Outline",""),ze=Te[_e];return ze?`${_e}/(Large|Outline) is deprecated, use ${ze}/(Large|Outline) instead`:""}},Ie=(0,C.N1)(()=>({iconsPlace:(0,p.f3M)(le.AA),path:(0,p.f3M)(le.ki),deprecated:$e.deprecated,srcProcessor:(0,p.f3M)(le.V5),contentProcessor:(0,p.f3M)(le.u_)})),G=new p.OlP("[TUI_SVG_SRC_INTERCEPTORS]");let ce=(()=>{class N{constructor(ze,_t,Et,Gt,St,qt,Ot,Ht,Pt,Tt){this.doc=ze,this.win=_t,this.options=Et,this.srcInterceptors=Gt,this.tuiSanitizer=St,this.svgService=qt,this.staticRequestService=Ot,this.sanitizer=Ht,this.el=Pt,this.baseHref=Tt,this.src$=new de.t(1),this.icon="",this.innerHTML$=this.src$.pipe((0,B.w)(()=>(0,C.Aj)(this.icon)?this.isExternal?this.getExternalIcon(this.icon):(0,X.of)(this.getSafeHtml(this.icon)):(0,X.of)(this.icon)),(0,K.O)(""))}set src(ze){var _t;this.options.deprecated(String(ze)),this.icon=(null!==(_t=this.srcInterceptors)&&void 0!==_t?_t:[]).reduce((Gt,St)=>St(Gt,this.options),this.options.srcProcessor(ze||"")),this.src$.next()}get src(){return this.icon}get use(){return(0,C.Aj)(this.icon)?this.icon.includes(".svg#")?this.icon:this.resolveName(this.icon,this.options.path):""}get isInnerHTML(){return!(0,C.Aj)(this.icon)||this.isSrc||this.isExternal||this.isName&&this.isShadowDOM}get isShadowDOM(){return(0,w.Wf)(this.el.nativeElement)!==this.doc}get isUse(){return this.use.replace(z.uJ,"").includes(".svg#")}get isExternal(){return this.isUrl||this.isCrossDomain}get isUrl(){return(0,C.Aj)(this.icon)&&this.icon.replace(z.uJ,"").endsWith(".svg")}get isSrc(){return(0,C.Aj)(this.icon)&&(0,Q.jL)(this.icon)}get isName(){return!this.isUrl&&!this.isUse&&!this.isSrc}get isCrossDomain(){const{use:ze,isUse:_t,win:Et}=this;return _t&&ze.startsWith("http")&&!!Et.origin&&!ze.startsWith(Et.origin)}onError(ze="External icon is missing on the given URL"){const{icon:_t}=this,Et=new CustomEvent(z.qT,{bubbles:!0,detail:{message:ze,icon:_t}});this.el.nativeElement.dispatchEvent(Et)}resolveName(ze,_t){return _t(ze,this.baseHref)}getSafeHtml(ze){return this.isSrc?this.sanitize(ze):this.process(ze)}process(ze){const _t=this.svgService.getOriginal(ze);return this.isName&&!_t&&ze&&this.onError("Attempted to use undefined named icon"),this.isShadowDOM&&this.isName?this.sanitize(_t||""):""}sanitize(ze){return ze=this.options.contentProcessor(ze),this.tuiSanitizer&&(0,C.Aj)(ze)?this.sanitizer.bypassSecurityTrustHtml(this.tuiSanitizer.sanitize(p.q3G.HTML,ze)||""):ze}getExternalIcon(ze){const _t=ze.includes(".svg")?ze:this.use;return this.staticRequestService.request(_t).pipe((0,ne.K)(()=>(this.onError("Failed to load external SVG"),(0,X.of)(""))),(0,We.U)(Et=>this.sanitize(Et.replace("<svg",'<svg focusable="false"'))))}}return N.\u0275fac=function(ze){return new(ze||N)(p.Y36(o.K0),p.Y36(g.m9),p.Y36(Ie),p.Y36(G,8),p.Y36(le.hm,8),p.Y36(Z.K5),p.Y36(S.Fr),p.Y36(_.H7),p.Y36(p.SBq),p.Y36(y.I2))},N.\u0275cmp=p.Xpm({type:N,selectors:[["tui-svg"]],inputs:{src:"src"},decls:2,vars:3,consts:[[4,"tuiLet"],["class","t-src",3,"innerHTML",4,"ngIf","ngIfElse"],["useTemplate",""],[1,"t-src",3,"innerHTML"],["focusable","false","height","100%","version","1.1","width","100%",0,"xmlns","xlink","http://www.w3.org/1999/xlink","xmlns","http://www.w3.org/2000/svg",1,"t-svg",3,"error"]],template:function(ze,_t){1&ze&&(p.YNc(0,we,4,2,"ng-container",0),p.ALo(1,"async")),2&ze&&p.Q6J("tuiLet",p.lcZ(1,1,_t.innerHTML$))},dependencies:[f.Ls,o.O5,o.Ov],styles:["[_nghost-%COMP%]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-%COMP%]{overflow:visible}"],changeDetection:0}),(0,e.gn)([U.UM],N.prototype,"resolveName",null),N})(),be=(()=>{class N{}return N.\u0275fac=function(ze){return new(ze||N)},N.\u0275mod=p.oAB({type:N}),N.\u0275inj=p.cJS({imports:[[o.ez,f.WD]]}),N})()},1515:(Ve,ae,s)=>{"use strict";s.d(ae,{Q:()=>z,w:()=>U});var e=s(4537),o=s(7881),p=s(8033),_=s(442),g=s(2130),f=s(6060),m=s(6782),C=s(4789),O=s(1489),w=s(9570),S=s(8692);function y(Z,le){1&Z&&e._UZ(0,"tui-svg",3),2&Z&&e.Q6J("src",le.polymorpheusOutlet)}let U=(()=>{class Z extends _.bZ{constructor(Q,ue,de,X){super(de),this.isMobile=X,this.mode=null,this.describeId="",ue.pipe((0,m.R)(Q)).subscribe(B=>{this.mode=B})}get computedAppearance(){return this.appearance||this.mode||""}stopOnMobile(Q){var ue;this.isMobile&&(Q.preventDefault(),Q.stopPropagation()),null===(ue=this.driver$)||void 0===ue||ue.toggle()}}return Z.\u0275fac=function(Q){return new(Q||Z)(e.Y36(o.a3,2),e.Y36(f.Au),e.Y36(_.H3),e.Y36(p.fL))},Z.\u0275cmp=e.Xpm({type:Z,selectors:[["tui-tooltip"]],viewQuery:function(Q,ue){if(1&Q&&e.Gf(_.t6,5),2&Q){let de;e.iGM(de=e.CRH())&&(ue.driver$=de.first)}},hostVars:1,hostBindings:function(Q,ue){1&Q&&e.NdJ("mousedown",function(X){return ue.stopOnMobile(X)}),2&Q&&e.uIk("data-appearance",ue.computedAppearance)},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[e._Bn([o.a3,g.CV]),e.qOj],decls:4,vars:11,consts:[["appearance","icon","automation-id","tui-tooltip__icon","tuiWrapper","",1,"t-tooltip-icon",3,"hover","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"],[3,"src",4,"polymorpheusOutlet"],[3,"src"]],template:function(Q,ue){if(1&Q&&(e.TgZ(0,"span",0,1),e.ALo(2,"async"),e.YNc(3,y,1,1,"tui-svg",2),e.qZA()),2&Q){const de=e.MAs(1);e.Q6J("hover",e.lcZ(2,9,de)||null)("tuiHint",ue.content)("tuiHintAppearance",ue.computedAppearance)("tuiHintContext",ue.context)("tuiHintDescribe",ue.describeId)("tuiHintDirection",ue.direction)("tuiHintHideDelay",ue.hideDelay)("tuiHintShowDelay",ue.showDelay),e.xp6(3),e.Q6J("polymorpheusOutlet",ue.icon)}},dependencies:[C.PN,O.o,_.D,_.xn,_.t6,_.DM,_.$o,w.Li,S.Ov],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-01)}[data-appearance=error][_nghost-%COMP%]{color:var(--tui-error-fill)}.t-tooltip-icon[_ngcontent-%COMP%]{display:inline-block;width:100%;height:100%;color:inherit}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-%COMP%]   .t-tooltip-icon[_ngcontent-%COMP%], [tuiWrapper][data-appearance="textfield"][data-state="disabled"]   [_nghost-%COMP%]   .t-tooltip-icon[_ngcontent-%COMP%]{opacity:1}'],changeDetection:0}),Z})(),z=(()=>{class Z{}return Z.\u0275fac=function(Q){return new(Q||Z)},Z.\u0275mod=e.oAB({type:Z}),Z.\u0275inj=e.cJS({imports:[[S.ez,O.W,C.EI,_.go,w.wq]]}),Z})()},8269:(Ve,ae,s)=>{"use strict";s.d(ae,{Fw:()=>y,Jl:()=>f,Nq:()=>m,fe:()=>O,oA:()=>_,qT:()=>S,uJ:()=>o});var e=s(3770);const o=`?v=${e.Ml}`,_=K=>K.includes(".svg#")?K:`#${K}`,f={decimalLimit:1/0,decimalSeparator:",",thousandSeparator:e.f$,zeroPadding:!0,rounding:"truncate",decimal:"not-zero"},m=["Spacebar","Backspace","Delete","ArrowLeft","ArrowRight","Left","Right","End","Home"],O="tui-scroll-into-view",S="tui-icon-error",y=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-top","left","left-bottom","right-top","right","right-bottom"]},8952:(Ve,ae,s)=>{"use strict";s.d(ae,{Cw:()=>_n,E$:()=>_t,Ek:()=>qt,Tp:()=>Wt,VC:()=>Tt,dp:()=>yt,fx:()=>St,oH:()=>ce,td:()=>be});var e=s(4537),o=s(2579),p=s(221),_=s(1486),g=s(6111),f=s(1927),m=s(7881),C=s(5122),O=s(4358),w=s(5675),S=s(7179),y=s(3770),U=s(3631),z=s(9941),Z=s(2130),le=s(7941),Q=s(6060),ue=s(6803),de=s(6782),X=s(3190),B=s(7460),K=s(8307),ne=s(4121),We=s(8002),Le=s(4911),Je=s(7766),we=s(6640),Te=s(9570),$e=s(9765),Ie=s(6682),G=s(5917),he=s(6215),ye=s(134);function te(ut,Ee){if(1&ut&&(e.TgZ(0,"div",4),e._uU(1),e.qZA()),2&ut){const Pe=Ee.polymorpheusOutlet;e.xp6(1),e.hij(" ",Pe," ")}}const Re=function(ut){return{$implicit:ut}},q=(0,f.N1)(()=>Ot);let ce=(()=>{class ut{constructor(){this.tuiDropdownOpen=!1,this.tuiDropdownOpenChange=new e.vpe}update(Pe){this.tuiDropdownOpen=Pe,this.tuiDropdownOpenChange.emit(Pe)}ngOnChanges(){var Pe;null===(Pe=this.dropdown)||void 0===Pe||Pe.toggle(this.tuiDropdownOpen)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownOpen",""],["","tuiDropdownOpenChange",""]],inputs:{tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},features:[e.TTD]}),ut})(),be=(()=>{class ut{constructor(Pe,et,Ge,ke,Ke,Fe){this.el=et,this.dropdown=Ge,this.injector=ke,this.dropdownService=Ke,this.open=Fe,this.refresh$=new $e.xQ,this.dropdownBoxRef=null,this.type="dropdown",this.component=new Te.Al(this.dropdown,this.injector),this.open&&!this.open.dropdown?this.open.dropdown=this:this.open=null,this.refresh$.pipe((0,ue.p)(0),(0,de.R)(Pe)).subscribe(()=>{var ht,Vt;null===(ht=this.dropdownBoxRef)||void 0===ht||ht.changeDetectorRef.detectChanges(),null===(Vt=this.dropdownBoxRef)||void 0===Vt||Vt.changeDetectorRef.markForCheck()})}get position(){return(0,Je.qK)(this.el.nativeElement)?"fixed":"absolute"}ngAfterViewChecked(){this.refresh$.next()}ngAfterViewInit(){this.open&&this.toggle(this.open.tuiDropdownOpen)}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1),this.open&&(this.open.dropdown=void 0)}getClientRect(){return this.el.nativeElement.getBoundingClientRect()}toggle(Pe){var et,Ge;Pe&&this.content&&!this.dropdownBoxRef?(this.dropdownBoxRef=this.dropdownService.add(this.component),null===(et=this.open)||void 0===et||et.update(!0)):!Pe&&this.dropdownBoxRef&&(this.dropdownService.remove(this.dropdownBoxRef),this.dropdownBoxRef=null,null===(Ge=this.open)||void 0===Ge||Ge.update(!1))}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(m.a3,2),e.Y36(e.SBq),e.Y36(q),e.Y36(e.gxx),e.Y36(C.ae),e.Y36(ce,8))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","",5,"ng-container"]],inputs:{content:["tuiDropdown","content"]},exportAs:["tuiDropdown"],features:[e._Bn([m.a3,(0,U.Ic)(ut),(0,U.Fe)(ut)]),e.TTD]}),(0,Le.gn)([O.UM],ut.prototype,"position",null),ut})();const _e=(0,f.JN)({showDelay:200,hideDelay:500});let _t=(()=>{class ut extends U.kk{constructor(Pe,et,Ge){super(ke=>this.stream$.subscribe(ke)),this.hovered$=Pe,this.options=et,this.parentHover=Ge,this.toggle$=new $e.xQ,this.stream$=(0,Ie.T)(this.toggle$,this.hovered$).pipe((0,X.w)(ke=>(0,G.of)(ke).pipe((0,B.g)(ke?this.showDelay:this.hideDelay))),(0,K.b)(ke=>{this.hovered=ke}),(0,ne.B)()),this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.hovered=!1,this.type="dropdown"}toggle(Pe){var et;null===(et=this.parentHover)||void 0===et||et.toggle(Pe),this.toggle$.next(Pe)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(g.gs),e.Y36(_e),e.Y36(ut,12))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownHover","",5,"ng-container"]],inputs:{showDelay:["tuiDropdownShowDelay","showDelay"],hideDelay:["tuiDropdownHideDelay","hideDelay"]},features:[e._Bn([(0,U.UK)(ut),g.gs]),e.qOj]}),ut})();const Et={align:"left",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4,appearance:""},Gt=(0,f.JN)(Et),St=ut=>({provide:Gt,deps:[[new e.FiY,qt],[new e.FiY,new e.tp0,Gt]],useFactory:(0,we.lp)(ut,Et)});let qt=(()=>{class ut{constructor(Pe){this.options=Pe,this.align=this.options.align,this.appearance=this.options.appearance,this.direction=this.options.direction,this.limitWidth=this.options.limitWidth,this.minHeight=this.options.minHeight,this.maxHeight=this.options.maxHeight,this.offset=this.options.offset}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt,4))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownAlign",""],["","tuiDropdownAppearance",""],["","tuiDropdownDirection",""],["","tuiDropdownLimitWidth",""],["","tuiDropdownMinHeight",""],["","tuiDropdownMaxHeight",""],["","tuiDropdownOffset",""]],inputs:{align:["tuiDropdownAlign","align"],appearance:["tuiDropdownAppearance","appearance"],direction:["tuiDropdownDirection","direction"],limitWidth:["tuiDropdownLimitWidth","limitWidth"],minHeight:["tuiDropdownMinHeight","minHeight"],maxHeight:["tuiDropdownMaxHeight","maxHeight"],offset:["tuiDropdownOffset","offset"]},features:[e._Bn([{provide:Gt,useExisting:(0,e.Gpc)(()=>ut)}])]}),ut})(),Ot=(()=>{class ut{constructor(Pe,et,Ge,ke,Ke,Fe,ht,Vt,$t,Ye,wt){this.directive=ke,this.animation=Ke,this.el=Fe,this.accessor=ht,this.win=Vt,this.mode$=$t,this.options=Ye,this.hoverDirective=wt,et.pipe((0,We.U)(Mt=>"fixed"===this.directive.position?Pe.correct(Mt):Mt),(0,de.R)(Ge)).subscribe(([Mt,kt])=>{this.update(Mt,kt)}),this.updateWidth(this.accessor.getClientRect().width)}onHoveredChange(Pe){var et;null===(et=this.hoverDirective)||void 0===et||et.toggle(Pe)}onTopFocus(){this.moveFocusOutside(!0)}onBottomFocus(){this.moveFocusOutside(!1)}update(Pe,et){var Ge;const{style:ke}=this.el.nativeElement,{right:Ke}=this.el.nativeElement.getBoundingClientRect(),{maxHeight:Fe,offset:ht}=this.options,{innerHeight:Vt}=this.win,$t=null===(Ge=this.el.nativeElement.offsetParent)||void 0===Ge?void 0:Ge.getBoundingClientRect(),{position:Ye}=this.directive,wt=this.accessor.getClientRect(),kt="fixed"===Ye?0:-((null==$t?void 0:$t.top)||0);Pe+=kt;const Yt=(et+="fixed"===Ye?0:-((null==$t?void 0:$t.left)||0))<wt.right&&Ke>wt.left&&Pe<kt+2*ht?wt.top-2*ht:kt+Vt-Pe-ht;ke.position=Ye,ke.top=(0,w.O)(Math.max(Pe,kt+ht)),ke.left=(0,w.O)(et),ke.maxHeight=(0,w.O)(Math.min(Fe,Yt)),ke.width="",ke.minWidth="",this.updateWidth(wt.width)}updateWidth(Pe){const{style:et}=this.el.nativeElement;switch(this.options.limitWidth){case"min":et.minWidth=(0,w.O)(Pe);break;case"fixed":et.width=(0,w.O)(Pe)}}moveFocusOutside(Pe){const{nativeElement:et}=this.directive.el,{ownerDocument:Ge}=et,ke=Ge?Ge.body:et;let Ke=(0,S.BW)({initial:et,root:ke,previous:Pe});for(;null!==Ke&&et.contains(Ke);)Ke=(0,S.BW)({initial:Ke,root:ke,previous:Pe});null==Ke||Ke.focus()}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(le.Lp),e.Y36(le.KG),e.Y36(m.a3,2),e.Y36(be),e.Y36(Q.Pw),e.Y36(e.SBq),e.Y36(U.O4),e.Y36(o.m9),e.Y36(Q.Au),e.Y36(Gt),e.Y36(_t,8))},ut.\u0275cmp=e.Xpm({type:ut,selectors:[["tui-dropdown"]],hostVars:2,hostBindings:function(Pe,et){1&Pe&&e.NdJ("$.data-mode.attr",function(){return et.mode$}),2&Pe&&(e.uIk("data-appearance",et.options.appearance),e.d8E("@tuiDropdownAnimation",et.animation))},features:[e._Bn([m.a3,le.KG,(0,U.ei)("dropdown"),(0,U.Wk)("dropdown",be),Z.CV])],decls:5,vars:4,consts:[["tuiActiveZone","","tuiOverscroll","all",1,"t-scroll",3,"tuiHoveredChange"],["activeZone","tuiActiveZone"],["tabindex","0",3,"focus"],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(Pe,et){if(1&Pe&&(e.TgZ(0,"tui-scrollbar",0,1),e.NdJ("tuiHoveredChange",function(ke){return et.onHoveredChange(ke)}),e.TgZ(2,"div",2),e.NdJ("focus",function(){return et.onTopFocus()}),e.qZA(),e.YNc(3,te,2,1,"div",3),e.TgZ(4,"div",2),e.NdJ("focus",function(){return et.onBottomFocus()}),e.qZA()()),2&Pe){const Ge=e.MAs(1);e.xp6(3),e.Q6J("polymorpheusOutlet",et.directive.content)("polymorpheusOutletContext",e.VKq(2,Re,Ge))}},dependencies:[ye.IB,p.e,_.W,g.co,Te.Li],styles:['[_nghost-%COMP%]{position:absolute;display:flex;box-shadow:var(--tui-shadow-dropdown);background:var(--tui-elevation-02);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-04);box-sizing:border-box;max-width:calc(100% - 8px);isolation:isolate;pointer-events:auto}.ng-animating[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]:not([style*="top"]){visibility:hidden}[data-mode=onDark][_nghost-%COMP%]{--tui-text-01: var(--tui-text-01-night);--tui-clear: var(--tui-clear-inverse);background:#222;border:1px solid #808080}.t-scroll[_ngcontent-%COMP%]{flex-grow:1;max-width:100%}.t-primitive[_ngcontent-%COMP%]{padding:1rem}'],data:{animation:[z.i9]}}),ut})(),Tt=(()=>{class ut extends U.FP{constructor(Pe,et,Ge){super(Pe,et,Ge),this.type="dropdown"}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(m.a3,2),e.Y36(U.kk),e.Y36(U.c2))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown",""]],features:[e._Bn([m.a3]),e.qOj]}),ut})(),Wt=(()=>{class ut extends U.kk{constructor(){super(Pe=>this.stream$.subscribe(Pe)),this.stream$=new he.X(!1),this.tuiDropdownManual=!1,this.type="dropdown"}ngOnChanges(){this.stream$.next(this.tuiDropdownManual)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","","tuiDropdownManual",""]],inputs:{tuiDropdownManual:"tuiDropdownManual"},features:[e._Bn([(0,U.UK)(ut)]),e.qOj,e.TTD]}),ut})(),sn=(()=>{class ut extends U.uG{constructor(Pe,et,Ge,ke){super(),this.options=Pe,this.viewport=et,this.accessors=Ge,this.directive=ke,this.type="dropdown"}getPosition({width:Pe,height:et}){var Ge,ke;!Pe&&!et&&(this.previous=void 0);const Ke=null!==(ke=null===(Ge=this.accessor)||void 0===Ge?void 0:Ge.getClientRect())&&void 0!==ke?ke:y.Jy,Fe=this.viewport.getClientRect(),{minHeight:ht,align:Vt,direction:$t,offset:Ye}=this.options,wt={top:Fe.top-Ye,bottom:Fe.bottom+Ye,right:Fe.right-Ye,left:Fe.left+Ye},Mt=this.previous||$t||"bottom",kt={top:Ke.top-2*Ye-wt.top,bottom:wt.bottom-Ke.bottom-2*Ye},cn=Math.max(Ke.right-Pe,Ye),Yt=Ke.left+Pe<wt.right?Ke.left:cn,Qe={top:Ke.top-Ye-et,bottom:Ke.bottom+Ye,right:Math.max(wt.left,cn),center:Ke.left+Ke.width/2+Pe/2<wt.right?Ke.left+Ke.width/2-Pe/2:cn,left:Math.max(wt.left,Yt)},lt=kt.top>kt.bottom?"top":"bottom";return kt[Mt]>ht&&$t||kt[Mt]>et?[Qe[Mt],Qe[Vt]]:(this.previous=lt,[Qe[lt],Qe[Vt]])}get accessor(){return(0,U.Sv)("dropdown")(this.accessors,this.directive)}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt),e.Y36(Q.EO),e.Y36(U.O4),e.Y36(be))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdown","",3,"tuiDropdownCustomPosition","",3,"tuiDropdownSided",""]],features:[e._Bn([(0,U.P7)(ut)]),e.qOj]}),(0,Le.gn)([O.UM],ut.prototype,"accessor",null),ut})(),_n=(()=>{class ut extends U.uG{constructor(Pe,et,Ge){super(),this.options=Pe,this.viewport=et,this.vertical=Ge,this.previous=this.options.direction||"bottom",this.tuiDropdownSided="",this.tuiDropdownSidedOffset=4,this.type="dropdown"}getPosition(Pe){var et,Ge;if(!1===this.tuiDropdownSided)return this.vertical.getPosition(Pe);const{height:ke,width:Ke}=Pe,Fe=null!==(Ge=null===(et=this.vertical.accessor)||void 0===et?void 0:et.getClientRect())&&void 0!==Ge?Ge:y.Jy,ht=this.viewport.getClientRect(),{direction:Vt,minHeight:$t,offset:Ye}=this.options,wt="center"===this.options.align?"left":this.options.align,Mt={top:Fe.bottom-ht.top,left:Fe.left-Ye-ht.left,right:ht.right-Fe.right-Ye,bottom:ht.bottom-Fe.top},kt={top:Fe.bottom-ke+this.tuiDropdownSidedOffset+1,left:Fe.left-Ke-Ye,right:Fe.right+Ye,bottom:Fe.top-this.tuiDropdownSidedOffset-1},cn=Mt.top>Mt.bottom?"top":"bottom",Qe=Mt[wt]>Ke?kt[wt]:Mt.left>Mt.right?kt.left:kt.right;return Mt[this.previous]>$t&&Vt||this.previous===cn?[kt[this.previous],Qe]:(this.previous=cn,[kt[cn],Qe])}}return ut.\u0275fac=function(Pe){return new(Pe||ut)(e.Y36(Gt),e.Y36(Q.EO),e.Y36(sn))},ut.\u0275dir=e.lG2({type:ut,selectors:[["","tuiDropdownSided",""]],inputs:{tuiDropdownSided:"tuiDropdownSided",tuiDropdownSidedOffset:"tuiDropdownSidedOffset"},features:[e._Bn([sn,(0,U.P7)(ut)]),e.qOj]}),ut})(),yt=(()=>{class ut{}return ut.\u0275fac=function(Pe){return new(Pe||ut)},ut.\u0275mod=e.oAB({type:ut}),ut.\u0275inj=e.cJS({imports:[[Te.wq,p.A,_.e,ye.Jy,g.VE]]}),ut})()},442:(Ve,ae,s)=>{"use strict";s.d(ae,{H3:()=>Ht,$o:()=>yt,D:()=>xt,xn:()=>ut,t6:()=>Wt,go:()=>$t,bZ:()=>Tt,DM:()=>Fe});var e=s(4911),o=s(4537),p=s(1927),_=s(6480),g=s(221),f=s(6111),m=s(3770),C=s(4493),O=s(5648),w=s(5675),S=s(7881),y=s(4358),U=s(2485),z=s(7179),Z=s(3631),le=s(9941),Q=s(5452),ue=s(7941),de=s(6060),X=s(6640),B=s(9570),K=s(3190),ne=s(7460),We=s(6782),Le=s(9196),Je=s(5435),we=s(8002),Te=s(8307),$e=s(5345);class G{constructor(wt){this.durationSelector=wt}call(wt,Mt){return Mt.subscribe(new he(wt,this.durationSelector))}}class he extends $e.Ds{constructor(wt,Mt){super(wt),this.durationSelector=Mt,this.hasValue=!1}_next(wt){try{const Mt=this.durationSelector.call(this,wt);Mt&&this._tryNext(wt,Mt)}catch(Mt){this.destination.error(Mt)}}_complete(){this.emitValue(),this.destination.complete()}_tryNext(wt,Mt){let kt=this.durationSubscription;this.value=wt,this.hasValue=!0,kt&&(kt.unsubscribe(),this.remove(kt)),kt=(0,$e.ft)(Mt,new $e.IY(this)),kt&&!kt.closed&&this.add(this.durationSubscription=kt)}notifyNext(){this.emitValue()}notifyComplete(){this.emitValue()}emitValue(){if(this.hasValue){const wt=this.value,Mt=this.durationSubscription;Mt&&(this.durationSubscription=void 0,Mt.unsubscribe(),this.remove(Mt)),this.value=void 0,this.hasValue=!1,super._next(wt)}}}var ye=s(9761),te=s(7519),Re=s(3653),q=s(9765),ce=s(6682),be=s(5917),N=s(8447),_e=s(8653),ze=s(8692),_t=s(8269);function Et(Ye,wt){1&Ye&&o._UZ(0,"span",1),2&Ye&&o.Q6J("innerHTML",wt.polymorpheusOutlet,o.oJD)}const Gt=["*"],qt=(0,p.N1)(()=>Jt),Ht=(0,p.JN)({direction:"bottom-left",showDelay:500,hideDelay:200,appearance:"",icon:"tuiIconHelpCircle"});let Tt=(()=>{class Ye extends _.QJ{constructor(Mt){super(),this.options=Mt,this.direction=this.options.direction,this.appearance=this.options.appearance,this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.icon=this.options.icon}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(Ht,4))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHintContent",""]],inputs:{content:["tuiHintContent","content"],direction:["tuiHintDirection","direction"],appearance:["tuiHintAppearance","appearance"],showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},features:[o._Bn([{provide:Ht,useExisting:(0,o.Gpc)(()=>Ye)}]),o.qOj]}),Ye})(),xt=(()=>{class Ye{constructor(Mt,kt,cn,Yt,Qe){this.el=Mt,this.component=kt,this.hintService=cn,this.options=Yt,this.activeZone=Qe,this.tuiHintAppearance=null,this.type="hint"}get appearance(){var Mt;return null!==(Mt=this.tuiHintAppearance)&&void 0!==Mt?Mt:this.options.appearance}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.nativeElement.getBoundingClientRect()}toggle(Mt){Mt&&this.content?this.hintService.add(this):this.hintService.remove(this)}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(o.SBq),o.Y36(B.Al),o.Y36(ue.BN),o.Y36(Ht),o.Y36(g.e,8))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{content:["tuiHint","content"],context:["tuiHintContext","context"],tuiHintAppearance:"tuiHintAppearance"},features:[o._Bn([(0,Z.Ic)(Ye),(0,Z.Fe)(Ye),{provide:B.Al,deps:[qt,o.gxx],useClass:B.Al}]),o.TTD]}),Ye})(),Wt=(()=>{class Ye extends Z.kk{constructor(Mt,kt,cn){super(Yt=>this.stream$.subscribe(Yt)),this.hovered$=Mt,this.options=kt,this.el=cn,this.visible=!1,this.toggle$=new q.xQ,this.stream$=(0,ce.T)(this.toggle$.pipe((0,K.w)(Yt=>(0,be.of)(Yt).pipe((0,ne.g)(Yt?0:this.hideDelay))),(0,We.R)(this.hovered$),(0,Le.r)()),this.hovered$.pipe((0,K.w)(Yt=>(0,be.of)(Yt).pipe((0,ne.g)(Yt?this.showDelay:this.hideDelay))),(0,We.R)(this.toggle$),(0,Le.r)())).pipe((0,Je.h)(()=>this.enabled),(0,we.U)(Yt=>Yt&&!(0,X.mn)(this.el.nativeElement)),(0,Te.b)(Yt=>{this.visible=Yt})),this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.type="hint",this.enabled=!0}toggle(Mt=!this.visible){this.toggle$.next(Mt)}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(f.gs),o.Y36(Ht),o.Y36(o.SBq))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},exportAs:["tuiHintHover"],features:[o._Bn([(0,Z.UK)(Ye),f.gs]),o.qOj]}),Ye})(),sn=(()=>{class Ye extends Wt{constructor(){super(...arguments),this.currentRect=m.Jy}onMove({clientX:Mt,clientY:kt}){this.currentRect=(0,C.dD)(Mt,kt)}getClientRect(){return this.currentRect}}return Ye.\u0275fac=function(){let wt;return function(kt){return(wt||(wt=o.n5z(Ye)))(kt||Ye)}}(),Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","","tuiHintPointer",""]],hostBindings:function(Mt,kt){1&Mt&&o.NdJ("mousemove.silent",function(Yt){return kt.onMove(Yt)})},features:[o._Bn([(0,Z.Ic)(Ye),(0,Z.UK)(Ye)]),o.qOj]}),Ye})(),Jt=(()=>{class Ye{constructor(Mt,kt,cn,Yt,Qe,lt,ot,st,it,W,$,Ne){var De;this.animation=Yt,this.pointer=Qe,this.accessor=lt,this.el=ot,this.polymorpheus=st,this.hover=it,this.mode=W,this.visualViewportService=$,this.viewport=Ne,this.appearance=this.polymorpheus.$implicit.appearance||(null===(De=this.mode)||void 0===De?void 0:De.mode),kt.pipe((0,we.U)(pt=>this.visualViewportService.correct(pt)),(0,We.R)(cn)).subscribe(([pt,ct])=>{this.update(pt,ct)}),Mt.pipe((0,We.R)(cn)).subscribe(pt=>this.hover.toggle(pt))}get content(){return this.polymorpheus.$implicit.content}get context(){return this.polymorpheus.$implicit.context}onClick(Mt){(!this.el.nativeElement.contains(Mt)&&!this.hover.el.nativeElement.contains(Mt)||(0,X.mn)(this.hover.el.nativeElement))&&this.hover.toggle(!1)}update(Mt,kt){const{height:cn,width:Yt}=this.el.nativeElement.getBoundingClientRect(),{style:Qe}=this.el.nativeElement,lt=this.accessor.getClientRect(),ot=this.viewport.getClientRect();if(lt===m.Jy)return;const st=(0,O.Ki)(kt,4,ot.width-Yt-4),[it,W]=this.visualViewportService.correct([lt.top+lt.height/2-Mt,lt.left+lt.width/2-st]);Qe.top=(0,w.O)(Mt),Qe.left=(0,w.O)(st),Qe.setProperty("--top",(0,w.O)((0,O.Ki)(it,.5,cn-1))),Qe.setProperty("--left",(0,w.O)((0,O.Ki)(W,.5,Yt-1)))}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(f.gs),o.Y36(ue.KG),o.Y36(S.a3,2),o.Y36(de.Pw),o.Y36(sn,8),o.Y36(Z.O4),o.Y36(o.SBq),o.Y36(B.yf),o.Y36(Wt),o.Y36(Q.w,8),o.Y36(ue.Lp),o.Y36(de.EO))},Ye.\u0275cmp=o.Xpm({type:Ye,selectors:[["tui-hint"]],hostVars:4,hostBindings:function(Mt,kt){1&Mt&&o.NdJ("click",function(Yt){return kt.onClick(Yt.target)},!1,o.evT),2&Mt&&(o.uIk("data-appearance",kt.appearance),o.d8E("@tuiFadeIn",kt.animation),o.ekj("_untouchable",kt.pointer))},features:[o._Bn([S.a3,ue.KG,f.gs,(0,Z.ei)("hint"),(0,Z.Wk)("hint",xt)])],ngContentSelectors:Gt,decls:2,vars:2,consts:[[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(Mt,kt){1&Mt&&(o.F$t(),o.Hsn(0),o.YNc(1,Et,1,1,"span",0)),2&Mt&&(o.xp6(1),o.Q6J("polymorpheusOutlet",kt.content)("polymorpheusOutletContext",kt.context))},dependencies:[B.Li],styles:['[_nghost-%COMP%]{position:absolute;max-width:18rem;min-height:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-primary);border-radius:var(--tui-radius-l);color:var(--tui-primary-text);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word}[_nghost-%COMP%]:before{content:"";position:absolute;top:var(--top);left:var(--left);width:.5rem;height:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}[data-appearance=error][_nghost-%COMP%]{background:var(--tui-error-fill)}[data-appearance=onDark][_nghost-%COMP%]{background:var(--tui-elevation-02);color:var(--tui-text-01);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}[_nghost-%COMP%]:not([style*="top"]){visibility:hidden}._untouchable[_nghost-%COMP%]{pointer-events:none}'],data:{animation:[le.QF]},changeDetection:0}),(0,e.gn)([y.UM],Ye.prototype,"update",null),Ye})(),yt=(()=>{class Ye extends Z.kk{constructor(Mt,kt,cn){super(Yt=>this.stream$.subscribe(Yt)),this.zone=Mt,this.doc=kt,this.el=cn,this.id$=new N.t(1),this.stream$=this.id$.pipe((0,U.Xd)(()=>(0,U.mL)(this.doc,"keydown",{capture:!0}),p.Pc),(0,K.w)(()=>this.focused?(0,be.of)(!1):(0,ce.T)((0,U.mL)(this.doc,"keyup"),(0,U.mL)(this.element,"blur")).pipe((0,we.U)(()=>this.focused))),function Ie(Ye){return wt=>wt.lift(new G(Ye))}(Yt=>Yt?(0,_e.H)(1e3):(0,be.of)(null)),(0,ye.O)(!1),(0,te.x)(),(0,Re.T)(1),(0,U.Yr)(this.zone)),this.tuiHintDescribe="",this.type="hint"}ngOnChanges(){this.id$.next(this.tuiHintDescribe)}get focused(){return(0,z.V8)(this.element)}get element(){return this.doc.getElementById(this.tuiHintDescribe||"")||this.el.nativeElement}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(o.R0b),o.Y36(ze.K0),o.Y36(o.SBq))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHintDescribe",""]],inputs:{tuiHintDescribe:"tuiHintDescribe"},features:[o._Bn([(0,Z.UK)(Ye)]),o.qOj,o.TTD]}),(0,e.gn)([y.UM],Ye.prototype,"element",null),Ye})(),ut=(()=>{class Ye extends Z.FP{constructor(Mt,kt,cn){super(Mt,kt,cn),this.type="hint"}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(S.a3,2),o.Y36(Z.kk),o.Y36(Z.c2))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],features:[o._Bn([S.a3]),o.qOj]}),Ye})(),Fe=(()=>{class Ye extends Z.uG{constructor(Mt,kt,cn,Yt){super(),this.options=Mt,this.viewport=kt,this.directive=cn,this.accessors=Yt,this.points=_t.Fw.reduce((Qe,lt)=>Object.assign(Object.assign({},Qe),{[lt]:[0,0]}),{}),this.direction=this.options.direction,this.type="hint"}getPosition({width:Mt,height:kt}){var cn,Yt;const Qe=null!==(Yt=null===(cn=this.accessor)||void 0===cn?void 0:cn.getClientRect())&&void 0!==Yt?Yt:m.Jy,lt=Qe.left+Qe.width/2,ot=Qe.top+Qe.height/2;if(this.points["top-left"][0]=Qe.top-kt-8,this.points["top-left"][1]=lt-Mt+22,this.points.top[0]=this.points["top-left"][0],this.points.top[1]=lt-Mt/2,this.points["top-right"][0]=this.points["top-left"][0],this.points["top-right"][1]=lt-22,this.points["bottom-left"][0]=Qe.bottom+8,this.points["bottom-left"][1]=this.points["top-left"][1],this.points.bottom[0]=this.points["bottom-left"][0],this.points.bottom[1]=this.points.top[1],this.points["bottom-right"][0]=this.points["bottom-left"][0],this.points["bottom-right"][1]=this.points["top-right"][1],this.points["left-top"][0]=ot-kt+22,this.points["left-top"][1]=Qe.left-Mt-8,this.points.left[0]=ot-kt/2,this.points.left[1]=this.points["left-top"][1],this.points["left-bottom"][0]=ot-22,this.points["left-bottom"][1]=this.points["left-top"][1],this.points["right-top"][0]=this.points["left-top"][0],this.points["right-top"][1]=Qe.right+8,this.points.right[0]=this.points.left[0],this.points.right[1]=this.points["right-top"][1],this.points["right-bottom"][0]=this.points["left-bottom"][0],this.points["right-bottom"][1]=this.points["right-top"][1],this.checkPosition(this.points[this.direction],Mt,kt))return this.points[this.direction];const st=_t.Fw.find(it=>this.checkPosition(this.points[it],Mt,kt));return this.points[st||this.fallback]}get accessor(){return(0,Z.Sv)("hint")(this.accessors,this.directive)}get fallback(){return this.points.top[0]>this.viewport.getClientRect().bottom-this.points.bottom[0]?"top":"bottom"}checkPosition([Mt,kt],cn,Yt){const Qe=this.viewport.getClientRect();return Mt>8&&kt>8&&Mt+Yt<Qe.bottom-8&&kt+cn<Qe.right-8}}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)(o.Y36(Ht),o.Y36(de.EO),o.Y36(xt),o.Y36(Z.O4))},Ye.\u0275dir=o.lG2({type:Ye,selectors:[["","tuiHint","",3,"tuiHintCustomPosition","",5,"ng-container",5,"ng-template"]],inputs:{direction:["tuiHintDirection","direction"]},features:[o._Bn([(0,Z.P7)(Ye)]),o.qOj]}),(0,e.gn)([y.UM],Ye.prototype,"accessor",null),Ye})(),$t=(()=>{class Ye{}return Ye.\u0275fac=function(Mt){return new(Mt||Ye)},Ye.\u0275mod=o.oAB({type:Ye}),Ye.\u0275inj=o.cJS({imports:[[ze.ez,B.wq]]}),Ye})()},5452:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>p,z:()=>_});var e=s(4537),o=s(6480);let p=(()=>{class g extends o.QJ{constructor(){super(...arguments),this.mode=null}}return g.\u0275fac=function(){let f;return function(C){return(f||(f=e.n5z(g)))(C||g)}}(),g.\u0275dir=e.lG2({type:g,selectors:[["","tuiMode",""]],inputs:{mode:["tuiMode","mode"]},features:[e.qOj]}),g})(),_=(()=>{class g{}return g.\u0275fac=function(m){return new(m||g)},g.\u0275mod=e.oAB({type:g}),g.\u0275inj=e.cJS({}),g})()},6409:(Ve,ae,s)=>{"use strict";s.d(ae,{Y0:()=>N,Ym:()=>de,z1:()=>Z,kI:()=>Re,Cs:()=>be,be:()=>X,cn:()=>ce,B7:()=>K,kD:()=>We,AW:()=>Je,aR:()=>Te,xT:()=>Ie,Tq:()=>he,A7:()=>te,sz:()=>q});var e=s(1927),o=s(6480),p=s(7881),_=s(2485),g=s(4537),f=s(6060),m=s(6682),C=s(882),O=s(8640);const w=new C.y(O.Z);var y=s(6782);class U{constructor(ze,_t,Et,Gt,St,qt,Ot,Ht,Pt,Tt,xt,Wt,sn){this.change$=ze,this.options=_t,this.legacyAppearance=Et,this.appearanceDirective=Gt,this.cleanerDirective=St,this.customContentDirective=qt,this.iconDirective=Ot,this.iconLeftDirective=Ht,this.labelOutsideDirective=Pt,this.sizeDirective=Tt,this.prefixDirective=xt,this.postfixDirective=Wt,this.fillerDirective=sn}get appearance(){return this.appearanceDirective.appearance||this.legacyAppearance}get cleaner(){return this.cleanerDirective.cleaner}get customContent(){return this.customContentDirective.customContent||""}get icon(){return this.iconDirective.icon}get iconLeft(){return this.iconLeftDirective.iconLeft}get labelOutside(){return this.labelOutsideDirective.labelOutside}get size(){return this.sizeDirective.size}get prefix(){return this.prefixDirective.prefix}get postfix(){return this.postfixDirective.postfix}get filler(){return this.fillerDirective.filler}}const Z=(0,e.JN)({iconCleaner:"tuiIconClose",hintOnDisabled:!1}),Q=(0,e.N1)(()=>new ue);let ue=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.appearance=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldAppearance",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"]},features:[g._Bn([{provide:Q,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const de=(0,e.N1)(()=>new X);let X=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.cleaner=!1}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldCleaner",""]],inputs:{cleaner:["tuiTextfieldCleaner","cleaner"]},features:[g._Bn([{provide:de,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const B=(0,e.N1)(()=>new K);let K=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldCustomContent",""]],inputs:{customContent:["tuiTextfieldCustomContent","customContent"]},features:[g._Bn([{provide:B,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const ne=(0,e.N1)(()=>new We);let We=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.filler=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldFiller",""]],inputs:{filler:["tuiTextfieldFiller","filler"]},features:[g._Bn([{provide:ne,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const Le=(0,e.N1)(()=>new Je);let Je=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldIcon",""]],inputs:{icon:["tuiTextfieldIcon","icon"]},features:[g._Bn([{provide:Le,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const we=(0,e.N1)(()=>new Te);let Te=(()=>{class _e extends o.QJ{}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldIconLeft",""]],inputs:{iconLeft:["tuiTextfieldIconLeft","iconLeft"]},features:[g._Bn([{provide:we,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const $e=(0,e.N1)(()=>new Ie);let Ie=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.labelOutside=!1}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldLabelOutside",""]],inputs:{labelOutside:["tuiTextfieldLabelOutside","labelOutside"]},features:[g._Bn([{provide:$e,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const G=(0,e.N1)(()=>new he);let he=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.postfix=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldPostfix",""]],inputs:{postfix:["tuiTextfieldPostfix","postfix"]},features:[g._Bn([{provide:G,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const ye=(0,e.N1)(()=>new te);let te=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.prefix=""}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldPrefix",""]],inputs:{prefix:["tuiTextfieldPrefix","prefix"]},features:[g._Bn([{provide:ye,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})();const Re=(0,e.N1)(()=>new q);let q=(()=>{class _e extends o.QJ{constructor(){super(...arguments),this.size="l"}}return _e.\u0275fac=function(){let ze;return function(Et){return(ze||(ze=g.n5z(_e)))(Et||_e)}}(),_e.\u0275dir=g.lG2({type:_e,selectors:[["","tuiTextfieldSize",""]],inputs:{size:["tuiTextfieldSize","size"]},features:[g._Bn([{provide:Re,useExisting:(0,g.Gpc)(()=>_e)}]),g.qOj]}),_e})(),ce=(()=>{class _e{}return _e.\u0275fac=function(_t){return new(_t||_e)},_e.\u0275mod=g.oAB({type:_e}),_e.\u0275inj=g.cJS({}),_e})();const be=new g.OlP("[TUI_TEXTFIELD_WATCHED_CONTROLLER]"),N=[p.a3,{provide:be,deps:[g.sBO,p.a3,Z,f.jt,Q,de,B,Le,we,$e,Re,ye,G,ne],useFactory:(_e,ze,_t,Et,...Gt)=>{const St=(0,m.T)(...Gt.map(({change$:qt})=>qt||w)).pipe((0,_.NA)(_e),(0,y.R)(ze));return St.subscribe(),new U(St,_t,Et,...Gt)}}]},1489:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>f,o:()=>g});var e=s(4537),o=s(7320),p=s(2130),_=s(6060);let g=(()=>{class m{constructor(O){this.mode$=O,this.disabled=!1,this.readOnly=!1,this.hover=null,this.active=null,this.focus=!1,this.invalid=!1,this.appearance=""}get computedInvalid(){return!this.disabled&&!this.readOnly&&this.invalid}get computedFocused(){return this.focus&&!this.disabled}get interactiveState(){return this.disabled?o.z3.Disabled:this.readOnly?o.z3.Readonly:this.active?o.z3.Active:this.hover?o.z3.Hover:null}get noHover(){return this.readOnly||!1===this.hover}get noActive(){return this.readOnly||!1===this.active}}return m.\u0275fac=function(O){return new(O||m)(e.Y36(_.Au))},m.\u0275dir=e.lG2({type:m,selectors:[["","tuiWrapper",""]],hostVars:10,hostBindings:function(O,w){1&O&&e.NdJ("$.data-mode.attr",function(){return w.mode$}),2&O&&(e.uIk("data-appearance",w.appearance)("data-state",w.interactiveState),e.ekj("_invalid",w.computedInvalid)("_focused",w.computedFocused)("_no-hover",w.noHover)("_no-active",w.noActive))},inputs:{disabled:"disabled",readOnly:"readOnly",hover:"hover",active:"active",focus:"focus",invalid:"invalid",appearance:"appearance"},features:[e._Bn([p.CV])]}),m})(),f=(()=>{class m{}return m.\u0275fac=function(O){return new(O||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({}),m})()},7320:(Ve,ae,s)=>{"use strict";s.d(ae,{Nm:()=>e,z3:()=>p});var e=(()=>{return(f=e||(e={})).Accent="accent",f.Flat="flat",f.Icon="icon",f.Outline="outline",f.Primary="primary",f.Secondary="secondary",f.SecondaryDestructive="secondary-destructive",f.Table="table",f.Textfield="textfield",f.Whiteblock="whiteblock",f.WhiteblockActive="whiteblock-active",e;var f})(),p=(()=>{return(f=p||(p={})).Active="active",f.Disabled="disabled",f.Hover="hover",f.Readonly="readonly",p;var f})()},2130:(Ve,ae,s)=>{"use strict";s.d(ae,{CV:()=>C});var e=s(4537),o=s(6060),p=s(5452),_=s(5917),g=s(9761),f=s(8002);new e.tp0;const C={provide:o.Au,deps:[[new e.FiY,p.w],e.SBq],useFactory:(w,{nativeElement:S})=>{const y=w?w.change$.pipe((0,g.O)(null),(0,f.U)(()=>w.mode)):(0,_.of)(null);return S["$.data-mode.attr"]=y,y}}},7941:(Ve,ae,s)=>{"use strict";s.d(ae,{BN:()=>Le,K5:()=>$e,KG:()=>we,Lp:()=>Ie,Ok:()=>Te,zE:()=>ne});var e=s(4537),o=s(2485),p=s(8033),_=s(3770),g=s(7881),m=(s(8939),s(6060)),C=s(882),O=s(6215),w=s(6682),S=s(8653),y=s(9193),U=s(8002),z=s(7519),Z=s(7349),le=s(197),Q=s(6782),ue=s(2579),de=s(3631),X=s(1862),B=s(5998),K=s(7766);let ne=(()=>{class G extends C.y{constructor(ye,te,Re){super(q=>this.stream$.subscribe(q)),this.media=ye,this.ngZone=te,this.size$=Re,this.sorted=Object.values(this.media).sort((q,ce)=>q-ce),this.invert=Object.keys(this.media).reduce((q,ce)=>Object.assign(Object.assign({},q),{[this.media[ce]]:ce}),{}),this.stream$=this.size$.pipe((0,U.U)(({width:q})=>this.sorted.find(ce=>ce>q)),(0,U.U)(q=>this.invert[q||this.sorted[this.sorted.length-1]]),(0,z.x)(),(0,o.Yr)(this.ngZone),(0,Z.d)({bufferSize:1,refCount:!0}))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(m.J_),e.LFG(e.R0b),e.LFG(p.fM))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),Le=(()=>{class G extends O.X{constructor(){super([])}add(ye){this.next(this.value.concat(ye))}remove(ye){this.value.includes(ye)&&this.next(this.value.filter(te=>te!==ye))}}return G.\u0275fac=function(ye){return new(ye||G)},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),we=(()=>{class G extends C.y{constructor(ye,te,Re,q){super(ce=>te.pipe((0,U.U)(()=>ye.nativeElement.getBoundingClientRect()),(0,U.U)(be=>q.getPosition(be)),(0,o.fL)(Re),(0,le.x)(()=>q.getPosition(_.Jy))).subscribe(ce))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(e.SBq),e.LFG(ue.L1),e.LFG(e.R0b),e.LFG(de.uG))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac}),G})(),Te=(()=>{class G extends C.y{constructor(ye,te,Re,q){const ce=ye?(0,w.T)((0,S.H)(0),Re).pipe((0,U.U)(()=>ye.isActive),(0,z.x)(),(0,o.Yr)(te),(0,Q.R)(q)):y.E;super(be=>ce.subscribe(be))}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(X.Od,8),e.LFG(e.R0b),e.LFG(ue.L1),e.LFG(g.a3,2))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac}),G})(),$e=(()=>{class G{constructor(ye,te,Re){this.tuiSanitizer=ye,this.sanitizer=te,this.originals={},this.items$=new O.X(new Map),this.define(Re)}define(ye){const{value:te}=this.items$;Object.keys(ye).forEach(Re=>{this.defineIcon(Re,ye[Re],te)}),this.items$.next(te)}getOriginal(ye){return this.originals[ye]||null}defineIcon(ye,te,Re){if(Re.has(ye))return;const q=this.parseSrc(ye,te);q&&(Re.set(ye,q),this.originals=Object.assign(Object.assign({},this.originals),{[ye]:te}))}parseSrc(ye,te){return this.sanitize((0,K.NK)(te,ye))}sanitize(ye){return this.sanitizer.bypassSecurityTrustHtml((this.tuiSanitizer?this.tuiSanitizer.sanitize(e.q3G.HTML,ye):this.sanitizer.sanitize(e.q3G.HTML,ye))||"")}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(m.hm,8),e.LFG(B.H7),e.LFG(m.It))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})(),Ie=(()=>{class G{constructor(ye,te){this.win=ye,this.isWebkit=te}correct(ye){var te,Re,q,ce;return this.isWebkit?[ye[0]+(null!==(Re=null===(te=this.win.visualViewport)||void 0===te?void 0:te.offsetTop)&&void 0!==Re?Re:0),ye[1]+(null!==(ce=null===(q=this.win.visualViewport)||void 0===q?void 0:q.offsetLeft)&&void 0!==ce?ce:0)]:ye}}return G.\u0275fac=function(ye){return new(ye||G)(e.LFG(ue.m9),e.LFG(p.jF))},G.\u0275prov=e.Yz7({token:G,factory:G.\u0275fac,providedIn:"root"}),G})()},6060:(Ve,ae,s)=>{"use strict";s.d(ae,{dx:()=>Le,Pw:()=>Je,U0:()=>_e,Gs:()=>$e,N1:()=>ye,PL:()=>_t,xp:()=>St,It:()=>Ot,ki:()=>Ht,AA:()=>qt,rL:()=>Tt,sf:()=>xt,J_:()=>Pt,Au:()=>Wt,$R:()=>N,PH:()=>ze,Ln:()=>Jt,HO:()=>ut,IQ:()=>et,TK:()=>ne,hm:()=>Fe,u_:()=>Ye,V5:()=>wt,jt:()=>Mt,S0:()=>kt,r2:()=>Yt,sE:()=>Qe,EO:()=>lt,RB:()=>he,oE:()=>te,P7:()=>Ge,cp:()=>cn});var e=s(4537),o=s(1927),p=s(6424),_=s(2485),g=s(8192),f=s(8692),m=s(5390),C=s(6640),O=s(7766),S=s(2579),y=s(4121),U=s(9761),z=s(8002),Z=s(7519),le=s(3190),Q=s(6782),ue=s(8269),de=s(5917),X=s(6682),B=s(4487),K=s(7320);const ne=(0,o.N1)(()=>{var st,it,W;return null!==(W=null===(it=null===(st=(0,e.f3M)(f.K0).defaultView)||void 0===st?void 0:st.matchMedia)||void 0===it?void 0:it.call(st,"(prefers-reduced-motion: reduce)").matches)&&void 0!==W&&W}),Le=(0,o.N1)(()=>(0,e.f3M)(ne)?0:300),Je=(0,o.N1)(()=>({value:"",params:{duration:(0,e.f3M)(Le)}})),Te=((0,o.N1)(()=>(0,e.X6Q)()),{check:"tuiIconCheck",close:"tuiIconClose",error:"tuiIconAlertCircle",more:"tuiIconChevronRight"}),$e=(0,o.JN)(Te),G=new e.OlP("[TUI_DATA_LIST_ACCESSOR]");function he(st){return{provide:G,useExisting:st}}const ye=new e.OlP("[TUI_DATA_LIST_HOST]");function te(st){return{provide:ye,useExisting:st}}(0,o.JN)(st=>st.isWeekend?"weekend":"weekday"),new e.OlP("[TUI_DOCUMENT_OR_SHADOW_ROOT]"),new e.OlP("[TUI_ELEMENT_REF]");const be=(0,o.JN)(p.L.Monday),N=(0,o.N1)((0,m.v)("months")),_e=(0,o.N1)((0,m.v)("close")),ze=(0,o.N1)((0,m.v)("nothingFoundMessage")),_t=(0,o.N1)((0,m.v)("defaultErrorMessage")),Gt=((0,o.N1)((0,m.v)("spinTexts")),(0,o.N1)((0,m.v)("shortWeekDays"))),St="assets/taiga-ui/icons",qt=(0,o.JN)(St),Ot=(0,o.JN)({}),Ht=(0,o.N1)(()=>(0,C.ht)((0,e.f3M)(qt))),Pt=(0,o.JN)({mobile:768,desktopSmall:1024,desktopLarge:1280}),Tt=(0,o.N1)(()=>{const st=(0,e.f3M)(S.m9),it=(0,e.f3M)(Pt);return(0,_.mL)(st,"resize").pipe((0,y.B)(),(0,U.O)(null),(0,z.U)(()=>function w(st,{mobile:it}){return(0,O.ic)(st)<it}(st,it)),(0,Z.x)(),(0,_.Yr)((0,e.f3M)(e.R0b)))}),xt=new e.OlP("[TUI_LEGACY_MASK]"),Wt=new e.OlP("[TUI_MODE]"),sn={info:"tuiIconInfo",success:"tuiIconCheckCircle",error:"tuiIconXCircle",warning:"tuiIconAlertCircle",neutral:"tuiIconInfo"},Jt=(0,o.JN)({autoClose:3e3,label:"",status:"info",hasCloseButton:!0,icon:({$implicit:st})=>sn[st],size:"m",hasIcon:!0,defaultAutoCloseTime:3e3}),ut=(0,o.JN)(ue.Jl);(0,o.JN)((0,de.of)(Object.assign(Object.assign({},ue.Jl),{decimalLimit:NaN})));const et=new e.OlP("[TUI_OPTION_CONTENT]");function Ge(st){return{provide:et,useValue:st}}const ke=st=>{const it=st.length-1;return[st[it],...st.slice(0,it)]},Fe=((0,o.N1)(()=>{const st=(0,e.f3M)(be);return(0,e.f3M)(Gt).pipe((0,z.U)(ke),(0,z.U)(it=>[...it.slice(st),...it.slice(0,st)]))}),new e.OlP("[TUI_SANITIZER]")),Ye=((0,o.N1)(()=>{const st=(0,e.f3M)(f.K0);return(0,X.T)((0,_.mL)(st,"selectionchange"),(0,_.mL)(st,"mouseup"),(0,_.mL)(st,"mousedown").pipe((0,le.w)(()=>(0,_.mL)(st,"mousemove").pipe((0,Q.R)((0,_.mL)(st,"mouseup"))))),(0,_.mL)(st,"keydown"),(0,_.mL)(st,"keyup")).pipe((0,y.B)())}),(0,o.JN)({decrement:"tuiIconChevronLeft",increment:"tuiIconChevronRight"}),(0,o.JN)(g.N)),wt=(0,o.JN)(B.y),Mt=(0,o.JN)(K.Nm.Textfield),kt=new e.OlP("[TUI_TEXTFIELD_HOST]");function cn(st){return{provide:kt,useExisting:st}}const Yt=(0,o.JN)("Taiga"),Qe=new e.OlP("[TUI_VALUE_ACCESSOR]"),lt=(0,o.N1)(()=>{const st=(0,e.f3M)(S.m9);return{type:"viewport",getClientRect:()=>({top:0,left:0,right:st.innerWidth,bottom:st.innerHeight,width:st.innerWidth,height:st.innerHeight})}})},7766:(Ve,ae,s)=>{"use strict";function e(S){return!(!S||typeof getComputedStyle>"u")&&("fixed"===getComputedStyle(S).getPropertyValue("position")||e(S.parentElement))}function g({document:S,innerWidth:y}){return Math.max(S.documentElement.clientWidth||0,y||0)}s.d(ae,{NK:()=>w,ic:()=>g,qK:()=>e});const m='width="',C='height="',O="<svg";function w(S,y){if(S.includes(`id="${y}"`))return S;const U=S.slice(Math.max(0,S.indexOf(O))),z=U.slice(0,Math.max(0,U.indexOf(">")));if(null==z||!z.includes(m)||!z.includes(C))return`${U.replace(O,`<svg xmlns="http://www.w3.org/2000/svg"><g id="${y}" xmlns="http://www.w3.org/2000/svg"><svg`)}</g></svg>`;const Z=z.indexOf(m),le=z.indexOf(C),Q=Z+m.length,ue=le+C.length,de=z.slice(Q,z.indexOf('"',Q)),X=z.slice(ue,z.indexOf('"',ue));if(!X||!de||de.includes("%")||X.includes("%")||de.includes("em")||X.includes("em"))return U.replace(O,`<svg id="${y}"`);const B=parseInt(de,10),K=parseInt(X,10);return`<g id="${y}" xmlns="http://www.w3.org/2000/svg"><svg  x="50%" y="50%" width="${B/16}em" height="${K/16}em" overflow="visible" viewBox="0 0 ${B} ${K}"><svg x="${-B/2}" y="${-K/2}">${U}</svg></svg></g>`}},6640:(Ve,ae,s)=>{"use strict";s.d(ae,{R9:()=>y,_X:()=>g,ht:()=>f,jL:()=>O,kL:()=>m,lp:()=>w,mn:()=>C});var e=s(8269),o=s(4493);const p=1.5,_=2.5;function g(U,z=!1,Z=!1,le=!1,Q="m"){const ue="s"===Q?0:.25;let de=0;return U&&(de+=p+ue),z&&(de+=p+ue),Z&&(de+=p+ue),le&&(de+=_+ue),de}function f(U){const z=U.endsWith("/")?U:`${U}/`;return Z=>Z.startsWith("tuiIcon")?`${z}${Z}.svg${e.uJ}#${Z}`:(0,e.oA)(Z)}function m(U){return 1===U.length||e.Nq.includes(U)}function C(U,z="tui-hints-host"){var Z;return!(null===(Z=(0,o.PU)(U))||void 0===Z||!Z.some(le=>!le.closest(z)))}function O(U){const z=U.trim();return z.startsWith("<")&&z.endsWith(">")}function w(U,z){return(Z,le)=>{const Q=Z||Object.assign({},le||z);return Object.keys(U).forEach(ue=>{Q[ue]=U[ue]}),Q}}const S={xxs:0,xs:1,s:2,m:3,l:4,xl:5,xxl:6};function y(U,z="s"){return S[U]>S[z]}},1081:(Ve,ae,s)=>{"use strict";s.d(ae,{X:()=>e});var e=(()=>{return(o=e||(e={})).AD="AD",o.AE="AE",o.AF="AF",o.AG="AG",o.AI="AI",o.AL="AL",o.AM="AM",o.AO="AO",o.AR="AR",o.AT="AT",o.AU="AU",o.AW="AW",o.AZ="AZ",o.BA="BA",o.BB="BB",o.BD="BD",o.BE="BE",o.BF="BF",o.BG="BG",o.BH="BH",o.BI="BI",o.BJ="BJ",o.BL="BL",o.BM="BM",o.BN="BN",o.BO="BO",o.BQ="BQ",o.BR="BR",o.BS="BS",o.BT="BT",o.BW="BW",o.BY="BY",o.BZ="BZ",o.CA="CA",o.CD="CD",o.CF="CF",o.CG="CG",o.CH="CH",o.CI="CI",o.CL="CL",o.CM="CM",o.CN="CN",o.CO="CO",o.CR="CR",o.CU="CU",o.CV="CV",o.CW="CW",o.CY="CY",o.CZ="CZ",o.DE="DE",o.DJ="DJ",o.DK="DK",o.DM="DM",o.DO="DO",o.DZ="DZ",o.EC="EC",o.EE="EE",o.EG="EG",o.ER="ER",o.ES="ES",o.ET="ET",o.FI="FI",o.FJ="FJ",o.FK="FK",o.FM="FM",o.FR="FR",o.GA="GA",o.GB="GB",o.GD="GD",o.GE="GE",o.GF="GF",o.GH="GH",o.GI="GI",o.GL="GL",o.GM="GM",o.GN="GN",o.GP="GP",o.GQ="GQ",o.GR="GR",o.GT="GT",o.GW="GW",o.GY="GY",o.HK="HK",o.HN="HN",o.HR="HR",o.HT="HT",o.HU="HU",o.ID="ID",o.IE="IE",o.IL="IL",o.IN="IN",o.IQ="IQ",o.IR="IR",o.IS="IS",o.IT="IT",o.JM="JM",o.JO="JO",o.JP="JP",o.KE="KE",o.KG="KG",o.KH="KH",o.KM="KM",o.KN="KN",o.KP="KP",o.KR="KR",o.KW="KW",o.KY="KY",o.KZ="KZ",o.LA="LA",o.LB="LB",o.LC="LC",o.LI="LI",o.LK="LK",o.LR="LR",o.LS="LS",o.LT="LT",o.LU="LU",o.LV="LV",o.LY="LY",o.MA="MA",o.MC="MC",o.MD="MD",o.ME="ME",o.MF="MF",o.MG="MG",o.MK="MK",o.ML="ML",o.MM="MM",o.MN="MN",o.MO="MO",o.MQ="MQ",o.MR="MR",o.MS="MS",o.MT="MT",o.MU="MU",o.MV="MV",o.MW="MW",o.MX="MX",o.MY="MY",o.MZ="MZ",o.NA="NA",o.NC="NC",o.NE="NE",o.NG="NG",o.NI="NI",o.NL="NL",o.NO="NO",o.NP="NP",o.NZ="NZ",o.OM="OM",o.PA="PA",o.PE="PE",o.PF="PF",o.PG="PG",o.PH="PH",o.PK="PK",o.PL="PL",o.PT="PT",o.PW="PW",o.PY="PY",o.QA="QA",o.RE="RE",o.RO="RO",o.RS="RS",o.RU="RU",o.RW="RW",o.SA="SA",o.SB="SB",o.SC="SC",o.SD="SD",o.SE="SE",o.SG="SG",o.SH="SH",o.SI="SI",o.SK="SK",o.SL="SL",o.SM="SM",o.SN="SN",o.SO="SO",o.SR="SR",o.ST="ST",o.SV="SV",o.SX="SX",o.SY="SY",o.SZ="SZ",o.TC="TC",o.TD="TD",o.TG="TG",o.TH="TH",o.TJ="TJ",o.TL="TL",o.TM="TM",o.TN="TN",o.TO="TO",o.TR="TR",o.TT="TT",o.TW="TW",o.TZ="TZ",o.UA="UA",o.UG="UG",o.US="US",o.UY="UY",o.UZ="UZ",o.VC="VC",o.VE="VE",o.VG="VG",o.VN="VN",o.VU="VU",o.WS="WS",o.XK="XK",o.YE="YE",o.YT="YT",o.ZA="ZA",o.ZM="ZM",o.ZW="ZW",e;var o})()},5390:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>de});var e=s(4537),o=s(1081);const w=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({name:"english"},{months:["January","February","March","April","May","June","July","August","September","October","November","December"],close:"Close",nothingFoundMessage:"Nothing found",defaultErrorMessage:"Value is invalid",spinTexts:["Previous","Next"],shortWeekDays:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],countries:{[o.X.AD]:"Andorra",[o.X.AE]:"United Arab Emirates",[o.X.AF]:"Afghanistan",[o.X.AG]:"Antigua and Barbuda",[o.X.BL]:"Saint Barth\xe9lemy",[o.X.AI]:"Anguilla",[o.X.AL]:"Albania",[o.X.AM]:"Armenia",[o.X.AO]:"Angola",[o.X.AR]:"Argentina",[o.X.AT]:"Austria",[o.X.AU]:"Australia",[o.X.AW]:"Aruba",[o.X.AZ]:"Azerbaijan",[o.X.BA]:"Bosnia and Herzegovina",[o.X.BB]:"Barbados",[o.X.BD]:"Bangladesh",[o.X.BE]:"Belgium",[o.X.BF]:"Burkina Faso",[o.X.BG]:"Bulgaria",[o.X.BH]:"Bahrain",[o.X.BI]:"Burundi",[o.X.BJ]:"Benin",[o.X.GF]:"Guyana",[o.X.BM]:"Bermuda",[o.X.BN]:"Brunei Darussalam",[o.X.BO]:"Bolivia",[o.X.BQ]:"Bonaire, Sint Eustatius and Saba",[o.X.BR]:"Brazil",[o.X.BS]:"Bahamas",[o.X.BT]:"Bhutan",[o.X.BW]:"Botswana",[o.X.BY]:"Belarus",[o.X.BZ]:"Belize",[o.X.CA]:"Canada",[o.X.CD]:"Dem. Rep. Congo (Kinshasa)",[o.X.CF]:"Central African Republic",[o.X.CG]:"Congo (Brazzaville)",[o.X.CH]:"Switzerland",[o.X.CI]:"Ivory Coast",[o.X.CL]:"Chile",[o.X.CM]:"Cameroon",[o.X.CN]:"China",[o.X.CO]:"Colombia",[o.X.CR]:"Costa Rica",[o.X.CU]:"Cuba",[o.X.CV]:"Cape Verde",[o.X.CW]:"Cura\xe7ao",[o.X.CY]:"Cyprus",[o.X.CZ]:"Czech Republic",[o.X.DE]:"Germany",[o.X.DJ]:"Djibouti",[o.X.DK]:"Denmark",[o.X.DM]:"Dominica",[o.X.DO]:"Dominican Republic",[o.X.DZ]:"Algeria",[o.X.EC]:"Ecuador",[o.X.EE]:"Estonia",[o.X.EG]:"Egypt",[o.X.ER]:"Eritrea",[o.X.ES]:"Spain",[o.X.ET]:"Ethiopia",[o.X.FI]:"Finland",[o.X.FJ]:"Fiji",[o.X.FK]:"Falkland Islands",[o.X.FM]:"F.S. of Micronesia",[o.X.FR]:"France",[o.X.GA]:"Gabon",[o.X.GB]:"United Kingdom",[o.X.GD]:"Grenada",[o.X.GE]:"Georgia",[o.X.GP]:"Guadeloupe",[o.X.GH]:"Ghana",[o.X.GI]:"Gibraltar",[o.X.GL]:"Greenland",[o.X.GM]:"Gambia",[o.X.GN]:"Guinea",[o.X.MF]:"Saint-Martin",[o.X.GQ]:"Equatorial Guinea",[o.X.GR]:"Greece",[o.X.GT]:"Guatemala",[o.X.GW]:"Guinea-Bissau",[o.X.GY]:"Guyana",[o.X.HK]:"Hong Kong",[o.X.HN]:"Honduras",[o.X.HR]:"Croatia",[o.X.HT]:"Haiti",[o.X.HU]:"Hungary",[o.X.ID]:"Indonesia",[o.X.IE]:"Ireland",[o.X.IL]:"Israel",[o.X.IN]:"India",[o.X.IQ]:"Iraq",[o.X.IR]:"Iran",[o.X.IS]:"Iceland",[o.X.IT]:"Italy",[o.X.JM]:"Jamaica",[o.X.JO]:"Jordan",[o.X.JP]:"Japan",[o.X.KE]:"Kenya",[o.X.KG]:"Kyrgyzstan",[o.X.KH]:"Cambodia",[o.X.KM]:"Comoros",[o.X.KN]:"Saint Kitts and Nevis",[o.X.KP]:"Korean PDR",[o.X.KR]:"Rep. Korea",[o.X.KW]:"Kuwait",[o.X.KY]:"Cayman Islands",[o.X.KZ]:"Kazakhstan",[o.X.LA]:"Laos",[o.X.LB]:"Lebanon",[o.X.LC]:"Saint Lucia",[o.X.LI]:"Liechtenstein",[o.X.LK]:"Sri Lanka",[o.X.LR]:"Liberia",[o.X.LS]:"Lesotho",[o.X.LT]:"Lithuania",[o.X.LU]:"Luxembourg",[o.X.LV]:"Latvia",[o.X.LY]:"Libya",[o.X.MA]:"Morocco",[o.X.MC]:"Monaco",[o.X.MD]:"Moldova",[o.X.ME]:"Montenegro",[o.X.MQ]:"Martinique",[o.X.MG]:"Madagascar",[o.X.MK]:"Rep. of North Macedonia",[o.X.ML]:"Mali",[o.X.MM]:"Burma (Myanmar)",[o.X.MN]:"Mongolia",[o.X.MO]:"Macau",[o.X.RE]:"R\xe9union",[o.X.MR]:"Mauritania",[o.X.MS]:"Montserrat",[o.X.MT]:"Malta",[o.X.MU]:"Mauritius",[o.X.MV]:"Maldives",[o.X.MW]:"Malawi",[o.X.MX]:"Mexico",[o.X.MY]:"Malaysia",[o.X.MZ]:"Mozambique",[o.X.NA]:"Namibia",[o.X.NC]:"New Caledonia",[o.X.NE]:"Niger",[o.X.NG]:"Nigeria",[o.X.NI]:"Nicaragua",[o.X.NL]:"Netherlands",[o.X.NO]:"Norway",[o.X.NP]:"Nepal",[o.X.NZ]:"New Zealand",[o.X.OM]:"Oman",[o.X.PA]:"Panama",[o.X.PE]:"Peru",[o.X.PF]:"French Polynesia (Tahiti)",[o.X.PG]:"Papua New Guinea",[o.X.PH]:"Philippines",[o.X.PK]:"Pakistan",[o.X.PL]:"Poland",[o.X.PT]:"Portugal",[o.X.PW]:"Palau",[o.X.PY]:"Paraguay",[o.X.QA]:"Qatar",[o.X.YT]:"Mayotte",[o.X.RO]:"Romania",[o.X.RS]:"Serbia",[o.X.RU]:"Russia",[o.X.RW]:"Rwanda",[o.X.SA]:"Saudi Arabia",[o.X.SB]:"Solomon Islands",[o.X.SC]:"Seychelles",[o.X.SD]:"Sudan",[o.X.SE]:"Sweden",[o.X.SG]:"Singapore",[o.X.SH]:"Saint Helena",[o.X.SI]:"Slovenia",[o.X.SK]:"Slovakia",[o.X.SL]:"Sierra Leone",[o.X.SM]:"San Marino",[o.X.SN]:"Senegal",[o.X.SO]:"Somalia",[o.X.SR]:"Suriname",[o.X.ST]:"Sao Tome and Principe",[o.X.SV]:"El Salvador",[o.X.SX]:"Sint Maarten",[o.X.SY]:"Syrian Arab Republic",[o.X.SZ]:"Swaziland",[o.X.TC]:"Turks and Caicos",[o.X.TD]:"Chad",[o.X.TG]:"Togo",[o.X.TH]:"Thailand",[o.X.TJ]:"Tajikistan",[o.X.TL]:"East Timor",[o.X.TM]:"Turkmenistan",[o.X.TN]:"Tunisia",[o.X.TO]:"Tonga",[o.X.TR]:"Turkey",[o.X.TT]:"Trinidad and Tobago",[o.X.TW]:"Taiwan",[o.X.TZ]:"Tanzania",[o.X.UA]:"Ukraine",[o.X.UG]:"Uganda",[o.X.US]:"USA",[o.X.UY]:"Uruguay",[o.X.UZ]:"Uzbekistan",[o.X.VC]:"Saint Vincent and the Grenadines",[o.X.VE]:"Venezuela",[o.X.VG]:"British Virgin Islands",[o.X.VN]:"Vietnam",[o.X.VU]:"Vanuatu",[o.X.WS]:"Samoa",[o.X.XK]:"Kosovo",[o.X.YE]:"Yemen",[o.X.ZA]:"South Africa",[o.X.ZM]:"Zambia",[o.X.ZW]:"Zimbabwe"}}),{cancel:"Cancel",done:"Done",more:"More",otherDate:"Other date...",showAll:"Show all",hide:"Hide",mobileCalendarTexts:["Choose day","Choose range","Choose days"],range:["from","to"],countTexts:["Plus","Minus"],time:{"HH:MM":"HH:MM","HH:MM:SS":"HH:MM:SS","HH:MM:SS.MSS":"HH:MM:SS.MSS"},dateTexts:{DMY:"dd.mm.yyyy",MDY:"mm.dd.yyyy",YMD:"yyyy.mm.dd"},digitalInformationUnits:["B","KiB","MiB"],passwordTexts:["Show password","Hide password"],copyTexts:["Copy","Copied"],shortCalendarMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pagination:["Previous page","Next page"],fileTexts:{loadingError:"Upload failed",preview:"Preview",remove:"Remove"},inputFileTexts:{defaultLabelSingle:"or drop\xa0it\xa0here",defaultLabelMultiple:"or drop\xa0them\xa0here",defaultLinkSingle:"Choose a file",defaultLinkMultiple:"Choose files",maxSizeRejectionReason:"File is too large ",formatRejectionReason:"Wrong file type",drop:"Drop file here",dropMultiple:"Drop files here"},multiSelectTexts:{all:"Select all",none:"Select none"},prompt:{yes:"Yes",no:"No"}}),{showHideText:"Show/Hide",paginationTexts:{pages:"Pages",linesPerPage:"Lines per page",of:"of"}}),{cardNumber:["Number","Card number"],cardExpiry:["Expires","Valid through"]}),{colorSelectorModeNames:["Solid color","Gradient"],toolbarTools:{undo:"Undo",redo:"Redo",font:"Font",fontStyle:"Font style",fontSize:"Font size",bold:"Bold",italic:"Italic",underline:"Underline",strikeThrough:"Strike through",justify:"Justify",justifyLeft:"Justify left",justifyCenter:"Justify center",justifyRight:"Justify right",justifyFull:"Justify full",list:"List",indent:"Indent",outdent:"Outdent",unorderedList:"Unordered list",orderedList:"Ordered list",quote:"Quote",foreColor:"Color",backColor:"Background color",hiliteColor:"Highlight color",clear:"Clear",link:"Link",attach:"Attach file",tex:"Insert TeX",code:"Code",image:"Insert image",insertHorizontalRule:"Insert horizontal rule",superscript:"Superscript",subscript:"Subscript",insertTable:"Insert table",insertGroup:"Insert group",hiliteGroup:"Hilite group",removeGroup:"Remove group",insertAnchor:"Insert anchor",mergeCells:"Merge cells",splitCells:"Split cells",rowsColumnsManaging:"Managing rows and columns",cellColor:"Cell color",setDetails:"Details",removeDetails:"Remove details"},editorEditLink:{urlExample:"example.com",anchorExample:"anchor"},editorTableCommands:[["Insert column before","Insert column after"],["Insert row before","Insert row after"],["Delete column","Delete row"]],editorCodeOptions:["Code in the text","Code in block"],editorFontOptions:{small:"Small",large:"Large",normal:"Normal",title:"Title",subtitle:"Subtitle"}}),{previewTexts:{rotate:"Rotate"},zoomTexts:{zoomOut:"Zoom out",zoomIn:"Zoom in",reset:"Reset"}});var S=s(5917);const y=new e.OlP("[TUI_DEFAULT_LANGUAGE]",{factory:()=>w}),U=new e.OlP("[TUI_LANGUAGE]",{factory:()=>(0,S.of)((0,e.f3M)(y))});new e.OlP("[TUI_LANGUAGE_LOADER]"),new e.OlP("[TUI_LANGUAGE_STORAGE_KEY]",{factory:()=>"tuiLanguage"});var le=s(5639),Q=s(3190),ue=s(8002);function de(X){return()=>(0,e.f3M)(U).pipe((0,Q.w)(B=>(0,le.b)(B)?B:(0,S.of)(B)),(0,ue.U)(B=>B[X]))}},3063:(Ve,ae,s)=>{"use strict";s.d(ae,{p:()=>Ie,s:()=>G});var e=s(4537),o=s(8942),p=s(6480),_=s(7179),g=s(8033),f=s(6060),m=s(1927),C=s(7320),O=s(4789),w=s(1489),S=s(9570);function y(he,ye){if(1&he&&e._UZ(0,"tui-svg",2),2&he){const te=ye.polymorpheusOutlet,Re=e.oxw();e.ekj("t-mark_on",!Re.empty),e.Q6J("src",te)}}const U=function(he){return{$implicit:he}},z=["*"],le=(0,m.JN)({size:"m",appearances:{unchecked:C.Nm.Outline,checked:C.Nm.Primary,indeterminate:C.Nm.Primary},icons:{checked:({$implicit:he})=>"m"===he?"tuiIconCheck":"tuiIconCheckLarge",indeterminate:({$implicit:he})=>"m"===he?"tuiIconMinus":"tuiIconMinusLarge"}});let ue=(()=>{class he{constructor(te){this.options=te,this.size=this.options.size,this.disabled=!1,this.focused=!1,this.hovered=!1,this.pressed=!1,this.invalid=!1,this.icon=this.options.icons.checked,this.value=!1}set valueSetter(te){!1!==te&&this.setCurrentIcon(te),this.value=te}get appearance(){switch(this.value){case!1:return this.options.appearances.unchecked;case!0:return this.options.appearances.checked;default:return this.options.appearances.indeterminate}}get empty(){return!1===this.value}setCurrentIcon(te){this.icon=null===te?this.options.icons.indeterminate:this.options.icons.checked}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(le))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-primitive-checkbox"]],hostVars:1,hostBindings:function(te,Re){2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size",disabled:"disabled",focused:"focused",hovered:"hovered",pressed:"pressed",invalid:"invalid",valueSetter:["value","valueSetter"]},ngContentSelectors:z,decls:3,vars:10,consts:[["tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid"],["class","t-mark",3,"t-mark_on","src",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-mark",3,"src"]],template:function(te,Re){1&te&&(e.F$t(),e.TgZ(0,"div",0),e.YNc(1,y,1,3,"tui-svg",1),e.Hsn(2),e.qZA()),2&te&&(e.Q6J("active",Re.pressed)("appearance",Re.appearance)("disabled",Re.disabled)("focus",Re.focused)("hover",Re.hovered)("invalid",Re.invalid),e.xp6(1),e.Q6J("polymorpheusOutlet",Re.icon)("polymorpheusOutletContext",e.VKq(8,U,Re.size)))},dependencies:[O.PN,w.o,S.Li],styles:["[_nghost-%COMP%]{display:block;font-size:0;flex-shrink:0}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on[_ngcontent-%COMP%]{transform:scale(1)}"],changeDetection:0}),he})(),de=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[O.EI,w.W,S.wq]]}),he})();var X=s(2130),B=s(4541),K=s(3633),ne=s(5059),We=s(8491),Le=s(8692);const Je=["focusableElement"];let we=(()=>{class he extends p.F9{constructor(te,Re,q){super(te,q),this.options=Re,this.size=this.options.size}get nativeFocusableElement(){return!this.focusableElement||this.computedDisabled?null:this.focusableElement.nativeElement}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get computedFocusable(){return this.interactive&&this.focusable}onChecked(te){this.value=te}onFocused(te){this.updateFocused(te)}onFocusVisible(te){this.updateFocusVisible(te)}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(o.a5,10),e.Y36(le),e.Y36(e.sBO))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-checkbox"]],viewQuery:function(te,Re){if(1&te&&e.Gf(Je,5),2&te){let q;e.iGM(q=e.CRH())&&(Re.focusableElement=q.first)}},hostVars:1,hostBindings:function(te,Re){2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size"},features:[e._Bn([(0,g.FT)(he),(0,p.wB)(he)]),e.qOj],decls:3,vars:11,consts:[[3,"disabled","focused","hovered","invalid","pressed","size","value"],["automation-id","tui-checkbox__native","type","checkbox",1,"t-native",3,"disabled","id","tuiFocusable","tuiChecked","tuiCheckedChange","tuiFocusedChange","tuiFocusVisibleChange"],["focusableElement",""]],template:function(te,Re){1&te&&(e.TgZ(0,"tui-primitive-checkbox",0)(1,"input",1,2),e.NdJ("tuiCheckedChange",function(ce){return Re.value=ce})("tuiFocusedChange",function(ce){return Re.onFocused(ce)})("tuiFocusVisibleChange",function(ce){return Re.onFocusVisible(ce)}),e.qZA()()),2&te&&(e.Q6J("disabled",Re.disabled)("focused",Re.computedFocusVisible)("hovered",Re.pseudoHover)("invalid",Re.computedInvalid)("pressed",Re.pseudoActive)("size",Re.size)("value",Re.value),e.xp6(1),e.Q6J("disabled",Re.disabled)("id",Re.id)("tuiFocusable",Re.computedFocusable)("tuiChecked",Re.value))},dependencies:[ue,B.t,K.t,ne.U,We.q],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}[data-size=m][_nghost-%COMP%]{width:1rem;height:1rem}[data-size=l][_nghost-%COMP%]{width:1.5rem;height:1.5rem}._readonly[_nghost-%COMP%]   tui-primitive-checkbox[_ngcontent-%COMP%]{pointer-events:none}.t-native[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native[_ngcontent-%COMP%]:-webkit-autofill, .t-native[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-native[_ngcontent-%COMP%]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}"],changeDetection:0}),he})(),Te=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[Le.ez,B.S,K.u,ne.F,We.c,de]]}),he})();const $e=["*"];let Ie=(()=>{class he extends p.F9{constructor(te,Re,q,ce){super(te,Re),this.mode$=q,this.options=ce,this.size=this.options.size}get focused(){return(0,_.V8)(this.nativeFocusableElement)}get nativeFocusableElement(){var te,Re;return null!==(Re=null===(te=this.checkbox)||void 0===te?void 0:te.nativeFocusableElement)&&void 0!==Re?Re:null}onFocused(te){this.updateFocused(te)}onModelChange(te){this.value=te}}return he.\u0275fac=function(te){return new(te||he)(e.Y36(o.a5,10),e.Y36(e.sBO),e.Y36(f.Au),e.Y36(le))},he.\u0275cmp=e.Xpm({type:he,selectors:[["tui-checkbox-labeled"]],viewQuery:function(te,Re){if(1&te&&e.Gf(we,5),2&te){let q;e.iGM(q=e.CRH())&&(Re.checkbox=q.first)}},hostVars:1,hostBindings:function(te,Re){1&te&&e.NdJ("$.data-mode.attr",function(){return Re.mode$}),2&te&&e.uIk("data-size",Re.size)},inputs:{size:"size"},features:[e._Bn([(0,g.FT)(he),(0,p.wB)(he),X.CV]),e.qOj],ngContentSelectors:$e,decls:4,vars:12,consts:[[1,"t-wrapper"],[3,"disabled","focusable","nativeId","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","size","ngModel","ngModelChange","focusedChange"],[1,"t-content"]],template:function(te,Re){1&te&&(e.F$t(),e.TgZ(0,"label",0)(1,"tui-checkbox",1),e.NdJ("ngModelChange",function(ce){return Re.value=ce})("focusedChange",function(ce){return Re.onFocused(ce)}),e.qZA(),e.TgZ(2,"div",2),e.Hsn(3),e.qZA()()),2&te&&(e.xp6(1),e.Q6J("disabled",Re.computedDisabled)("focusable",Re.focusable)("nativeId",Re.nativeId)("pseudoActive",Re.pseudoActive)("pseudoFocus",Re.pseudoFocus)("pseudoHover",Re.pseudoHover)("pseudoInvalid",Re.computedInvalid)("readOnly",Re.readOnly)("size",Re.size)("ngModel",Re.value),e.xp6(1),e.ekj("t-content_disabled",Re.computedDisabled))},dependencies:[we,o.JJ,o.On],styles:["[_nghost-%COMP%]{position:relative;display:block;line-height:0}._disabled[_nghost-%COMP%], ._readonly[_nghost-%COMP%]{pointer-events:none}.t-wrapper[_ngcontent-%COMP%]{display:inline-flex;max-width:100%;cursor:pointer}._disabled[_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{cursor:default}[data-mode=onDark][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);line-height:1rem;word-wrap:break-word;min-width:0}.t-content_disabled[_ngcontent-%COMP%]{opacity:var(--tui-disabled-opacity)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{margin-left:.5rem}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-left:.75rem}"],changeDetection:0}),he})(),G=(()=>{class he{}return he.\u0275fac=function(te){return new(te||he)},he.\u0275mod=e.oAB({type:he}),he.\u0275inj=e.cJS({imports:[[Le.ez,o.u5,Te]]}),he})()},1673:(Ve,ae,s)=>{"use strict";s.d(ae,{K3:()=>Q,Qf:()=>de,wU:()=>ue});var e=s(4537),o=s(8942),p=s(221),_=s(6480),g=s(7179),f=s(8033),m=s(5600),C=s(5640),O=s(6409),w=s(5111),S=s(6060),y=s(3631),U=s(26),z=s(8692);const Z=["*",[["input"]]],le=["*","input"];let Q=(()=>{class X extends _.M${constructor(K,ne,We,Le){super(K,ne,Le),this.textfieldSize=We,this.open=!1}get size(){return this.textfieldSize.size}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){return(0,g.V8)(this.nativeFocusableElement)||!!this.hostedDropdown&&this.hostedDropdown.focused}get canOpen(){return this.interactive&&!!this.datalist}onValueChange(K){this.value=K,this.open=!0}onActiveZone(K){this.updateFocused(K)}handleOption(K){this.setNativeValue(String(K)),this.focusInput(),this.value=String(K),this.open=!1}getFallbackValue(){return""}focusInput(K=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:K})}setNativeValue(K){this.nativeFocusableElement&&(this.nativeFocusableElement.value=K)}}return X.\u0275fac=function(K){return new(K||X)(e.Y36(o.a5,10),e.Y36(e.sBO),e.Y36(O.kI),e.Y36(_.FX,8))},X.\u0275cmp=e.Xpm({type:X,selectors:[["tui-input"]],contentQueries:function(K,ne,We){if(1&K&&e.Suo(We,w.gX,5,e.Rgc),2&K){let Le;e.iGM(Le=e.CRH())&&(ne.datalist=Le.first)}},viewQuery:function(K,ne){if(1&K&&(e.Gf(m.o1,5),e.Gf(C.yc,5)),2&K){let We;e.iGM(We=e.CRH())&&(ne.hostedDropdown=We.first),e.iGM(We=e.CRH())&&(ne.textfield=We.first)}},hostVars:1,hostBindings:function(K,ne){2&K&&e.uIk("data-size",ne.size)},features:[e._Bn([U.E2,(0,f.FT)(X),(0,S.oE)(X),(0,_.wB)(X)],[U.yn]),e.qOj],ngContentSelectors:le,decls:4,vars:11,consts:[[1,"t-hosted",3,"canOpen","content","open","openChange","tuiActiveZoneChange"],["automation-id","tui-input__textfield",1,"t-textfield",3,"disabled","focusable","invalid","nativeId","pseudoFocus","pseudoHover","readOnly","value","valueChange"]],template:function(K,ne){1&K&&(e.F$t(Z),e.TgZ(0,"tui-hosted-dropdown",0),e.NdJ("openChange",function(Le){return ne.open=Le})("tuiActiveZoneChange",function(Le){return ne.onActiveZone(Le)}),e.TgZ(1,"tui-primitive-textfield",1),e.NdJ("valueChange",function(Le){return ne.onValueChange(Le)}),e.Hsn(2),e.Hsn(3,1,["ngProjectAs","input",5,["input"]]),e.qZA()()),2&K&&(e.Q6J("canOpen",ne.canOpen)("content",ne.datalist||"")("open",ne.open),e.xp6(1),e.Q6J("disabled",ne.computedDisabled)("focusable",ne.computedFocusable)("invalid",ne.computedInvalid)("nativeId",ne.nativeId)("pseudoFocus",ne.computedFocused)("pseudoHover",ne.pseudoHover)("readOnly",ne.readOnly)("value",ne.value))},dependencies:[m.o1,C.yc,p.e,C.B1],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:left}._disabled[_nghost-%COMP%]{pointer-events:none}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}"],changeDetection:0}),X})(),ue=(()=>{class X extends y.D1{onValueChange(K){this.host.onValueChange(K)}}return X.\u0275fac=function(){let B;return function(ne){return(B||(B=e.n5z(X)))(ne||X)}}(),X.\u0275dir=e.lG2({type:X,selectors:[["tui-input"]],features:[e._Bn([(0,S.cp)(X)]),e.qOj]}),X})(),de=(()=>{class X{}return X.\u0275fac=function(K){return new(K||X)},X.\u0275mod=e.oAB({type:X}),X.\u0275inj=e.cJS({imports:[[z.ez,p.A,C.KW,m.jh]]}),X})()},26:(Ve,ae,s)=>{"use strict";s.d(ae,{yn:()=>y,E2:()=>U});var e=s(4537),o=s(6060);s(8002);var f=s(8952),O=(s(9811),s(5917),s(4487)),w=s(8942);const y=(0,f.fx)({limitWidth:"fixed",align:"right"}),U={provide:o.sE,deps:[[new e.FiY,new e.PiD,w.JU]],useFactory:O.y}},9811:(Ve,ae,s)=>{"use strict";s.d(ae,{UV:()=>et,Ys:()=>cn,RZ:()=>lt,ue:()=>Tt,WO:()=>ot,Z4:()=>st});var e=s(4537),o=s(1927),p=s(3770),g=(s(8939),s(6424)),f=s(7788),m=s(5648);const y=12,Q=9999;(0,o.JN)("DMY"),(0,o.JN)(".");class G{constructor(W){this.year=W}static isValidYear(W){return Number.isInteger(W)&&(0,m.wf)(W,0,Q+1)}static isLeapYear(W){return W%400==0||W%4==0&&W%100!=0}static getAbsoluteLeapYears(W){return Math.ceil(W/400)+(Math.ceil(W/4)-Math.ceil(W/100))}static lengthBetween(W,$){return $.year-W.year}static normalizeYearPart(W){return(0,m.G1)(W,0,Q)}get formattedYear(){return String(this.year).padStart(4,"0")}get isLeapYear(){return G.isLeapYear(this.year)}get absoluteLeapYears(){return G.getAbsoluteLeapYears(this.year)}yearBefore({year:W}){return this.year<W}yearSameOrBefore({year:W}){return this.year<=W}yearSame({year:W}){return this.year===W}yearSameOrAfter({year:W}){return this.year>=W}yearAfter({year:W}){return this.year>W}append({year:W=0}){return new G(this.year+W)}toString(){return this.formattedYear}valueOf(){return this.year}[Symbol.toPrimitive](W){return Date.prototype[Symbol.toPrimitive].call(this,W)}toJSON(){return this.formattedYear}}class he extends G{constructor(W,$){super(W),this.month=$}static isValidMonth(W,$){return G.isValidYear(W)&&he.isValidMonthPart($)}static getMonthDaysCount(W,$){switch(W){case g.B.February:return $?29:28;case g.B.April:case g.B.June:case g.B.September:case g.B.November:return 30;default:return 31}}static currentLocal(){const W=new Date;return new he(W.getFullYear(),W.getMonth())}static currentUtc(){const W=new Date;return new he(W.getUTCFullYear(),W.getUTCMonth())}static lengthBetween(W,$){return $.month+12*$.year-(W.month+12*W.year)}static normalizeMonthPart(W){return(0,m.G1)(W,0,11)}static isValidMonthPart(W){return Number.isInteger(W)&&(0,m.wf)(W,0,12)}get formattedMonthPart(){return String(this.month+1).padStart(2,"0")}get daysCount(){return he.getMonthDaysCount(this.month,this.isLeapYear)}monthBefore(W){return this.yearBefore(W)||this.yearSame(W)&&this.month<W.month}monthSameOrBefore(W){return this.yearBefore(W)||this.yearSame(W)&&this.month<=W.month}monthSame(W){return this.yearSame(W)&&this.month===W.month}monthSameOrAfter(W){return this.yearAfter(W)||this.yearSame(W)&&this.month>=W.month}monthAfter(W){return this.yearAfter(W)||this.yearSame(W)&&this.month>W.month}append({year:W=0,month:$=0}){const Ne=(this.year+W)*y+this.month+$;return new he(Math.floor(Ne/y),Ne%y)}toString(){return`${this.formattedMonthPart}.${this.formattedYear}`}valueOf(){return this.toLocalNativeDate().valueOf()}toJSON(){return`${super.toJSON()}-${this.formattedMonthPart}`}toLocalNativeDate(){return new Date(this.year,this.month)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month))}}class ye extends he{constructor(W,$,Ne){super(W,$),this.day=Ne}static fromLocalNativeDate(W){return new ye(W.getFullYear(),W.getMonth(),W.getDate())}static fromUtcNativeDate(W){return new ye(W.getUTCFullYear(),W.getUTCMonth(),W.getUTCDate())}static isValidDay(W,$,Ne){return he.isValidMonth(W,$)&&Number.isInteger(Ne)&&(0,m.wf)(Ne,1,he.getMonthDaysCount($,G.isLeapYear(W))+1)}static currentLocal(){const W=new Date,$=W.getFullYear(),Ne=W.getMonth(),De=W.getDate();return new ye($,Ne,De)}static currentUtc(){const W=new Date,$=W.getUTCFullYear(),Ne=W.getUTCMonth(),De=W.getUTCDate();return new ye($,Ne,De)}static normalizeOf(W,$,Ne){const De=G.normalizeYearPart(W),pt=he.normalizeMonthPart($),ct=ye.normalizeDayPart(Ne,pt,De);return new ye(De,pt,ct)}static lengthBetween(W,$){return Math.round(($.toLocalNativeDate().getTime()-W.toLocalNativeDate().getTime())/864e5)}static parseRawDateString(W,$="DMY"){switch($){case"YMD":return{day:parseInt(W.slice(8,10),10),month:parseInt(W.slice(5,7),10)-1,year:parseInt(W.slice(0,4),10)};case"MDY":return{day:parseInt(W.slice(3,5),10),month:parseInt(W.slice(0,2),10)-1,year:parseInt(W.slice(6,10),10)};default:return{day:parseInt(W.slice(0,2),10),month:parseInt(W.slice(3,5),10)-1,year:parseInt(W.slice(6,10),10)}}}static normalizeParse(W,$="DMY"){const{day:Ne,month:De,year:pt}=this.parseRawDateString(W,$);return ye.normalizeOf(pt,De,Ne)}static jsonParse(W){const{day:$,month:Ne,year:De}=this.parseRawDateString(W,"YMD");if(!G.isValidYear(De))throw new f.JY(De);if(!he.isValidMonth(De,Ne))throw new f.AM(Ne);if(!Number.isInteger($)||!(0,m.wf)($,1,he.getMonthDaysCount(Ne,G.isLeapYear(De))+1))throw new f.I4($);return new ye(De,Ne,$)}static normalizeDayPart(W,$,Ne){const De=he.getMonthDaysCount($,G.isLeapYear(Ne));return(0,m.G1)(W,1,De)}get formattedDayPart(){return String(this.day).padStart(2,"0")}get isWeekend(){const W=this.dayOfWeek(!1);return W===g.L.Saturday||W===g.L.Sunday}dayOfWeek(W=!0){const $=W?this.toLocalNativeDate().getDay()-1:this.toLocalNativeDate().getDay();return $<0?6:$}dayBefore(W){return this.monthBefore(W)||this.monthSame(W)&&this.day<W.day}daySameOrBefore(W){return this.monthBefore(W)||this.monthSame(W)&&this.day<=W.day}daySame(W){return this.monthSame(W)&&this.day===W.day}daySameOrAfter(W){return this.monthAfter(W)||this.monthSame(W)&&this.day>=W.day}dayAfter(W){return this.monthAfter(W)||this.monthSame(W)&&this.day>W.day}dayLimit(W,$){return null!==W&&this.dayBefore(W)?W:null!==$&&this.dayAfter($)?$:this}append({year:W=0,month:$=0,day:Ne=0}){const De=(this.year+W)*y+this.month+$;let pt=Math.floor(De/y),ct=De%y,vt=Math.min(this.day,he.getMonthDaysCount(ct,G.isLeapYear(pt)))+Ne;for(;vt>he.getMonthDaysCount(ct,G.isLeapYear(pt));)vt-=he.getMonthDaysCount(ct,G.isLeapYear(pt)),ct===g.B.December?(pt++,ct=g.B.January):ct++;for(;vt<1;)ct===g.B.January?(pt--,ct=g.B.December):ct--,vt+=he.getMonthDaysCount(ct,G.isLeapYear(pt));return new ye(pt,ct,vt)}getFormattedDay(W,$){const Ne=this.formattedDayPart,De=this.formattedMonthPart,pt=this.formattedYear;switch(W){case"YMD":return`${pt}${$}${De}${$}${Ne}`;case"MDY":return`${De}${$}${Ne}${$}${pt}`;default:return`${Ne}${$}${De}${$}${pt}`}}toString(W="DMY",$="."){return this.getFormattedDay(W,$)}toJSON(){return`${super.toJSON()}-${this.formattedDayPart}`}toLocalNativeDate(){return new Date(this.year,this.month,this.day)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month,this.day))}}const q=new ye(0,0,1),ce=new ye(Q,11,31);class be{constructor(W,$,Ne=0,De=0){this.hours=W,this.minutes=$,this.seconds=Ne,this.ms=De}static isValidTime(W,$,Ne=0,De=0){return Number.isInteger(W)&&tuiInRange(W,0,24)&&Number.isInteger($)&&tuiInRange($,0,60)&&Number.isInteger(Ne)&&tuiInRange(Ne,0,60)&&Number.isInteger(De)&&tuiInRange(De,0,1e3)}static current(){return be.fromAbsoluteMilliseconds(Date.now()%864e5)}static currentLocal(){const W=new Date;return be.fromAbsoluteMilliseconds((Date.now()-W.getTimezoneOffset()*ne)%864e5)}static fromAbsoluteMilliseconds(W){const $=Math.floor(W/We),Ne=Math.floor(W%We/ne),De=Math.floor(W%We%ne/1e3)||0,pt=Math.floor(W%We%ne%1e3)||0;return new be($,Ne,De,pt)}static fromString(W){const $=Number(W.slice(0,2)),Ne=Number(W.slice(3,5)),De=Number(W.slice(6,8))||0,pt=Number(W.slice(9,12))||0;return new be($,Ne,De,pt)}static fromLocalNativeDate(W){return new be(W.getHours(),W.getMinutes(),W.getSeconds(),W.getMilliseconds())}shift({hours:W=0,minutes:$=0,seconds:Ne=0,ms:De=0}){const pt=(1e3+this.ms+De%1e3)%1e3,vt=(De<0?Math.ceil(De/1e3):Math.floor(De/1e3))+Ne,At=(60+this.seconds+vt%60)%60,Be=(vt<0?Math.ceil(vt/60):Math.floor(vt/60))+$,se=(60+this.minutes+Be%60)%60,Y=(Be<0?Math.ceil(Be/60):Math.floor(Be/60))+W;return new be((24+this.hours+Y%24)%24,se,At,pt)}toString(W){const $="HH:MM:SS.MSS"===W||!W&&this.ms>0,Ne=$||"HH:MM:SS"===W||!W&&this.seconds>0;return`${this.formatTime(this.hours)}:${this.formatTime(this.minutes)}${Ne?`:${this.formatTime(this.seconds)}`:""}${$?`.${this.formatTime(this.ms,3)}`:""}`}valueOf(){return this.toAbsoluteMilliseconds()}[Symbol.toPrimitive](W){return Date.prototype[Symbol.toPrimitive].call(this,W)}toAbsoluteMilliseconds(){return this.hours*We+this.minutes*ne+1e3*this.seconds+this.ms}formatTime(W,$=2){return String(W).padStart($,"0")}}var N=s(1081),_e=s(5390);new e.OlP("[TUI_CALENDAR_DATE_STREAM]"),(0,o.JN)({[N.X.AD]:"+376###-###",[N.X.AE]:"+971-##-###-####",[N.X.AF]:"+93##-###-####",[N.X.AG]:"+1(268) ###-####",[N.X.AI]:"+1(264) ###-####",[N.X.AL]:"+355(###) ###-###",[N.X.AM]:"+374##-###-###",[N.X.AO]:"+244(###) ###-###",[N.X.AR]:"+54(###) ####-####",[N.X.AT]:"+43(###) ###-####",[N.X.AU]:"+61#-####-####",[N.X.AW]:"+297###-####",[N.X.AZ]:"+994##-###-##-##",[N.X.BA]:"+387 ###-####-##",[N.X.BB]:"+1(246) ###-####",[N.X.BD]:"+880##-###-###",[N.X.BE]:"+32(###) ###-###",[N.X.BF]:"+226##-##-####",[N.X.BG]:"+359(###) ###-###",[N.X.BH]:"+973####-####",[N.X.BI]:"+257##-##-####",[N.X.BJ]:"+229##-##-####",[N.X.BL]:"+590 ## ## ## ## ##",[N.X.BM]:"+1(441) ###-####",[N.X.BN]:"+673###-####",[N.X.BO]:"+591#-###-####",[N.X.BQ]:"+599-###-####",[N.X.BR]:"+55(##) ####-####",[N.X.BS]:"+1(242) ###-####",[N.X.BT]:"+975#-###-###",[N.X.BW]:"+267##-###-###",[N.X.BY]:"+375(##) ###-##-##",[N.X.BZ]:"+501###-####",[N.X.CA]:"+1(###) ###-####",[N.X.CD]:"+243(###) ###-###",[N.X.CF]:"+236-##-##-####",[N.X.CG]:"+242##-###-####",[N.X.CH]:"+41##-###-####",[N.X.CI]:"+225##-##-###-###",[N.X.CL]:"+56#-####-####",[N.X.CM]:"+237#####-####",[N.X.CN]:"+86(###) ####-####",[N.X.CO]:"+57(###) ###-####",[N.X.CR]:"+506####-####",[N.X.CU]:"+53#-###-####",[N.X.CV]:"+238(###) ##-##",[N.X.CW]:"+5999-###-####",[N.X.CY]:"+357##-###-###",[N.X.CZ]:"+420(###) ###-###",[N.X.DE]:"+49(###) ###-###-##",[N.X.DJ]:"+253##-##-##-##",[N.X.DK]:"+45##-##-##-##",[N.X.DM]:"+1(767) ###-####",[N.X.DO]:"+1(###) ###-####",[N.X.DZ]:"+213##-###-####",[N.X.EC]:"+593##-###-####",[N.X.EE]:"+372####-####",[N.X.EG]:"+20(###) ###-####",[N.X.ER]:"+291#-###-###",[N.X.ES]:"+34(###) ###-###",[N.X.ET]:"+251##-###-####",[N.X.FI]:"+358(###) ###-##-##",[N.X.FJ]:"+679##-#####",[N.X.FK]:"+500#####",[N.X.FM]:"+691###-####",[N.X.FR]:"+33 ## ## ## ## ##",[N.X.GA]:"+241##-##-##-##",[N.X.GB]:"+44##-####-####",[N.X.GD]:"+1(473) ###-####",[N.X.GE]:"+995(###) ###-###",[N.X.GF]:"+594 ## ## ## ## ##",[N.X.GH]:"+233(###) ###-###",[N.X.GI]:"+350###-#####",[N.X.GL]:"+299##-##-##",[N.X.GM]:"+220(###) ##-##",[N.X.GN]:"+224##-###-###",[N.X.GP]:"+590 ## ## ## ## ##",[N.X.GQ]:"+240##-###-####",[N.X.GR]:"+30(###) ###-####",[N.X.GT]:"+502#-###-####",[N.X.GW]:"+245#-######",[N.X.GY]:"+592###-####",[N.X.HK]:"+852####-####",[N.X.HN]:"+504####-####",[N.X.HR]:"+385##-###-####",[N.X.HT]:"+509##-##-####",[N.X.HU]:"+36(###) ###-###",[N.X.ID]:"+62(###) ###-##-###",[N.X.IE]:"+353(###) ###-###",[N.X.IL]:"+972##-###-####",[N.X.IN]:"+91(####) ###-###",[N.X.IQ]:"+964(###) ###-####",[N.X.IR]:"+98(###) ###-####",[N.X.IS]:"+354###-####",[N.X.IT]:"+39(###) ####-###",[N.X.JM]:"+1(876) ###-####",[N.X.JO]:"+962#-####-####",[N.X.JP]:"+81-##-####-####",[N.X.KE]:"+254###-######",[N.X.KG]:"+996(###) ###-###",[N.X.KH]:"+855##-###-###",[N.X.KM]:"+269##-#####",[N.X.KN]:"+1(869) ###-####",[N.X.KP]:"+850####-#############",[N.X.KR]:"+82##-###-####",[N.X.KW]:"+965####-####",[N.X.KY]:"+1(345) ###-####",[N.X.KZ]:"+7(###) ###-##-##",[N.X.LA]:"+856##-##-###-###",[N.X.LB]:"+961##-###-###",[N.X.LC]:"+1(758) ###-####",[N.X.LI]:"+423(###) ###-####",[N.X.LK]:"+94##-###-####",[N.X.LR]:"+231##-###-###",[N.X.LS]:"+266#-###-####",[N.X.LT]:"+370(###) ##-###",[N.X.LU]:"+352(###) ###-###",[N.X.LV]:"+371##-###-###",[N.X.LY]:"+218##-###-####",[N.X.MA]:"+212##-####-###",[N.X.MC]:"+377###-###-###",[N.X.MD]:"+373####-####",[N.X.ME]:"+382##-###-###",[N.X.MF]:"+590 ## ## ## ## ##",[N.X.MG]:"+261##-##-#####",[N.X.MK]:"+389##-###-###",[N.X.ML]:"+223##-##-####",[N.X.MM]:"+95##-###-###",[N.X.MN]:"+976##-##-####",[N.X.MO]:"+853####-####",[N.X.MQ]:"+596 ## ## ## ## ##",[N.X.MR]:"+222##-##-####",[N.X.MS]:"+1(664) ###-####",[N.X.MT]:"+356####-####",[N.X.MU]:"+230####-####",[N.X.MV]:"+960###-####",[N.X.MW]:"+265#-####-####",[N.X.MX]:"+52(###) ###-####",[N.X.MY]:"+60(###) ###-###",[N.X.MZ]:"+258##-###-###",[N.X.NA]:"+264##-###-####",[N.X.NC]:"+687 ### ###",[N.X.NE]:"+227##-##-####",[N.X.NG]:"+234(###) ###-####",[N.X.NI]:"+505####-####",[N.X.NL]:"+31##-###-####",[N.X.NO]:"+47(###) ##-###",[N.X.NP]:"+977##-###-###",[N.X.NZ]:"+64(###) ###-####",[N.X.OM]:"+968##-###-###",[N.X.PA]:"+507###-####",[N.X.PE]:"+51(###) ###-###",[N.X.PF]:"+689 ## ## ## ##",[N.X.PG]:"+675(###) ##-###",[N.X.PH]:"+63(###) ###-####",[N.X.PK]:"+92(###) ###-####",[N.X.PL]:"+48(###) ###-###",[N.X.PT]:"+351##-###-####",[N.X.PW]:"+680###-####",[N.X.PY]:"+595(###) ###-###",[N.X.QA]:"+974####-####",[N.X.RE]:"+262 ## ## ## ## ##",[N.X.RO]:"+40##-###-####",[N.X.RS]:"+381##-###-####",[N.X.RU]:"+7### ###-##-##",[N.X.RW]:"+250(###) ###-###",[N.X.SA]:"+966#-####-####",[N.X.SB]:"+677###-####",[N.X.SC]:"+248#-###-###",[N.X.SD]:"+249##-###-####",[N.X.SE]:"+46##-###-####",[N.X.SG]:"+65####-####",[N.X.SH]:"+290####",[N.X.SI]:"+386##-###-###",[N.X.SK]:"+421(###) ###-###",[N.X.SL]:"+232##-######",[N.X.SM]:"+378####-######",[N.X.SN]:"+221##-###-####",[N.X.SO]:"+252##-###-###",[N.X.SR]:"+597###-####",[N.X.ST]:"+239##-#####",[N.X.SV]:"+503##-##-####",[N.X.SX]:"+1(721) ###-####",[N.X.SY]:"+963##-####-###",[N.X.SZ]:"+268##-##-####",[N.X.TC]:"+1(649) ###-####",[N.X.TD]:"+235##-##-##-##",[N.X.TG]:"+228##-###-###",[N.X.TH]:"+66##-###-####",[N.X.TJ]:"+992##-###-####",[N.X.TL]:"+670###-#####",[N.X.TM]:"+993#-###-####",[N.X.TN]:"+216##-###-###",[N.X.TO]:"+676#####",[N.X.TR]:"+90(###) ###-####",[N.X.TT]:"+1(868) ###-####",[N.X.TW]:"+886#-####-####",[N.X.TZ]:"+255##-###-####",[N.X.UA]:"+380(##) ###-##-##",[N.X.UG]:"+256(###) ###-###",[N.X.US]:"+1(###) ###-####",[N.X.UY]:"+598#-###-##-##",[N.X.UZ]:"+998##-###-####",[N.X.VC]:"+1(784) ###-####",[N.X.VE]:"+58(###) ###-####",[N.X.VG]:"+1(284)###-####",[N.X.VN]:"+84(###) ####-###",[N.X.VU]:"+678##-#####",[N.X.WS]:"+685##-####",[N.X.XK]:"+383##-###-###",[N.X.YE]:"+967###-###-###",[N.X.YT]:"+262 ## ## ## ## ##",[N.X.ZA]:"+27##-###-####",[N.X.ZM]:"+260##-###-####",[N.X.ZW]:"+263#-######"}),new e.OlP("[TUI_DATE_VALUE_TRANSFORMER]"),new e.OlP("[TUI_DATE_RANGE_VALUE_TRANSFORMER]"),new e.OlP("[TUI_DATE_TIME_VALUE_TRANSFORMER]"),(0,o.N1)((0,_e.v)("prompt")),(0,o.N1)((0,_e.v)("cancel")),(0,o.N1)((0,_e.v)("done"));const Tt=(0,o.N1)((0,_e.v)("more")),et=((0,o.N1)((0,_e.v)("hide")),(0,o.N1)((0,_e.v)("showAll")),(0,o.N1)((0,_e.v)("otherDate")),(0,o.N1)((0,_e.v)("mobileCalendarTexts")),(0,o.N1)((0,_e.v)("range")),(0,o.N1)((0,_e.v)("countTexts")),(0,o.N1)((0,_e.v)("time")),(0,o.N1)((0,_e.v)("dateTexts")),(0,o.N1)((0,_e.v)("digitalInformationUnits")),(0,o.N1)((0,_e.v)("copyTexts"))),Ye=((0,o.N1)((0,_e.v)("passwordTexts")),(0,o.N1)((0,_e.v)("shortCalendarMonths")),(0,o.N1)((0,_e.v)("fileTexts")),(0,o.N1)((0,_e.v)("pagination")),(0,o.N1)((0,_e.v)("inputFileTexts")),(0,o.N1)((0,_e.v)("multiSelectTexts")),(0,o.N1)((0,_e.v)("countries")),{icon:({$implicit:it})=>"s"===it?"tuiIconCalendar":"tuiIconCalendarLarge",min:q,max:ce,nativePicker:!1});(0,o.JN)(Ye);const cn=(0,o.JN)({stringify:p.yZ,identityMatcher:p.bg,disabledItemHandler:p.Iy});new e.OlP("[TUI_MOBILE_CALENDAR]");const lt=new e.OlP("[TUI_MONTH_FORMATTER]"),ot=(0,o.JN)(24),st=(0,o.JN)({})},126:(Ve,ae,s)=>{"use strict";s.d(ae,{Gt:()=>de,X1:()=>X,uX:()=>ue});var e=s(5998),o=s(4537),p=s(9193),_=s(6481),g=s(1439),f=s(409);class C{supports(K){return K.includes(this.modifier)}addGlobalEventListener(){return()=>{}}unwrap(K){return K.split(".").filter(ne=>!this.modifier.includes(ne)).join(".")}}let O=(()=>{class B extends C{constructor(){super(...arguments),this.modifier="$"}addEventListener(ne,We){ne[We]=ne[We]||p.E;const Le=this.getMethod(ne,We),Je=this.manager.getZone().onStable,we=(0,_.z)(Je.pipe((0,f.o)(()=>ne[We]===p.E)),(0,g.P)(()=>ne[We])).subscribe(Le);return()=>we.unsubscribe()}getMethod(ne,We){const[,Le,Je,we=""]=We.split(".");return We.endsWith(".attr")?Te=>null===Te?ne.removeAttribute(Le):ne.setAttribute(Le,String(Te)):"class"===Le?Te=>ne.classList.toggle(Je,!!Te):"style"===Le?Te=>ne.style.setProperty(function m(B){return B.replace(/[a-z][A-Z]/g,K=>`${K[0]}-${K[1].toLowerCase()}`)}(Je),`${Te}${we}`):Te=>ne[Le]=Te}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),w=(()=>{class B extends C{constructor(){super(...arguments),this.modifier="capture.once.passive"}supports(ne){return ne.includes(".")&&!this.unwrap(ne).includes(".")}addEventListener(ne,We,Le){return ne.addEventListener(this.unwrap(We),Le,{once:We.includes(".once"),passive:We.includes(".passive"),capture:We.includes(".capture")}),()=>ne.removeEventListener(this.unwrap(We),Le)}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),S=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".prevent"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.preventDefault(),Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),y=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".self"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.target===we.currentTarget&&Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),U=(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".silent"}addEventListener(ne,We,Le){return B.ngZone=this.manager.getZone(),B.ngZone.runOutsideAngular(()=>this.manager.addEventListener(ne,this.unwrap(We),Le))}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})();const Q=[U,O,w,S,y,(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".stop"}addEventListener(ne,We,Le){return this.manager.addEventListener(ne,this.unwrap(We),we=>{we.stopPropagation(),Le(we)})}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})(),(()=>{class B extends C{constructor(){super(...arguments),this.modifier=".init"}addEventListener(){return console.warn(".init plugin is no longer necessary as of v3.1.0"),()=>{}}}return B.\u0275fac=function(){let K;return function(We){return(K||(K=o.n5z(B)))(We||B)}}(),B.\u0275prov=o.Yz7({token:B,factory:B.\u0275fac}),B})()].map(B=>({provide:e.s3,multi:!0,useClass:B}));function ue(B){return(K,ne,We)=>{const{value:Le}=We;We.value=function(...Je){B.apply(this,Je)&&(U.ngZone?U.ngZone.run(()=>Le.apply(this,Je)):Le.apply(this,Je))}}}function de(B){return B}let X=(()=>{class B{constructor([ne]){console.assert(!(ne instanceof U)||B.initialized,"EventPluginsModule must come after BrowserModule in imports"),B.initialized=!0}}return B.initialized=!1,B.\u0275fac=function(ne){return new(ne||B)(o.LFG(e.s3))},B.\u0275mod=o.oAB({type:B}),B.\u0275inj=o.cJS({providers:Q}),B})()},9570:(Ve,ae,s)=>{"use strict";s.d(ae,{Al:()=>p,GL:()=>_,Li:()=>m,wq:()=>S,yf:()=>o});var e=s(4537);const o=new e.OlP("POLYMORPHEUS_CONTEXT");class p{constructor(U,z){this.component=U,this.i=z}createInjector(U,z){return e.zs3.create({parent:this.i||U,providers:[{provide:o,useValue:z}]})}}let _=(()=>{class y{constructor(z,Z){this.template=z,this.cdr=Z,this.polymorpheus=""}check(){this.cdr.markForCheck()}static ngTemplateContextGuard(z,Z){return!0}}return y.\u0275fac=function(z){return new(z||y)(e.Y36(e.Rgc,2),e.Y36(e.sBO))},y.\u0275dir=e.lG2({type:y,selectors:[["ng-template","polymorpheus",""]],inputs:{polymorpheus:"polymorpheus"},exportAs:["polymorpheus"]}),y})();class g{constructor(U){this.$implicit=U}get polymorpheusOutlet(){return this.$implicit}}let m=(()=>{class y{constructor(z,Z,le){this.vcr=z,this.i=Z,this.t=le,this.content=""}get template(){return C(this.content)?this.content.template:this.content instanceof e.Rgc?this.content:this.t}ngOnChanges({content:z}){var Z;const le=this.getContext();if(null===(Z=this.c)||void 0===Z||Z.injector.get(e.sBO).markForCheck(),!z)return;this.vcr.clear();const Q=le&&new Proxy(le,{get:(ue,de)=>{var X;return null===(X=this.getContext())||void 0===X?void 0:X[de]}});O(this.content)?this.process(this.content,Q):null!=(le instanceof g&&le.$implicit)&&this.vcr.createEmbeddedView(this.template,Q)}ngDoCheck(){C(this.content)&&this.content.check()}static ngTemplateContextGuard(z,Z){return!0}getContext(){return function w(y){return C(y)||y instanceof e.Rgc}(this.content)||O(this.content)?this.context:new g("function"==typeof this.content?this.content(this.context):this.content)}process(z,Z){const le=z.createInjector(this.i,Z);this.c=this.vcr.createComponent(le.get(e._Vd).resolveComponentFactory(z.component),0,le)}}return y.\u0275fac=function(z){return new(z||y)(e.Y36(e.s_b),e.Y36(e.zs3),e.Y36(e.Rgc))},y.\u0275dir=e.lG2({type:y,selectors:[["","polymorpheusOutlet",""]],inputs:{content:["polymorpheusOutlet","content"],context:["polymorpheusOutletContext","context"]},features:[e.TTD]}),y})();function C(y){return y instanceof _}function O(y){return y instanceof p}let S=(()=>{class y{}return y.\u0275fac=function(z){return new(z||y)},y.\u0275mod=e.oAB({type:y}),y.\u0275inj=e.cJS({}),y})()},4480:function(Ve){Ve.exports=function(){"use strict";const{entries:ae,setPrototypeOf:s,isFrozen:e,getPrototypeOf:o,getOwnPropertyDescriptor:p}=Object;let{freeze:_,seal:g,create:f}=Object,{apply:m,construct:C}=typeof Reflect<"u"&&Reflect;_||(_=function(xt){return xt}),g||(g=function(xt){return xt}),m||(m=function(xt,Wt,sn){return xt.apply(Wt,sn)}),C||(C=function(xt,Wt){return new xt(...Wt)});const O=X(Array.prototype.forEach),w=X(Array.prototype.pop),S=X(Array.prototype.push),y=X(String.prototype.toLowerCase),U=X(String.prototype.toString),z=X(String.prototype.match),Z=X(String.prototype.replace),le=X(String.prototype.indexOf),Q=X(String.prototype.trim),ue=X(RegExp.prototype.test),de=function B(Tt){return function(){for(var xt=arguments.length,Wt=new Array(xt),sn=0;sn<xt;sn++)Wt[sn]=arguments[sn];return C(Tt,Wt)}}(TypeError);function X(Tt){return function(xt){for(var Wt=arguments.length,sn=new Array(Wt>1?Wt-1:0),_n=1;_n<Wt;_n++)sn[_n-1]=arguments[_n];return m(Tt,xt,sn)}}function K(Tt,xt){let Wt=arguments.length>2&&void 0!==arguments[2]?arguments[2]:y;s&&s(Tt,null);let sn=xt.length;for(;sn--;){let _n=xt[sn];if("string"==typeof _n){const Jt=Wt(_n);Jt!==_n&&(e(xt)||(xt[sn]=Jt),_n=Jt)}Tt[_n]=!0}return Tt}function ne(Tt){const xt=f(null);for(const[Wt,sn]of ae(Tt))void 0!==p(Tt,Wt)&&(xt[Wt]=sn);return xt}function We(Tt,xt){for(;null!==Tt;){const sn=p(Tt,xt);if(sn){if(sn.get)return X(sn.get);if("function"==typeof sn.value)return X(sn.value)}Tt=o(Tt)}return function Wt(sn){return console.warn("fallback value for",sn),null}}const Le=_(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Je=_(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),we=_(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Te=_(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),$e=_(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Ie=_(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),G=_(["#text"]),he=_(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),ye=_(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),te=_(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Re=_(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),q=g(/\{\{[\w\W]*|[\w\W]*\}\}/gm),ce=g(/<%[\w\W]*|[\w\W]*%>/gm),be=g(/\${[\w\W]*}/gm),N=g(/^data-[\-\w.\u00B7-\uFFFF]/),_e=g(/^aria-[\-\w]+$/),ze=g(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),_t=g(/^(?:\w+script|data):/i),Et=g(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Gt=g(/^html$/i);var St=Object.freeze({__proto__:null,MUSTACHE_EXPR:q,ERB_EXPR:ce,TMPLIT_EXPR:be,DATA_ATTR:N,ARIA_ATTR:_e,IS_ALLOWED_URI:ze,IS_SCRIPT_OR_DATA:_t,ATTR_WHITESPACE:Et,DOCTYPE_NAME:Gt});const qt=function(){return typeof window>"u"?null:window},Ot=function(xt,Wt){if("object"!=typeof xt||"function"!=typeof xt.createPolicy)return null;let sn=null;const _n="data-tt-policy-suffix";Wt&&Wt.hasAttribute(_n)&&(sn=Wt.getAttribute(_n));const Jt="dompurify"+(sn?"#"+sn:"");try{return xt.createPolicy(Jt,{createHTML:yt=>yt,createScriptURL:yt=>yt})}catch{return console.warn("TrustedTypes policy "+Jt+" could not be created."),null}};return function Ht(){let Tt=arguments.length>0&&void 0!==arguments[0]?arguments[0]:qt();const xt=Zt=>Ht(Zt);if(xt.version="3.0.6",xt.removed=[],!Tt||!Tt.document||9!==Tt.document.nodeType)return xt.isSupported=!1,xt;let{document:Wt}=Tt;const sn=Wt,_n=sn.currentScript,{DocumentFragment:Jt,HTMLTemplateElement:yt,Node:ut,Element:Ee,NodeFilter:Pe,NamedNodeMap:et=Tt.NamedNodeMap||Tt.MozNamedAttrMap,HTMLFormElement:Ge,DOMParser:ke,trustedTypes:Ke}=Tt,Fe=Ee.prototype,ht=We(Fe,"cloneNode"),Vt=We(Fe,"nextSibling"),$t=We(Fe,"childNodes"),Ye=We(Fe,"parentNode");if("function"==typeof yt){const Zt=Wt.createElement("template");Zt.content&&Zt.content.ownerDocument&&(Wt=Zt.content.ownerDocument)}let wt,Mt="";const{implementation:kt,createNodeIterator:cn,createDocumentFragment:Yt,getElementsByTagName:Qe}=Wt,{importNode:lt}=sn;let ot={};xt.isSupported="function"==typeof ae&&"function"==typeof Ye&&kt&&void 0!==kt.createHTMLDocument;const{MUSTACHE_EXPR:st,ERB_EXPR:it,TMPLIT_EXPR:W,DATA_ATTR:$,ARIA_ATTR:Ne,IS_SCRIPT_OR_DATA:De,ATTR_WHITESPACE:pt}=St;let{IS_ALLOWED_URI:ct}=St,vt=null;const At=K({},[...Le,...Je,...we,...$e,...G]);let Se=null;const Be=K({},[...he,...ye,...te,...Re]);let se=Object.seal(f(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),re=null,Y=null,fe=!0,Ue=!0,dt=!1,rt=!0,at=!1,He=!1,zt=!1,tn=!1,ln=!1,Rt=!1,en=!1,Ft=!0,nn=!1,fn=!0,dn=!1,Dn={},Cn=null;const Fn=K({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Qn=null;const Hn=K({},["audio","video","img","source","image","track"]);let li=null;const pn=K({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),wn="http://www.w3.org/1998/Math/MathML",ti="http://www.w3.org/2000/svg",ai="http://www.w3.org/1999/xhtml";let yi=ai,hi=!1,_i=null;const ni=K({},[wn,ti,ai],U);let ii=null;const Ci=["application/xhtml+xml","text/html"],Sn="text/html";let zn=null,oi=null;const Mi=Wt.createElement("form"),ki=function(tt){return tt instanceof RegExp||tt instanceof Function},Ti=function(){let tt=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!oi||oi!==tt){if((!tt||"object"!=typeof tt)&&(tt={}),tt=ne(tt),ii=ii=-1===Ci.indexOf(tt.PARSER_MEDIA_TYPE)?Sn:tt.PARSER_MEDIA_TYPE,zn="application/xhtml+xml"===ii?U:y,vt="ALLOWED_TAGS"in tt?K({},tt.ALLOWED_TAGS,zn):At,Se="ALLOWED_ATTR"in tt?K({},tt.ALLOWED_ATTR,zn):Be,_i="ALLOWED_NAMESPACES"in tt?K({},tt.ALLOWED_NAMESPACES,U):ni,li="ADD_URI_SAFE_ATTR"in tt?K(ne(pn),tt.ADD_URI_SAFE_ATTR,zn):pn,Qn="ADD_DATA_URI_TAGS"in tt?K(ne(Hn),tt.ADD_DATA_URI_TAGS,zn):Hn,Cn="FORBID_CONTENTS"in tt?K({},tt.FORBID_CONTENTS,zn):Fn,re="FORBID_TAGS"in tt?K({},tt.FORBID_TAGS,zn):{},Y="FORBID_ATTR"in tt?K({},tt.FORBID_ATTR,zn):{},Dn="USE_PROFILES"in tt&&tt.USE_PROFILES,fe=!1!==tt.ALLOW_ARIA_ATTR,Ue=!1!==tt.ALLOW_DATA_ATTR,dt=tt.ALLOW_UNKNOWN_PROTOCOLS||!1,rt=!1!==tt.ALLOW_SELF_CLOSE_IN_ATTR,at=tt.SAFE_FOR_TEMPLATES||!1,He=tt.WHOLE_DOCUMENT||!1,ln=tt.RETURN_DOM||!1,Rt=tt.RETURN_DOM_FRAGMENT||!1,en=tt.RETURN_TRUSTED_TYPE||!1,tn=tt.FORCE_BODY||!1,Ft=!1!==tt.SANITIZE_DOM,nn=tt.SANITIZE_NAMED_PROPS||!1,fn=!1!==tt.KEEP_CONTENT,dn=tt.IN_PLACE||!1,ct=tt.ALLOWED_URI_REGEXP||ze,yi=tt.NAMESPACE||ai,se=tt.CUSTOM_ELEMENT_HANDLING||{},tt.CUSTOM_ELEMENT_HANDLING&&ki(tt.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(se.tagNameCheck=tt.CUSTOM_ELEMENT_HANDLING.tagNameCheck),tt.CUSTOM_ELEMENT_HANDLING&&ki(tt.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(se.attributeNameCheck=tt.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),tt.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof tt.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(se.allowCustomizedBuiltInElements=tt.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),at&&(Ue=!1),Rt&&(ln=!0),Dn&&(vt=K({},[...G]),Se=[],!0===Dn.html&&(K(vt,Le),K(Se,he)),!0===Dn.svg&&(K(vt,Je),K(Se,ye),K(Se,Re)),!0===Dn.svgFilters&&(K(vt,we),K(Se,ye),K(Se,Re)),!0===Dn.mathMl&&(K(vt,$e),K(Se,te),K(Se,Re))),tt.ADD_TAGS&&(vt===At&&(vt=ne(vt)),K(vt,tt.ADD_TAGS,zn)),tt.ADD_ATTR&&(Se===Be&&(Se=ne(Se)),K(Se,tt.ADD_ATTR,zn)),tt.ADD_URI_SAFE_ATTR&&K(li,tt.ADD_URI_SAFE_ATTR,zn),tt.FORBID_CONTENTS&&(Cn===Fn&&(Cn=ne(Cn)),K(Cn,tt.FORBID_CONTENTS,zn)),fn&&(vt["#text"]=!0),He&&K(vt,["html","head","body"]),vt.table&&(K(vt,["tbody"]),delete re.tbody),tt.TRUSTED_TYPES_POLICY){if("function"!=typeof tt.TRUSTED_TYPES_POLICY.createHTML)throw de('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof tt.TRUSTED_TYPES_POLICY.createScriptURL)throw de('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');wt=tt.TRUSTED_TYPES_POLICY,Mt=wt.createHTML("")}else void 0===wt&&(wt=Ot(Ke,_n)),null!==wt&&"string"==typeof Mt&&(Mt=wt.createHTML(""));_&&_(tt),oi=tt}},io=K({},["mi","mo","mn","ms","mtext"]),zi=K({},["foreignobject","desc","title","annotation-xml"]),oo=K({},["title","style","font","a","script"]),ro=K({},Je);K(ro,we),K(ro,Te);const lo=K({},$e);K(lo,Ie);const fi=function(tt){S(xt.removed,{element:tt});try{tt.parentNode.removeChild(tt)}catch{tt.remove()}},Ut=function(tt,Kt){try{S(xt.removed,{attribute:Kt.getAttributeNode(tt),from:Kt})}catch{S(xt.removed,{attribute:null,from:Kt})}if(Kt.removeAttribute(tt),"is"===tt&&!Se[tt])if(ln||Rt)try{fi(Kt)}catch{}else try{Kt.setAttribute(tt,"")}catch{}},Me=function(tt){let Kt=null,mn=null;if(tn)tt="<remove></remove>"+tt;else{const Di=z(tt,/^[\r\n\t ]+/);mn=Di&&Di[0]}"application/xhtml+xml"===ii&&yi===ai&&(tt='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+tt+"</body></html>");const jn=wt?wt.createHTML(tt):tt;if(yi===ai)try{Kt=(new ke).parseFromString(jn,ii)}catch{}if(!Kt||!Kt.documentElement){Kt=kt.createDocument(yi,"template",null);try{Kt.documentElement.innerHTML=hi?Mt:jn}catch{}}const Kn=Kt.body||Kt.documentElement;return tt&&mn&&Kn.insertBefore(Wt.createTextNode(mn),Kn.childNodes[0]||null),yi===ai?Qe.call(Kt,He?"html":"body")[0]:He?Kt.documentElement:Kn},ee=function(tt){return cn.call(tt.ownerDocument||tt,tt,Pe.SHOW_ELEMENT|Pe.SHOW_COMMENT|Pe.SHOW_TEXT,null)},nt=function(tt){return"function"==typeof ut&&tt instanceof ut},qe=function(tt,Kt,mn){ot[tt]&&O(ot[tt],jn=>{jn.call(xt,Kt,mn,oi)})},Dt=function(tt){let Kt=null;if(qe("beforeSanitizeElements",tt,null),function(tt){return tt instanceof Ge&&("string"!=typeof tt.nodeName||"string"!=typeof tt.textContent||"function"!=typeof tt.removeChild||!(tt.attributes instanceof et)||"function"!=typeof tt.removeAttribute||"function"!=typeof tt.setAttribute||"string"!=typeof tt.namespaceURI||"function"!=typeof tt.insertBefore||"function"!=typeof tt.hasChildNodes)}(tt))return fi(tt),!0;const mn=zn(tt.nodeName);if(qe("uponSanitizeElement",tt,{tagName:mn,allowedTags:vt}),tt.hasChildNodes()&&!nt(tt.firstElementChild)&&ue(/<[/\w]/g,tt.innerHTML)&&ue(/<[/\w]/g,tt.textContent))return fi(tt),!0;if(!vt[mn]||re[mn]){if(!re[mn]&&rn(mn)&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,mn)||se.tagNameCheck instanceof Function&&se.tagNameCheck(mn)))return!1;if(fn&&!Cn[mn]){const jn=Ye(tt)||tt.parentNode,Kn=$t(tt)||tt.childNodes;if(Kn&&jn)for(let Oi=Kn.length-1;Oi>=0;--Oi)jn.insertBefore(ht(Kn[Oi],!0),Vt(tt))}return fi(tt),!0}return tt instanceof Ee&&!function(tt){let Kt=Ye(tt);(!Kt||!Kt.tagName)&&(Kt={namespaceURI:yi,tagName:"template"});const mn=y(tt.tagName),jn=y(Kt.tagName);return!!_i[tt.namespaceURI]&&(tt.namespaceURI===ti?Kt.namespaceURI===ai?"svg"===mn:Kt.namespaceURI===wn?"svg"===mn&&("annotation-xml"===jn||io[jn]):Boolean(ro[mn]):tt.namespaceURI===wn?Kt.namespaceURI===ai?"math"===mn:Kt.namespaceURI===ti?"math"===mn&&zi[jn]:Boolean(lo[mn]):tt.namespaceURI===ai?!(Kt.namespaceURI===ti&&!zi[jn]||Kt.namespaceURI===wn&&!io[jn])&&!lo[mn]&&(oo[mn]||!ro[mn]):!("application/xhtml+xml"!==ii||!_i[tt.namespaceURI]))}(tt)||("noscript"===mn||"noembed"===mn||"noframes"===mn)&&ue(/<\/no(script|embed|frames)/i,tt.innerHTML)?(fi(tt),!0):(at&&3===tt.nodeType&&(Kt=tt.textContent,O([st,it,W],jn=>{Kt=Z(Kt,jn," ")}),tt.textContent!==Kt&&(S(xt.removed,{element:tt.cloneNode()}),tt.textContent=Kt)),qe("afterSanitizeElements",tt,null),!1)},Lt=function(tt,Kt,mn){if(Ft&&("id"===Kt||"name"===Kt)&&(mn in Wt||mn in Mi))return!1;if((!Ue||Y[Kt]||!ue($,Kt))&&(!fe||!ue(Ne,Kt)))if(!Se[Kt]||Y[Kt]){if(!(rn(tt)&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,tt)||se.tagNameCheck instanceof Function&&se.tagNameCheck(tt))&&(se.attributeNameCheck instanceof RegExp&&ue(se.attributeNameCheck,Kt)||se.attributeNameCheck instanceof Function&&se.attributeNameCheck(Kt))||"is"===Kt&&se.allowCustomizedBuiltInElements&&(se.tagNameCheck instanceof RegExp&&ue(se.tagNameCheck,mn)||se.tagNameCheck instanceof Function&&se.tagNameCheck(mn))))return!1}else if(!li[Kt]&&!ue(ct,Z(mn,pt,""))&&("src"!==Kt&&"xlink:href"!==Kt&&"href"!==Kt||"script"===tt||0!==le(mn,"data:")||!Qn[tt])&&(!dt||ue(De,Z(mn,pt,"")))&&mn)return!1;return!0},rn=function(tt){return tt.indexOf("-")>0},On=function(tt){qe("beforeSanitizeAttributes",tt,null);const{attributes:Kt}=tt;if(!Kt)return;const mn={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Se};let jn=Kt.length;for(;jn--;){const Kn=Kt[jn],{name:Di,namespaceURI:Oi,value:Fi}=Kn,ji=zn(Di);let Ei="value"===Di?Fi:Q(Fi);if(mn.attrName=ji,mn.attrValue=Ei,mn.keepAttr=!0,mn.forceKeepAttr=void 0,qe("uponSanitizeAttribute",tt,mn),Ei=mn.attrValue,mn.forceKeepAttr||(Ut(Di,tt),!mn.keepAttr))continue;if(!rt&&ue(/\/>/i,Ei)){Ut(Di,tt);continue}at&&O([st,it,W],so=>{Ei=Z(Ei,so," ")});const er=zn(tt.nodeName);if(Lt(er,ji,Ei)){if(nn&&("id"===ji||"name"===ji)&&(Ut(Di,tt),Ei="user-content-"+Ei),wt&&"object"==typeof Ke&&"function"==typeof Ke.getAttributeType&&!Oi)switch(Ke.getAttributeType(er,ji)){case"TrustedHTML":Ei=wt.createHTML(Ei);break;case"TrustedScriptURL":Ei=wt.createScriptURL(Ei)}try{Oi?tt.setAttributeNS(Oi,Di,Ei):tt.setAttribute(Di,Ei),w(xt.removed)}catch{}}}qe("afterSanitizeAttributes",tt,null)},yn=function Zt(tt){let Kt=null;const mn=ee(tt);for(qe("beforeSanitizeShadowDOM",tt,null);Kt=mn.nextNode();)qe("uponSanitizeShadowNode",Kt,null),!Dt(Kt)&&(Kt.content instanceof Jt&&Zt(Kt.content),On(Kt));qe("afterSanitizeShadowDOM",tt,null)};return xt.sanitize=function(Zt){let tt=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},Kt=null,mn=null,jn=null,Kn=null;if(hi=!Zt,hi&&(Zt="\x3c!--\x3e"),"string"!=typeof Zt&&!nt(Zt)){if("function"!=typeof Zt.toString)throw de("toString is not a function");if("string"!=typeof(Zt=Zt.toString()))throw de("dirty is not a string, aborting")}if(!xt.isSupported)return Zt;if(zt||Ti(tt),xt.removed=[],"string"==typeof Zt&&(dn=!1),dn){if(Zt.nodeName){const Fi=zn(Zt.nodeName);if(!vt[Fi]||re[Fi])throw de("root node is forbidden and cannot be sanitized in-place")}}else if(Zt instanceof ut)Kt=Me("\x3c!----\x3e"),mn=Kt.ownerDocument.importNode(Zt,!0),1===mn.nodeType&&"BODY"===mn.nodeName||"HTML"===mn.nodeName?Kt=mn:Kt.appendChild(mn);else{if(!ln&&!at&&!He&&-1===Zt.indexOf("<"))return wt&&en?wt.createHTML(Zt):Zt;if(Kt=Me(Zt),!Kt)return ln?null:en?Mt:""}Kt&&tn&&fi(Kt.firstChild);const Di=ee(dn?Zt:Kt);for(;jn=Di.nextNode();)Dt(jn)||(jn.content instanceof Jt&&yn(jn.content),On(jn));if(dn)return Zt;if(ln){if(Rt)for(Kn=Yt.call(Kt.ownerDocument);Kt.firstChild;)Kn.appendChild(Kt.firstChild);else Kn=Kt;return(Se.shadowroot||Se.shadowrootmode)&&(Kn=lt.call(sn,Kn,!0)),Kn}let Oi=He?Kt.outerHTML:Kt.innerHTML;return He&&vt["!doctype"]&&Kt.ownerDocument&&Kt.ownerDocument.doctype&&Kt.ownerDocument.doctype.name&&ue(Gt,Kt.ownerDocument.doctype.name)&&(Oi="<!DOCTYPE "+Kt.ownerDocument.doctype.name+">\n"+Oi),at&&O([st,it,W],Fi=>{Oi=Z(Oi,Fi," ")}),wt&&en?wt.createHTML(Oi):Oi},xt.setConfig=function(){Ti(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),zt=!0},xt.clearConfig=function(){oi=null,zt=!1},xt.isValidAttribute=function(Zt,tt,Kt){oi||Ti({});const mn=zn(Zt),jn=zn(tt);return Lt(mn,jn,Kt)},xt.addHook=function(Zt,tt){"function"==typeof tt&&(ot[Zt]=ot[Zt]||[],S(ot[Zt],tt))},xt.removeHook=function(Zt){if(ot[Zt])return w(ot[Zt])},xt.removeHooks=function(Zt){ot[Zt]&&(ot[Zt]=[])},xt.removeAllHooks=function(){ot={}},xt}()}()},5622:(Ve,ae,s)=>{"use strict";function e(X){return Array.prototype.slice.call(arguments,1).forEach(function(K){K&&Object.keys(K).forEach(function(ne){X[ne]=K[ne]})}),X}function o(X){return Object.prototype.toString.call(X)}function f(X){return"[object Function]"===o(X)}function m(X){return X.replace(/[.?*+^$[\]\\(){}|-]/g,"\\$&")}var C={fuzzyLink:!0,fuzzyEmail:!0,fuzzyIP:!1},w={"http:":{validate:function(X,B,K){var ne=X.slice(B);return K.re.http||(K.re.http=new RegExp("^\\/\\/"+K.re.src_auth+K.re.src_host_port_strict+K.re.src_path,"i")),K.re.http.test(ne)?ne.match(K.re.http)[0].length:0}},"https:":"http:","ftp:":"http:","//":{validate:function(X,B,K){var ne=X.slice(B);return K.re.no_http||(K.re.no_http=new RegExp("^"+K.re.src_auth+"(?:localhost|(?:(?:"+K.re.src_domain+")\\.)+"+K.re.src_domain_root+")"+K.re.src_port+K.re.src_host_terminator+K.re.src_path,"i")),K.re.no_http.test(ne)?B>=3&&":"===X[B-3]||B>=3&&"/"===X[B-3]?0:ne.match(K.re.no_http)[0].length:0}},"mailto:":{validate:function(X,B,K){var ne=X.slice(B);return K.re.mailto||(K.re.mailto=new RegExp("^"+K.re.src_email_name+"@"+K.re.src_host_strict,"i")),K.re.mailto.test(ne)?ne.match(K.re.mailto)[0].length:0}}},S="a[cdefgilmnoqrstuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eosuw]|s[abcdeghijklmnortuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]",y="biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|\u0440\u0444".split("|");function le(X){var B=X.re=s(6249)(X.__opts__),K=X.__tlds__.slice();function ne(we){return we.replace("%TLDS%",B.src_tlds)}X.onCompile(),X.__tlds_replaced__||K.push(S),K.push(B.src_xn),B.src_tlds=K.join("|"),B.email_fuzzy=RegExp(ne(B.tpl_email_fuzzy),"i"),B.link_fuzzy=RegExp(ne(B.tpl_link_fuzzy),"i"),B.link_no_ip_fuzzy=RegExp(ne(B.tpl_link_no_ip_fuzzy),"i"),B.host_fuzzy_test=RegExp(ne(B.tpl_host_fuzzy_test),"i");var We=[];function Le(we,Te){throw new Error('(LinkifyIt) Invalid schema "'+we+'": '+Te)}X.__compiled__={},Object.keys(X.__schemas__).forEach(function(we){var Te=X.__schemas__[we];if(null!==Te){var $e={validate:null,link:null};if(X.__compiled__[we]=$e,function _(X){return"[object Object]"===o(X)}(Te))return function g(X){return"[object RegExp]"===o(X)}(Te.validate)?$e.validate=function z(X){return function(B,K){var ne=B.slice(K);return X.test(ne)?ne.match(X)[0].length:0}}(Te.validate):f(Te.validate)?$e.validate=Te.validate:Le(we,Te),void(f(Te.normalize)?$e.normalize=Te.normalize:Te.normalize?Le(we,Te):$e.normalize=function(X,B){B.normalize(X)});if(function p(X){return"[object String]"===o(X)}(Te))return void We.push(we);Le(we,Te)}}),We.forEach(function(we){X.__compiled__[X.__schemas__[we]]&&(X.__compiled__[we].validate=X.__compiled__[X.__schemas__[we]].validate,X.__compiled__[we].normalize=X.__compiled__[X.__schemas__[we]].normalize)}),X.__compiled__[""]={validate:null,normalize:function(X,B){B.normalize(X)}};var Je=Object.keys(X.__compiled__).filter(function(we){return we.length>0&&X.__compiled__[we]}).map(m).join("|");X.re.schema_test=RegExp("(^|(?!_)(?:[><\uff5c]|"+B.src_ZPCc+"))("+Je+")","i"),X.re.schema_search=RegExp("(^|(?!_)(?:[><\uff5c]|"+B.src_ZPCc+"))("+Je+")","ig"),X.re.schema_at_start=RegExp("^"+X.re.schema_search.source,"i"),X.re.pretest=RegExp("("+X.re.schema_test.source+")|("+X.re.host_fuzzy_test.source+")|@","i"),function U(X){X.__index__=-1,X.__text_cache__=""}(X)}function Q(X,B){var K=X.__index__,ne=X.__last_index__,We=X.__text_cache__.slice(K,ne);this.schema=X.__schema__.toLowerCase(),this.index=K+B,this.lastIndex=ne+B,this.raw=We,this.text=We,this.url=We}function ue(X,B){var K=new Q(X,B);return X.__compiled__[K.schema].normalize(K,X),K}function de(X,B){if(!(this instanceof de))return new de(X,B);B||function O(X){return Object.keys(X||{}).reduce(function(B,K){return B||C.hasOwnProperty(K)},!1)}(X)&&(B=X,X={}),this.__opts__=e({},C,B),this.__index__=-1,this.__last_index__=-1,this.__schema__="",this.__text_cache__="",this.__schemas__=e({},w,X),this.__compiled__={},this.__tlds__=y,this.__tlds_replaced__=!1,this.re={},le(this)}de.prototype.add=function(B,K){return this.__schemas__[B]=K,le(this),this},de.prototype.set=function(B){return this.__opts__=e(this.__opts__,B),this},de.prototype.test=function(B){if(this.__text_cache__=B,this.__index__=-1,!B.length)return!1;var K,ne,We,Le,Je,we,Te,$e;if(this.re.schema_test.test(B))for((Te=this.re.schema_search).lastIndex=0;null!==(K=Te.exec(B));)if(Le=this.testSchemaAt(B,K[2],Te.lastIndex)){this.__schema__=K[2],this.__index__=K.index+K[1].length,this.__last_index__=K.index+K[0].length+Le;break}return this.__opts__.fuzzyLink&&this.__compiled__["http:"]&&($e=B.search(this.re.host_fuzzy_test))>=0&&(this.__index__<0||$e<this.__index__)&&null!==(ne=B.match(this.__opts__.fuzzyIP?this.re.link_fuzzy:this.re.link_no_ip_fuzzy))&&(Je=ne.index+ne[1].length,(this.__index__<0||Je<this.__index__)&&(this.__schema__="",this.__index__=Je,this.__last_index__=ne.index+ne[0].length)),this.__opts__.fuzzyEmail&&this.__compiled__["mailto:"]&&B.indexOf("@")>=0&&null!==(We=B.match(this.re.email_fuzzy))&&(Je=We.index+We[1].length,we=We.index+We[0].length,(this.__index__<0||Je<this.__index__||Je===this.__index__&&we>this.__last_index__)&&(this.__schema__="mailto:",this.__index__=Je,this.__last_index__=we)),this.__index__>=0},de.prototype.pretest=function(B){return this.re.pretest.test(B)},de.prototype.testSchemaAt=function(B,K,ne){return this.__compiled__[K.toLowerCase()]?this.__compiled__[K.toLowerCase()].validate(B,ne,this):0},de.prototype.match=function(B){var K=0,ne=[];this.__index__>=0&&this.__text_cache__===B&&(ne.push(ue(this,K)),K=this.__last_index__);for(var We=K?B.slice(K):B;this.test(We);)ne.push(ue(this,K)),We=We.slice(this.__last_index__),K+=this.__last_index__;return ne.length?ne:null},de.prototype.matchAtStart=function(B){if(this.__text_cache__=B,this.__index__=-1,!B.length)return null;var K=this.re.schema_at_start.exec(B);if(!K)return null;var ne=this.testSchemaAt(B,K[2],K[0].length);return ne?(this.__schema__=K[2],this.__index__=K.index+K[1].length,this.__last_index__=K.index+K[0].length+ne,ue(this,0)):null},de.prototype.tlds=function(B,K){return B=Array.isArray(B)?B:[B],K?(this.__tlds__=this.__tlds__.concat(B).sort().filter(function(ne,We,Le){return ne!==Le[We-1]}).reverse(),le(this),this):(this.__tlds__=B.slice(),this.__tlds_replaced__=!0,le(this),this)},de.prototype.normalize=function(B){B.schema||(B.url="http://"+B.url),"mailto:"===B.schema&&!/^mailto:/i.test(B.url)&&(B.url="mailto:"+B.url)},de.prototype.onCompile=function(){},Ve.exports=de},6249:(Ve,ae,s)=>{"use strict";Ve.exports=function(e){var o={};e=e||{},o.src_Any=s(3644).source,o.src_Cc=s(9756).source,o.src_Z=s(1905).source,o.src_P=s(4897).source,o.src_ZPCc=[o.src_Z,o.src_P,o.src_Cc].join("|"),o.src_ZCc=[o.src_Z,o.src_Cc].join("|");return o.src_pseudo_letter="(?:(?![><\uff5c]|"+o.src_ZPCc+")"+o.src_Any+")",o.src_ip4="(?:(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",o.src_auth="(?:(?:(?!"+o.src_ZCc+"|[@/\\[\\]()]).)+@)?",o.src_port="(?::(?:6(?:[0-4]\\d{3}|5(?:[0-4]\\d{2}|5(?:[0-2]\\d|3[0-5])))|[1-5]?\\d{1,4}))?",o.src_host_terminator="(?=$|[><\uff5c]|"+o.src_ZPCc+")(?!"+(e["---"]?"-(?!--)|":"-|")+"_|:\\d|\\.-|\\.(?!$|"+o.src_ZPCc+"))",o.src_path="(?:[/?#](?:(?!"+o.src_ZCc+"|[><\uff5c]|[()[\\]{}.,\"'?!\\-;]).|\\[(?:(?!"+o.src_ZCc+"|\\]).)*\\]|\\((?:(?!"+o.src_ZCc+"|[)]).)*\\)|\\{(?:(?!"+o.src_ZCc+'|[}]).)*\\}|\\"(?:(?!'+o.src_ZCc+'|["]).)+\\"|\\\'(?:(?!'+o.src_ZCc+"|[']).)+\\'|\\'(?="+o.src_pseudo_letter+"|[-])|\\.{2,}[a-zA-Z0-9%/&]|\\.(?!"+o.src_ZCc+"|[.]|$)|"+(e["---"]?"\\-(?!--(?:[^-]|$))(?:-*)|":"\\-+|")+",(?!"+o.src_ZCc+"|$)|;(?!"+o.src_ZCc+"|$)|\\!+(?!"+o.src_ZCc+"|[!]|$)|\\?(?!"+o.src_ZCc+"|[?]|$))+|\\/)?",o.src_email_name='[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*',o.src_xn="xn--[a-z0-9\\-]{1,59}",o.src_domain_root="(?:"+o.src_xn+"|"+o.src_pseudo_letter+"{1,63})",o.src_domain="(?:"+o.src_xn+"|(?:"+o.src_pseudo_letter+")|(?:"+o.src_pseudo_letter+"(?:-|"+o.src_pseudo_letter+"){0,61}"+o.src_pseudo_letter+"))",o.src_host="(?:(?:(?:(?:"+o.src_domain+")\\.)*"+o.src_domain+"))",o.tpl_host_fuzzy="(?:"+o.src_ip4+"|(?:(?:(?:"+o.src_domain+")\\.)+(?:%TLDS%)))",o.tpl_host_no_ip_fuzzy="(?:(?:(?:"+o.src_domain+")\\.)+(?:%TLDS%))",o.src_host_strict=o.src_host+o.src_host_terminator,o.tpl_host_fuzzy_strict=o.tpl_host_fuzzy+o.src_host_terminator,o.src_host_port_strict=o.src_host+o.src_port+o.src_host_terminator,o.tpl_host_port_fuzzy_strict=o.tpl_host_fuzzy+o.src_port+o.src_host_terminator,o.tpl_host_port_no_ip_fuzzy_strict=o.tpl_host_no_ip_fuzzy+o.src_port+o.src_host_terminator,o.tpl_host_fuzzy_test="localhost|www\\.|\\.\\d{1,3}\\.|(?:\\.(?:%TLDS%)(?:"+o.src_ZPCc+"|>|$))",o.tpl_email_fuzzy='(^|[><\uff5c]|"|\\(|'+o.src_ZCc+")("+o.src_email_name+"@"+o.tpl_host_fuzzy_strict+")",o.tpl_link_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+o.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+o.tpl_host_port_fuzzy_strict+o.src_path+")",o.tpl_link_no_ip_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+o.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+o.tpl_host_port_no_ip_fuzzy_strict+o.src_path+")",o}},4841:(Ve,ae,s)=>{"use strict";Ve.exports=s(5096)},1087:(Ve,ae,s)=>{"use strict";Ve.exports=s(5485)},9204:Ve=>{"use strict";Ve.exports=["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","section","source","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"]},7110:Ve=>{"use strict";var g="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",f="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>",S=new RegExp("^(?:"+g+"|"+f+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|<[?][\\s\\S]*?[?]>|<![A-Z]+\\s+[^>]*>|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>)"),y=new RegExp("^(?:"+g+"|"+f+")");Ve.exports.n=S,Ve.exports.q=y},7504:(Ve,ae,s)=>{"use strict";var p=Object.prototype.hasOwnProperty;function _(Ie,G){return p.call(Ie,G)}function m(Ie){return!(Ie>=55296&&Ie<=57343||Ie>=64976&&Ie<=65007||65535==(65535&Ie)||65534==(65535&Ie)||Ie>=0&&Ie<=8||11===Ie||Ie>=14&&Ie<=31||Ie>=127&&Ie<=159||Ie>1114111)}function C(Ie){return Ie>65535?(Ie-=65536,String.fromCharCode(55296+(Ie>>10),56320+(1023&Ie))):String.fromCharCode(Ie)}var O=/\\([!"#$%&'()*+,\-.\/:;<=>?@[\\\]^_`{|}~])/g,S=new RegExp(O.source+"|"+/&([a-z#][a-z0-9]{1,31});/gi.source,"gi"),y=/^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))$/i,U=s(1087),Q=/[&<>"]/,ue=/[&<>"]/g,de={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};function X(Ie){return de[Ie]}var K=/[.?*+^$[\]\\(){}|-]/g,Je=s(4897);ae.lib={},ae.lib.mdurl=s(4149),ae.lib.ucmicro=s(8363),ae.assign=function g(Ie){return Array.prototype.slice.call(arguments,1).forEach(function(he){if(he){if("object"!=typeof he)throw new TypeError(he+"must be object");Object.keys(he).forEach(function(ye){Ie[ye]=he[ye]})}}),Ie},ae.isString=function o(Ie){return"[object String]"===function e(Ie){return Object.prototype.toString.call(Ie)}(Ie)},ae.has=_,ae.unescapeMd=function Z(Ie){return Ie.indexOf("\\")<0?Ie:Ie.replace(O,"$1")},ae.unescapeAll=function le(Ie){return Ie.indexOf("\\")<0&&Ie.indexOf("&")<0?Ie:Ie.replace(S,function(G,he,ye){return he||function z(Ie,G){var he;return _(U,G)?U[G]:35===G.charCodeAt(0)&&y.test(G)&&m(he="x"===G[1].toLowerCase()?parseInt(G.slice(2),16):parseInt(G.slice(1),10))?C(he):Ie}(G,ye)})},ae.isValidEntityCode=m,ae.fromCodePoint=C,ae.escapeHtml=function B(Ie){return Q.test(Ie)?Ie.replace(ue,X):Ie},ae.arrayReplaceAt=function f(Ie,G,he){return[].concat(Ie.slice(0,G),he,Ie.slice(G+1))},ae.isSpace=function We(Ie){switch(Ie){case 9:case 32:return!0}return!1},ae.isWhiteSpace=function Le(Ie){if(Ie>=8192&&Ie<=8202)return!0;switch(Ie){case 9:case 10:case 11:case 12:case 13:case 32:case 160:case 5760:case 8239:case 8287:case 12288:return!0}return!1},ae.isMdAsciiPunct=function Te(Ie){switch(Ie){case 33:case 34:case 35:case 36:case 37:case 38:case 39:case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:case 58:case 59:case 60:case 61:case 62:case 63:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 124:case 125:case 126:return!0;default:return!1}},ae.isPunctChar=function we(Ie){return Je.test(Ie)},ae.escapeRE=function ne(Ie){return Ie.replace(K,"\\$&")},ae.normalizeReference=function $e(Ie){return Ie=Ie.trim().replace(/\s+/g," "),"\u1e7e"==="\u1e9e".toLowerCase()&&(Ie=Ie.replace(/\u1e9e/g,"\xdf")),Ie.toLowerCase().toUpperCase()}},2869:(Ve,ae,s)=>{"use strict";ae.parseLinkLabel=s(8666),ae.parseLinkDestination=s(4349),ae.parseLinkTitle=s(5874)},4349:(Ve,ae,s)=>{"use strict";var e=s(7504).unescapeAll;Ve.exports=function(p,_,g){var f,m,C=_,O={ok:!1,pos:0,lines:0,str:""};if(60===p.charCodeAt(C)){for(C++;C<g;){if(10===(f=p.charCodeAt(C))||60===f)return O;if(62===f)return O.pos=C+1,O.str=e(p.slice(_+1,C)),O.ok=!0,O;92===f&&C+1<g?C+=2:C++}return O}for(m=0;C<g&&!(32===(f=p.charCodeAt(C))||f<32||127===f);)if(92===f&&C+1<g){if(32===p.charCodeAt(C+1))break;C+=2}else{if(40===f&&++m>32)return O;if(41===f){if(0===m)break;m--}C++}return _===C||0!==m||(O.str=e(p.slice(_,C)),O.pos=C,O.ok=!0),O}},8666:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m=-1,C=s.posMax,O=s.pos;for(s.pos=e+1,p=1;s.pos<C;){if(93===(g=s.src.charCodeAt(s.pos))&&0==--p){_=!0;break}if(f=s.pos,s.md.inline.skipToken(s),91===g)if(f===s.pos-1)p++;else if(o)return s.pos=O,-1}return _&&(m=s.pos),s.pos=O,m}},5874:(Ve,ae,s)=>{"use strict";var e=s(7504).unescapeAll;Ve.exports=function(p,_,g){var f,m,C=0,O=_,w={ok:!1,pos:0,lines:0,str:""};if(O>=g||34!==(m=p.charCodeAt(O))&&39!==m&&40!==m)return w;for(O++,40===m&&(m=41);O<g;){if((f=p.charCodeAt(O))===m)return w.pos=O+1,w.lines=C,w.str=e(p.slice(_+1,O)),w.ok=!0,w;if(40===f&&41===m)return w;10===f?C++:92===f&&O+1<g&&(O++,10===p.charCodeAt(O)&&C++),O++}return w}},5096:(Ve,ae,s)=>{"use strict";var e=s(7504),o=s(2869),p=s(2282),_=s(5321),g=s(1269),f=s(4189),m=s(5622),C=s(4149),O=s(1911),w={default:s(7044),zero:s(7970),commonmark:s(9611)},S=/^(vbscript|javascript|file|data):/,y=/^data:image\/(gif|png|jpeg|webp);/;function U(ue){var de=ue.trim().toLowerCase();return!S.test(de)||!!y.test(de)}var z=["http:","https:","mailto:"];function Z(ue){var de=C.parse(ue,!0);if(de.hostname&&(!de.protocol||z.indexOf(de.protocol)>=0))try{de.hostname=O.toASCII(de.hostname)}catch{}return C.encode(C.format(de))}function le(ue){var de=C.parse(ue,!0);if(de.hostname&&(!de.protocol||z.indexOf(de.protocol)>=0))try{de.hostname=O.toUnicode(de.hostname)}catch{}return C.decode(C.format(de),C.decode.defaultChars+"%")}function Q(ue,de){if(!(this instanceof Q))return new Q(ue,de);de||e.isString(ue)||(de=ue||{},ue="default"),this.inline=new f,this.block=new g,this.core=new _,this.renderer=new p,this.linkify=new m,this.validateLink=U,this.normalizeLink=Z,this.normalizeLinkText=le,this.utils=e,this.helpers=e.assign({},o),this.options={},this.configure(ue),de&&this.set(de)}Q.prototype.set=function(ue){return e.assign(this.options,ue),this},Q.prototype.configure=function(ue){var X,de=this;if(e.isString(ue)&&!(ue=w[X=ue]))throw new Error('Wrong `markdown-it` preset "'+X+'", check name');if(!ue)throw new Error("Wrong `markdown-it` preset, can't be empty");return ue.options&&de.set(ue.options),ue.components&&Object.keys(ue.components).forEach(function(B){ue.components[B].rules&&de[B].ruler.enableOnly(ue.components[B].rules),ue.components[B].rules2&&de[B].ruler2.enableOnly(ue.components[B].rules2)}),this},Q.prototype.enable=function(ue,de){var X=[];Array.isArray(ue)||(ue=[ue]),["core","block","inline"].forEach(function(K){X=X.concat(this[K].ruler.enable(ue,!0))},this),X=X.concat(this.inline.ruler2.enable(ue,!0));var B=ue.filter(function(K){return X.indexOf(K)<0});if(B.length&&!de)throw new Error("MarkdownIt. Failed to enable unknown rule(s): "+B);return this},Q.prototype.disable=function(ue,de){var X=[];Array.isArray(ue)||(ue=[ue]),["core","block","inline"].forEach(function(K){X=X.concat(this[K].ruler.disable(ue,!0))},this),X=X.concat(this.inline.ruler2.disable(ue,!0));var B=ue.filter(function(K){return X.indexOf(K)<0});if(B.length&&!de)throw new Error("MarkdownIt. Failed to disable unknown rule(s): "+B);return this},Q.prototype.use=function(ue){var de=[this].concat(Array.prototype.slice.call(arguments,1));return ue.apply(ue,de),this},Q.prototype.parse=function(ue,de){if("string"!=typeof ue)throw new Error("Input data should be a String");var X=new this.core.State(ue,this,de);return this.core.process(X),X.tokens},Q.prototype.render=function(ue,de){return this.renderer.render(this.parse(ue,de=de||{}),this.options,de)},Q.prototype.parseInline=function(ue,de){var X=new this.core.State(ue,this,de);return X.inlineMode=!0,this.core.process(X),X.tokens},Q.prototype.renderInline=function(ue,de){return this.renderer.render(this.parseInline(ue,de=de||{}),this.options,de)},Ve.exports=Q},1269:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["table",s(6961),["paragraph","reference"]],["code",s(7636)],["fence",s(785),["paragraph","reference","blockquote","list"]],["blockquote",s(8264),["paragraph","reference","blockquote","list"]],["hr",s(622),["paragraph","reference","blockquote","list"]],["list",s(6483),["paragraph","reference","blockquote"]],["reference",s(9194)],["html_block",s(7607),["paragraph","reference","blockquote"]],["heading",s(5492),["paragraph","reference","blockquote"]],["lheading",s(6726)],["paragraph",s(3794)]];function p(){this.ruler=new e;for(var _=0;_<o.length;_++)this.ruler.push(o[_][0],o[_][1],{alt:(o[_][2]||[]).slice()})}p.prototype.tokenize=function(_,g,f){for(var m,C,O,w=this.ruler.getRules(""),S=w.length,y=g,U=!1,z=_.md.options.maxNesting;y<f&&(_.line=y=_.skipEmptyLines(y),!(y>=f||_.sCount[y]<_.blkIndent));){if(_.level>=z){_.line=f;break}for(O=_.line,C=0;C<S;C++)if(m=w[C](_,y,f,!1)){if(O>=_.line)throw new Error("block rule didn't increment state.line");break}if(!m)throw new Error("none of the block rules matched");_.tight=!U,_.isEmpty(_.line-1)&&(U=!0),(y=_.line)<f&&_.isEmpty(y)&&(U=!0,y++,_.line=y)}},p.prototype.parse=function(_,g,f,m){var C;_&&(C=new this.State(_,g,f,m),this.tokenize(C,C.line,C.lineMax))},p.prototype.State=s(9031),Ve.exports=p},5321:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["normalize",s(4140)],["block",s(5199)],["inline",s(3286)],["linkify",s(3490)],["replacements",s(5131)],["smartquotes",s(7185)],["text_join",s(1726)]];function p(){this.ruler=new e;for(var _=0;_<o.length;_++)this.ruler.push(o[_][0],o[_][1])}p.prototype.process=function(_){var g,f,m;for(g=0,f=(m=this.ruler.getRules("")).length;g<f;g++)m[g](_)},p.prototype.State=s(6546),Ve.exports=p},4189:(Ve,ae,s)=>{"use strict";var e=s(7869),o=[["text",s(6242)],["linkify",s(9850)],["newline",s(8254)],["escape",s(340)],["backticks",s(8326)],["strikethrough",s(8032).w],["emphasis",s(8023).w],["link",s(1786)],["image",s(898)],["autolink",s(6891)],["html_inline",s(5061)],["entity",s(8685)]],p=[["balance_pairs",s(4312)],["strikethrough",s(8032).g],["emphasis",s(8023).g],["fragments_join",s(6109)]];function _(){var g;for(this.ruler=new e,g=0;g<o.length;g++)this.ruler.push(o[g][0],o[g][1]);for(this.ruler2=new e,g=0;g<p.length;g++)this.ruler2.push(p[g][0],p[g][1])}_.prototype.skipToken=function(g){var f,m,C=g.pos,O=this.ruler.getRules(""),w=O.length,S=g.md.options.maxNesting,y=g.cache;if(typeof y[C]<"u")g.pos=y[C];else{if(g.level<S){for(m=0;m<w;m++)if(g.level++,f=O[m](g,!0),g.level--,f){if(C>=g.pos)throw new Error("inline rule didn't increment state.pos");break}}else g.pos=g.posMax;f||g.pos++,y[C]=g.pos}},_.prototype.tokenize=function(g){for(var f,m,C,O=this.ruler.getRules(""),w=O.length,S=g.posMax,y=g.md.options.maxNesting;g.pos<S;){if(C=g.pos,g.level<y)for(m=0;m<w;m++)if(f=O[m](g,!1)){if(C>=g.pos)throw new Error("inline rule didn't increment state.pos");break}if(f){if(g.pos>=S)break}else g.pending+=g.src[g.pos++]}g.pending&&g.pushPending()},_.prototype.parse=function(g,f,m,C){var O,w,S,y=new this.State(g,f,m,C);for(this.tokenize(y),S=(w=this.ruler2.getRules("")).length,O=0;O<S;O++)w[O](y)},_.prototype.State=s(9017),Ve.exports=_},9611:Ve=>{"use strict";Ve.exports={options:{html:!0,xhtmlOut:!0,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["blockquote","code","fence","heading","hr","html_block","lheading","list","reference","paragraph"]},inline:{rules:["autolink","backticks","emphasis","entity","escape","html_inline","image","link","newline","text"],rules2:["balance_pairs","emphasis","fragments_join"]}}}},7044:Ve=>{"use strict";Ve.exports={options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:100},components:{core:{},block:{},inline:{}}}},7970:Ve=>{"use strict";Ve.exports={options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["paragraph"]},inline:{rules:["text"],rules2:["balance_pairs","fragments_join"]}}}},2282:(Ve,ae,s)=>{"use strict";var e=s(7504).assign,o=s(7504).unescapeAll,p=s(7504).escapeHtml,_={};function g(){this.rules=e({},_)}_.code_inline=function(f,m,C,O,w){var S=f[m];return"<code"+w.renderAttrs(S)+">"+p(S.content)+"</code>"},_.code_block=function(f,m,C,O,w){return"<pre"+w.renderAttrs(f[m])+"><code>"+p(f[m].content)+"</code></pre>\n"},_.fence=function(f,m,C,O,w){var Z,le,Q,ue,S=f[m],y=S.info?o(S.info).trim():"",U="",z="";return y&&(U=(Q=y.split(/(\s+)/g))[0],z=Q.slice(2).join("")),0===(Z=C.highlight&&C.highlight(S.content,U,z)||p(S.content)).indexOf("<pre")?Z+"\n":y?(le=S.attrIndex("class"),ue=S.attrs?S.attrs.slice():[],le<0?ue.push(["class",C.langPrefix+U]):(ue[le]=ue[le].slice(),ue[le][1]+=" "+C.langPrefix+U),"<pre><code"+w.renderAttrs({attrs:ue})+">"+Z+"</code></pre>\n"):"<pre><code"+w.renderAttrs(S)+">"+Z+"</code></pre>\n"},_.image=function(f,m,C,O,w){var S=f[m];return S.attrs[S.attrIndex("alt")][1]=w.renderInlineAsText(S.children,C,O),w.renderToken(f,m,C)},_.hardbreak=function(f,m,C){return C.xhtmlOut?"<br />\n":"<br>\n"},_.softbreak=function(f,m,C){return C.breaks?C.xhtmlOut?"<br />\n":"<br>\n":"\n"},_.text=function(f,m){return p(f[m].content)},_.html_block=function(f,m){return f[m].content},_.html_inline=function(f,m){return f[m].content},g.prototype.renderAttrs=function(m){var C,O,w;if(!m.attrs)return"";for(w="",C=0,O=m.attrs.length;C<O;C++)w+=" "+p(m.attrs[C][0])+'="'+p(m.attrs[C][1])+'"';return w},g.prototype.renderToken=function(m,C,O){var w,S="",y=!1,U=m[C];return U.hidden?"":(U.block&&-1!==U.nesting&&C&&m[C-1].hidden&&(S+="\n"),S+=(-1===U.nesting?"</":"<")+U.tag,S+=this.renderAttrs(U),0===U.nesting&&O.xhtmlOut&&(S+=" /"),U.block&&(y=!0,1===U.nesting&&C+1<m.length&&("inline"===(w=m[C+1]).type||w.hidden||-1===w.nesting&&w.tag===U.tag)&&(y=!1)),S+=y?">\n":">")},g.prototype.renderInline=function(f,m,C){for(var O,w="",S=this.rules,y=0,U=f.length;y<U;y++)w+=typeof S[O=f[y].type]<"u"?S[O](f,y,m,C,this):this.renderToken(f,y,m);return w},g.prototype.renderInlineAsText=function(f,m,C){for(var O="",w=0,S=f.length;w<S;w++)"text"===f[w].type?O+=f[w].content:"image"===f[w].type?O+=this.renderInlineAsText(f[w].children,m,C):"softbreak"===f[w].type&&(O+="\n");return O},g.prototype.render=function(f,m,C){var O,w,S,y="",U=this.rules;for(O=0,w=f.length;O<w;O++)y+="inline"===(S=f[O].type)?this.renderInline(f[O].children,m,C):typeof U[S]<"u"?U[S](f,O,m,C,this):this.renderToken(f,O,m,C);return y},Ve.exports=g},7869:Ve=>{"use strict";function ae(){this.__rules__=[],this.__cache__=null}ae.prototype.__find__=function(s){for(var e=0;e<this.__rules__.length;e++)if(this.__rules__[e].name===s)return e;return-1},ae.prototype.__compile__=function(){var s=this,e=[""];s.__rules__.forEach(function(o){o.enabled&&o.alt.forEach(function(p){e.indexOf(p)<0&&e.push(p)})}),s.__cache__={},e.forEach(function(o){s.__cache__[o]=[],s.__rules__.forEach(function(p){p.enabled&&(o&&p.alt.indexOf(o)<0||s.__cache__[o].push(p.fn))})})},ae.prototype.at=function(s,e,o){var p=this.__find__(s),_=o||{};if(-1===p)throw new Error("Parser rule not found: "+s);this.__rules__[p].fn=e,this.__rules__[p].alt=_.alt||[],this.__cache__=null},ae.prototype.before=function(s,e,o,p){var _=this.__find__(s),g=p||{};if(-1===_)throw new Error("Parser rule not found: "+s);this.__rules__.splice(_,0,{name:e,enabled:!0,fn:o,alt:g.alt||[]}),this.__cache__=null},ae.prototype.after=function(s,e,o,p){var _=this.__find__(s),g=p||{};if(-1===_)throw new Error("Parser rule not found: "+s);this.__rules__.splice(_+1,0,{name:e,enabled:!0,fn:o,alt:g.alt||[]}),this.__cache__=null},ae.prototype.push=function(s,e,o){this.__rules__.push({name:s,enabled:!0,fn:e,alt:(o||{}).alt||[]}),this.__cache__=null},ae.prototype.enable=function(s,e){Array.isArray(s)||(s=[s]);var o=[];return s.forEach(function(p){var _=this.__find__(p);if(_<0){if(e)return;throw new Error("Rules manager: invalid rule name "+p)}this.__rules__[_].enabled=!0,o.push(p)},this),this.__cache__=null,o},ae.prototype.enableOnly=function(s,e){Array.isArray(s)||(s=[s]),this.__rules__.forEach(function(o){o.enabled=!1}),this.enable(s,e)},ae.prototype.disable=function(s,e){Array.isArray(s)||(s=[s]);var o=[];return s.forEach(function(p){var _=this.__find__(p);if(_<0){if(e)return;throw new Error("Rules manager: invalid rule name "+p)}this.__rules__[_].enabled=!1,o.push(p)},this),this.__cache__=null,o},ae.prototype.getRules=function(s){return null===this.__cache__&&this.__compile__(),this.__cache__[s]||[]},Ve.exports=ae},8264:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we=p.lineMax,Te=p.bMarks[_]+p.tShift[_],$e=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||62!==p.src.charCodeAt(Te))return!1;if(f)return!0;for(le=[],Q=[],X=[],B=[],We=p.md.block.ruler.getRules("blockquote"),de=p.parentType,p.parentType="blockquote",z=_;z<g&&(Je=p.sCount[z]<p.blkIndent,!((Te=p.bMarks[z]+p.tShift[z])>=($e=p.eMarks[z])));z++)if(62!==p.src.charCodeAt(Te++)||Je){if(y)break;for(ne=!1,O=0,S=We.length;O<S;O++)if(We[O](p,z,g,!0)){ne=!0;break}if(ne){p.lineMax=z,0!==p.blkIndent&&(le.push(p.bMarks[z]),Q.push(p.bsCount[z]),B.push(p.tShift[z]),X.push(p.sCount[z]),p.sCount[z]-=p.blkIndent);break}le.push(p.bMarks[z]),Q.push(p.bsCount[z]),B.push(p.tShift[z]),X.push(p.sCount[z]),p.sCount[z]=-1}else{for(w=p.sCount[z]+1,32===p.src.charCodeAt(Te)?(Te++,w++,m=!1,K=!0):9===p.src.charCodeAt(Te)?(K=!0,(p.bsCount[z]+w)%4==3?(Te++,w++,m=!1):m=!0):K=!1,Z=w,le.push(p.bMarks[z]),p.bMarks[z]=Te;Te<$e&&(C=p.src.charCodeAt(Te),e(C));)9===C?Z+=4-(Z+p.bsCount[z]+(m?1:0))%4:Z++,Te++;y=Te>=$e,Q.push(p.bsCount[z]),p.bsCount[z]=p.sCount[z]+1+(K?1:0),X.push(p.sCount[z]),p.sCount[z]=Z-w,B.push(p.tShift[z]),p.tShift[z]=Te-p.bMarks[z]}for(ue=p.blkIndent,p.blkIndent=0,(Le=p.push("blockquote_open","blockquote",1)).markup=">",Le.map=U=[_,0],p.md.block.tokenize(p,_,z),(Le=p.push("blockquote_close","blockquote",-1)).markup=">",p.lineMax=we,p.parentType=de,U[1]=p.line,O=0;O<B.length;O++)p.bMarks[O+_]=le[O],p.tShift[O+_]=B[O],p.sCount[O+_]=X[O],p.bsCount[O+_]=Q[O];return p.blkIndent=ue,!0}},7636:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g;if(s.sCount[e]-s.blkIndent<4)return!1;for(_=p=e+1;p<o;)if(s.isEmpty(p))p++;else{if(!(s.sCount[p]-s.blkIndent>=4))break;_=++p}return s.line=_,(g=s.push("code_block","code",0)).content=s.getLines(e,_,4+s.blkIndent,!1)+"\n",g.map=[e,s.line],!0}},785:Ve=>{"use strict";Ve.exports=function(s,e,o,p){var _,g,f,m,C,O,w,S=!1,y=s.bMarks[e]+s.tShift[e],U=s.eMarks[e];if(s.sCount[e]-s.blkIndent>=4||y+3>U||126!==(_=s.src.charCodeAt(y))&&96!==_||(C=y,(g=(y=s.skipChars(y,_))-C)<3)||(w=s.src.slice(C,y),f=s.src.slice(y,U),96===_&&f.indexOf(String.fromCharCode(_))>=0))return!1;if(p)return!0;for(m=e;!(++m>=o||(y=C=s.bMarks[m]+s.tShift[m],U=s.eMarks[m],y<U&&s.sCount[m]<s.blkIndent));)if(!(s.src.charCodeAt(y)!==_||s.sCount[m]-s.blkIndent>=4||(y=s.skipChars(y,_),y-C<g||(y=s.skipSpaces(y),y<U)))){S=!0;break}return g=s.sCount[e],s.line=m+(S?1:0),(O=s.push("fence","code",0)).info=f,O.content=s.getLines(e+1,m,g,!0),O.markup=w,O.map=[e,s.line],!0}},5492:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S=p.bMarks[_]+p.tShift[_],y=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||35!==(m=p.src.charCodeAt(S))||S>=y)return!1;for(C=1,m=p.src.charCodeAt(++S);35===m&&S<y&&C<=6;)C++,m=p.src.charCodeAt(++S);return!(C>6||S<y&&!e(m)||(f||(y=p.skipSpacesBack(y,S),(O=p.skipCharsBack(y,35,S))>S&&e(p.src.charCodeAt(O-1))&&(y=O),p.line=_+1,(w=p.push("heading_open","h"+String(C),1)).markup="########".slice(0,C),w.map=[_,p.line],(w=p.push("inline","",0)).content=p.src.slice(S,y).trim(),w.map=[_,p.line],w.children=[],(w=p.push("heading_close","h"+String(C),-1)).markup="########".slice(0,C)),0))}},622:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_,g,f){var m,C,O,w,S=p.bMarks[_]+p.tShift[_],y=p.eMarks[_];if(p.sCount[_]-p.blkIndent>=4||42!==(m=p.src.charCodeAt(S++))&&45!==m&&95!==m)return!1;for(C=1;S<y;){if((O=p.src.charCodeAt(S++))!==m&&!e(O))return!1;O===m&&C++}return!(C<3||(f||(p.line=_+1,(w=p.push("hr","hr",0)).map=[_,p.line],w.markup=Array(C+1).join(String.fromCharCode(m))),0))}},7607:(Ve,ae,s)=>{"use strict";var e=s(9204),o=s(7110).q,p=[[/^<(script|pre|style|textarea)(?=(\s|>|$))/i,/<\/(script|pre|style|textarea)>/i,!0],[/^<!--/,/-->/,!0],[/^<\?/,/\?>/,!0],[/^<![A-Z]/,/>/,!0],[/^<!\[CDATA\[/,/\]\]>/,!0],[new RegExp("^</?("+e.join("|")+")(?=(\\s|/?>|$))","i"),/^$/,!0],[new RegExp(o.source+"\\s*$"),/^$/,!1]];Ve.exports=function(g,f,m,C){var O,w,S,y,U=g.bMarks[f]+g.tShift[f],z=g.eMarks[f];if(g.sCount[f]-g.blkIndent>=4||!g.md.options.html||60!==g.src.charCodeAt(U))return!1;for(y=g.src.slice(U,z),O=0;O<p.length&&!p[O][0].test(y);O++);if(O===p.length)return!1;if(C)return p[O][2];if(w=f+1,!p[O][1].test(y))for(;w<m&&!(g.sCount[w]<g.blkIndent);w++)if(y=g.src.slice(U=g.bMarks[w]+g.tShift[w],z=g.eMarks[w]),p[O][1].test(y)){0!==y.length&&w++;break}return g.line=w,(S=g.push("html_block","",0)).map=[f,w],S.content=g.getLines(f,w,g.blkIndent,!0),!0}},6726:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m,C,O,w,S,U,y=e+1,z=s.md.block.ruler.getRules("paragraph");if(s.sCount[e]-s.blkIndent>=4)return!1;for(U=s.parentType,s.parentType="paragraph";y<o&&!s.isEmpty(y);y++)if(!(s.sCount[y]-s.blkIndent>3)){if(s.sCount[y]>=s.blkIndent&&(C=s.bMarks[y]+s.tShift[y])<(O=s.eMarks[y])&&(45===(S=s.src.charCodeAt(C))||61===S)&&(C=s.skipChars(C,S),(C=s.skipSpaces(C))>=O)){w=61===S?1:2;break}if(!(s.sCount[y]<0)){for(_=!1,g=0,f=z.length;g<f;g++)if(z[g](s,y,o,!0)){_=!0;break}if(_)break}}return!!w&&(p=s.getLines(e,y,s.blkIndent,!1).trim(),s.line=y+1,(m=s.push("heading_open","h"+String(w),1)).markup=String.fromCharCode(S),m.map=[e,s.line],(m=s.push("inline","",0)).content=p,m.map=[e,s.line-1],m.children=[],(m=s.push("heading_close","h"+String(w),-1)).markup=String.fromCharCode(S),s.parentType=U,!0)}},6483:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;function o(g,f){var m,C,O,w;return C=g.bMarks[f]+g.tShift[f],O=g.eMarks[f],42!==(m=g.src.charCodeAt(C++))&&45!==m&&43!==m||C<O&&(w=g.src.charCodeAt(C),!e(w))?-1:C}function p(g,f){var m,C=g.bMarks[f]+g.tShift[f],O=C,w=g.eMarks[f];if(O+1>=w||(m=g.src.charCodeAt(O++))<48||m>57)return-1;for(;;){if(O>=w)return-1;if(!((m=g.src.charCodeAt(O++))>=48&&m<=57)){if(41===m||46===m)break;return-1}if(O-C>=10)return-1}return O<w&&(m=g.src.charCodeAt(O),!e(m))?-1:O}Ve.exports=function(f,m,C,O){var w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we,Te,$e,Ie,G,he,ye,te,Re,q,ce=m,be=!1,N=!0;if(f.sCount[ce]-f.blkIndent>=4||f.listIndent>=0&&f.sCount[ce]-f.listIndent>=4&&f.sCount[ce]<f.blkIndent)return!1;if(O&&"paragraph"===f.parentType&&f.sCount[ce]>=f.blkIndent&&(be=!0),(G=p(f,ce))>=0){if(le=!0,ye=f.bMarks[ce]+f.tShift[ce],K=Number(f.src.slice(ye,G-1)),be&&1!==K)return!1}else{if(!((G=o(f,ce))>=0))return!1;le=!1}if(be&&f.skipSpaces(G)>=f.eMarks[ce])return!1;if(O)return!0;for(B=f.src.charCodeAt(G-1),X=f.tokens.length,le?(q=f.push("ordered_list_open","ol",1),1!==K&&(q.attrs=[["start",K]])):q=f.push("bullet_list_open","ul",1),q.map=de=[ce,0],q.markup=String.fromCharCode(B),he=!1,Re=f.md.block.ruler.getRules("list"),Je=f.parentType,f.parentType="list";ce<C;){for(Ie=G,ne=f.eMarks[ce],Z=We=f.sCount[ce]+G-(f.bMarks[ce]+f.tShift[ce]);Ie<ne;){if(9===(w=f.src.charCodeAt(Ie)))We+=4-(We+f.bsCount[ce])%4;else{if(32!==w)break;We++}Ie++}if((z=(S=Ie)>=ne?1:We-Z)>4&&(z=1),U=Z+z,(q=f.push("list_item_open","li",1)).markup=String.fromCharCode(B),q.map=Q=[ce,0],le&&(q.info=f.src.slice(ye,G-1)),$e=f.tight,Te=f.tShift[ce],we=f.sCount[ce],Le=f.listIndent,f.listIndent=f.blkIndent,f.blkIndent=U,f.tight=!0,f.tShift[ce]=S-f.bMarks[ce],f.sCount[ce]=We,S>=ne&&f.isEmpty(ce+1)?f.line=Math.min(f.line+2,C):f.md.block.tokenize(f,ce,C,!0),(!f.tight||he)&&(N=!1),he=f.line-ce>1&&f.isEmpty(f.line-1),f.blkIndent=f.listIndent,f.listIndent=Le,f.tShift[ce]=Te,f.sCount[ce]=we,f.tight=$e,(q=f.push("list_item_close","li",-1)).markup=String.fromCharCode(B),Q[1]=ce=f.line,ce>=C||f.sCount[ce]<f.blkIndent||f.sCount[ce]-f.blkIndent>=4)break;for(te=!1,y=0,ue=Re.length;y<ue;y++)if(Re[y](f,ce,C,!0)){te=!0;break}if(te)break;if(le){if((G=p(f,ce))<0)break;ye=f.bMarks[ce]+f.tShift[ce]}else if((G=o(f,ce))<0)break;if(B!==f.src.charCodeAt(G-1))break}return(q=le?f.push("ordered_list_close","ol",-1):f.push("bullet_list_close","ul",-1)).markup=String.fromCharCode(B),de[1]=ce,f.line=ce,f.parentType=Je,N&&function _(g,f){var m,C,O=g.level+2;for(m=f+2,C=g.tokens.length-2;m<C;m++)g.tokens[m].level===O&&"paragraph_open"===g.tokens[m].type&&(g.tokens[m+2].hidden=!0,g.tokens[m].hidden=!0,m+=2)}(f,X),!0}},3794:Ve=>{"use strict";Ve.exports=function(s,e,o){var p,_,g,f,m,C,O=e+1,w=s.md.block.ruler.getRules("paragraph");for(C=s.parentType,s.parentType="paragraph";O<o&&!s.isEmpty(O);O++)if(!(s.sCount[O]-s.blkIndent>3||s.sCount[O]<0)){for(_=!1,g=0,f=w.length;g<f;g++)if(w[g](s,O,o,!0)){_=!0;break}if(_)break}return p=s.getLines(e,O,s.blkIndent,!1).trim(),s.line=O,(m=s.push("paragraph_open","p",1)).map=[e,s.line],(m=s.push("inline","",0)).content=p,m.map=[e,s.line],m.children=[],m=s.push("paragraph_close","p",-1),s.parentType=C,!0}},9194:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g,f,m){var C,O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We=0,Le=_.bMarks[g]+_.tShift[g],Je=_.eMarks[g],we=g+1;if(_.sCount[g]-_.blkIndent>=4||91!==_.src.charCodeAt(Le))return!1;for(;++Le<Je;)if(93===_.src.charCodeAt(Le)&&92!==_.src.charCodeAt(Le-1)){if(Le+1===Je||58!==_.src.charCodeAt(Le+1))return!1;break}for(S=_.lineMax,K=_.md.block.ruler.getRules("reference"),Q=_.parentType,_.parentType="reference";we<S&&!_.isEmpty(we);we++)if(!(_.sCount[we]-_.blkIndent>3||_.sCount[we]<0)){for(B=!1,U=0,z=K.length;U<z;U++)if(K[U](_,we,S,!0)){B=!0;break}if(B)break}for(Je=(X=_.getLines(g,we,_.blkIndent,!1).trim()).length,Le=1;Le<Je;Le++){if(91===(C=X.charCodeAt(Le)))return!1;if(93===C){le=Le;break}(10===C||92===C&&++Le<Je&&10===X.charCodeAt(Le))&&We++}if(le<0||58!==X.charCodeAt(le+1))return!1;for(Le=le+2;Le<Je;Le++)if(10===(C=X.charCodeAt(Le)))We++;else if(!o(C))break;if(!(ue=_.md.helpers.parseLinkDestination(X,Le,Je)).ok||(y=_.md.normalizeLink(ue.str),!_.md.validateLink(y)))return!1;for(O=Le=ue.pos,w=We+=ue.lines,de=Le;Le<Je;Le++)if(10===(C=X.charCodeAt(Le)))We++;else if(!o(C))break;for(ue=_.md.helpers.parseLinkTitle(X,Le,Je),Le<Je&&de!==Le&&ue.ok?(ne=ue.str,Le=ue.pos,We+=ue.lines):(ne="",Le=O,We=w);Le<Je&&(C=X.charCodeAt(Le),o(C));)Le++;if(Le<Je&&10!==X.charCodeAt(Le)&&ne)for(ne="",Le=O,We=w;Le<Je&&(C=X.charCodeAt(Le),o(C));)Le++;return!(Le<Je&&10!==X.charCodeAt(Le)||(Z=e(X.slice(1,le)),!Z)||(m||(typeof _.env.references>"u"&&(_.env.references={}),typeof _.env.references[Z]>"u"&&(_.env.references[Z]={title:ne,href:y}),_.parentType=Q,_.line=g+We+1),0))}},9031:(Ve,ae,s)=>{"use strict";var e=s(8253),o=s(7504).isSpace;function p(_,g,f,m){var C,O,w,S,y,U,z,Z;for(this.src=_,this.md=g,this.env=f,this.tokens=m,this.bMarks=[],this.eMarks=[],this.tShift=[],this.sCount=[],this.bsCount=[],this.blkIndent=0,this.line=0,this.lineMax=0,this.tight=!1,this.ddIndent=-1,this.listIndent=-1,this.parentType="root",this.level=0,this.result="",Z=!1,w=S=U=z=0,y=(O=this.src).length;S<y;S++){if(C=O.charCodeAt(S),!Z){if(o(C)){U++,9===C?z+=4-z%4:z++;continue}Z=!0}(10===C||S===y-1)&&(10!==C&&S++,this.bMarks.push(w),this.eMarks.push(S),this.tShift.push(U),this.sCount.push(z),this.bsCount.push(0),Z=!1,U=0,z=0,w=S+1)}this.bMarks.push(O.length),this.eMarks.push(O.length),this.tShift.push(0),this.sCount.push(0),this.bsCount.push(0),this.lineMax=this.bMarks.length-1}p.prototype.push=function(_,g,f){var m=new e(_,g,f);return m.block=!0,f<0&&this.level--,m.level=this.level,f>0&&this.level++,this.tokens.push(m),m},p.prototype.isEmpty=function(g){return this.bMarks[g]+this.tShift[g]>=this.eMarks[g]},p.prototype.skipEmptyLines=function(g){for(var f=this.lineMax;g<f&&!(this.bMarks[g]+this.tShift[g]<this.eMarks[g]);g++);return g},p.prototype.skipSpaces=function(g){for(var f,m=this.src.length;g<m&&(f=this.src.charCodeAt(g),o(f));g++);return g},p.prototype.skipSpacesBack=function(g,f){if(g<=f)return g;for(;g>f;)if(!o(this.src.charCodeAt(--g)))return g+1;return g},p.prototype.skipChars=function(g,f){for(var m=this.src.length;g<m&&this.src.charCodeAt(g)===f;g++);return g},p.prototype.skipCharsBack=function(g,f,m){if(g<=m)return g;for(;g>m;)if(f!==this.src.charCodeAt(--g))return g+1;return g},p.prototype.getLines=function(g,f,m,C){var O,w,S,y,U,z,Z,le=g;if(g>=f)return"";for(z=new Array(f-g),O=0;le<f;le++,O++){for(w=0,Z=y=this.bMarks[le],U=le+1<f||C?this.eMarks[le]+1:this.eMarks[le];y<U&&w<m;){if(S=this.src.charCodeAt(y),o(S))9===S?w+=4-(w+this.bsCount[le])%4:w++;else{if(!(y-Z<this.tShift[le]))break;w++}y++}z[O]=w>m?new Array(w-m+1).join(" ")+this.src.slice(y,U):this.src.slice(y,U)}return z.join("")},p.prototype.Token=e,Ve.exports=p},6961:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;function o(_,g){return _.src.slice(_.bMarks[g]+_.tShift[g],_.eMarks[g])}function p(_){var C,g=[],f=0,m=_.length,O=!1,w=0,S="";for(C=_.charCodeAt(f);f<m;)124===C&&(O?(S+=_.substring(w,f-1),w=f):(g.push(S+_.substring(w,f)),S="",w=f+1)),O=92===C,f++,C=_.charCodeAt(f);return g.push(S+_.substring(w)),g}Ve.exports=function(g,f,m,C){var O,w,S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je;if(f+2>m||g.sCount[z=f+1]<g.blkIndent||g.sCount[z]-g.blkIndent>=4||(S=g.bMarks[z]+g.tShift[z])>=g.eMarks[z]||124!==(Le=g.src.charCodeAt(S++))&&45!==Le&&58!==Le||S>=g.eMarks[z]||124!==(Je=g.src.charCodeAt(S++))&&45!==Je&&58!==Je&&!e(Je)||45===Le&&e(Je))return!1;for(;S<g.eMarks[z];){if(124!==(O=g.src.charCodeAt(S))&&45!==O&&58!==O&&!e(O))return!1;S++}for(Z=(w=o(g,f+1)).split("|"),ue=[],y=0;y<Z.length;y++){if(!(de=Z[y].trim())){if(0===y||y===Z.length-1)continue;return!1}if(!/^:?-+:?$/.test(de))return!1;58===de.charCodeAt(de.length-1)?ue.push(58===de.charCodeAt(0)?"center":"right"):58===de.charCodeAt(0)?ue.push("left"):ue.push("")}if(-1===(w=o(g,f).trim()).indexOf("|")||g.sCount[f]-g.blkIndent>=4||((Z=p(w)).length&&""===Z[0]&&Z.shift(),Z.length&&""===Z[Z.length-1]&&Z.pop(),0===(le=Z.length)||le!==ue.length))return!1;if(C)return!0;for(K=g.parentType,g.parentType="table",We=g.md.block.ruler.getRules("blockquote"),(Q=g.push("table_open","table",1)).map=X=[f,0],(Q=g.push("thead_open","thead",1)).map=[f,f+1],(Q=g.push("tr_open","tr",1)).map=[f,f+1],y=0;y<Z.length;y++)Q=g.push("th_open","th",1),ue[y]&&(Q.attrs=[["style","text-align:"+ue[y]]]),(Q=g.push("inline","",0)).content=Z[y].trim(),Q.children=[],Q=g.push("th_close","th",-1);for(Q=g.push("tr_close","tr",-1),Q=g.push("thead_close","thead",-1),z=f+2;z<m&&!(g.sCount[z]<g.blkIndent);z++){for(ne=!1,y=0,U=We.length;y<U;y++)if(We[y](g,z,m,!0)){ne=!0;break}if(ne||!(w=o(g,z).trim())||g.sCount[z]-g.blkIndent>=4)break;for((Z=p(w)).length&&""===Z[0]&&Z.shift(),Z.length&&""===Z[Z.length-1]&&Z.pop(),z===f+2&&((Q=g.push("tbody_open","tbody",1)).map=B=[f+2,0]),(Q=g.push("tr_open","tr",1)).map=[z,z+1],y=0;y<le;y++)Q=g.push("td_open","td",1),ue[y]&&(Q.attrs=[["style","text-align:"+ue[y]]]),(Q=g.push("inline","",0)).content=Z[y]?Z[y].trim():"",Q.children=[],Q=g.push("td_close","td",-1);Q=g.push("tr_close","tr",-1)}return B&&(Q=g.push("tbody_close","tbody",-1),B[1]=z),Q=g.push("table_close","table",-1),X[1]=z,g.parentType=K,g.line=z,!0}},5199:Ve=>{"use strict";Ve.exports=function(s){var e;s.inlineMode?((e=new s.Token("inline","",0)).content=s.src,e.map=[0,1],e.children=[],s.tokens.push(e)):s.md.block.parse(s.src,s.md,s.env,s.tokens)}},3286:Ve=>{"use strict";Ve.exports=function(s){var o,p,_,e=s.tokens;for(p=0,_=e.length;p<_;p++)"inline"===(o=e[p]).type&&s.md.inline.parse(o.content,s.md,s.env,o.children)}},3490:(Ve,ae,s)=>{"use strict";var e=s(7504).arrayReplaceAt;Ve.exports=function(g){var f,m,C,O,w,S,y,U,z,Z,le,Q,ue,X,B,ne,K=g.tokens;if(g.md.options.linkify)for(m=0,C=K.length;m<C;m++)if("inline"===K[m].type&&g.md.linkify.pretest(K[m].content))for(ue=0,f=(O=K[m].children).length-1;f>=0;f--)if("link_close"!==(S=O[f]).type){if("html_inline"===S.type&&(/^<a[>\s]/i.test(S.content)&&ue>0&&ue--,/^<\/a\s*>/i.test(S.content)&&ue++),!(ue>0)&&"text"===S.type&&g.md.linkify.test(S.content)){for(ne=g.md.linkify.match(z=S.content),y=[],Q=S.level,le=0,ne.length>0&&0===ne[0].index&&f>0&&"text_special"===O[f-1].type&&(ne=ne.slice(1)),U=0;U<ne.length;U++)X=g.md.normalizeLink(ne[U].url),g.md.validateLink(X)&&(B=ne[U].text,B=ne[U].schema?"mailto:"!==ne[U].schema||/^mailto:/i.test(B)?g.md.normalizeLinkText(B):g.md.normalizeLinkText("mailto:"+B).replace(/^mailto:/,""):g.md.normalizeLinkText("http://"+B).replace(/^http:\/\//,""),(Z=ne[U].index)>le&&((w=new g.Token("text","",0)).content=z.slice(le,Z),w.level=Q,y.push(w)),(w=new g.Token("link_open","a",1)).attrs=[["href",X]],w.level=Q++,w.markup="linkify",w.info="auto",y.push(w),(w=new g.Token("text","",0)).content=B,w.level=Q,y.push(w),(w=new g.Token("link_close","a",-1)).level=--Q,w.markup="linkify",w.info="auto",y.push(w),le=ne[U].lastIndex);le<z.length&&((w=new g.Token("text","",0)).content=z.slice(le),w.level=Q,y.push(w)),K[m].children=O=e(O,f,y)}}else for(f--;O[f].level!==S.level&&"link_open"!==O[f].type;)f--}},4140:Ve=>{"use strict";var ae=/\r\n?|\n/g,s=/\0/g;Ve.exports=function(o){var p;p=(p=o.src.replace(ae,"\n")).replace(s,"\ufffd"),o.src=p}},5131:Ve=>{"use strict";var ae=/\+-|\.\.|\?\?\?\?|!!!!|,,|--/,s=/\((c|tm|r)\)/i,e=/\((c|tm|r)\)/gi,o={c:"\xa9",r:"\xae",tm:"\u2122"};function p(f,m){return o[m.toLowerCase()]}function _(f){var m,C,O=0;for(m=f.length-1;m>=0;m--)"text"===(C=f[m]).type&&!O&&(C.content=C.content.replace(e,p)),"link_open"===C.type&&"auto"===C.info&&O--,"link_close"===C.type&&"auto"===C.info&&O++}function g(f){var m,C,O=0;for(m=f.length-1;m>=0;m--)"text"===(C=f[m]).type&&!O&&ae.test(C.content)&&(C.content=C.content.replace(/\+-/g,"\xb1").replace(/\.{2,}/g,"\u2026").replace(/([?!])\u2026/g,"$1..").replace(/([?!]){4,}/g,"$1$1$1").replace(/,{2,}/g,",").replace(/(^|[^-])---(?=[^-]|$)/gm,"$1\u2014").replace(/(^|\s)--(?=\s|$)/gm,"$1\u2013").replace(/(^|[^-\s])--(?=[^-\s]|$)/gm,"$1\u2013")),"link_open"===C.type&&"auto"===C.info&&O--,"link_close"===C.type&&"auto"===C.info&&O++}Ve.exports=function(m){var C;if(m.md.options.typographer)for(C=m.tokens.length-1;C>=0;C--)"inline"===m.tokens[C].type&&(s.test(m.tokens[C].content)&&_(m.tokens[C].children),ae.test(m.tokens[C].content)&&g(m.tokens[C].children))}},7185:(Ve,ae,s)=>{"use strict";var e=s(7504).isWhiteSpace,o=s(7504).isPunctChar,p=s(7504).isMdAsciiPunct,_=/['"]/,g=/['"]/g,f="\u2019";function m(O,w,S){return O.slice(0,w)+S+O.slice(w+1)}function C(O,w){var S,y,U,z,Z,le,Q,ue,de,X,B,K,ne,We,Le,Je,we,Te,$e,Ie,G;for($e=[],S=0;S<O.length;S++){for(y=O[S],Q=O[S].level,we=$e.length-1;we>=0&&!($e[we].level<=Q);we--);if($e.length=we+1,"text"===y.type){Z=0,le=(U=y.content).length;e:for(;Z<le&&(g.lastIndex=Z,z=g.exec(U),z);){if(Le=Je=!0,Z=z.index+1,Te="'"===z[0],de=32,z.index-1>=0)de=U.charCodeAt(z.index-1);else for(we=S-1;we>=0&&"softbreak"!==O[we].type&&"hardbreak"!==O[we].type;we--)if(O[we].content){de=O[we].content.charCodeAt(O[we].content.length-1);break}if(X=32,Z<le)X=U.charCodeAt(Z);else for(we=S+1;we<O.length&&"softbreak"!==O[we].type&&"hardbreak"!==O[we].type;we++)if(O[we].content){X=O[we].content.charCodeAt(0);break}if(B=p(de)||o(String.fromCharCode(de)),K=p(X)||o(String.fromCharCode(X)),ne=e(de),(We=e(X))?Le=!1:K&&(ne||B||(Le=!1)),ne?Je=!1:B&&(We||K||(Je=!1)),34===X&&'"'===z[0]&&de>=48&&de<=57&&(Je=Le=!1),Le&&Je&&(Le=B,Je=K),Le||Je){if(Je)for(we=$e.length-1;we>=0&&(ue=$e[we],!($e[we].level<Q));we--)if(ue.single===Te&&$e[we].level===Q){ue=$e[we],Te?(Ie=w.md.options.quotes[2],G=w.md.options.quotes[3]):(Ie=w.md.options.quotes[0],G=w.md.options.quotes[1]),y.content=m(y.content,z.index,G),O[ue.token].content=m(O[ue.token].content,ue.pos,Ie),Z+=G.length-1,ue.token===S&&(Z+=Ie.length-1),le=(U=y.content).length,$e.length=we;continue e}Le?$e.push({token:S,pos:z.index,single:Te,level:Q}):Je&&Te&&(y.content=m(y.content,z.index,f))}else Te&&(y.content=m(y.content,z.index,f))}}}}Ve.exports=function(w){var S;if(w.md.options.typographer)for(S=w.tokens.length-1;S>=0;S--)"inline"!==w.tokens[S].type||!_.test(w.tokens[S].content)||C(w.tokens[S].children,w)}},6546:(Ve,ae,s)=>{"use strict";var e=s(8253);function o(p,_,g){this.src=p,this.env=g,this.tokens=[],this.inlineMode=!1,this.md=_}o.prototype.Token=e,Ve.exports=o},1726:Ve=>{"use strict";Ve.exports=function(s){var e,o,p,_,g,f,m=s.tokens;for(e=0,o=m.length;e<o;e++)if("inline"===m[e].type){for(g=(p=m[e].children).length,_=0;_<g;_++)"text_special"===p[_].type&&(p[_].type="text");for(_=f=0;_<g;_++)"text"===p[_].type&&_+1<g&&"text"===p[_+1].type?p[_+1].content=p[_].content+p[_+1].content:(_!==f&&(p[f]=p[_]),f++);_!==f&&(p.length=f)}}},6891:Ve=>{"use strict";var ae=/^([a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/,s=/^([a-zA-Z][a-zA-Z0-9+.\-]{1,31}):([^<>\x00-\x20]*)$/;Ve.exports=function(o,p){var _,g,f,m,C,O,w=o.pos;if(60!==o.src.charCodeAt(w))return!1;for(C=o.pos,O=o.posMax;;){if(++w>=O||60===(m=o.src.charCodeAt(w)))return!1;if(62===m)break}return _=o.src.slice(C+1,w),s.test(_)?(g=o.md.normalizeLink(_),!!o.md.validateLink(g)&&(p||((f=o.push("link_open","a",1)).attrs=[["href",g]],f.markup="autolink",f.info="auto",(f=o.push("text","",0)).content=o.md.normalizeLinkText(_),(f=o.push("link_close","a",-1)).markup="autolink",f.info="auto"),o.pos+=_.length+2,!0)):!!ae.test(_)&&(g=o.md.normalizeLink("mailto:"+_),!!o.md.validateLink(g)&&(p||((f=o.push("link_open","a",1)).attrs=[["href",g]],f.markup="autolink",f.info="auto",(f=o.push("text","",0)).content=o.md.normalizeLinkText(_),(f=o.push("link_close","a",-1)).markup="autolink",f.info="auto"),o.pos+=_.length+2,!0))}},8326:Ve=>{"use strict";Ve.exports=function(s,e){var o,p,_,g,f,m,C,O,w=s.pos;if(96!==s.src.charCodeAt(w))return!1;for(o=w,w++,p=s.posMax;w<p&&96===s.src.charCodeAt(w);)w++;if(C=(_=s.src.slice(o,w)).length,s.backticksScanned&&(s.backticks[C]||0)<=o)return e||(s.pending+=_),s.pos+=C,!0;for(m=w;-1!==(f=s.src.indexOf("`",m));){for(m=f+1;m<p&&96===s.src.charCodeAt(m);)m++;if((O=m-f)===C)return e||((g=s.push("code_inline","code",0)).markup=_,g.content=s.src.slice(w,f).replace(/\n/g," ").replace(/^ (.+) $/,"$1")),s.pos=m,!0;s.backticks[O]=f}return s.backticksScanned=!0,e||(s.pending+=_),s.pos+=C,!0}},4312:Ve=>{"use strict";function ae(s){var e,o,p,_,g,f,m,C,O={},w=s.length;if(w){var S=0,y=-2,U=[];for(e=0;e<w;e++)if(p=s[e],U.push(0),(s[S].marker!==p.marker||y!==p.token-1)&&(S=e),y=p.token,p.length=p.length||0,p.close){for(O.hasOwnProperty(p.marker)||(O[p.marker]=[-1,-1,-1,-1,-1,-1]),g=O[p.marker][(p.open?3:0)+p.length%3],f=o=S-U[S]-1;o>g;o-=U[o]+1)if((_=s[o]).marker===p.marker&&_.open&&_.end<0&&(m=!1,(_.close||p.open)&&(_.length+p.length)%3==0&&(_.length%3!=0||p.length%3!=0)&&(m=!0),!m)){U[e]=e-o+(C=o>0&&!s[o-1].open?U[o-1]+1:0),U[o]=C,p.open=!1,_.end=e,_.close=!1,f=-1,y=-2;break}-1!==f&&(O[p.marker][(p.open?3:0)+(p.length||0)%3]=f)}}}Ve.exports=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(p[o].delimiters)}},8023:Ve=>{"use strict";function ae(s,e){var o,p,_,g,f,m;for(o=e.length-1;o>=0;o--)(95===(p=e[o]).marker||42===p.marker)&&-1!==p.end&&(_=e[p.end],m=o>0&&e[o-1].end===p.end+1&&e[o-1].marker===p.marker&&e[o-1].token===p.token-1&&e[p.end+1].token===_.token+1,f=String.fromCharCode(p.marker),(g=s.tokens[p.token]).type=m?"strong_open":"em_open",g.tag=m?"strong":"em",g.nesting=1,g.markup=m?f+f:f,g.content="",(g=s.tokens[_.token]).type=m?"strong_close":"em_close",g.tag=m?"strong":"em",g.nesting=-1,g.markup=m?f+f:f,g.content="",m&&(s.tokens[e[o-1].token].content="",s.tokens[e[p.end+1].token].content="",o--))}Ve.exports.w=function(e,o){var p,_,m=e.src.charCodeAt(e.pos);if(o||95!==m&&42!==m)return!1;for(_=e.scanDelims(e.pos,42===m),p=0;p<_.length;p++)e.push("text","",0).content=String.fromCharCode(m),e.delimiters.push({marker:m,length:_.length,token:e.tokens.length-1,end:-1,open:_.can_open,close:_.can_close});return e.pos+=_.length,!0},Ve.exports.g=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e,e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(e,p[o].delimiters)}},8685:(Ve,ae,s)=>{"use strict";var e=s(1087),o=s(7504).has,p=s(7504).isValidEntityCode,_=s(7504).fromCodePoint,g=/^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i,f=/^&([a-z][a-z0-9]{1,31});/i;Ve.exports=function(C,O){var S,y,U,z=C.pos,Z=C.posMax;if(38!==C.src.charCodeAt(z)||z+1>=Z)return!1;if(35===C.src.charCodeAt(z+1)){if(y=C.src.slice(z).match(g))return O||(S="x"===y[1][0].toLowerCase()?parseInt(y[1].slice(1),16):parseInt(y[1],10),(U=C.push("text_special","",0)).content=p(S)?_(S):_(65533),U.markup=y[0],U.info="entity"),C.pos+=y[0].length,!0}else if((y=C.src.slice(z).match(f))&&o(e,y[1]))return O||((U=C.push("text_special","",0)).content=e[y[1]],U.markup=y[0],U.info="entity"),C.pos+=y[0].length,!0;return!1}},340:(Ve,ae,s)=>{"use strict";for(var e=s(7504).isSpace,o=[],p=0;p<256;p++)o.push(0);"\\!\"#$%&'()*+,./:;<=>?@[]^_`{|}~-".split("").forEach(function(_){o[_.charCodeAt(0)]=1}),Ve.exports=function(g,f){var m,C,O,w,S,y=g.pos,U=g.posMax;if(92!==g.src.charCodeAt(y)||++y>=U)return!1;if(10===(m=g.src.charCodeAt(y))){for(f||g.push("hardbreak","br",0),y++;y<U&&(m=g.src.charCodeAt(y),e(m));)y++;return g.pos=y,!0}return w=g.src[y],m>=55296&&m<=56319&&y+1<U&&(C=g.src.charCodeAt(y+1))>=56320&&C<=57343&&(w+=g.src[y+1],y++),O="\\"+w,f||((S=g.push("text_special","",0)).content=m<256&&0!==o[m]?w:O,S.markup=O,S.info="escape"),g.pos=y+1,!0}},6109:Ve=>{"use strict";Ve.exports=function(s){var e,o,p=0,_=s.tokens,g=s.tokens.length;for(e=o=0;e<g;e++)_[e].nesting<0&&p--,_[e].level=p,_[e].nesting>0&&p++,"text"===_[e].type&&e+1<g&&"text"===_[e+1].type?_[e+1].content=_[e].content+_[e+1].content:(e!==o&&(_[o]=_[e]),o++);e!==o&&(_.length=o)}},5061:(Ve,ae,s)=>{"use strict";var e=s(7110).n;Ve.exports=function(f,m){var C,O,w,S,y=f.pos;return!(!f.md.options.html||(w=f.posMax,60!==f.src.charCodeAt(y)||y+2>=w)||(C=f.src.charCodeAt(y+1),33!==C&&63!==C&&47!==C&&!function _(g){var f=32|g;return f>=97&&f<=122}(C))||(O=f.src.slice(y).match(e),!O)||(m||((S=f.push("html_inline","",0)).content=O[0],function o(g){return/^<a[>\s]/i.test(g)}(S.content)&&f.linkLevel++,function p(g){return/^<\/a\s*>/i.test(g)}(S.content)&&f.linkLevel--),f.pos+=O[0].length,0))}},898:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g){var f,m,C,O,w,S,y,U,z,Z,le,Q,ue,de="",X=_.pos,B=_.posMax;if(33!==_.src.charCodeAt(_.pos)||91!==_.src.charCodeAt(_.pos+1)||(S=_.pos+2,(w=_.md.helpers.parseLinkLabel(_,_.pos+1,!1))<0))return!1;if((y=w+1)<B&&40===_.src.charCodeAt(y)){for(y++;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);if(y>=B)return!1;for(ue=y,(z=_.md.helpers.parseLinkDestination(_.src,y,_.posMax)).ok&&(de=_.md.normalizeLink(z.str),_.md.validateLink(de)?y=z.pos:de=""),ue=y;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);if(z=_.md.helpers.parseLinkTitle(_.src,y,_.posMax),y<B&&ue!==y&&z.ok)for(Z=z.str,y=z.pos;y<B&&(m=_.src.charCodeAt(y),o(m)||10===m);y++);else Z="";if(y>=B||41!==_.src.charCodeAt(y))return _.pos=X,!1;y++}else{if(typeof _.env.references>"u")return!1;if(y<B&&91===_.src.charCodeAt(y)?(ue=y+1,(y=_.md.helpers.parseLinkLabel(_,y))>=0?O=_.src.slice(ue,y++):y=w+1):y=w+1,O||(O=_.src.slice(S,w)),!(U=_.env.references[e(O)]))return _.pos=X,!1;de=U.href,Z=U.title}return g||(C=_.src.slice(S,w),_.md.inline.parse(C,_.md,_.env,Q=[]),(le=_.push("image","img",0)).attrs=f=[["src",de],["alt",""]],le.children=Q,le.content=C,Z&&f.push(["title",Z])),_.pos=y,_.posMax=B,!0}},1786:(Ve,ae,s)=>{"use strict";var e=s(7504).normalizeReference,o=s(7504).isSpace;Ve.exports=function(_,g){var f,m,C,O,w,S,y,U,Z="",le="",Q=_.pos,ue=_.posMax,de=_.pos,X=!0;if(91!==_.src.charCodeAt(_.pos)||(w=_.pos+1,(O=_.md.helpers.parseLinkLabel(_,_.pos,!0))<0))return!1;if((S=O+1)<ue&&40===_.src.charCodeAt(S)){for(X=!1,S++;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);if(S>=ue)return!1;if(de=S,(y=_.md.helpers.parseLinkDestination(_.src,S,_.posMax)).ok){for(Z=_.md.normalizeLink(y.str),_.md.validateLink(Z)?S=y.pos:Z="",de=S;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);if(y=_.md.helpers.parseLinkTitle(_.src,S,_.posMax),S<ue&&de!==S&&y.ok)for(le=y.str,S=y.pos;S<ue&&(m=_.src.charCodeAt(S),o(m)||10===m);S++);}(S>=ue||41!==_.src.charCodeAt(S))&&(X=!0),S++}if(X){if(typeof _.env.references>"u")return!1;if(S<ue&&91===_.src.charCodeAt(S)?(de=S+1,(S=_.md.helpers.parseLinkLabel(_,S))>=0?C=_.src.slice(de,S++):S=O+1):S=O+1,C||(C=_.src.slice(w,O)),!(U=_.env.references[e(C)]))return _.pos=Q,!1;Z=U.href,le=U.title}return g||(_.pos=w,_.posMax=O,_.push("link_open","a",1).attrs=f=[["href",Z]],le&&f.push(["title",le]),_.linkLevel++,_.md.inline.tokenize(_),_.linkLevel--,_.push("link_close","a",-1)),_.pos=S,_.posMax=ue,!0}},9850:Ve=>{"use strict";var ae=/(?:^|[^a-z0-9.+-])([a-z][a-z0-9.+-]*)$/i;Ve.exports=function(e,o){var p,_,g,f,m,C,O,w;return!(!e.md.options.linkify||e.linkLevel>0||(p=e.pos,_=e.posMax,p+3>_)||58!==e.src.charCodeAt(p)||47!==e.src.charCodeAt(p+1)||47!==e.src.charCodeAt(p+2)||(g=e.pending.match(ae),!g)||(f=g[1],m=e.md.linkify.matchAtStart(e.src.slice(p-f.length)),!m)||(C=m.url,C.length<=f.length)||(C=C.replace(/\*+$/,""),O=e.md.normalizeLink(C),!e.md.validateLink(O))||(o||(e.pending=e.pending.slice(0,-f.length),(w=e.push("link_open","a",1)).attrs=[["href",O]],w.markup="linkify",w.info="auto",(w=e.push("text","",0)).content=e.md.normalizeLinkText(C),(w=e.push("link_close","a",-1)).markup="linkify",w.info="auto"),e.pos+=C.length-f.length,0))}},8254:(Ve,ae,s)=>{"use strict";var e=s(7504).isSpace;Ve.exports=function(p,_){var g,f,m,C=p.pos;if(10!==p.src.charCodeAt(C))return!1;if(g=p.pending.length-1,f=p.posMax,!_)if(g>=0&&32===p.pending.charCodeAt(g))if(g>=1&&32===p.pending.charCodeAt(g-1)){for(m=g-1;m>=1&&32===p.pending.charCodeAt(m-1);)m--;p.pending=p.pending.slice(0,m),p.push("hardbreak","br",0)}else p.pending=p.pending.slice(0,-1),p.push("softbreak","br",0);else p.push("softbreak","br",0);for(C++;C<f&&e(p.src.charCodeAt(C));)C++;return p.pos=C,!0}},9017:(Ve,ae,s)=>{"use strict";var e=s(8253),o=s(7504).isWhiteSpace,p=s(7504).isPunctChar,_=s(7504).isMdAsciiPunct;function g(f,m,C,O){this.src=f,this.env=C,this.md=m,this.tokens=O,this.tokens_meta=Array(O.length),this.pos=0,this.posMax=this.src.length,this.level=0,this.pending="",this.pendingLevel=0,this.cache={},this.delimiters=[],this._prev_delimiters=[],this.backticks={},this.backticksScanned=!1,this.linkLevel=0}g.prototype.pushPending=function(){var f=new e("text","",0);return f.content=this.pending,f.level=this.pendingLevel,this.tokens.push(f),this.pending="",f},g.prototype.push=function(f,m,C){this.pending&&this.pushPending();var O=new e(f,m,C),w=null;return C<0&&(this.level--,this.delimiters=this._prev_delimiters.pop()),O.level=this.level,C>0&&(this.level++,this._prev_delimiters.push(this.delimiters),this.delimiters=[],w={delimiters:this.delimiters}),this.pendingLevel=this.level,this.tokens.push(O),this.tokens_meta.push(w),O},g.prototype.scanDelims=function(f,m){var O,w,S,y,U,z,Z,le,Q,C=f,ue=!0,de=!0,X=this.posMax,B=this.src.charCodeAt(f);for(O=f>0?this.src.charCodeAt(f-1):32;C<X&&this.src.charCodeAt(C)===B;)C++;return S=C-f,w=C<X?this.src.charCodeAt(C):32,Z=_(O)||p(String.fromCharCode(O)),Q=_(w)||p(String.fromCharCode(w)),z=o(O),(le=o(w))?ue=!1:Q&&(z||Z||(ue=!1)),z?de=!1:Z&&(le||Q||(de=!1)),m?(y=ue,U=de):(y=ue&&(!de||Z),U=de&&(!ue||Q)),{can_open:y,can_close:U,length:S}},g.prototype.Token=e,Ve.exports=g},8032:Ve=>{"use strict";function ae(s,e){var o,p,_,g,f,m=[],C=e.length;for(o=0;o<C;o++)126===(_=e[o]).marker&&-1!==_.end&&(g=e[_.end],(f=s.tokens[_.token]).type="s_open",f.tag="s",f.nesting=1,f.markup="~~",f.content="",(f=s.tokens[g.token]).type="s_close",f.tag="s",f.nesting=-1,f.markup="~~",f.content="","text"===s.tokens[g.token-1].type&&"~"===s.tokens[g.token-1].content&&m.push(g.token-1));for(;m.length;){for(p=(o=m.pop())+1;p<s.tokens.length&&"s_close"===s.tokens[p].type;)p++;o!==--p&&(f=s.tokens[p],s.tokens[p]=s.tokens[o],s.tokens[o]=f)}}Ve.exports.w=function(e,o){var p,_,f,m,O=e.src.charCodeAt(e.pos);if(o||126!==O||(f=(_=e.scanDelims(e.pos,!0)).length,m=String.fromCharCode(O),f<2))return!1;for(f%2&&(e.push("text","",0).content=m,f--),p=0;p<f;p+=2)e.push("text","",0).content=m+m,e.delimiters.push({marker:O,length:0,token:e.tokens.length-1,end:-1,open:_.can_open,close:_.can_close});return e.pos+=_.length,!0},Ve.exports.g=function(e){var o,p=e.tokens_meta,_=e.tokens_meta.length;for(ae(e,e.delimiters),o=0;o<_;o++)p[o]&&p[o].delimiters&&ae(e,p[o].delimiters)}},6242:Ve=>{"use strict";function ae(s){switch(s){case 10:case 33:case 35:case 36:case 37:case 38:case 42:case 43:case 45:case 58:case 60:case 61:case 62:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 125:case 126:return!0;default:return!1}}Ve.exports=function(e,o){for(var p=e.pos;p<e.posMax&&!ae(e.src.charCodeAt(p));)p++;return p!==e.pos&&(o||(e.pending+=e.src.slice(e.pos,p)),e.pos=p,!0)}},8253:Ve=>{"use strict";function ae(s,e,o){this.type=s,this.tag=e,this.attrs=null,this.map=null,this.nesting=o,this.level=0,this.children=null,this.content="",this.markup="",this.info="",this.meta=null,this.block=!1,this.hidden=!1}ae.prototype.attrIndex=function(e){var o,p,_;if(!this.attrs)return-1;for(p=0,_=(o=this.attrs).length;p<_;p++)if(o[p][0]===e)return p;return-1},ae.prototype.attrPush=function(e){this.attrs?this.attrs.push(e):this.attrs=[e]},ae.prototype.attrSet=function(e,o){var p=this.attrIndex(e),_=[e,o];p<0?this.attrPush(_):this.attrs[p]=_},ae.prototype.attrGet=function(e){var o=this.attrIndex(e),p=null;return o>=0&&(p=this.attrs[o][1]),p},ae.prototype.attrJoin=function(e,o){var p=this.attrIndex(e);p<0?this.attrPush([e,o]):this.attrs[p][1]=this.attrs[p][1]+" "+o},Ve.exports=ae},5325:Ve=>{"use strict";var ae={};function e(o,p){var _;return"string"!=typeof p&&(p=e.defaultChars),_=function s(o){var p,_,g=ae[o];if(g)return g;for(g=ae[o]=[],p=0;p<128;p++)_=String.fromCharCode(p),g.push(_);for(p=0;p<o.length;p++)g[_=o.charCodeAt(p)]="%"+("0"+_.toString(16).toUpperCase()).slice(-2);return g}(p),o.replace(/(%[a-f0-9]{2})+/gi,function(g){var f,m,C,O,w,S,y,U="";for(f=0,m=g.length;f<m;f+=3)(C=parseInt(g.slice(f+1,f+3),16))<128?U+=_[C]:192==(224&C)&&f+3<m&&128==(192&(O=parseInt(g.slice(f+4,f+6),16)))?(U+=(y=C<<6&1984|63&O)<128?"\ufffd\ufffd":String.fromCharCode(y),f+=3):224==(240&C)&&f+6<m&&(O=parseInt(g.slice(f+4,f+6),16),w=parseInt(g.slice(f+7,f+9),16),128==(192&O)&&128==(192&w))?(U+=(y=C<<12&61440|O<<6&4032|63&w)<2048||y>=55296&&y<=57343?"\ufffd\ufffd\ufffd":String.fromCharCode(y),f+=6):240==(248&C)&&f+9<m&&(O=parseInt(g.slice(f+4,f+6),16),w=parseInt(g.slice(f+7,f+9),16),S=parseInt(g.slice(f+10,f+12),16),128==(192&O)&&128==(192&w)&&128==(192&S))?((y=C<<18&1835008|O<<12&258048|w<<6&4032|63&S)<65536||y>1114111?U+="\ufffd\ufffd\ufffd\ufffd":(y-=65536,U+=String.fromCharCode(55296+(y>>10),56320+(1023&y))),f+=9):U+="\ufffd";return U})}e.defaultChars=";/?:@&=+$,#",e.componentChars="",Ve.exports=e},9108:Ve=>{"use strict";var ae={};function e(o,p,_){var g,f,m,C,O,w="";for("string"!=typeof p&&(_=p,p=e.defaultChars),typeof _>"u"&&(_=!0),O=function s(o){var p,_,g=ae[o];if(g)return g;for(g=ae[o]=[],p=0;p<128;p++)_=String.fromCharCode(p),/^[0-9a-z]$/i.test(_)?g.push(_):g.push("%"+("0"+p.toString(16).toUpperCase()).slice(-2));for(p=0;p<o.length;p++)g[o.charCodeAt(p)]=o[p];return g}(p),g=0,f=o.length;g<f;g++)if(m=o.charCodeAt(g),_&&37===m&&g+2<f&&/^[0-9a-f]{2}$/i.test(o.slice(g+1,g+3)))w+=o.slice(g,g+3),g+=2;else if(m<128)w+=O[m];else if(m>=55296&&m<=57343){if(m>=55296&&m<=56319&&g+1<f&&(C=o.charCodeAt(g+1))>=56320&&C<=57343){w+=encodeURIComponent(o[g]+o[g+1]),g++;continue}w+="%EF%BF%BD"}else w+=encodeURIComponent(o[g]);return w}e.defaultChars=";/?:@&=+$,-_.!~*'()#",e.componentChars="-_.!~*'()",Ve.exports=e},3923:Ve=>{"use strict";Ve.exports=function(s){var e="";return e+=s.protocol||"",e+=s.slashes?"//":"",e+=s.auth?s.auth+"@":"",s.hostname&&-1!==s.hostname.indexOf(":")?e+="["+s.hostname+"]":e+=s.hostname||"",e+=s.port?":"+s.port:"",e+=s.pathname||"",(e+=s.search||"")+(s.hash||"")}},4149:(Ve,ae,s)=>{"use strict";Ve.exports.encode=s(9108),Ve.exports.decode=s(5325),Ve.exports.format=s(3923),Ve.exports.parse=s(4652)},4652:Ve=>{"use strict";function ae(){this.protocol=null,this.slashes=null,this.auth=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.pathname=null}var s=/^([a-z0-9.+-]+:)/i,e=/:[0-9]*$/,o=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,_=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),g=["'"].concat(_),f=["%","/","?",";","#"].concat(g),m=["/","?","#"],O=/^[+a-z0-9A-Z_-]{0,63}$/,w=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,S={javascript:!0,"javascript:":!0},y={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};ae.prototype.parse=function(z,Z){var le,Q,ue,de,X,B=z;if(B=B.trim(),!Z&&1===z.split("#").length){var K=o.exec(B);if(K)return this.pathname=K[1],K[2]&&(this.search=K[2]),this}var ne=s.exec(B);if(ne&&(ue=(ne=ne[0]).toLowerCase(),this.protocol=ne,B=B.substr(ne.length)),(Z||ne||B.match(/^\/\/[^@\/]+@[^@\/]+/))&&(X="//"===B.substr(0,2))&&!(ne&&S[ne])&&(B=B.substr(2),this.slashes=!0),!S[ne]&&(X||ne&&!y[ne])){var Le,Je,We=-1;for(le=0;le<m.length;le++)-1!==(de=B.indexOf(m[le]))&&(-1===We||de<We)&&(We=de);for(-1!==(Je=-1===We?B.lastIndexOf("@"):B.lastIndexOf("@",We))&&(Le=B.slice(0,Je),B=B.slice(Je+1),this.auth=Le),We=-1,le=0;le<f.length;le++)-1!==(de=B.indexOf(f[le]))&&(-1===We||de<We)&&(We=de);-1===We&&(We=B.length),":"===B[We-1]&&We--;var we=B.slice(0,We);B=B.slice(We),this.parseHost(we),this.hostname=this.hostname||"";var Te="["===this.hostname[0]&&"]"===this.hostname[this.hostname.length-1];if(!Te){var $e=this.hostname.split(/\./);for(le=0,Q=$e.length;le<Q;le++){var Ie=$e[le];if(Ie&&!Ie.match(O)){for(var G="",he=0,ye=Ie.length;he<ye;he++)Ie.charCodeAt(he)>127?G+="x":G+=Ie[he];if(!G.match(O)){var te=$e.slice(0,le),Re=$e.slice(le+1),q=Ie.match(w);q&&(te.push(q[1]),Re.unshift(q[2])),Re.length&&(B=Re.join(".")+B),this.hostname=te.join(".");break}}}}this.hostname.length>255&&(this.hostname=""),Te&&(this.hostname=this.hostname.substr(1,this.hostname.length-2))}var ce=B.indexOf("#");-1!==ce&&(this.hash=B.substr(ce),B=B.slice(0,ce));var be=B.indexOf("?");return-1!==be&&(this.search=B.substr(be),B=B.slice(0,be)),B&&(this.pathname=B),y[ue]&&this.hostname&&!this.pathname&&(this.pathname=""),this},ae.prototype.parseHost=function(z){var Z=e.exec(z);Z&&(":"!==(Z=Z[0])&&(this.port=Z.substr(1)),z=z.substr(0,z.length-Z.length)),z&&(this.hostname=z)},Ve.exports=function U(z,Z){if(z&&z instanceof ae)return z;var le=new ae;return le.parse(z,Z),le}},9959:(Ve,ae,s)=>{"use strict";s.d(ae,{rN:()=>G,y$:()=>Re,_l:()=>q});var e=s(4537),o=s(6215),p=s(9193),_=s(205),g=s(6693),f=s(9796),m=s(7393),C=s(377),O=s(5345);class S{constructor(be){this.resultSelector=be}call(be,N){return N.subscribe(new y(be,this.resultSelector))}}class y extends m.L{constructor(be,N,_e=Object.create(null)){super(be),this.resultSelector=N,this.iterators=[],this.active=0,this.resultSelector="function"==typeof N?N:void 0}_next(be){const N=this.iterators;(0,f.k)(be)?N.push(new z(be)):N.push("function"==typeof be[C.hZ]?new U(be[C.hZ]()):new Z(this.destination,this,be))}_complete(){const be=this.iterators,N=be.length;if(this.unsubscribe(),0!==N){this.active=N;for(let _e=0;_e<N;_e++){let ze=be[_e];ze.stillUnsubscribed?this.destination.add(ze.subscribe()):this.active--}}else this.destination.complete()}notifyInactive(){this.active--,0===this.active&&this.destination.complete()}checkIterators(){const be=this.iterators,N=be.length,_e=this.destination;for(let Et=0;Et<N;Et++){let Gt=be[Et];if("function"==typeof Gt.hasValue&&!Gt.hasValue())return}let ze=!1;const _t=[];for(let Et=0;Et<N;Et++){let Gt=be[Et],St=Gt.next();if(Gt.hasCompleted()&&(ze=!0),St.done)return void _e.complete();_t.push(St.value)}this.resultSelector?this._tryresultSelector(_t):_e.next(_t),ze&&_e.complete()}_tryresultSelector(be){let N;try{N=this.resultSelector.apply(this,be)}catch(_e){return void this.destination.error(_e)}this.destination.next(N)}}class U{constructor(be){this.iterator=be,this.nextResult=be.next()}hasValue(){return!0}next(){const be=this.nextResult;return this.nextResult=this.iterator.next(),be}hasCompleted(){const be=this.nextResult;return Boolean(be&&be.done)}}class z{constructor(be){this.array=be,this.index=0,this.length=0,this.length=be.length}[C.hZ](){return this}next(be){const N=this.index++;return N<this.length?{value:this.array[N],done:!1}:{value:null,done:!0}}hasValue(){return this.array.length>this.index}hasCompleted(){return this.array.length===this.index}}class Z extends O.Ds{constructor(be,N,_e){super(be),this.parent=N,this.observable=_e,this.stillUnsubscribed=!0,this.buffer=[],this.isComplete=!1}[C.hZ](){return this}next(){const be=this.buffer;return 0===be.length&&this.isComplete?{value:null,done:!0}:{value:be.shift(),done:!1}}hasValue(){return this.buffer.length>0}hasCompleted(){return 0===this.buffer.length&&this.isComplete}notifyComplete(){this.buffer.length>0?(this.isComplete=!0,this.parent.notifyInactive()):this.destination.complete()}notifyNext(be){this.buffer.push(be),this.parent.checkIterators()}subscribe(){return(0,O.ft)(this.observable,new O.IY(this))}}var le=s(6666),Q=s(3989),de=s(6493);const B=new class X extends de.v{flush(be){this.active=!0,this.scheduled=void 0;const{actions:N}=this;let _e,ze=-1,_t=N.length;be=be||N.shift();do{if(_e=be.execute(be.state,be.delay))break}while(++ze<_t&&(be=N.shift()));if(this.active=!1,_e){for(;++ze<_t&&(be=N.shift());)be.unsubscribe();throw _e}}}(class ue extends Q.o{constructor(be,N){super(be,N),this.scheduler=be,this.work=N}requestAsyncId(be,N,_e=0){return null!==_e&&_e>0?super.requestAsyncId(be,N,_e):(be.actions.push(this),be.scheduled||(be.scheduled=requestAnimationFrame(()=>be.flush(null))))}recycleAsyncId(be,N,_e=0){if(null!==_e&&_e>0||null===_e&&this.delay>0)return super.recycleAsyncId(be,N,_e);0===be.actions.length&&(cancelAnimationFrame(N),be.scheduled=void 0)}});var ne=s(5435),We=s(8002),Le=s(5257),Je=s(3190),we=s(8307),Te=s(5304),$e=s(8692),Ie=s(5998);const G=new e.OlP("HIGHLIGHT_OPTIONS");let he=(()=>{class ce{constructor(N,_e,ze){this._options=ze,this._ready=new o.X(null),this.ready=this._ready.asObservable().pipe((0,ne.h)(_t=>!!_t),(0,We.U)(_t=>_t),(0,Le.q)(1)),(0,$e.NF)(_e)&&N.defaultView.hljs?this._ready.next(N.defaultView.hljs):this._loadLibrary().pipe((0,Je.w)(_t=>this._options&&this._options.lineNumbersLoader?(N.defaultView.hljs=_t,this.loadLineNumbers().pipe((0,we.b)(()=>this._ready.next(_t)))):(this._ready.next(_t),p.E)),(0,Te.K)(_t=>(console.error("[HLJS] ",_t),p.E))).subscribe()}_loadLibrary(){if(this._options){if(this._options.fullLibraryLoader&&this._options.coreLibraryLoader)return(0,_._)("The full library and the core library were imported, only one of them should be imported!");if(this._options.fullLibraryLoader&&this._options.languages)return(0,_._)("The highlighting languages were imported they are not needed!");if(this._options.coreLibraryLoader&&!this._options.languages)return(0,_._)("The highlighting languages were not imported!");if(!this._options.coreLibraryLoader&&this._options.languages)return(0,_._)("The core library was not imported!");if(this._options.fullLibraryLoader)return this.loadFullLibrary();if(this._options.coreLibraryLoader&&this._options.languages&&Object.keys(this._options.languages).length)return this.loadCoreLibrary().pipe((0,Je.w)(N=>this._loadLanguages(N)))}return(0,_._)("Highlight.js library was not imported!")}_loadLanguages(N){return function w(...ce){const be=ce[ce.length-1];return"function"==typeof be&&ce.pop(),(0,g.n)(ce,void 0).lift(new S(be))}(...Object.entries(this._options.languages).map(([ze,_t])=>ye(_t()).pipe((0,we.b)(Et=>N.registerLanguage(ze,Et))))).pipe((0,We.U)(()=>N))}loadCoreLibrary(){return ye(this._options.coreLibraryLoader())}loadFullLibrary(){return ye(this._options.fullLibraryLoader())}loadLineNumbers(){return ye(this._options.lineNumbersLoader())}}return ce.\u0275fac=function(N){return new(N||ce)(e.LFG($e.K0),e.LFG(e.Lbi),e.LFG(G,8))},ce.\u0275prov=e.Yz7({token:ce,factory:ce.\u0275fac,providedIn:"root"}),ce})();const ye=ce=>(0,le.D)(ce).pipe((0,ne.h)(be=>!!be&&!!be.default),(0,We.U)(be=>be.default));let te=(()=>{class ce{constructor(N,_e){this._loader=N,this._hljs=null,N.ready.subscribe(ze=>{this._hljs=ze,_e&&_e.config&&(ze.configure(_e.config),ze.listLanguages().length<1&&console.error("[HighlightJS]: No languages were registered!"))})}get hljs(){return this._hljs}highlight(N,{language:_e,ignoreIllegals:ze}){return this._loader.ready.pipe((0,We.U)(_t=>_t.highlight(N,{language:_e,ignoreIllegals:ze})))}highlightAuto(N,_e){return this._loader.ready.pipe((0,We.U)(ze=>ze.highlightAuto(N,_e)))}highlightElement(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.highlightElement(N)))}highlightAll(){return this._loader.ready.pipe((0,We.U)(N=>N.highlightAll()))}configure(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.configure(N)))}registerLanguage(N,_e){return this._loader.ready.pipe((0,we.b)(ze=>ze.registerLanguage(N,_e)))}unregisterLanguage(N){return this._loader.ready.pipe((0,we.b)(_e=>_e.unregisterLanguage(N)))}registerAliases(N,{languageName:_e}){return this._loader.ready.pipe((0,we.b)(ze=>ze.registerAliases(N,{languageName:_e})))}listLanguages(){return this._loader.ready.pipe((0,We.U)(N=>N.listLanguages()))}getLanguage(N){return this._loader.ready.pipe((0,We.U)(_e=>_e.getLanguage(N)))}safeMode(){return this._loader.ready.pipe((0,We.U)(N=>N.safeMode()))}debugMode(){return this._loader.ready.pipe((0,We.U)(N=>N.debugMode()))}lineNumbersBlock(N){return this._loader.ready.pipe((0,ne.h)(_e=>!!_e.lineNumbersBlock),(0,we.b)(_e=>_e.lineNumbersBlock(N)))}}return ce.\u0275fac=function(N){return new(N||ce)(e.LFG(he),e.LFG(G,8))},ce.\u0275prov=e.Yz7({token:ce,factory:ce.\u0275fac,providedIn:"root"}),ce})(),Re=(()=>{class ce{constructor(N,_e,ze,_t){this._hljs=_e,this._sanitizer=ze,this._options=_t,this.highlighted=new e.vpe,this._nativeElement=N.nativeElement}ngOnChanges(N){var _e;this.code&&null!==(_e=null==N?void 0:N.code)&&void 0!==_e&&_e.currentValue&&N.code.currentValue!==N.code.previousValue&&this.highlightElement(this.code,this.languages)}highlightElement(N,_e){this.setTextContent(N),this._hljs.highlightAuto(N,_e).subscribe(ze=>{this.setInnerHTML(ze.value||null),this.lineNumbers&&this._options&&this._options.lineNumbersLoader&&this.addLineNumbers(),this.highlighted.emit(ze)})}addLineNumbers(){this.destroyLineNumbersObserver(),B.schedule(()=>{this._hljs.lineNumbersBlock(this._nativeElement).subscribe(),this._lineNumbersObs=new MutationObserver(()=>{this._nativeElement.firstElementChild&&"TABLE"===this._nativeElement.firstElementChild.tagName.toUpperCase()&&this._nativeElement.classList.add("hljs-line-numbers"),this.destroyLineNumbersObserver()}),this._lineNumbersObs.observe(this._nativeElement,{childList:!0})})}destroyLineNumbersObserver(){this._lineNumbersObs&&(this._lineNumbersObs.disconnect(),this._lineNumbersObs=null)}setTextContent(N){B.schedule(()=>this._nativeElement.textContent=N)}setInnerHTML(N){B.schedule(()=>this._nativeElement.innerHTML=this._sanitizer.sanitize(e.q3G.HTML,N)||"")}}return ce.\u0275fac=function(N){return new(N||ce)(e.Y36(e.SBq),e.Y36(te),e.Y36(Ie.H7),e.Y36(G,8))},ce.\u0275dir=e.lG2({type:ce,selectors:[["","highlight",""]],hostVars:2,hostBindings:function(N,_e){2&N&&e.ekj("hljs",!0)},inputs:{code:["highlight","code"],languages:"languages",lineNumbers:"lineNumbers"},outputs:{highlighted:"highlighted"},features:[e.TTD]}),ce})(),q=(()=>{class ce{}return ce.\u0275fac=function(N){return new(N||ce)},ce.\u0275mod=e.oAB({type:ce}),ce.\u0275inj=e.cJS({}),ce})()},1911:(Ve,ae,s)=>{"use strict";s.r(ae),s.d(ae,{decode:()=>Le,default:()=>Ie,encode:()=>Je,toASCII:()=>Te,toUnicode:()=>we,ucs2decode:()=>X,ucs2encode:()=>B});const e=2147483647,o=36,w=/^xn--/,S=/[^\0-\x7F]/,y=/[\x2E\u3002\uFF0E\uFF61]/g,U={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},Z=Math.floor,le=String.fromCharCode;function Q(G){throw new RangeError(U[G])}function de(G,he){const ye=G.split("@");let te="";ye.length>1&&(te=ye[0]+"@",G=ye[1]);const q=function ue(G,he){const ye=[];let te=G.length;for(;te--;)ye[te]=he(G[te]);return ye}((G=G.replace(y,".")).split("."),he).join(".");return te+q}function X(G){const he=[];let ye=0;const te=G.length;for(;ye<te;){const Re=G.charCodeAt(ye++);if(Re>=55296&&Re<=56319&&ye<te){const q=G.charCodeAt(ye++);56320==(64512&q)?he.push(((1023&Re)<<10)+(1023&q)+65536):(he.push(Re),ye--)}else he.push(Re)}return he}const B=G=>String.fromCodePoint(...G),K=function(G){return G>=48&&G<58?G-48+26:G>=65&&G<91?G-65:G>=97&&G<123?G-97:o},ne=function(G,he){return G+22+75*(G<26)-((0!=he)<<5)},We=function(G,he,ye){let te=0;for(G=ye?Z(G/700):G>>1,G+=Z(G/he);G>455;te+=o)G=Z(G/35);return Z(te+36*G/(G+38))},Le=function(G){const he=[],ye=G.length;let te=0,Re=128,q=72,ce=G.lastIndexOf("-");ce<0&&(ce=0);for(let be=0;be<ce;++be)G.charCodeAt(be)>=128&&Q("not-basic"),he.push(G.charCodeAt(be));for(let be=ce>0?ce+1:0;be<ye;){const N=te;for(let ze=1,_t=o;;_t+=o){be>=ye&&Q("invalid-input");const Et=K(G.charCodeAt(be++));Et>=o&&Q("invalid-input"),Et>Z((e-te)/ze)&&Q("overflow"),te+=Et*ze;const Gt=_t<=q?1:_t>=q+26?26:_t-q;if(Et<Gt)break;const St=o-Gt;ze>Z(e/St)&&Q("overflow"),ze*=St}const _e=he.length+1;q=We(te-N,_e,0==N),Z(te/_e)>e-Re&&Q("overflow"),Re+=Z(te/_e),te%=_e,he.splice(te++,0,Re)}return String.fromCodePoint(...he)},Je=function(G){const he=[],ye=(G=X(G)).length;let te=128,Re=0,q=72;for(const N of G)N<128&&he.push(le(N));const ce=he.length;let be=ce;for(ce&&he.push("-");be<ye;){let N=e;for(const ze of G)ze>=te&&ze<N&&(N=ze);const _e=be+1;N-te>Z((e-Re)/_e)&&Q("overflow"),Re+=(N-te)*_e,te=N;for(const ze of G)if(ze<te&&++Re>e&&Q("overflow"),ze===te){let _t=Re;for(let Et=o;;Et+=o){const Gt=Et<=q?1:Et>=q+26?26:Et-q;if(_t<Gt)break;const St=_t-Gt,qt=o-Gt;he.push(le(ne(Gt+St%qt,0))),_t=Z(St/qt)}he.push(le(ne(_t,0))),q=We(Re,_e,be===ce),Re=0,++be}++Re,++te}return he.join("")},we=function(G){return de(G,function(he){return w.test(he)?Le(he.slice(4).toLowerCase()):he})},Te=function(G){return de(G,function(he){return S.test(he)?"xn--"+Je(he):he})},Ie={version:"2.3.1",ucs2:{decode:X,encode:B},decode:Le,encode:Je,toASCII:Te,toUnicode:we}},6215:(Ve,ae,s)=>{"use strict";s.d(ae,{X:()=>p});var e=s(9765),o=s(7971);class p extends e.xQ{constructor(g){super(),this._value=g}get value(){return this.getValue()}_subscribe(g){const f=super._subscribe(g);return f&&!f.closed&&g.next(this._value),f}getValue(){if(this.hasError)throw this.thrownError;if(this.closed)throw new o.N;return this._value}next(g){super.next(this._value=g)}}},3098:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>g});var e=s(9193),o=s(5917),p=s(205);class g{constructor(m,C,O){this.kind=m,this.value=C,this.error=O,this.hasValue="N"===m}observe(m){switch(this.kind){case"N":return m.next&&m.next(this.value);case"E":return m.error&&m.error(this.error);case"C":return m.complete&&m.complete()}}do(m,C,O){switch(this.kind){case"N":return m&&m(this.value);case"E":return C&&C(this.error);case"C":return O&&O()}}accept(m,C,O){return m&&"function"==typeof m.next?this.observe(m):this.do(m,C,O)}toObservable(){switch(this.kind){case"N":return(0,o.of)(this.value);case"E":return(0,p._)(this.error);case"C":return(0,e.c)()}throw new Error("unexpected notification kind value")}static createNext(m){return typeof m<"u"?new g("N",m):g.undefinedValueNotification}static createError(m){return new g("E",void 0,m)}static createComplete(){return g.completeNotification}}g.completeNotification=new g("C"),g.undefinedValueNotification=new g("N",void 0)},882:(Ve,ae,s)=>{"use strict";s.d(ae,{y:()=>O});var e=s(7393),p=s(9181),_=s(6490),f=s(6554),m=s(4022),C=s(2494);let O=(()=>{class S{constructor(U){this._isScalar=!1,U&&(this._subscribe=U)}lift(U){const z=new S;return z.source=this,z.operator=U,z}subscribe(U,z,Z){const{operator:le}=this,Q=function g(S,y,U){if(S){if(S instanceof e.L)return S;if(S[p.b])return S[p.b]()}return S||y||U?new e.L(S,y,U):new e.L(_.c)}(U,z,Z);if(Q.add(le?le.call(Q,this.source):this.source||C.v.useDeprecatedSynchronousErrorHandling&&!Q.syncErrorThrowable?this._subscribe(Q):this._trySubscribe(Q)),C.v.useDeprecatedSynchronousErrorHandling&&Q.syncErrorThrowable&&(Q.syncErrorThrowable=!1,Q.syncErrorThrown))throw Q.syncErrorValue;return Q}_trySubscribe(U){try{return this._subscribe(U)}catch(z){C.v.useDeprecatedSynchronousErrorHandling&&(U.syncErrorThrown=!0,U.syncErrorValue=z),function o(S){for(;S;){const{closed:y,destination:U,isStopped:z}=S;if(y||z)return!1;S=U&&U instanceof e.L?U:null}return!0}(U)?U.error(z):console.warn(z)}}forEach(U,z){return new(z=w(z))((Z,le)=>{let Q;Q=this.subscribe(ue=>{try{U(ue)}catch(de){le(de),Q&&Q.unsubscribe()}},le,Z)})}_subscribe(U){const{source:z}=this;return z&&z.subscribe(U)}[f.L](){return this}pipe(...U){return 0===U.length?this:(0,m.U)(U)(this)}toPromise(U){return new(U=w(U))((z,Z)=>{let le;this.subscribe(Q=>le=Q,Q=>Z(Q),()=>z(le))})}}return S.create=y=>new S(y),S})();function w(S){if(S||(S=C.v.Promise||Promise),!S)throw new Error("no Promise impl found");return S}},6490:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>p});var e=s(2494),o=s(4449);const p={closed:!0,next(_){},error(_){if(e.v.useDeprecatedSynchronousErrorHandling)throw _;(0,o.z)(_)},complete(){}}},5197:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>o});var e=s(7393);class o extends e.L{notifyNext(_,g,f,m,C){this.destination.next(g)}notifyError(_,g){this.destination.error(_)}notifyComplete(_){this.destination.complete()}}},8447:(Ve,ae,s)=>{"use strict";s.d(ae,{t:()=>Q});var e=s(9765),o=s(3989),_=s(6493);const m=new class g extends _.v{}(class p extends o.o{constructor(X,B){super(X,B),this.scheduler=X,this.work=B}schedule(X,B=0){return B>0?super.schedule(X,B):(this.delay=B,this.state=X,this.scheduler.flush(this),this)}execute(X,B){return B>0||this.closed?super.execute(X,B):this._execute(X,B)}requestAsyncId(X,B,K=0){return null!==K&&K>0||null===K&&this.delay>0?super.requestAsyncId(X,B,K):X.flush(this)}});var C=s(3464),O=s(7393),w=s(3098);class U extends O.L{constructor(X,B,K=0){super(X),this.scheduler=B,this.delay=K}static dispatch(X){const{notification:B,destination:K}=X;B.observe(K),this.unsubscribe()}scheduleMessage(X){this.destination.add(this.scheduler.schedule(U.dispatch,this.delay,new z(X,this.destination)))}_next(X){this.scheduleMessage(w.P.createNext(X))}_error(X){this.scheduleMessage(w.P.createError(X)),this.unsubscribe()}_complete(){this.scheduleMessage(w.P.createComplete()),this.unsubscribe()}}class z{constructor(X,B){this.notification=X,this.destination=B}}var Z=s(7971),le=s(8858);class Q extends e.xQ{constructor(X=Number.POSITIVE_INFINITY,B=Number.POSITIVE_INFINITY,K){super(),this.scheduler=K,this._events=[],this._infiniteTimeWindow=!1,this._bufferSize=X<1?1:X,this._windowTime=B<1?1:B,B===Number.POSITIVE_INFINITY?(this._infiniteTimeWindow=!0,this.next=this.nextInfiniteTimeWindow):this.next=this.nextTimeWindow}nextInfiniteTimeWindow(X){if(!this.isStopped){const B=this._events;B.push(X),B.length>this._bufferSize&&B.shift()}super.next(X)}nextTimeWindow(X){this.isStopped||(this._events.push(new ue(this._getNow(),X)),this._trimBufferThenGetEvents()),super.next(X)}_subscribe(X){const B=this._infiniteTimeWindow,K=B?this._events:this._trimBufferThenGetEvents(),ne=this.scheduler,We=K.length;let Le;if(this.closed)throw new Z.N;if(this.isStopped||this.hasError?Le=C.w.EMPTY:(this.observers.push(X),Le=new le.W(this,X)),ne&&X.add(X=new U(X,ne)),B)for(let Je=0;Je<We&&!X.closed;Je++)X.next(K[Je]);else for(let Je=0;Je<We&&!X.closed;Je++)X.next(K[Je].value);return this.hasError?X.error(this.thrownError):this.isStopped&&X.complete(),Le}_getNow(){return(this.scheduler||m).now()}_trimBufferThenGetEvents(){const X=this._getNow(),B=this._bufferSize,K=this._windowTime,ne=this._events,We=ne.length;let Le=0;for(;Le<We&&!(X-ne[Le].time<K);)Le++;return We>B&&(Le=Math.max(Le,We-B)),Le>0&&ne.splice(0,Le),ne}}class ue{constructor(X,B){this.time=X,this.value=B}}},9765:(Ve,ae,s)=>{"use strict";s.d(ae,{Yc:()=>m,xQ:()=>C});var e=s(882),o=s(7393),p=s(3464),_=s(7971),g=s(8858),f=s(9181);class m extends o.L{constructor(S){super(S),this.destination=S}}let C=(()=>{class w extends e.y{constructor(){super(),this.observers=[],this.closed=!1,this.isStopped=!1,this.hasError=!1,this.thrownError=null}[f.b](){return new m(this)}lift(y){const U=new O(this,this);return U.operator=y,U}next(y){if(this.closed)throw new _.N;if(!this.isStopped){const{observers:U}=this,z=U.length,Z=U.slice();for(let le=0;le<z;le++)Z[le].next(y)}}error(y){if(this.closed)throw new _.N;this.hasError=!0,this.thrownError=y,this.isStopped=!0;const{observers:U}=this,z=U.length,Z=U.slice();for(let le=0;le<z;le++)Z[le].error(y);this.observers.length=0}complete(){if(this.closed)throw new _.N;this.isStopped=!0;const{observers:y}=this,U=y.length,z=y.slice();for(let Z=0;Z<U;Z++)z[Z].complete();this.observers.length=0}unsubscribe(){this.isStopped=!0,this.closed=!0,this.observers=null}_trySubscribe(y){if(this.closed)throw new _.N;return super._trySubscribe(y)}_subscribe(y){if(this.closed)throw new _.N;return this.hasError?(y.error(this.thrownError),p.w.EMPTY):this.isStopped?(y.complete(),p.w.EMPTY):(this.observers.push(y),new g.W(this,y))}asObservable(){const y=new e.y;return y.source=this,y}}return w.create=(S,y)=>new O(S,y),w})();class O extends C{constructor(S,y){super(),this.destination=S,this.source=y}next(S){const{destination:y}=this;y&&y.next&&y.next(S)}error(S){const{destination:y}=this;y&&y.error&&this.destination.error(S)}complete(){const{destination:S}=this;S&&S.complete&&this.destination.complete()}_subscribe(S){const{source:y}=this;return y?this.source.subscribe(S):p.w.EMPTY}}},8858:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>o});var e=s(3464);class o extends e.w{constructor(_,g){super(),this.subject=_,this.subscriber=g,this.closed=!1}unsubscribe(){if(this.closed)return;this.closed=!0;const _=this.subject,g=_.observers;if(this.subject=null,!g||0===g.length||_.isStopped||_.closed)return;const f=g.indexOf(this.subscriber);-1!==f&&g.splice(f,1)}}},7393:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>m});var e=s(9105),o=s(6490),p=s(3464),_=s(9181),g=s(2494),f=s(4449);class m extends p.w{constructor(w,S,y){switch(super(),this.syncErrorValue=null,this.syncErrorThrown=!1,this.syncErrorThrowable=!1,this.isStopped=!1,arguments.length){case 0:this.destination=o.c;break;case 1:if(!w){this.destination=o.c;break}if("object"==typeof w){w instanceof m?(this.syncErrorThrowable=w.syncErrorThrowable,this.destination=w,w.add(this)):(this.syncErrorThrowable=!0,this.destination=new C(this,w));break}default:this.syncErrorThrowable=!0,this.destination=new C(this,w,S,y)}}[_.b](){return this}static create(w,S,y){const U=new m(w,S,y);return U.syncErrorThrowable=!1,U}next(w){this.isStopped||this._next(w)}error(w){this.isStopped||(this.isStopped=!0,this._error(w))}complete(){this.isStopped||(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe())}_next(w){this.destination.next(w)}_error(w){this.destination.error(w),this.unsubscribe()}_complete(){this.destination.complete(),this.unsubscribe()}_unsubscribeAndRecycle(){const{_parentOrParents:w}=this;return this._parentOrParents=null,this.unsubscribe(),this.closed=!1,this.isStopped=!1,this._parentOrParents=w,this}}class C extends m{constructor(w,S,y,U){super(),this._parentSubscriber=w;let z,Z=this;(0,e.m)(S)?z=S:S&&(z=S.next,y=S.error,U=S.complete,S!==o.c&&(Z=Object.create(S),(0,e.m)(Z.unsubscribe)&&this.add(Z.unsubscribe.bind(Z)),Z.unsubscribe=this.unsubscribe.bind(this))),this._context=Z,this._next=z,this._error=y,this._complete=U}next(w){if(!this.isStopped&&this._next){const{_parentSubscriber:S}=this;g.v.useDeprecatedSynchronousErrorHandling&&S.syncErrorThrowable?this.__tryOrSetError(S,this._next,w)&&this.unsubscribe():this.__tryOrUnsub(this._next,w)}}error(w){if(!this.isStopped){const{_parentSubscriber:S}=this,{useDeprecatedSynchronousErrorHandling:y}=g.v;if(this._error)y&&S.syncErrorThrowable?(this.__tryOrSetError(S,this._error,w),this.unsubscribe()):(this.__tryOrUnsub(this._error,w),this.unsubscribe());else if(S.syncErrorThrowable)y?(S.syncErrorValue=w,S.syncErrorThrown=!0):(0,f.z)(w),this.unsubscribe();else{if(this.unsubscribe(),y)throw w;(0,f.z)(w)}}}complete(){if(!this.isStopped){const{_parentSubscriber:w}=this;if(this._complete){const S=()=>this._complete.call(this._context);g.v.useDeprecatedSynchronousErrorHandling&&w.syncErrorThrowable?(this.__tryOrSetError(w,S),this.unsubscribe()):(this.__tryOrUnsub(S),this.unsubscribe())}else this.unsubscribe()}}__tryOrUnsub(w,S){try{w.call(this._context,S)}catch(y){if(this.unsubscribe(),g.v.useDeprecatedSynchronousErrorHandling)throw y;(0,f.z)(y)}}__tryOrSetError(w,S,y){if(!g.v.useDeprecatedSynchronousErrorHandling)throw new Error("bad call");try{S.call(this._context,y)}catch(U){return g.v.useDeprecatedSynchronousErrorHandling?(w.syncErrorValue=U,w.syncErrorThrown=!0,!0):((0,f.z)(U),!0)}return!1}_unsubscribe(){const{_parentSubscriber:w}=this;this._context=null,this._parentSubscriber=null,w.unsubscribe()}}},3464:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>f});var e=s(9796),o=s(1555),p=s(9105);const g=(()=>{function C(O){return Error.call(this),this.message=O?`${O.length} errors occurred during unsubscription:\n${O.map((w,S)=>`${S+1}) ${w.toString()}`).join("\n  ")}`:"",this.name="UnsubscriptionError",this.errors=O,this}return C.prototype=Object.create(Error.prototype),C})();class f{constructor(O){this.closed=!1,this._parentOrParents=null,this._subscriptions=null,O&&(this._ctorUnsubscribe=!0,this._unsubscribe=O)}unsubscribe(){let O;if(this.closed)return;let{_parentOrParents:w,_ctorUnsubscribe:S,_unsubscribe:y,_subscriptions:U}=this;if(this.closed=!0,this._parentOrParents=null,this._subscriptions=null,w instanceof f)w.remove(this);else if(null!==w)for(let z=0;z<w.length;++z)w[z].remove(this);if((0,p.m)(y)){S&&(this._unsubscribe=void 0);try{y.call(this)}catch(z){O=z instanceof g?m(z.errors):[z]}}if((0,e.k)(U)){let z=-1,Z=U.length;for(;++z<Z;){const le=U[z];if((0,o.K)(le))try{le.unsubscribe()}catch(Q){O=O||[],Q instanceof g?O=O.concat(m(Q.errors)):O.push(Q)}}}if(O)throw new g(O)}add(O){let w=O;if(!O)return f.EMPTY;switch(typeof O){case"function":w=new f(O);case"object":if(w===this||w.closed||"function"!=typeof w.unsubscribe)return w;if(this.closed)return w.unsubscribe(),w;if(!(w instanceof f)){const U=w;w=new f,w._subscriptions=[U]}break;default:throw new Error("unrecognized teardown "+O+" added to Subscription.")}let{_parentOrParents:S}=w;if(null===S)w._parentOrParents=this;else if(S instanceof f){if(S===this)return w;w._parentOrParents=[S,this]}else{if(-1!==S.indexOf(this))return w;S.push(this)}const y=this._subscriptions;return null===y?this._subscriptions=[w]:y.push(w),w}remove(O){const w=this._subscriptions;if(w){const S=w.indexOf(O);-1!==S&&w.splice(S,1)}}}var C;function m(C){return C.reduce((O,w)=>O.concat(w instanceof g?w.errors:w),[])}f.EMPTY=((C=new f).closed=!0,C)},2494:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>o});let e=!1;const o={Promise:void 0,set useDeprecatedSynchronousErrorHandling(p){if(p){const _=new Error;console.warn("DEPRECATED! RxJS was set to use deprecated synchronous error handling behavior by code at: \n"+_.stack)}else e&&console.log("RxJS: Back to a better error behavior. Thank you. <3");e=p},get useDeprecatedSynchronousErrorHandling(){return e}}},5345:(Ve,ae,s)=>{"use strict";s.d(ae,{Ds:()=>f,IY:()=>_,ft:()=>C});var e=s(7393),o=s(882),p=s(9846);class _ extends e.L{constructor(w){super(),this.parent=w}_next(w){this.parent.notifyNext(w)}_error(w){this.parent.notifyError(w),this.unsubscribe()}_complete(){this.parent.notifyComplete(),this.unsubscribe()}}class f extends e.L{notifyNext(w){this.destination.next(w)}notifyError(w){this.destination.error(w)}notifyComplete(){this.destination.complete()}}function C(O,w){if(w.closed)return;if(O instanceof o.y)return O.subscribe(w);let S;try{S=(0,p.s)(O)(w)}catch(y){w.error(y)}return S}},2441:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>f,c:()=>g});var e=s(9765),o=s(882),p=s(3464),_=s(1307);class g extends o.y{constructor(S,y){super(),this.source=S,this.subjectFactory=y,this._refCount=0,this._isComplete=!1}_subscribe(S){return this.getSubject().subscribe(S)}getSubject(){const S=this._subject;return(!S||S.isStopped)&&(this._subject=this.subjectFactory()),this._subject}connect(){let S=this._connection;return S||(this._isComplete=!1,S=this._connection=new p.w,S.add(this.source.subscribe(new m(this.getSubject(),this))),S.closed&&(this._connection=null,S=p.w.EMPTY)),S}refCount(){return(0,_.x)()(this)}}const f=(()=>{const w=g.prototype;return{operator:{value:null},_refCount:{value:0,writable:!0},_subject:{value:null,writable:!0},_connection:{value:null,writable:!0},_subscribe:{value:w._subscribe},_isComplete:{value:w._isComplete,writable:!0},getSubject:{value:w.getSubject},connect:{value:w.connect},refCount:{value:w.refCount}}})();class m extends e.Yc{constructor(S,y){super(S),this.connectable=y}_error(S){this._unsubscribe(),super._error(S)}_complete(){this.connectable._isComplete=!0,this._unsubscribe(),super._complete()}_unsubscribe(){const S=this.connectable;if(S){this.connectable=null;const y=S._connection;S._refCount=0,S._subject=null,S._connection=null,y&&y.unsubscribe()}}}},9112:(Ve,ae,s)=>{"use strict";s.d(ae,{aj:()=>m});var e=s(4869),o=s(9796),p=s(5197),_=s(3960),g=s(6693);const f={};function m(...w){let S,y;return(0,e.K)(w[w.length-1])&&(y=w.pop()),"function"==typeof w[w.length-1]&&(S=w.pop()),1===w.length&&(0,o.k)(w[0])&&(w=w[0]),(0,g.n)(w,y).lift(new C(S))}class C{constructor(S){this.resultSelector=S}call(S,y){return y.subscribe(new O(S,this.resultSelector))}}class O extends p.L{constructor(S,y){super(S),this.resultSelector=y,this.active=0,this.values=[],this.observables=[]}_next(S){this.values.push(f),this.observables.push(S)}_complete(){const S=this.observables,y=S.length;if(0===y)this.destination.complete();else{this.active=y,this.toRespond=y;for(let U=0;U<y;U++)this.add((0,_.D)(this,S[U],void 0,U))}}notifyComplete(S){0==(this.active-=1)&&this.destination.complete()}notifyNext(S,y,U){const z=this.values,le=this.toRespond?z[U]===f?--this.toRespond:this.toRespond:0;z[U]=y,0===le&&(this.resultSelector?this._tryResultSelector(z):this.destination.next(z.slice()))}_tryResultSelector(S){let y;try{y=this.resultSelector.apply(this,S)}catch(U){return void this.destination.error(U)}this.destination.next(y)}}},6481:(Ve,ae,s)=>{"use strict";s.d(ae,{z:()=>_});var e=s(5917),o=s(3282);function _(...g){return function p(){return(0,o.J)(1)}()((0,e.of)(...g))}},1439:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>_});var e=s(882),o=s(6666),p=s(9193);function _(g){return new e.y(f=>{let m;try{m=g()}catch(O){return void f.error(O)}return(m?(0,o.D)(m):(0,p.c)()).subscribe(f)})}},9193:(Ve,ae,s)=>{"use strict";s.d(ae,{E:()=>o,c:()=>p});var e=s(882);const o=new e.y(g=>g.complete());function p(g){return g?function _(g){return new e.y(f=>g.schedule(()=>f.complete()))}(g):o}},6666:(Ve,ae,s)=>{"use strict";s.d(ae,{D:()=>Z});var e=s(882),o=s(9846),p=s(3464),_=s(6554),m=s(4087),C=s(377),S=s(4072),y=s(9489);function Z(le,Q){return Q?function z(le,Q){if(null!=le){if(function w(le){return le&&"function"==typeof le[_.L]}(le))return function g(le,Q){return new e.y(ue=>{const de=new p.w;return de.add(Q.schedule(()=>{const X=le[_.L]();de.add(X.subscribe({next(B){de.add(Q.schedule(()=>ue.next(B)))},error(B){de.add(Q.schedule(()=>ue.error(B)))},complete(){de.add(Q.schedule(()=>ue.complete()))}}))})),de})}(le,Q);if((0,S.t)(le))return function f(le,Q){return new e.y(ue=>{const de=new p.w;return de.add(Q.schedule(()=>le.then(X=>{de.add(Q.schedule(()=>{ue.next(X),de.add(Q.schedule(()=>ue.complete()))}))},X=>{de.add(Q.schedule(()=>ue.error(X)))}))),de})}(le,Q);if((0,y.z)(le))return(0,m.r)(le,Q);if(function U(le){return le&&"function"==typeof le[C.hZ]}(le)||"string"==typeof le)return function O(le,Q){if(!le)throw new Error("Iterable cannot be null");return new e.y(ue=>{const de=new p.w;let X;return de.add(()=>{X&&"function"==typeof X.return&&X.return()}),de.add(Q.schedule(()=>{X=le[C.hZ](),de.add(Q.schedule(function(){if(ue.closed)return;let B,K;try{const ne=X.next();B=ne.value,K=ne.done}catch(ne){return void ue.error(ne)}K?ue.complete():(ue.next(B),this.schedule())}))})),de})}(le,Q)}throw new TypeError((null!==le&&typeof le||le)+" is not observable")}(le,Q):le instanceof e.y?le:new e.y((0,o.s)(le))}},6693:(Ve,ae,s)=>{"use strict";s.d(ae,{n:()=>_});var e=s(882),o=s(5015),p=s(4087);function _(g,f){return f?(0,p.r)(g,f):new e.y((0,o.V)(g))}},2759:(Ve,ae,s)=>{"use strict";s.d(ae,{R:()=>f});var e=s(882),o=s(9796),p=s(9105),_=s(8002);function f(S,y,U,z){return(0,p.m)(U)&&(z=U,U=void 0),z?f(S,y,U).pipe((0,_.U)(Z=>(0,o.k)(Z)?z(...Z):z(Z))):new e.y(Z=>{m(S,y,function le(Q){Z.next(arguments.length>1?Array.prototype.slice.call(arguments):Q)},Z,U)})}function m(S,y,U,z,Z){let le;if(function w(S){return S&&"function"==typeof S.addEventListener&&"function"==typeof S.removeEventListener}(S)){const Q=S;S.addEventListener(y,U,Z),le=()=>Q.removeEventListener(y,U,Z)}else if(function O(S){return S&&"function"==typeof S.on&&"function"==typeof S.off}(S)){const Q=S;S.on(y,U),le=()=>Q.off(y,U)}else if(function C(S){return S&&"function"==typeof S.addListener&&"function"==typeof S.removeListener}(S)){const Q=S;S.addListener(y,U),le=()=>Q.removeListener(y,U)}else{if(!S||!S.length)throw new TypeError("Invalid event target");for(let Q=0,ue=S.length;Q<ue;Q++)m(S[Q],y,U,z,Z)}z.add(le)}},6682:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>g});var e=s(882),o=s(4869),p=s(3282),_=s(6693);function g(...f){let m=Number.POSITIVE_INFINITY,C=null,O=f[f.length-1];return(0,o.K)(O)?(C=f.pop(),f.length>1&&"number"==typeof f[f.length-1]&&(m=f.pop())):"number"==typeof O&&(m=f.pop()),null===C&&1===f.length&&f[0]instanceof e.y?f[0]:(0,p.J)(m)((0,_.n)(f,C))}},5917:(Ve,ae,s)=>{"use strict";s.d(ae,{of:()=>_});var e=s(4869),o=s(6693),p=s(4087);function _(...g){let f=g[g.length-1];return(0,e.K)(f)?(g.pop(),(0,p.r)(g,f)):(0,o.n)(g)}},205:(Ve,ae,s)=>{"use strict";s.d(ae,{_:()=>o});var e=s(882);function o(_,g){return new e.y(g?f=>g.schedule(p,0,{error:_,subscriber:f}):f=>f.error(_))}function p({error:_,subscriber:g}){g.error(_)}},8653:(Ve,ae,s)=>{"use strict";s.d(ae,{H:()=>f});var e=s(882),o=s(3637),p=s(9796);function _(C){return!(0,p.k)(C)&&C-parseFloat(C)+1>=0}var g=s(4869);function f(C=0,O,w){let S=-1;return _(O)?S=Number(O)<1?1:Number(O):(0,g.K)(O)&&(w=O),(0,g.K)(w)||(w=o.P),new e.y(y=>{const U=_(C)?C:+C-w.now();return w.schedule(m,U,{index:0,period:S,subscriber:y})})}function m(C){const{index:O,period:w,subscriber:S}=C;if(S.next(O),!S.closed){if(-1===w)return S.complete();C.index=O+1,this.schedule(C,w)}}},5304:(Ve,ae,s)=>{"use strict";s.d(ae,{K:()=>o});var e=s(5345);function o(g){return function(m){const C=new p(g),O=m.lift(C);return C.caught=O}}class p{constructor(f){this.selector=f}call(f,m){return m.subscribe(new _(f,this.selector,this.caught))}}class _ extends e.Ds{constructor(f,m,C){super(f),this.selector=m,this.caught=C}error(f){if(!this.isStopped){let m;try{m=this.selector(f,this.caught)}catch(w){return void super.error(w)}this._unsubscribeAndRecycle();const C=new e.IY(this);this.add(C);const O=(0,e.ft)(m,C);O!==C&&this.add(O)}}}},4612:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>o});var e=s(9773);function o(p,_){return(0,e.zg)(p,_,1)}},4395:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>p});var e=s(7393),o=s(3637);function p(m,C=o.P){return O=>O.lift(new _(m,C))}class _{constructor(C,O){this.dueTime=C,this.scheduler=O}call(C,O){return O.subscribe(new g(C,this.dueTime,this.scheduler))}}class g extends e.L{constructor(C,O,w){super(C),this.dueTime=O,this.scheduler=w,this.debouncedSubscription=null,this.lastValue=null,this.hasValue=!1}_next(C){this.clearDebounce(),this.lastValue=C,this.hasValue=!0,this.add(this.debouncedSubscription=this.scheduler.schedule(f,this.dueTime,this))}_complete(){this.debouncedNext(),this.destination.complete()}debouncedNext(){if(this.clearDebounce(),this.hasValue){const{lastValue:C}=this;this.lastValue=null,this.hasValue=!1,this.destination.next(C)}}clearDebounce(){const C=this.debouncedSubscription;null!==C&&(this.remove(C),C.unsubscribe(),this.debouncedSubscription=null)}}function f(m){m.debouncedNext()}},5242:(Ve,ae,s)=>{"use strict";s.d(ae,{d:()=>o});var e=s(7393);function o(g=null){return f=>f.lift(new p(g))}class p{constructor(f){this.defaultValue=f}call(f,m){return m.subscribe(new _(f,this.defaultValue))}}class _ extends e.L{constructor(f,m){super(f),this.defaultValue=m,this.isEmpty=!0}_next(f){this.isEmpty=!1,this.destination.next(f)}_complete(){this.isEmpty&&this.destination.next(this.defaultValue),this.destination.complete()}}},7460:(Ve,ae,s)=>{"use strict";s.d(ae,{g:()=>g});var e=s(3637),p=s(7393),_=s(3098);function g(O,w=e.P){const y=function o(O){return O instanceof Date&&!isNaN(+O)}(O)?+O-w.now():Math.abs(O);return U=>U.lift(new f(y,w))}class f{constructor(w,S){this.delay=w,this.scheduler=S}call(w,S){return S.subscribe(new m(w,this.delay,this.scheduler))}}class m extends p.L{constructor(w,S,y){super(w),this.delay=S,this.scheduler=y,this.queue=[],this.active=!1,this.errored=!1}static dispatch(w){const S=w.source,y=S.queue,U=w.scheduler,z=w.destination;for(;y.length>0&&y[0].time-U.now()<=0;)y.shift().notification.observe(z);if(y.length>0){const Z=Math.max(0,y[0].time-U.now());this.schedule(w,Z)}else this.unsubscribe(),S.active=!1}_schedule(w){this.active=!0,this.destination.add(w.schedule(m.dispatch,this.delay,{source:this,destination:this.destination,scheduler:w}))}scheduleNotification(w){if(!0===this.errored)return;const S=this.scheduler,y=new C(S.now()+this.delay,w);this.queue.push(y),!1===this.active&&this._schedule(S)}_next(w){this.scheduleNotification(_.P.createNext(w))}_error(w){this.errored=!0,this.queue=[],this.destination.error(w),this.unsubscribe()}_complete(){this.scheduleNotification(_.P.createComplete()),this.unsubscribe()}}class C{constructor(w,S){this.time=w,this.notification=S}}},7519:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>o});var e=s(7393);function o(g,f){return m=>m.lift(new p(g,f))}class p{constructor(f,m){this.compare=f,this.keySelector=m}call(f,m){return m.subscribe(new _(f,this.compare,this.keySelector))}}class _ extends e.L{constructor(f,m,C){super(f),this.keySelector=C,this.hasKey=!1,"function"==typeof m&&(this.compare=m)}compare(f,m){return f===m}_next(f){let m;try{const{keySelector:O}=this;m=O?O(f):f}catch(O){return this.destination.error(O)}let C=!1;if(this.hasKey)try{const{compare:O}=this;C=O(this.key,m)}catch(O){return this.destination.error(O)}else this.hasKey=!0;C||(this.key=m,this.destination.next(f))}}},5435:(Ve,ae,s)=>{"use strict";s.d(ae,{h:()=>o});var e=s(7393);function o(g,f){return function(C){return C.lift(new p(g,f))}}class p{constructor(f,m){this.predicate=f,this.thisArg=m}call(f,m){return m.subscribe(new _(f,this.predicate,this.thisArg))}}class _ extends e.L{constructor(f,m,C){super(f),this.predicate=m,this.thisArg=C,this.count=0}_next(f){let m;try{m=this.predicate.call(this.thisArg,f,this.count++)}catch(C){return void this.destination.error(C)}m&&this.destination.next(f)}}},197:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>p});var e=s(7393),o=s(3464);function p(f){return m=>m.lift(new _(f))}class _{constructor(m){this.callback=m}call(m,C){return C.subscribe(new g(m,this.callback))}}class g extends e.L{constructor(m,C){super(m),this.add(new o.w(C))}}},8049:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>m});var e=s(3410),o=s(5435),p=s(5257),_=s(5242),g=s(4635),f=s(4487);function m(C,O){const w=arguments.length>=2;return S=>S.pipe(C?(0,o.h)((y,U)=>C(y,U,S)):f.y,(0,p.q)(1),w?(0,_.d)(O):(0,g.T)(()=>new e.K))}},8002:(Ve,ae,s)=>{"use strict";s.d(ae,{U:()=>o});var e=s(7393);function o(g,f){return function(C){if("function"!=typeof g)throw new TypeError("argument is not a function. Are you looking for `mapTo()`?");return C.lift(new p(g,f))}}class p{constructor(f,m){this.project=f,this.thisArg=m}call(f,m){return m.subscribe(new _(f,this.project,this.thisArg))}}class _ extends e.L{constructor(f,m,C){super(f),this.project=m,this.count=0,this.thisArg=C||this}_next(f){let m;try{m=this.project.call(this.thisArg,f,this.count++)}catch(C){return void this.destination.error(C)}this.destination.next(m)}}},6736:(Ve,ae,s)=>{"use strict";s.d(ae,{h:()=>o});var e=s(7393);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.value=f}call(f,m){return m.subscribe(new _(f,this.value))}}class _ extends e.L{constructor(f,m){super(f),this.value=m}_next(f){this.destination.next(this.value)}}},3282:(Ve,ae,s)=>{"use strict";s.d(ae,{J:()=>p});var e=s(9773),o=s(4487);function p(_=Number.POSITIVE_INFINITY){return(0,e.zg)(o.y,_)}},9773:(Ve,ae,s)=>{"use strict";s.d(ae,{zg:()=>_});var e=s(8002),o=s(6666),p=s(5345);function _(C,O,w=Number.POSITIVE_INFINITY){return"function"==typeof O?S=>S.pipe(_((y,U)=>(0,o.D)(C(y,U)).pipe((0,e.U)((z,Z)=>O(y,z,U,Z))),w)):("number"==typeof O&&(w=O),S=>S.lift(new g(C,w)))}class g{constructor(O,w=Number.POSITIVE_INFINITY){this.project=O,this.concurrent=w}call(O,w){return w.subscribe(new f(O,this.project,this.concurrent))}}class f extends p.Ds{constructor(O,w,S=Number.POSITIVE_INFINITY){super(O),this.project=w,this.concurrent=S,this.hasCompleted=!1,this.buffer=[],this.active=0,this.index=0}_next(O){this.active<this.concurrent?this._tryNext(O):this.buffer.push(O)}_tryNext(O){let w;const S=this.index++;try{w=this.project(O,S)}catch(y){return void this.destination.error(y)}this.active++,this._innerSub(w)}_innerSub(O){const w=new p.IY(this),S=this.destination;S.add(w);const y=(0,p.ft)(O,w);y!==w&&S.add(y)}_complete(){this.hasCompleted=!0,0===this.active&&0===this.buffer.length&&this.destination.complete(),this.unsubscribe()}notifyNext(O){this.destination.next(O)}notifyComplete(){const O=this.buffer;this.active--,O.length>0?this._next(O.shift()):0===this.active&&this.hasCompleted&&this.destination.complete()}}},9328:(Ve,ae,s)=>{"use strict";s.d(ae,{G:()=>o});var e=s(7393);function o(){return g=>g.lift(new p)}class p{call(f,m){return m.subscribe(new _(f))}}class _ extends e.L{constructor(f){super(f),this.hasPrev=!1}_next(f){let m;this.hasPrev?m=[this.prev,f]:this.hasPrev=!0,this.prev=f,m&&this.destination.next(m)}}},1307:(Ve,ae,s)=>{"use strict";s.d(ae,{x:()=>o});var e=s(7393);function o(){return function(f){return f.lift(new p(f))}}class p{constructor(f){this.connectable=f}call(f,m){const{connectable:C}=this;C._refCount++;const O=new _(f,C),w=m.subscribe(O);return O.closed||(O.connection=C.connect()),w}}class _ extends e.L{constructor(f,m){super(f),this.connectable=m}_unsubscribe(){const{connectable:f}=this;if(!f)return void(this.connection=null);this.connectable=null;const m=f._refCount;if(m<=0)return void(this.connection=null);if(f._refCount=m-1,m>1)return void(this.connection=null);const{connection:C}=this,O=f._connection;this.connection=null,O&&(!C||O===C)&&O.unsubscribe()}}},9196:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>p});var e=s(7393),o=s(9193);function p(f=-1){return m=>0===f?(0,o.c)():m.lift(new _(f<0?-1:f-1,m))}class _{constructor(m,C){this.count=m,this.source=C}call(m,C){return C.subscribe(new g(m,this.count,this.source))}}class g extends e.L{constructor(m,C,O){super(m),this.count=C,this.source=O}complete(){if(!this.isStopped){const{source:m,count:C}=this;if(0===C)return super.complete();C>-1&&(this.count=C-1),m.subscribe(this._unsubscribeAndRecycle())}}}},2361:(Ve,ae,s)=>{"use strict";s.d(ae,{a:()=>p});var e=s(9765),o=s(5345);function p(f){return m=>m.lift(new _(f))}class _{constructor(m){this.notifier=m}call(m,C){return C.subscribe(new g(m,this.notifier,C))}}class g extends o.Ds{constructor(m,C,O){super(m),this.notifier=C,this.source=O,this.sourceIsBeingSubscribedTo=!0}notifyNext(){this.sourceIsBeingSubscribedTo=!0,this.source.subscribe(this)}notifyComplete(){if(!1===this.sourceIsBeingSubscribedTo)return super.complete()}complete(){if(this.sourceIsBeingSubscribedTo=!1,!this.isStopped){if(this.retries||this.subscribeToRetries(),!this.retriesSubscription||this.retriesSubscription.closed)return super.complete();this._unsubscribeAndRecycle(),this.notifications.next(void 0)}}_unsubscribe(){const{notifications:m,retriesSubscription:C}=this;m&&(m.unsubscribe(),this.notifications=void 0),C&&(C.unsubscribe(),this.retriesSubscription=void 0),this.retries=void 0}_unsubscribeAndRecycle(){const{_unsubscribe:m}=this;return this._unsubscribe=null,super._unsubscribeAndRecycle(),this._unsubscribe=m,this}subscribeToRetries(){let m;this.notifications=new e.xQ;try{const{notifier:C}=this;m=C(this.notifications)}catch{return super.complete()}this.retries=m,this.retriesSubscription=(0,o.ft)(m,new o.IY(this))}}},4121:(Ve,ae,s)=>{"use strict";s.d(ae,{B:()=>m});var e=s(2441);class p{constructor(O,w){this.subjectFactory=O,this.selector=w}call(O,w){const{selector:S}=this,y=this.subjectFactory(),U=S(y).subscribe(O);return U.add(w.subscribe(y)),U}}var _=s(1307),g=s(9765);function f(){return new g.xQ}function m(){return C=>(0,_.x)()(function o(C,O){return function(S){let y;if(y="function"==typeof C?C:function(){return C},"function"==typeof O)return S.lift(new p(y,O));const U=Object.create(S,e.N);return U.source=S,U.subjectFactory=y,U}}(f)(C))}},7349:(Ve,ae,s)=>{"use strict";s.d(ae,{d:()=>o});var e=s(8447);function o(_,g,f){let m;return m=_&&"object"==typeof _?_:{bufferSize:_,windowTime:g,refCount:!1,scheduler:f},C=>C.lift(function p({bufferSize:_=Number.POSITIVE_INFINITY,windowTime:g=Number.POSITIVE_INFINITY,refCount:f,scheduler:m}){let C,w,O=0,S=!1,y=!1;return function(z){let Z;O++,!C||S?(S=!1,C=new e.t(_,g,m),Z=C.subscribe(this),w=z.subscribe({next(le){C.next(le)},error(le){S=!0,C.error(le)},complete(){y=!0,w=void 0,C.complete()}}),y&&(w=void 0)):Z=C.subscribe(this),this.add(()=>{O--,Z.unsubscribe(),Z=void 0,w&&!y&&f&&0===O&&(w.unsubscribe(),w=void 0,C=void 0)})}}(m))}},3653:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>o});var e=s(7393);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.total=f}call(f,m){return m.subscribe(new _(f,this.total))}}class _ extends e.L{constructor(f,m){super(f),this.total=m,this.count=0}_next(f){++this.count>this.total&&this.destination.next(f)}}},9761:(Ve,ae,s)=>{"use strict";s.d(ae,{O:()=>p});var e=s(6481),o=s(4869);function p(..._){const g=_[_.length-1];return(0,o.K)(g)?(_.pop(),f=>(0,e.z)(_,f,g)):f=>(0,e.z)(_,f)}},3190:(Ve,ae,s)=>{"use strict";s.d(ae,{w:()=>_});var e=s(8002),o=s(6666),p=s(5345);function _(m,C){return"function"==typeof C?O=>O.pipe(_((w,S)=>(0,o.D)(m(w,S)).pipe((0,e.U)((y,U)=>C(w,y,S,U))))):O=>O.lift(new g(m))}class g{constructor(C){this.project=C}call(C,O){return O.subscribe(new f(C,this.project))}}class f extends p.Ds{constructor(C,O){super(C),this.project=O,this.index=0}_next(C){let O;const w=this.index++;try{O=this.project(C,w)}catch(S){return void this.destination.error(S)}this._innerSub(O)}_innerSub(C){const O=this.innerSubscription;O&&O.unsubscribe();const w=new p.IY(this),S=this.destination;S.add(w),this.innerSubscription=(0,p.ft)(C,w),this.innerSubscription!==w&&S.add(this.innerSubscription)}_complete(){const{innerSubscription:C}=this;(!C||C.closed)&&super._complete(),this.unsubscribe()}_unsubscribe(){this.innerSubscription=void 0}notifyComplete(){this.innerSubscription=void 0,this.isStopped&&super._complete()}notifyNext(C){this.destination.next(C)}}},5257:(Ve,ae,s)=>{"use strict";s.d(ae,{q:()=>_});var e=s(7393),o=s(7108),p=s(9193);function _(m){return C=>0===m?(0,p.c)():C.lift(new g(m))}class g{constructor(C){if(this.total=C,this.total<0)throw new o.W}call(C,O){return O.subscribe(new f(C,this.total))}}class f extends e.L{constructor(C,O){super(C),this.total=O,this.count=0}_next(C){const O=this.total,w=++this.count;w<=O&&(this.destination.next(C),w===O&&(this.destination.complete(),this.unsubscribe()))}}},6782:(Ve,ae,s)=>{"use strict";s.d(ae,{R:()=>o});var e=s(5345);function o(g){return f=>f.lift(new p(g))}class p{constructor(f){this.notifier=f}call(f,m){const C=new _(f),O=(0,e.ft)(this.notifier,new e.IY(C));return O&&!C.seenValue?(C.add(O),m.subscribe(C)):C}}class _ extends e.Ds{constructor(f){super(f),this.seenValue=!1}notifyNext(){this.seenValue=!0,this.complete()}notifyComplete(){}}},409:(Ve,ae,s)=>{"use strict";s.d(ae,{o:()=>o});var e=s(7393);function o(g,f=!1){return m=>m.lift(new p(g,f))}class p{constructor(f,m){this.predicate=f,this.inclusive=m}call(f,m){return m.subscribe(new _(f,this.predicate,this.inclusive))}}class _ extends e.L{constructor(f,m,C){super(f),this.predicate=m,this.inclusive=C,this.index=0}_next(f){const m=this.destination;let C;try{C=this.predicate(f,this.index++)}catch(O){return void m.error(O)}this.nextOrComplete(f,C)}nextOrComplete(f,m){const C=this.destination;Boolean(m)?C.next(f):(this.inclusive&&C.next(f),C.complete())}}},8307:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>_});var e=s(7393),o=s(8640),p=s(9105);function _(m,C,O){return function(S){return S.lift(new g(m,C,O))}}class g{constructor(C,O,w){this.nextOrObserver=C,this.error=O,this.complete=w}call(C,O){return O.subscribe(new f(C,this.nextOrObserver,this.error,this.complete))}}class f extends e.L{constructor(C,O,w,S){super(C),this._tapNext=o.Z,this._tapError=o.Z,this._tapComplete=o.Z,this._tapError=w||o.Z,this._tapComplete=S||o.Z,(0,p.m)(O)?(this._context=this,this._tapNext=O):O&&(this._context=O,this._tapNext=O.next||o.Z,this._tapError=O.error||o.Z,this._tapComplete=O.complete||o.Z)}_next(C){try{this._tapNext.call(this._context,C)}catch(O){return void this.destination.error(O)}this.destination.next(C)}_error(C){try{this._tapError.call(this._context,C)}catch(O){return void this.destination.error(O)}this.destination.error(C)}_complete(){try{this._tapComplete.call(this._context)}catch(C){return void this.destination.error(C)}return this.destination.complete()}}},6803:(Ve,ae,s)=>{"use strict";s.d(ae,{p:()=>m});var e=s(7393),o=s(3637);const p={leading:!0,trailing:!1};function m(S,y=o.P,U=p){return z=>z.lift(new C(S,y,U.leading,U.trailing))}class C{constructor(y,U,z,Z){this.duration=y,this.scheduler=U,this.leading=z,this.trailing=Z}call(y,U){return U.subscribe(new O(y,this.duration,this.scheduler,this.leading,this.trailing))}}class O extends e.L{constructor(y,U,z,Z,le){super(y),this.duration=U,this.scheduler=z,this.leading=Z,this.trailing=le,this._hasTrailingValue=!1,this._trailingValue=null}_next(y){this.throttled?this.trailing&&(this._trailingValue=y,this._hasTrailingValue=!0):(this.add(this.throttled=this.scheduler.schedule(w,this.duration,{subscriber:this})),this.leading?this.destination.next(y):this.trailing&&(this._trailingValue=y,this._hasTrailingValue=!0))}_complete(){this._hasTrailingValue?(this.destination.next(this._trailingValue),this.destination.complete()):this.destination.complete()}clearThrottle(){const y=this.throttled;y&&(this.trailing&&this._hasTrailingValue&&(this.destination.next(this._trailingValue),this._trailingValue=null,this._hasTrailingValue=!1),y.unsubscribe(),this.remove(y),this.throttled=null)}}function w(S){const{subscriber:y}=S;y.clearThrottle()}},4635:(Ve,ae,s)=>{"use strict";s.d(ae,{T:()=>p});var e=s(3410),o=s(7393);function p(m=f){return C=>C.lift(new _(m))}class _{constructor(C){this.errorFactory=C}call(C,O){return O.subscribe(new g(C,this.errorFactory))}}class g extends o.L{constructor(C,O){super(C),this.errorFactory=O,this.hasValue=!1}_next(C){this.hasValue=!0,this.destination.next(C)}_complete(){if(this.hasValue)return this.destination.complete();{let C;try{C=this.errorFactory()}catch(O){C=O}this.destination.error(C)}}}function f(){return new e.K}},7057:(Ve,ae,s)=>{"use strict";s.d(ae,{M:()=>p});var e=s(5197),o=s(3960);function p(...f){return m=>{let C;return"function"==typeof f[f.length-1]&&(C=f.pop()),m.lift(new _(f,C))}}class _{constructor(m,C){this.observables=m,this.project=C}call(m,C){return C.subscribe(new g(m,this.observables,this.project))}}class g extends e.L{constructor(m,C,O){super(m),this.observables=C,this.project=O,this.toRespond=[];const w=C.length;this.values=new Array(w);for(let S=0;S<w;S++)this.toRespond.push(S);for(let S=0;S<w;S++)this.add((0,o.D)(this,C[S],void 0,S))}notifyNext(m,C,O){this.values[O]=C;const w=this.toRespond;if(w.length>0){const S=w.indexOf(O);-1!==S&&w.splice(S,1)}}notifyComplete(){}_next(m){if(0===this.toRespond.length){const C=[m,...this.values];this.project?this._tryProject(C):this.destination.next(C)}}_tryProject(m){let C;try{C=this.project.apply(this,m)}catch(O){return void this.destination.error(O)}this.destination.next(C)}}},4087:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>p});var e=s(882),o=s(3464);function p(_,g){return new e.y(f=>{const m=new o.w;let C=0;return m.add(g.schedule(function(){C!==_.length?(f.next(_[C++]),f.closed||m.add(this.schedule())):f.complete()})),m})}},3989:(Ve,ae,s)=>{"use strict";s.d(ae,{o:()=>p});var e=s(3464);class o extends e.w{constructor(g,f){super()}schedule(g,f=0){return this}}class p extends o{constructor(g,f){super(g,f),this.scheduler=g,this.work=f,this.pending=!1}schedule(g,f=0){if(this.closed)return this;this.state=g;const m=this.id,C=this.scheduler;return null!=m&&(this.id=this.recycleAsyncId(C,m,f)),this.pending=!0,this.delay=f,this.id=this.id||this.requestAsyncId(C,this.id,f),this}requestAsyncId(g,f,m=0){return setInterval(g.flush.bind(g,this),m)}recycleAsyncId(g,f,m=0){if(null!==m&&this.delay===m&&!1===this.pending)return f;clearInterval(f)}execute(g,f){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;const m=this._execute(g,f);if(m)return m;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))}_execute(g,f){let C,m=!1;try{this.work(g)}catch(O){m=!0,C=!!O&&O||new Error(O)}if(m)return this.unsubscribe(),C}_unsubscribe(){const g=this.id,f=this.scheduler,m=f.actions,C=m.indexOf(this);this.work=null,this.state=null,this.pending=!1,this.scheduler=null,-1!==C&&m.splice(C,1),null!=g&&(this.id=this.recycleAsyncId(f,g,null)),this.delay=null}}},6493:(Ve,ae,s)=>{"use strict";s.d(ae,{v:()=>o});let e=(()=>{class p{constructor(g,f=p.now){this.SchedulerAction=g,this.now=f}schedule(g,f=0,m){return new this.SchedulerAction(this,g).schedule(m,f)}}return p.now=()=>Date.now(),p})();class o extends e{constructor(_,g=e.now){super(_,()=>o.delegate&&o.delegate!==this?o.delegate.now():g()),this.actions=[],this.active=!1,this.scheduled=void 0}schedule(_,g=0,f){return o.delegate&&o.delegate!==this?o.delegate.schedule(_,g,f):super.schedule(_,g,f)}flush(_){const{actions:g}=this;if(this.active)return void g.push(_);let f;this.active=!0;do{if(f=_.execute(_.state,_.delay))break}while(_=g.shift());if(this.active=!1,f){for(;_=g.shift();)_.unsubscribe();throw f}}}},3637:(Ve,ae,s)=>{"use strict";s.d(ae,{P:()=>_});var e=s(3989);const _=new(s(6493).v)(e.o)},377:(Ve,ae,s)=>{"use strict";s.d(ae,{hZ:()=>o});const o=function e(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},6554:(Ve,ae,s)=>{"use strict";s.d(ae,{L:()=>e});const e="function"==typeof Symbol&&Symbol.observable||"@@observable"},9181:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>e});const e="function"==typeof Symbol?Symbol("rxSubscriber"):"@@rxSubscriber_"+Math.random()},7108:(Ve,ae,s)=>{"use strict";s.d(ae,{W:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="argument out of range",this.name="ArgumentOutOfRangeError",this}return p.prototype=Object.create(Error.prototype),p})()},3410:(Ve,ae,s)=>{"use strict";s.d(ae,{K:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="no elements in sequence",this.name="EmptyError",this}return p.prototype=Object.create(Error.prototype),p})()},7971:(Ve,ae,s)=>{"use strict";s.d(ae,{N:()=>o});const o=(()=>{function p(){return Error.call(this),this.message="object unsubscribed",this.name="ObjectUnsubscribedError",this}return p.prototype=Object.create(Error.prototype),p})()},4449:(Ve,ae,s)=>{"use strict";function e(o){setTimeout(()=>{throw o},0)}s.d(ae,{z:()=>e})},4487:(Ve,ae,s)=>{"use strict";function e(o){return o}s.d(ae,{y:()=>e})},9796:(Ve,ae,s)=>{"use strict";s.d(ae,{k:()=>e});const e=Array.isArray||(o=>o&&"number"==typeof o.length)},9489:(Ve,ae,s)=>{"use strict";s.d(ae,{z:()=>e});const e=o=>o&&"number"==typeof o.length&&"function"!=typeof o},9105:(Ve,ae,s)=>{"use strict";function e(o){return"function"==typeof o}s.d(ae,{m:()=>e})},1555:(Ve,ae,s)=>{"use strict";function e(o){return null!==o&&"object"==typeof o}s.d(ae,{K:()=>e})},5639:(Ve,ae,s)=>{"use strict";s.d(ae,{b:()=>o});var e=s(882);function o(p){return!!p&&(p instanceof e.y||"function"==typeof p.lift&&"function"==typeof p.subscribe)}},4072:(Ve,ae,s)=>{"use strict";function e(o){return!!o&&"function"!=typeof o.subscribe&&"function"==typeof o.then}s.d(ae,{t:()=>e})},4869:(Ve,ae,s)=>{"use strict";function e(o){return o&&"function"==typeof o.schedule}s.d(ae,{K:()=>e})},8640:(Ve,ae,s)=>{"use strict";function e(){}s.d(ae,{Z:()=>e})},4022:(Ve,ae,s)=>{"use strict";s.d(ae,{U:()=>p,z:()=>o});var e=s(4487);function o(..._){return p(_)}function p(_){return 0===_.length?e.y:1===_.length?_[0]:function(f){return _.reduce((m,C)=>C(m),f)}}},9846:(Ve,ae,s)=>{"use strict";s.d(ae,{s:()=>S});var e=s(5015),o=s(4449),_=s(377),f=s(6554),C=s(9489),O=s(4072),w=s(1555);const S=y=>{if(y&&"function"==typeof y[f.L])return(y=>U=>{const z=y[f.L]();if("function"!=typeof z.subscribe)throw new TypeError("Provided object does not correctly implement Symbol.observable");return z.subscribe(U)})(y);if((0,C.z)(y))return(0,e.V)(y);if((0,O.t)(y))return(y=>U=>(y.then(z=>{U.closed||(U.next(z),U.complete())},z=>U.error(z)).then(null,o.z),U))(y);if(y&&"function"==typeof y[_.hZ])return(y=>U=>{const z=y[_.hZ]();for(;;){let Z;try{Z=z.next()}catch(le){return U.error(le),U}if(Z.done){U.complete();break}if(U.next(Z.value),U.closed)break}return"function"==typeof z.return&&U.add(()=>{z.return&&z.return()}),U})(y);{const z=`You provided ${(0,w.K)(y)?"an invalid object":`'${y}'`} where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.`;throw new TypeError(z)}}},5015:(Ve,ae,s)=>{"use strict";s.d(ae,{V:()=>e});const e=o=>p=>{for(let _=0,g=o.length;_<g&&!p.closed;_++)p.next(o[_]);p.complete()}},3960:(Ve,ae,s)=>{"use strict";s.d(ae,{D:()=>g});var e=s(7393);class o extends e.L{constructor(m,C,O){super(),this.parent=m,this.outerValue=C,this.outerIndex=O,this.index=0}_next(m){this.parent.notifyNext(this.outerValue,m,this.outerIndex,this.index++,this)}_error(m){this.parent.notifyError(m,this),this.unsubscribe()}_complete(){this.parent.notifyComplete(this),this.unsubscribe()}}var p=s(9846),_=s(882);function g(f,m,C,O,w=new o(f,C,O)){if(!w.closed)return m instanceof _.y?m.subscribe(w):(0,p.s)(m)(w)}},9756:Ve=>{Ve.exports=/[\0-\x1F\x7F-\x9F]/},7713:Ve=>{Ve.exports=/[\xAD\u0600-\u0605\u061C\u06DD\u070F\u08E2\u180E\u200B-\u200F\u202A-\u202E\u2060-\u2064\u2066-\u206F\uFEFF\uFFF9-\uFFFB]|\uD804[\uDCBD\uDCCD]|\uD82F[\uDCA0-\uDCA3]|\uD834[\uDD73-\uDD7A]|\uDB40[\uDC01\uDC20-\uDC7F]/},4897:Ve=>{Ve.exports=/[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4E\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDF55-\uDF59]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDF3C-\uDF3E]|\uD806[\uDC3B\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F]/},1905:Ve=>{Ve.exports=/[ \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000]/},8363:(Ve,ae,s)=>{"use strict";ae.Any=s(3644),ae.Cc=s(9756),ae.Cf=s(7713),ae.P=s(4897),ae.Z=s(1905)},3644:Ve=>{Ve.exports=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/},7277:()=>{"use strict";!function(Ee){const Pe=Ee.performance;function et(dt){Pe&&Pe.mark&&Pe.mark(dt)}function Ge(dt,rt){Pe&&Pe.measure&&Pe.measure(dt,rt)}et("Zone");const ke=Ee.__Zone_symbol_prefix||"__zone_symbol__";function Ke(dt){return ke+dt}const Fe=!0===Ee[Ke("forceDuplicateZoneCheck")];if(Ee.Zone){if(Fe||"function"!=typeof Ee.Zone.__symbol__)throw new Error("Zone already loaded.");return Ee.Zone}let ht=(()=>{class rt{static assertZonePatched(){if(Ee.Promise!==Be.ZoneAwarePromise)throw new Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let He=rt.current;for(;He.parent;)He=He.parent;return He}static get current(){return re.zone}static get currentTask(){return Y}static __load_patch(He,zt,tn=!1){if(Be.hasOwnProperty(He)){if(!tn&&Fe)throw Error("Already loaded patch: "+He)}else if(!Ee["__Zone_disable_"+He]){const ln="Zone:"+He;et(ln),Be[He]=zt(Ee,rt,se),Ge(ln,ln)}}get parent(){return this._parent}get name(){return this._name}constructor(He,zt){this._parent=He,this._name=zt?zt.name||"unnamed":"<root>",this._properties=zt&&zt.properties||{},this._zoneDelegate=new $t(this,this._parent&&this._parent._zoneDelegate,zt)}get(He){const zt=this.getZoneWith(He);if(zt)return zt._properties[He]}getZoneWith(He){let zt=this;for(;zt;){if(zt._properties.hasOwnProperty(He))return zt;zt=zt._parent}return null}fork(He){if(!He)throw new Error("ZoneSpec required!");return this._zoneDelegate.fork(this,He)}wrap(He,zt){if("function"!=typeof He)throw new Error("Expecting function got: "+He);const tn=this._zoneDelegate.intercept(this,He,zt),ln=this;return function(){return ln.runGuarded(tn,this,arguments,zt)}}run(He,zt,tn,ln){re={parent:re,zone:this};try{return this._zoneDelegate.invoke(this,He,zt,tn,ln)}finally{re=re.parent}}runGuarded(He,zt=null,tn,ln){re={parent:re,zone:this};try{try{return this._zoneDelegate.invoke(this,He,zt,tn,ln)}catch(Rt){if(this._zoneDelegate.handleError(this,Rt))throw Rt}}finally{re=re.parent}}runTask(He,zt,tn){if(He.zone!=this)throw new Error("A task can only be run in the zone of creation! (Creation: "+(He.zone||it).name+"; Execution: "+this.name+")");if(He.state===W&&(He.type===Se||He.type===At))return;const ln=He.state!=De;ln&&He._transitionTo(De,Ne),He.runCount++;const Rt=Y;Y=He,re={parent:re,zone:this};try{He.type==At&&He.data&&!He.data.isPeriodic&&(He.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,He,zt,tn)}catch(en){if(this._zoneDelegate.handleError(this,en))throw en}}finally{He.state!==W&&He.state!==ct&&(He.type==Se||He.data&&He.data.isPeriodic?ln&&He._transitionTo(Ne,De):(He.runCount=0,this._updateTaskCount(He,-1),ln&&He._transitionTo(W,De,W))),re=re.parent,Y=Rt}}scheduleTask(He){if(He.zone&&He.zone!==this){let tn=this;for(;tn;){if(tn===He.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${He.zone.name}`);tn=tn.parent}}He._transitionTo($,W);const zt=[];He._zoneDelegates=zt,He._zone=this;try{He=this._zoneDelegate.scheduleTask(this,He)}catch(tn){throw He._transitionTo(ct,$,W),this._zoneDelegate.handleError(this,tn),tn}return He._zoneDelegates===zt&&this._updateTaskCount(He,1),He.state==$&&He._transitionTo(Ne,$),He}scheduleMicroTask(He,zt,tn,ln){return this.scheduleTask(new Ye(vt,He,zt,tn,ln,void 0))}scheduleMacroTask(He,zt,tn,ln,Rt){return this.scheduleTask(new Ye(At,He,zt,tn,ln,Rt))}scheduleEventTask(He,zt,tn,ln,Rt){return this.scheduleTask(new Ye(Se,He,zt,tn,ln,Rt))}cancelTask(He){if(He.zone!=this)throw new Error("A task can only be cancelled in the zone of creation! (Creation: "+(He.zone||it).name+"; Execution: "+this.name+")");if(He.state===Ne||He.state===De){He._transitionTo(pt,Ne,De);try{this._zoneDelegate.cancelTask(this,He)}catch(zt){throw He._transitionTo(ct,pt),this._zoneDelegate.handleError(this,zt),zt}return this._updateTaskCount(He,-1),He._transitionTo(W,pt),He.runCount=0,He}}_updateTaskCount(He,zt){const tn=He._zoneDelegates;-1==zt&&(He._zoneDelegates=null);for(let ln=0;ln<tn.length;ln++)tn[ln]._updateTaskCount(He.type,zt)}}return rt.__symbol__=Ke,rt})();const Vt={name:"",onHasTask:(dt,rt,at,He)=>dt.hasTask(at,He),onScheduleTask:(dt,rt,at,He)=>dt.scheduleTask(at,He),onInvokeTask:(dt,rt,at,He,zt,tn)=>dt.invokeTask(at,He,zt,tn),onCancelTask:(dt,rt,at,He)=>dt.cancelTask(at,He)};class $t{constructor(rt,at,He){this._taskCounts={microTask:0,macroTask:0,eventTask:0},this.zone=rt,this._parentDelegate=at,this._forkZS=He&&(He&&He.onFork?He:at._forkZS),this._forkDlgt=He&&(He.onFork?at:at._forkDlgt),this._forkCurrZone=He&&(He.onFork?this.zone:at._forkCurrZone),this._interceptZS=He&&(He.onIntercept?He:at._interceptZS),this._interceptDlgt=He&&(He.onIntercept?at:at._interceptDlgt),this._interceptCurrZone=He&&(He.onIntercept?this.zone:at._interceptCurrZone),this._invokeZS=He&&(He.onInvoke?He:at._invokeZS),this._invokeDlgt=He&&(He.onInvoke?at:at._invokeDlgt),this._invokeCurrZone=He&&(He.onInvoke?this.zone:at._invokeCurrZone),this._handleErrorZS=He&&(He.onHandleError?He:at._handleErrorZS),this._handleErrorDlgt=He&&(He.onHandleError?at:at._handleErrorDlgt),this._handleErrorCurrZone=He&&(He.onHandleError?this.zone:at._handleErrorCurrZone),this._scheduleTaskZS=He&&(He.onScheduleTask?He:at._scheduleTaskZS),this._scheduleTaskDlgt=He&&(He.onScheduleTask?at:at._scheduleTaskDlgt),this._scheduleTaskCurrZone=He&&(He.onScheduleTask?this.zone:at._scheduleTaskCurrZone),this._invokeTaskZS=He&&(He.onInvokeTask?He:at._invokeTaskZS),this._invokeTaskDlgt=He&&(He.onInvokeTask?at:at._invokeTaskDlgt),this._invokeTaskCurrZone=He&&(He.onInvokeTask?this.zone:at._invokeTaskCurrZone),this._cancelTaskZS=He&&(He.onCancelTask?He:at._cancelTaskZS),this._cancelTaskDlgt=He&&(He.onCancelTask?at:at._cancelTaskDlgt),this._cancelTaskCurrZone=He&&(He.onCancelTask?this.zone:at._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;const zt=He&&He.onHasTask;(zt||at&&at._hasTaskZS)&&(this._hasTaskZS=zt?He:Vt,this._hasTaskDlgt=at,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=rt,He.onScheduleTask||(this._scheduleTaskZS=Vt,this._scheduleTaskDlgt=at,this._scheduleTaskCurrZone=this.zone),He.onInvokeTask||(this._invokeTaskZS=Vt,this._invokeTaskDlgt=at,this._invokeTaskCurrZone=this.zone),He.onCancelTask||(this._cancelTaskZS=Vt,this._cancelTaskDlgt=at,this._cancelTaskCurrZone=this.zone))}fork(rt,at){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,rt,at):new ht(rt,at)}intercept(rt,at,He){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,rt,at,He):at}invoke(rt,at,He,zt,tn){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,rt,at,He,zt,tn):at.apply(He,zt)}handleError(rt,at){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,rt,at)}scheduleTask(rt,at){let He=at;if(this._scheduleTaskZS)this._hasTaskZS&&He._zoneDelegates.push(this._hasTaskDlgtOwner),He=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,rt,at),He||(He=at);else if(at.scheduleFn)at.scheduleFn(at);else{if(at.type!=vt)throw new Error("Task is missing scheduleFn.");ot(at)}return He}invokeTask(rt,at,He,zt){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,rt,at,He,zt):at.callback.apply(He,zt)}cancelTask(rt,at){let He;if(this._cancelTaskZS)He=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,rt,at);else{if(!at.cancelFn)throw Error("Task is not cancelable");He=at.cancelFn(at)}return He}hasTask(rt,at){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,rt,at)}catch(He){this.handleError(rt,He)}}_updateTaskCount(rt,at){const He=this._taskCounts,zt=He[rt],tn=He[rt]=zt+at;if(tn<0)throw new Error("More tasks executed then were scheduled.");0!=zt&&0!=tn||this.hasTask(this.zone,{microTask:He.microTask>0,macroTask:He.macroTask>0,eventTask:He.eventTask>0,change:rt})}}class Ye{constructor(rt,at,He,zt,tn,ln){if(this._zone=null,this.runCount=0,this._zoneDelegates=null,this._state="notScheduled",this.type=rt,this.source=at,this.data=zt,this.scheduleFn=tn,this.cancelFn=ln,!He)throw new Error("callback is not defined");this.callback=He;const Rt=this;this.invoke=rt===Se&&zt&&zt.useG?Ye.invokeTask:function(){return Ye.invokeTask.call(Ee,Rt,this,arguments)}}static invokeTask(rt,at,He){rt||(rt=this),fe++;try{return rt.runCount++,rt.zone.runTask(rt,at,He)}finally{1==fe&&st(),fe--}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(W,$)}_transitionTo(rt,at,He){if(this._state!==at&&this._state!==He)throw new Error(`${this.type} '${this.source}': can not transition to '${rt}', expecting state '${at}'${He?" or '"+He+"'":""}, was '${this._state}'.`);this._state=rt,rt==W&&(this._zoneDelegates=null)}toString(){return this.data&&typeof this.data.handleId<"u"?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}const wt=Ke("setTimeout"),Mt=Ke("Promise"),kt=Ke("then");let Qe,cn=[],Yt=!1;function lt(dt){if(Qe||Ee[Mt]&&(Qe=Ee[Mt].resolve(0)),Qe){let rt=Qe[kt];rt||(rt=Qe.then),rt.call(Qe,dt)}else Ee[wt](dt,0)}function ot(dt){0===fe&&0===cn.length&&lt(st),dt&&cn.push(dt)}function st(){if(!Yt){for(Yt=!0;cn.length;){const dt=cn;cn=[];for(let rt=0;rt<dt.length;rt++){const at=dt[rt];try{at.zone.runTask(at,null,null)}catch(He){se.onUnhandledError(He)}}}se.microtaskDrainDone(),Yt=!1}}const it={name:"NO ZONE"},W="notScheduled",$="scheduling",Ne="scheduled",De="running",pt="canceling",ct="unknown",vt="microTask",At="macroTask",Se="eventTask",Be={},se={symbol:Ke,currentZoneFrame:()=>re,onUnhandledError:Ue,microtaskDrainDone:Ue,scheduleMicroTask:ot,showUncaughtError:()=>!ht[Ke("ignoreConsoleErrorUncaughtError")],patchEventTarget:()=>[],patchOnProperties:Ue,patchMethod:()=>Ue,bindArguments:()=>[],patchThen:()=>Ue,patchMacroTask:()=>Ue,patchEventPrototype:()=>Ue,isIEOrEdge:()=>!1,getGlobalObjects:()=>{},ObjectDefineProperty:()=>Ue,ObjectGetOwnPropertyDescriptor:()=>{},ObjectCreate:()=>{},ArraySlice:()=>[],patchClass:()=>Ue,wrapWithCurrentZone:()=>Ue,filterProperties:()=>[],attachOriginToPatched:()=>Ue,_redefineProperty:()=>Ue,patchCallbacks:()=>Ue,nativeScheduleMicroTask:lt};let re={parent:null,zone:new ht(null,null)},Y=null,fe=0;function Ue(){}Ge("Zone","Zone"),Ee.Zone=ht}(typeof window<"u"&&window||typeof self<"u"&&self||global);const Ve=Object.getOwnPropertyDescriptor,ae=Object.defineProperty,s=Object.getPrototypeOf,e=Object.create,o=Array.prototype.slice,p="addEventListener",_="removeEventListener",g=Zone.__symbol__(p),f=Zone.__symbol__(_),m="true",C="false",O=Zone.__symbol__("");function w(Ee,Pe){return Zone.current.wrap(Ee,Pe)}function S(Ee,Pe,et,Ge,ke){return Zone.current.scheduleMacroTask(Ee,Pe,et,Ge,ke)}const y=Zone.__symbol__,U=typeof window<"u",z=U?window:void 0,Z=U&&z||"object"==typeof self&&self||global,le="removeAttribute";function Q(Ee,Pe){for(let et=Ee.length-1;et>=0;et--)"function"==typeof Ee[et]&&(Ee[et]=w(Ee[et],Pe+"_"+et));return Ee}function de(Ee){return!Ee||!1!==Ee.writable&&!("function"==typeof Ee.get&&typeof Ee.set>"u")}const X=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope,B=!("nw"in Z)&&typeof Z.process<"u"&&"[object process]"==={}.toString.call(Z.process),K=!B&&!X&&!(!U||!z.HTMLElement),ne=typeof Z.process<"u"&&"[object process]"==={}.toString.call(Z.process)&&!X&&!(!U||!z.HTMLElement),We={},Le=function(Ee){if(!(Ee=Ee||Z.event))return;let Pe=We[Ee.type];Pe||(Pe=We[Ee.type]=y("ON_PROPERTY"+Ee.type));const et=this||Ee.target||Z,Ge=et[Pe];let ke;return K&&et===z&&"error"===Ee.type?(ke=Ge&&Ge.call(this,Ee.message,Ee.filename,Ee.lineno,Ee.colno,Ee.error),!0===ke&&Ee.preventDefault()):(ke=Ge&&Ge.apply(this,arguments),null!=ke&&!ke&&Ee.preventDefault()),ke};function Je(Ee,Pe,et){let Ge=Ve(Ee,Pe);if(!Ge&&et&&Ve(et,Pe)&&(Ge={enumerable:!0,configurable:!0}),!Ge||!Ge.configurable)return;const ke=y("on"+Pe+"patched");if(Ee.hasOwnProperty(ke)&&Ee[ke])return;delete Ge.writable,delete Ge.value;const Ke=Ge.get,Fe=Ge.set,ht=Pe.slice(2);let Vt=We[ht];Vt||(Vt=We[ht]=y("ON_PROPERTY"+ht)),Ge.set=function($t){let Ye=this;!Ye&&Ee===Z&&(Ye=Z),Ye&&("function"==typeof Ye[Vt]&&Ye.removeEventListener(ht,Le),Fe&&Fe.call(Ye,null),Ye[Vt]=$t,"function"==typeof $t&&Ye.addEventListener(ht,Le,!1))},Ge.get=function(){let $t=this;if(!$t&&Ee===Z&&($t=Z),!$t)return null;const Ye=$t[Vt];if(Ye)return Ye;if(Ke){let wt=Ke.call(this);if(wt)return Ge.set.call(this,wt),"function"==typeof $t[le]&&$t.removeAttribute(Pe),wt}return null},ae(Ee,Pe,Ge),Ee[ke]=!0}function we(Ee,Pe,et){if(Pe)for(let Ge=0;Ge<Pe.length;Ge++)Je(Ee,"on"+Pe[Ge],et);else{const Ge=[];for(const ke in Ee)"on"==ke.slice(0,2)&&Ge.push(ke);for(let ke=0;ke<Ge.length;ke++)Je(Ee,Ge[ke],et)}}const Te=y("originalInstance");function $e(Ee){const Pe=Z[Ee];if(!Pe)return;Z[y(Ee)]=Pe,Z[Ee]=function(){const ke=Q(arguments,Ee);switch(ke.length){case 0:this[Te]=new Pe;break;case 1:this[Te]=new Pe(ke[0]);break;case 2:this[Te]=new Pe(ke[0],ke[1]);break;case 3:this[Te]=new Pe(ke[0],ke[1],ke[2]);break;case 4:this[Te]=new Pe(ke[0],ke[1],ke[2],ke[3]);break;default:throw new Error("Arg list too long.")}},he(Z[Ee],Pe);const et=new Pe(function(){});let Ge;for(Ge in et)"XMLHttpRequest"===Ee&&"responseBlob"===Ge||function(ke){"function"==typeof et[ke]?Z[Ee].prototype[ke]=function(){return this[Te][ke].apply(this[Te],arguments)}:ae(Z[Ee].prototype,ke,{set:function(Ke){"function"==typeof Ke?(this[Te][ke]=w(Ke,Ee+"."+ke),he(this[Te][ke],Ke)):this[Te][ke]=Ke},get:function(){return this[Te][ke]}})}(Ge);for(Ge in Pe)"prototype"!==Ge&&Pe.hasOwnProperty(Ge)&&(Z[Ee][Ge]=Pe[Ge])}function Ie(Ee,Pe,et){let Ge=Ee;for(;Ge&&!Ge.hasOwnProperty(Pe);)Ge=s(Ge);!Ge&&Ee[Pe]&&(Ge=Ee);const ke=y(Pe);let Ke=null;if(Ge&&(!(Ke=Ge[ke])||!Ge.hasOwnProperty(ke))&&(Ke=Ge[ke]=Ge[Pe],de(Ge&&Ve(Ge,Pe)))){const ht=et(Ke,ke,Pe);Ge[Pe]=function(){return ht(this,arguments)},he(Ge[Pe],Ke)}return Ke}function G(Ee,Pe,et){let Ge=null;function ke(Ke){const Fe=Ke.data;return Fe.args[Fe.cbIdx]=function(){Ke.invoke.apply(this,arguments)},Ge.apply(Fe.target,Fe.args),Ke}Ge=Ie(Ee,Pe,Ke=>function(Fe,ht){const Vt=et(Fe,ht);return Vt.cbIdx>=0&&"function"==typeof ht[Vt.cbIdx]?S(Vt.name,ht[Vt.cbIdx],Vt,ke):Ke.apply(Fe,ht)})}function he(Ee,Pe){Ee[y("OriginalDelegate")]=Pe}let ye=!1,te=!1;function q(){if(ye)return te;ye=!0;try{const Ee=z.navigator.userAgent;(-1!==Ee.indexOf("MSIE ")||-1!==Ee.indexOf("Trident/")||-1!==Ee.indexOf("Edge/"))&&(te=!0)}catch{}return te}Zone.__load_patch("ZoneAwarePromise",(Ee,Pe,et)=>{const Ge=Object.getOwnPropertyDescriptor,ke=Object.defineProperty,Fe=et.symbol,ht=[],Vt=!0===Ee[Fe("DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION")],$t=Fe("Promise"),Ye=Fe("then"),wt="__creationTrace__";et.onUnhandledError=Rt=>{if(et.showUncaughtError()){const en=Rt&&Rt.rejection;en?console.error("Unhandled Promise rejection:",en instanceof Error?en.message:en,"; Zone:",Rt.zone.name,"; Task:",Rt.task&&Rt.task.source,"; Value:",en,en instanceof Error?en.stack:void 0):console.error(Rt)}},et.microtaskDrainDone=()=>{for(;ht.length;){const Rt=ht.shift();try{Rt.zone.runGuarded(()=>{throw Rt.throwOriginal?Rt.rejection:Rt})}catch(en){kt(en)}}};const Mt=Fe("unhandledPromiseRejectionHandler");function kt(Rt){et.onUnhandledError(Rt);try{const en=Pe[Mt];"function"==typeof en&&en.call(this,Rt)}catch{}}function cn(Rt){return Rt&&Rt.then}function Yt(Rt){return Rt}function Qe(Rt){return at.reject(Rt)}const lt=Fe("state"),ot=Fe("value"),st=Fe("finally"),it=Fe("parentPromiseValue"),W=Fe("parentPromiseState"),$="Promise.then",Ne=null,De=!0,pt=!1,ct=0;function vt(Rt,en){return Ft=>{try{se(Rt,en,Ft)}catch(nn){se(Rt,!1,nn)}}}const At=function(){let Rt=!1;return function(Ft){return function(){Rt||(Rt=!0,Ft.apply(null,arguments))}}},Se="Promise resolved with itself",Be=Fe("currentTaskTrace");function se(Rt,en,Ft){const nn=At();if(Rt===Ft)throw new TypeError(Se);if(Rt[lt]===Ne){let on=null;try{("object"==typeof Ft||"function"==typeof Ft)&&(on=Ft&&Ft.then)}catch(fn){return nn(()=>{se(Rt,!1,fn)})(),Rt}if(en!==pt&&Ft instanceof at&&Ft.hasOwnProperty(lt)&&Ft.hasOwnProperty(ot)&&Ft[lt]!==Ne)Y(Ft),se(Rt,Ft[lt],Ft[ot]);else if(en!==pt&&"function"==typeof on)try{on.call(Ft,nn(vt(Rt,en)),nn(vt(Rt,!1)))}catch(fn){nn(()=>{se(Rt,!1,fn)})()}else{Rt[lt]=en;const fn=Rt[ot];if(Rt[ot]=Ft,Rt[st]===st&&en===De&&(Rt[lt]=Rt[W],Rt[ot]=Rt[it]),en===pt&&Ft instanceof Error){const dn=Pe.currentTask&&Pe.currentTask.data&&Pe.currentTask.data[wt];dn&&ke(Ft,Be,{configurable:!0,enumerable:!1,writable:!0,value:dn})}for(let dn=0;dn<fn.length;)fe(Rt,fn[dn++],fn[dn++],fn[dn++],fn[dn++]);if(0==fn.length&&en==pt){Rt[lt]=ct;let dn=Ft;try{throw new Error("Uncaught (in promise): "+function Ke(Rt){return Rt&&Rt.toString===Object.prototype.toString?(Rt.constructor&&Rt.constructor.name||"")+": "+JSON.stringify(Rt):Rt?Rt.toString():Object.prototype.toString.call(Rt)}(Ft)+(Ft&&Ft.stack?"\n"+Ft.stack:""))}catch(Dn){dn=Dn}Vt&&(dn.throwOriginal=!0),dn.rejection=Ft,dn.promise=Rt,dn.zone=Pe.current,dn.task=Pe.currentTask,ht.push(dn),et.scheduleMicroTask()}}}return Rt}const re=Fe("rejectionHandledHandler");function Y(Rt){if(Rt[lt]===ct){try{const en=Pe[re];en&&"function"==typeof en&&en.call(this,{rejection:Rt[ot],promise:Rt})}catch{}Rt[lt]=pt;for(let en=0;en<ht.length;en++)Rt===ht[en].promise&&ht.splice(en,1)}}function fe(Rt,en,Ft,nn,on){Y(Rt);const fn=Rt[lt],dn=fn?"function"==typeof nn?nn:Yt:"function"==typeof on?on:Qe;en.scheduleMicroTask($,()=>{try{const Dn=Rt[ot],Cn=!!Ft&&st===Ft[st];Cn&&(Ft[it]=Dn,Ft[W]=fn);const Fn=en.run(dn,void 0,Cn&&dn!==Qe&&dn!==Yt?[]:[Dn]);se(Ft,!0,Fn)}catch(Dn){se(Ft,!1,Dn)}},Ft)}const dt=function(){},rt=Ee.AggregateError;class at{static toString(){return"function ZoneAwarePromise() { [native code] }"}static resolve(en){return se(new this(null),De,en)}static reject(en){return se(new this(null),pt,en)}static any(en){if(!en||"function"!=typeof en[Symbol.iterator])return Promise.reject(new rt([],"All promises were rejected"));const Ft=[];let nn=0;try{for(let dn of en)nn++,Ft.push(at.resolve(dn))}catch{return Promise.reject(new rt([],"All promises were rejected"))}if(0===nn)return Promise.reject(new rt([],"All promises were rejected"));let on=!1;const fn=[];return new at((dn,Dn)=>{for(let Cn=0;Cn<Ft.length;Cn++)Ft[Cn].then(Fn=>{on||(on=!0,dn(Fn))},Fn=>{fn.push(Fn),nn--,0===nn&&(on=!0,Dn(new rt(fn,"All promises were rejected")))})})}static race(en){let Ft,nn,on=new this((Dn,Cn)=>{Ft=Dn,nn=Cn});function fn(Dn){Ft(Dn)}function dn(Dn){nn(Dn)}for(let Dn of en)cn(Dn)||(Dn=this.resolve(Dn)),Dn.then(fn,dn);return on}static all(en){return at.allWithCallback(en)}static allSettled(en){return(this&&this.prototype instanceof at?this:at).allWithCallback(en,{thenCallback:nn=>({status:"fulfilled",value:nn}),errorCallback:nn=>({status:"rejected",reason:nn})})}static allWithCallback(en,Ft){let nn,on,fn=new this((Fn,Qn)=>{nn=Fn,on=Qn}),dn=2,Dn=0;const Cn=[];for(let Fn of en){cn(Fn)||(Fn=this.resolve(Fn));const Qn=Dn;try{Fn.then(Hn=>{Cn[Qn]=Ft?Ft.thenCallback(Hn):Hn,dn--,0===dn&&nn(Cn)},Hn=>{Ft?(Cn[Qn]=Ft.errorCallback(Hn),dn--,0===dn&&nn(Cn)):on(Hn)})}catch(Hn){on(Hn)}dn++,Dn++}return dn-=2,0===dn&&nn(Cn),fn}constructor(en){const Ft=this;if(!(Ft instanceof at))throw new Error("Must be an instanceof Promise.");Ft[lt]=Ne,Ft[ot]=[];try{const nn=At();en&&en(nn(vt(Ft,De)),nn(vt(Ft,pt)))}catch(nn){se(Ft,!1,nn)}}get[Symbol.toStringTag](){return"Promise"}get[Symbol.species](){return at}then(en,Ft){var nn;let on=null===(nn=this.constructor)||void 0===nn?void 0:nn[Symbol.species];(!on||"function"!=typeof on)&&(on=this.constructor||at);const fn=new on(dt),dn=Pe.current;return this[lt]==Ne?this[ot].push(dn,fn,en,Ft):fe(this,dn,fn,en,Ft),fn}catch(en){return this.then(null,en)}finally(en){var Ft;let nn=null===(Ft=this.constructor)||void 0===Ft?void 0:Ft[Symbol.species];(!nn||"function"!=typeof nn)&&(nn=at);const on=new nn(dt);on[st]=st;const fn=Pe.current;return this[lt]==Ne?this[ot].push(fn,on,en,en):fe(this,fn,on,en,en),on}}at.resolve=at.resolve,at.reject=at.reject,at.race=at.race,at.all=at.all;const He=Ee[$t]=Ee.Promise;Ee.Promise=at;const zt=Fe("thenPatched");function tn(Rt){const en=Rt.prototype,Ft=Ge(en,"then");if(Ft&&(!1===Ft.writable||!Ft.configurable))return;const nn=en.then;en[Ye]=nn,Rt.prototype.then=function(on,fn){return new at((Dn,Cn)=>{nn.call(this,Dn,Cn)}).then(on,fn)},Rt[zt]=!0}return et.patchThen=tn,He&&(tn(He),Ie(Ee,"fetch",Rt=>function ln(Rt){return function(en,Ft){let nn=Rt.apply(en,Ft);if(nn instanceof at)return nn;let on=nn.constructor;return on[zt]||tn(on),nn}}(Rt))),Promise[Pe.__symbol__("uncaughtPromiseErrors")]=ht,at}),Zone.__load_patch("toString",Ee=>{const Pe=Function.prototype.toString,et=y("OriginalDelegate"),Ge=y("Promise"),ke=y("Error"),Ke=function(){if("function"==typeof this){const $t=this[et];if($t)return"function"==typeof $t?Pe.call($t):Object.prototype.toString.call($t);if(this===Promise){const Ye=Ee[Ge];if(Ye)return Pe.call(Ye)}if(this===Error){const Ye=Ee[ke];if(Ye)return Pe.call(Ye)}}return Pe.call(this)};Ke[et]=Pe,Function.prototype.toString=Ke;const Fe=Object.prototype.toString;Object.prototype.toString=function(){return"function"==typeof Promise&&this instanceof Promise?"[object Promise]":Fe.call(this)}});let ce=!1;if(typeof window<"u")try{const Ee=Object.defineProperty({},"passive",{get:function(){ce=!0}});window.addEventListener("test",Ee,Ee),window.removeEventListener("test",Ee,Ee)}catch{ce=!1}const be={useG:!0},N={},_e={},ze=new RegExp("^"+O+"(\\w+)(true|false)$"),_t=y("propagationStopped");function Et(Ee,Pe){const et=(Pe?Pe(Ee):Ee)+C,Ge=(Pe?Pe(Ee):Ee)+m,ke=O+et,Ke=O+Ge;N[Ee]={},N[Ee][C]=ke,N[Ee][m]=Ke}function Gt(Ee,Pe,et,Ge){const ke=Ge&&Ge.add||p,Ke=Ge&&Ge.rm||_,Fe=Ge&&Ge.listeners||"eventListeners",ht=Ge&&Ge.rmAll||"removeAllListeners",Vt=y(ke),$t="."+ke+":",Ye="prependListener",wt="."+Ye+":",Mt=function(ot,st,it){if(ot.isRemoved)return;const W=ot.callback;let $;"object"==typeof W&&W.handleEvent&&(ot.callback=De=>W.handleEvent(De),ot.originalDelegate=W);try{ot.invoke(ot,st,[it])}catch(De){$=De}const Ne=ot.options;return Ne&&"object"==typeof Ne&&Ne.once&&st[Ke].call(st,it.type,ot.originalDelegate?ot.originalDelegate:ot.callback,Ne),$};function kt(ot,st,it){if(!(st=st||Ee.event))return;const W=ot||st.target||Ee,$=W[N[st.type][it?m:C]];if($){const Ne=[];if(1===$.length){const De=Mt($[0],W,st);De&&Ne.push(De)}else{const De=$.slice();for(let pt=0;pt<De.length&&(!st||!0!==st[_t]);pt++){const ct=Mt(De[pt],W,st);ct&&Ne.push(ct)}}if(1===Ne.length)throw Ne[0];for(let De=0;De<Ne.length;De++){const pt=Ne[De];Pe.nativeScheduleMicroTask(()=>{throw pt})}}}const cn=function(ot){return kt(this,ot,!1)},Yt=function(ot){return kt(this,ot,!0)};function Qe(ot,st){if(!ot)return!1;let it=!0;st&&void 0!==st.useG&&(it=st.useG);const W=st&&st.vh;let $=!0;st&&void 0!==st.chkDup&&($=st.chkDup);let Ne=!1;st&&void 0!==st.rt&&(Ne=st.rt);let De=ot;for(;De&&!De.hasOwnProperty(ke);)De=s(De);if(!De&&ot[ke]&&(De=ot),!De||De[Vt])return!1;const pt=st&&st.eventNameToString,ct={},vt=De[Vt]=De[ke],At=De[y(Ke)]=De[Ke],Se=De[y(Fe)]=De[Fe],Be=De[y(ht)]=De[ht];let se;st&&st.prepend&&(se=De[y(st.prepend)]=De[st.prepend]);const at=it?function(Ft){if(!ct.isExisting)return vt.call(ct.target,ct.eventName,ct.capture?Yt:cn,ct.options)}:function(Ft){return vt.call(ct.target,ct.eventName,Ft.invoke,ct.options)},He=it?function(Ft){if(!Ft.isRemoved){const nn=N[Ft.eventName];let on;nn&&(on=nn[Ft.capture?m:C]);const fn=on&&Ft.target[on];if(fn)for(let dn=0;dn<fn.length;dn++)if(fn[dn]===Ft){fn.splice(dn,1),Ft.isRemoved=!0,0===fn.length&&(Ft.allRemoved=!0,Ft.target[on]=null);break}}if(Ft.allRemoved)return At.call(Ft.target,Ft.eventName,Ft.capture?Yt:cn,Ft.options)}:function(Ft){return At.call(Ft.target,Ft.eventName,Ft.invoke,Ft.options)},tn=st&&st.diff?st.diff:function(Ft,nn){const on=typeof nn;return"function"===on&&Ft.callback===nn||"object"===on&&Ft.originalDelegate===nn},ln=Zone[y("UNPATCHED_EVENTS")],Rt=Ee[y("PASSIVE_EVENTS")],en=function(Ft,nn,on,fn,dn=!1,Dn=!1){return function(){const Cn=this||Ee;let Fn=arguments[0];st&&st.transferEventName&&(Fn=st.transferEventName(Fn));let Qn=arguments[1];if(!Qn)return Ft.apply(this,arguments);if(B&&"uncaughtException"===Fn)return Ft.apply(this,arguments);let Hn=!1;if("function"!=typeof Qn){if(!Qn.handleEvent)return Ft.apply(this,arguments);Hn=!0}if(W&&!W(Ft,Qn,Cn,arguments))return;const li=ce&&!!Rt&&-1!==Rt.indexOf(Fn),pn=function re(Ft,nn){return!ce&&"object"==typeof Ft&&Ft?!!Ft.capture:ce&&nn?"boolean"==typeof Ft?{capture:Ft,passive:!0}:Ft?"object"==typeof Ft&&!1!==Ft.passive?{...Ft,passive:!0}:Ft:{passive:!0}:Ft}(arguments[2],li);if(ln)for(let Mi=0;Mi<ln.length;Mi++)if(Fn===ln[Mi])return li?Ft.call(Cn,Fn,Qn,pn):Ft.apply(this,arguments);const wn=!!pn&&("boolean"==typeof pn||pn.capture),ti=!(!pn||"object"!=typeof pn)&&pn.once,ai=Zone.current;let yi=N[Fn];yi||(Et(Fn,pt),yi=N[Fn]);const hi=yi[wn?m:C];let ii,_i=Cn[hi],ni=!1;if(_i){if(ni=!0,$)for(let Mi=0;Mi<_i.length;Mi++)if(tn(_i[Mi],Qn))return}else _i=Cn[hi]=[];const Ci=Cn.constructor.name,Sn=_e[Ci];Sn&&(ii=Sn[Fn]),ii||(ii=Ci+nn+(pt?pt(Fn):Fn)),ct.options=pn,ti&&(ct.options.once=!1),ct.target=Cn,ct.capture=wn,ct.eventName=Fn,ct.isExisting=ni;const zn=it?be:void 0;zn&&(zn.taskData=ct);const oi=ai.scheduleEventTask(ii,Qn,zn,on,fn);return ct.target=null,zn&&(zn.taskData=null),ti&&(pn.once=!0),!ce&&"boolean"==typeof oi.options||(oi.options=pn),oi.target=Cn,oi.capture=wn,oi.eventName=Fn,Hn&&(oi.originalDelegate=Qn),Dn?_i.unshift(oi):_i.push(oi),dn?Cn:void 0}};return De[ke]=en(vt,$t,at,He,Ne),se&&(De[Ye]=en(se,wt,function(Ft){return se.call(ct.target,ct.eventName,Ft.invoke,ct.options)},He,Ne,!0)),De[Ke]=function(){const Ft=this||Ee;let nn=arguments[0];st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=arguments[2],fn=!!on&&("boolean"==typeof on||on.capture),dn=arguments[1];if(!dn)return At.apply(this,arguments);if(W&&!W(At,dn,Ft,arguments))return;const Dn=N[nn];let Cn;Dn&&(Cn=Dn[fn?m:C]);const Fn=Cn&&Ft[Cn];if(Fn)for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];if(tn(Hn,dn))return Fn.splice(Qn,1),Hn.isRemoved=!0,0===Fn.length&&(Hn.allRemoved=!0,Ft[Cn]=null,"string"==typeof nn)&&(Ft[O+"ON_PROPERTY"+nn]=null),Hn.zone.cancelTask(Hn),Ne?Ft:void 0}return At.apply(this,arguments)},De[Fe]=function(){const Ft=this||Ee;let nn=arguments[0];st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=[],fn=St(Ft,pt?pt(nn):nn);for(let dn=0;dn<fn.length;dn++){const Dn=fn[dn];on.push(Dn.originalDelegate?Dn.originalDelegate:Dn.callback)}return on},De[ht]=function(){const Ft=this||Ee;let nn=arguments[0];if(nn){st&&st.transferEventName&&(nn=st.transferEventName(nn));const on=N[nn];if(on){const Dn=Ft[on[C]],Cn=Ft[on[m]];if(Dn){const Fn=Dn.slice();for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];this[Ke].call(this,nn,Hn.originalDelegate?Hn.originalDelegate:Hn.callback,Hn.options)}}if(Cn){const Fn=Cn.slice();for(let Qn=0;Qn<Fn.length;Qn++){const Hn=Fn[Qn];this[Ke].call(this,nn,Hn.originalDelegate?Hn.originalDelegate:Hn.callback,Hn.options)}}}}else{const on=Object.keys(Ft);for(let fn=0;fn<on.length;fn++){const Dn=ze.exec(on[fn]);let Cn=Dn&&Dn[1];Cn&&"removeListener"!==Cn&&this[ht].call(this,Cn)}this[ht].call(this,"removeListener")}if(Ne)return this},he(De[ke],vt),he(De[Ke],At),Be&&he(De[ht],Be),Se&&he(De[Fe],Se),!0}let lt=[];for(let ot=0;ot<et.length;ot++)lt[ot]=Qe(et[ot],Ge);return lt}function St(Ee,Pe){if(!Pe){const Ke=[];for(let Fe in Ee){const ht=ze.exec(Fe);let Vt=ht&&ht[1];if(Vt&&(!Pe||Vt===Pe)){const $t=Ee[Fe];if($t)for(let Ye=0;Ye<$t.length;Ye++)Ke.push($t[Ye])}}return Ke}let et=N[Pe];et||(Et(Pe),et=N[Pe]);const Ge=Ee[et[C]],ke=Ee[et[m]];return Ge?ke?Ge.concat(ke):Ge.slice():ke?ke.slice():[]}function qt(Ee,Pe){const et=Ee.Event;et&&et.prototype&&Pe.patchMethod(et.prototype,"stopImmediatePropagation",Ge=>function(ke,Ke){ke[_t]=!0,Ge&&Ge.apply(ke,Ke)})}function Ot(Ee,Pe,et,Ge,ke){const Ke=Zone.__symbol__(Ge);if(Pe[Ke])return;const Fe=Pe[Ke]=Pe[Ge];Pe[Ge]=function(ht,Vt,$t){return Vt&&Vt.prototype&&ke.forEach(function(Ye){const wt=`${et}.${Ge}::`+Ye,Mt=Vt.prototype;try{if(Mt.hasOwnProperty(Ye)){const kt=Ee.ObjectGetOwnPropertyDescriptor(Mt,Ye);kt&&kt.value?(kt.value=Ee.wrapWithCurrentZone(kt.value,wt),Ee._redefineProperty(Vt.prototype,Ye,kt)):Mt[Ye]&&(Mt[Ye]=Ee.wrapWithCurrentZone(Mt[Ye],wt))}else Mt[Ye]&&(Mt[Ye]=Ee.wrapWithCurrentZone(Mt[Ye],wt))}catch{}}),Fe.call(Pe,ht,Vt,$t)},Ee.attachOriginToPatched(Pe[Ge],Fe)}function Ht(Ee,Pe,et){if(!et||0===et.length)return Pe;const Ge=et.filter(Ke=>Ke.target===Ee);if(!Ge||0===Ge.length)return Pe;const ke=Ge[0].ignoreProperties;return Pe.filter(Ke=>-1===ke.indexOf(Ke))}function Pt(Ee,Pe,et,Ge){Ee&&we(Ee,Ht(Ee,Pe,et),Ge)}function Tt(Ee){return Object.getOwnPropertyNames(Ee).filter(Pe=>Pe.startsWith("on")&&Pe.length>2).map(Pe=>Pe.substring(2))}Zone.__load_patch("util",(Ee,Pe,et)=>{const Ge=Tt(Ee);et.patchOnProperties=we,et.patchMethod=Ie,et.bindArguments=Q,et.patchMacroTask=G;const ke=Pe.__symbol__("BLACK_LISTED_EVENTS"),Ke=Pe.__symbol__("UNPATCHED_EVENTS");Ee[Ke]&&(Ee[ke]=Ee[Ke]),Ee[ke]&&(Pe[ke]=Pe[Ke]=Ee[ke]),et.patchEventPrototype=qt,et.patchEventTarget=Gt,et.isIEOrEdge=q,et.ObjectDefineProperty=ae,et.ObjectGetOwnPropertyDescriptor=Ve,et.ObjectCreate=e,et.ArraySlice=o,et.patchClass=$e,et.wrapWithCurrentZone=w,et.filterProperties=Ht,et.attachOriginToPatched=he,et._redefineProperty=Object.defineProperty,et.patchCallbacks=Ot,et.getGlobalObjects=()=>({globalSources:_e,zoneSymbolEventNames:N,eventNames:Ge,isBrowser:K,isMix:ne,isNode:B,TRUE_STR:m,FALSE_STR:C,ZONE_SYMBOL_PREFIX:O,ADD_EVENT_LISTENER_STR:p,REMOVE_EVENT_LISTENER_STR:_})});const sn=y("zoneTask");function _n(Ee,Pe,et,Ge){let ke=null,Ke=null;et+=Ge;const Fe={};function ht($t){const Ye=$t.data;return Ye.args[0]=function(){return $t.invoke.apply(this,arguments)},Ye.handleId=ke.apply(Ee,Ye.args),$t}function Vt($t){return Ke.call(Ee,$t.data.handleId)}ke=Ie(Ee,Pe+=Ge,$t=>function(Ye,wt){if("function"==typeof wt[0]){const Mt={isPeriodic:"Interval"===Ge,delay:"Timeout"===Ge||"Interval"===Ge?wt[1]||0:void 0,args:wt},kt=wt[0];wt[0]=function(){try{return kt.apply(this,arguments)}finally{Mt.isPeriodic||("number"==typeof Mt.handleId?delete Fe[Mt.handleId]:Mt.handleId&&(Mt.handleId[sn]=null))}};const cn=S(Pe,wt[0],Mt,ht,Vt);if(!cn)return cn;const Yt=cn.data.handleId;return"number"==typeof Yt?Fe[Yt]=cn:Yt&&(Yt[sn]=cn),Yt&&Yt.ref&&Yt.unref&&"function"==typeof Yt.ref&&"function"==typeof Yt.unref&&(cn.ref=Yt.ref.bind(Yt),cn.unref=Yt.unref.bind(Yt)),"number"==typeof Yt||Yt?Yt:cn}return $t.apply(Ee,wt)}),Ke=Ie(Ee,et,$t=>function(Ye,wt){const Mt=wt[0];let kt;"number"==typeof Mt?kt=Fe[Mt]:(kt=Mt&&Mt[sn],kt||(kt=Mt)),kt&&"string"==typeof kt.type?"notScheduled"!==kt.state&&(kt.cancelFn&&kt.data.isPeriodic||0===kt.runCount)&&("number"==typeof Mt?delete Fe[Mt]:Mt&&(Mt[sn]=null),kt.zone.cancelTask(kt)):$t.apply(Ee,wt)})}Zone.__load_patch("legacy",Ee=>{const Pe=Ee[Zone.__symbol__("legacyPatch")];Pe&&Pe()}),Zone.__load_patch("timers",Ee=>{const et="clear";_n(Ee,"set",et,"Timeout"),_n(Ee,"set",et,"Interval"),_n(Ee,"set",et,"Immediate")}),Zone.__load_patch("requestAnimationFrame",Ee=>{_n(Ee,"request","cancel","AnimationFrame"),_n(Ee,"mozRequest","mozCancel","AnimationFrame"),_n(Ee,"webkitRequest","webkitCancel","AnimationFrame")}),Zone.__load_patch("blocking",(Ee,Pe)=>{const et=["alert","prompt","confirm"];for(let Ge=0;Ge<et.length;Ge++)Ie(Ee,et[Ge],(Ke,Fe,ht)=>function(Vt,$t){return Pe.current.run(Ke,Ee,$t,ht)})}),Zone.__load_patch("EventTarget",(Ee,Pe,et)=>{(function ut(Ee,Pe){Pe.patchEventPrototype(Ee,Pe)})(Ee,et),function yt(Ee,Pe){if(Zone[Pe.symbol("patchEventTarget")])return;const{eventNames:et,zoneSymbolEventNames:Ge,TRUE_STR:ke,FALSE_STR:Ke,ZONE_SYMBOL_PREFIX:Fe}=Pe.getGlobalObjects();for(let Vt=0;Vt<et.length;Vt++){const $t=et[Vt],Mt=Fe+($t+Ke),kt=Fe+($t+ke);Ge[$t]={},Ge[$t][Ke]=Mt,Ge[$t][ke]=kt}const ht=Ee.EventTarget;ht&&ht.prototype&&Pe.patchEventTarget(Ee,Pe,[ht&&ht.prototype])}(Ee,et);const Ge=Ee.XMLHttpRequestEventTarget;Ge&&Ge.prototype&&et.patchEventTarget(Ee,et,[Ge.prototype])}),Zone.__load_patch("MutationObserver",(Ee,Pe,et)=>{$e("MutationObserver"),$e("WebKitMutationObserver")}),Zone.__load_patch("IntersectionObserver",(Ee,Pe,et)=>{$e("IntersectionObserver")}),Zone.__load_patch("FileReader",(Ee,Pe,et)=>{$e("FileReader")}),Zone.__load_patch("on_property",(Ee,Pe,et)=>{!function xt(Ee,Pe){if(B&&!ne||Zone[Ee.symbol("patchEvents")])return;const et=Pe.__Zone_ignore_on_properties;let Ge=[];if(K){const ke=window;Ge=Ge.concat(["Document","SVGElement","Element","HTMLElement","HTMLBodyElement","HTMLMediaElement","HTMLFrameSetElement","HTMLFrameElement","HTMLIFrameElement","HTMLMarqueeElement","Worker"]);const Ke=function Re(){try{const Ee=z.navigator.userAgent;if(-1!==Ee.indexOf("MSIE ")||-1!==Ee.indexOf("Trident/"))return!0}catch{}return!1}()?[{target:ke,ignoreProperties:["error"]}]:[];Pt(ke,Tt(ke),et&&et.concat(Ke),s(ke))}Ge=Ge.concat(["XMLHttpRequest","XMLHttpRequestEventTarget","IDBIndex","IDBRequest","IDBOpenDBRequest","IDBDatabase","IDBTransaction","IDBCursor","WebSocket"]);for(let ke=0;ke<Ge.length;ke++){const Ke=Pe[Ge[ke]];Ke&&Ke.prototype&&Pt(Ke.prototype,Tt(Ke.prototype),et)}}(et,Ee)}),Zone.__load_patch("customElements",(Ee,Pe,et)=>{!function Jt(Ee,Pe){const{isBrowser:et,isMix:Ge}=Pe.getGlobalObjects();(et||Ge)&&Ee.customElements&&"customElements"in Ee&&Pe.patchCallbacks(Pe,Ee.customElements,"customElements","define",["connectedCallback","disconnectedCallback","adoptedCallback","attributeChangedCallback"])}(Ee,et)}),Zone.__load_patch("XHR",(Ee,Pe)=>{!function Vt($t){const Ye=$t.XMLHttpRequest;if(!Ye)return;const wt=Ye.prototype;let kt=wt[g],cn=wt[f];if(!kt){const ct=$t.XMLHttpRequestEventTarget;if(ct){const vt=ct.prototype;kt=vt[g],cn=vt[f]}}const Yt="readystatechange",Qe="scheduled";function lt(ct){const vt=ct.data,At=vt.target;At[Ke]=!1,At[ht]=!1;const Se=At[ke];kt||(kt=At[g],cn=At[f]),Se&&cn.call(At,Yt,Se);const Be=At[ke]=()=>{if(At.readyState===At.DONE)if(!vt.aborted&&At[Ke]&&ct.state===Qe){const re=At[Pe.__symbol__("loadfalse")];if(0!==At.status&&re&&re.length>0){const Y=ct.invoke;ct.invoke=function(){const fe=At[Pe.__symbol__("loadfalse")];for(let Ue=0;Ue<fe.length;Ue++)fe[Ue]===ct&&fe.splice(Ue,1);!vt.aborted&&ct.state===Qe&&Y.call(ct)},re.push(ct)}else ct.invoke()}else!vt.aborted&&!1===At[Ke]&&(At[ht]=!0)};return kt.call(At,Yt,Be),At[et]||(At[et]=ct),De.apply(At,vt.args),At[Ke]=!0,ct}function ot(){}function st(ct){const vt=ct.data;return vt.aborted=!0,pt.apply(vt.target,vt.args)}const it=Ie(wt,"open",()=>function(ct,vt){return ct[Ge]=0==vt[2],ct[Fe]=vt[1],it.apply(ct,vt)}),$=y("fetchTaskAborting"),Ne=y("fetchTaskScheduling"),De=Ie(wt,"send",()=>function(ct,vt){if(!0===Pe.current[Ne]||ct[Ge])return De.apply(ct,vt);{const At={target:ct,url:ct[Fe],isPeriodic:!1,args:vt,aborted:!1},Se=S("XMLHttpRequest.send",ot,At,lt,st);ct&&!0===ct[ht]&&!At.aborted&&Se.state===Qe&&Se.invoke()}}),pt=Ie(wt,"abort",()=>function(ct,vt){const At=function Mt(ct){return ct[et]}(ct);if(At&&"string"==typeof At.type){if(null==At.cancelFn||At.data&&At.data.aborted)return;At.zone.cancelTask(At)}else if(!0===Pe.current[$])return pt.apply(ct,vt)})}(Ee);const et=y("xhrTask"),Ge=y("xhrSync"),ke=y("xhrListener"),Ke=y("xhrScheduled"),Fe=y("xhrURL"),ht=y("xhrErrorBeforeScheduled")}),Zone.__load_patch("geolocation",Ee=>{Ee.navigator&&Ee.navigator.geolocation&&function ue(Ee,Pe){const et=Ee.constructor.name;for(let Ge=0;Ge<Pe.length;Ge++){const ke=Pe[Ge],Ke=Ee[ke];if(Ke){if(!de(Ve(Ee,ke)))continue;Ee[ke]=(ht=>{const Vt=function(){return ht.apply(this,Q(arguments,et+"."+ke))};return he(Vt,ht),Vt})(Ke)}}}(Ee.navigator.geolocation,["getCurrentPosition","watchPosition"])}),Zone.__load_patch("PromiseRejectionEvent",(Ee,Pe)=>{function et(Ge){return function(ke){St(Ee,Ge).forEach(Fe=>{const ht=Ee.PromiseRejectionEvent;if(ht){const Vt=new ht(Ge,{promise:ke.promise,reason:ke.rejection});Fe.invoke(Vt)}})}}Ee.PromiseRejectionEvent&&(Pe[y("unhandledPromiseRejectionHandler")]=et("unhandledrejection"),Pe[y("rejectionHandledHandler")]=et("rejectionhandled"))}),Zone.__load_patch("queueMicrotask",(Ee,Pe,et)=>{!function Wt(Ee,Pe){Pe.patchMethod(Ee,"queueMicrotask",et=>function(Ge,ke){Zone.current.scheduleMicroTask("queueMicrotask",ke[0])})}(Ee,et)})},1516:(Ve,ae,s)=>{"use strict";s.d(ae,{ro:()=>o.r,U5:()=>_}),s(9510);var o=s(7258),p=s(4537);let _=(()=>{class f{}return f.\u0275fac=function(C){return new(C||f)},f.\u0275mod=p.oAB({type:f}),f.\u0275inj=p.cJS({}),f})();s(635)},9510:(Ve,ae,s)=>{"use strict";s.d(ae,{F:()=>_});var e=s(8942),o=s(3711),p=s(4537);let _=(()=>{class g{constructor(m){this.accessor=m,this.maskito=o.A_;const C=m.writeValue.bind(m);m.writeValue=O=>{var w;C((0,o.CV)(String(null!=O?O:""),null!==(w=this.maskito)&&void 0!==w?w:o.A_))}}}return g.\u0275fac=function(m){return new(m||g)(p.Y36(e.Fj))},g.\u0275dir=p.lG2({type:g,selectors:[["input","maskito",""],["textarea","maskito",""]],hostBindings:function(m,C){1&m&&p.NdJ("input",function(w){return C.accessor._handleInput(w.target.value)})("blur",function(){return C.accessor.onTouched()})("compositionstart",function(){return C.accessor._compositionStart()})("compositionend",function(w){return C.accessor._compositionEnd(w.target.value)})},inputs:{maskito:"maskito"},features:[p._Bn([e.Fj,{provide:e.JU,multi:!0,useExisting:e.Fj}])]}),g})()},7258:(Ve,ae,s)=>{"use strict";s.d(ae,{r:()=>_});var e=s(4911),o=s(4537),p=s(3711);let _=(()=>{class g{constructor(m,C){this.ngZone=m,this.elementRef=C,this.maskedElement=null,this.maskito=p.A_,this.maskitoElement=p.gI}ngOnChanges(){var m;return(0,e.mG)(this,void 0,void 0,function*(){null===(m=this.maskedElement)||void 0===m||m.destroy();const C=this.maskitoElement,O=yield C(this.elementRef.nativeElement);this.maskitoElement===C&&this.ngZone.runOutsideAngular(()=>{var w;this.maskedElement=new p.C8(O,null!==(w=this.maskito)&&void 0!==w?w:p.A_)})})}ngOnDestroy(){var m;null===(m=this.maskedElement)||void 0===m||m.destroy()}}return g.\u0275fac=function(m){return new(m||g)(o.Y36(o.R0b),o.Y36(o.SBq))},g.\u0275dir=o.lG2({type:g,selectors:[["","maskito",""]],inputs:{maskito:"maskito",maskitoElement:"maskitoElement"},features:[o.TTD]}),g})()},635:(Ve,ae,s)=>{"use strict";s.d(ae,{c:()=>p});var e=s(3711),o=s(4537);let p=(()=>{class _{transform(f,m){return(0,e.CV)(String(null!=f?f:""),null!=m?m:e.A_)}}return _.\u0275fac=function(f){return new(f||_)},_.\u0275pipe=o.Yjl({name:"maskito",type:_,pure:!0}),_})()},3711:(Ve,ae,s)=>{"use strict";s.d(ae,{gI:()=>e,A_:()=>o,C8:()=>$e,CV:()=>Te});const e=Ie=>Ie.querySelector("input,textarea")||Ie,o={mask:/^.*$/,preprocessors:[],postprocessors:[],plugins:[],overwriteMode:"shift"};class p{constructor(){this.now=null,this.past=[],this.future=[]}undo(){const G=this.past.pop();G&&this.now&&(this.future.push(this.now),this.updateElement(G,"historyUndo"))}redo(){const G=this.future.pop();G&&this.now&&(this.past.push(this.now),this.updateElement(G,"historyRedo"))}updateHistory(G){if(!this.now)return void(this.now=G);const he=this.now.value!==G.value,ye=this.now.selection.some((te,Re)=>te!==G.selection[Re]);!he&&!ye||(he&&(this.past.push(this.now),this.future=[]),this.now=G)}updateElement(G,he){this.now=G,this.updateElementState(G,{inputType:he,data:null})}}function m(Ie){return"string"==typeof Ie}function C(Ie,G,he,ye){let te="";for(let Re=G.length;Re<Ie.length;Re++){const q=Ie[Re],ce=(null==ye?void 0:ye.value[Re])===q;if(!m(q)||q===he&&!ce)return te;te+=q}return te}function O(Ie,G){return Array.isArray(G)?Ie.length===G.length&&Array.from(Ie).every((he,ye)=>{const te=G[ye];return m(te)?he===te:he.match(te)}):G.test(Ie)}function y(Ie,G,he=null){if(O(Ie.value,G))return Ie;const{value:ye,selection:te}=Array.isArray(G)?function w(Ie,G,he){let ye=null,te=null;const Re=Array.from(Ie.value).reduce((ce,be,N)=>{const ze=ce+C(G,ce,be,he),_t=G[ze.length];return m(_t)?ze+_t:be.match(_t)?(null===ye&&N>=Ie.selection[0]&&(ye=ze.length),null===te&&N>=Ie.selection[1]&&(te=ze.length),ze+be):ze},""),q=C(G,Re,"",he);return{value:O(Re+q,G)?Re+q:Re,selection:[null!=ye?ye:Re.length,null!=te?te:Re.length]}}(Ie,G,he):function S({value:Ie,selection:G},he){const[ye,te]=G;let Re=ye,q=te;return{value:Array.from(Ie).reduce((be,N,_e)=>{const ze=be+N;return ye===_e&&(Re=be.length),te===_e&&(q=be.length),ze.match(he)?ze:be},""),selection:[Re,q]}}(Ie,G);return{selection:te,value:Array.isArray(G)?ye.slice(0,G.length):ye}}function U(Ie,G){if(!Array.isArray(G))return Ie;const[he,ye]=Ie.selection,te=[],Re=Array.from(Ie.value).reduce((q,ce,be)=>{const N=G[be];return be===he&&te.push(q.length),be===ye&&te.push(q.length),m(N)&&N===ce?q:q+ce},"");return te.length<2&&te.push(...new Array(2-te.length).fill(Re.length)),{value:Re,selection:[te[0],te[1]]}}class z{constructor(G,he){this.initialElementState=G,this.maskOptions=he,this.value="",this.selection=[0,0];const{value:ye,selection:te}=y(G,this.getMaskExpression(G));this.value=ye,this.selection=te}addCharacters([G,he],ye){const{value:te}=this,Re=this.getMaskExpression({value:te.slice(0,G)+ye+te.slice(he),selection:[G+ye.length,G+ye.length]}),q={value:te,selection:[G,he]},ce=U(q,Re),[be,N]=function f({value:Ie,selection:G},he,ye){const[te,Re]=G;return{value:Ie,selection:"replace"===("function"==typeof ye?ye({value:Ie,selection:G}):ye)?[te,te+he.length]:[te,Re]}}(ce,ye,this.maskOptions.overwriteMode).selection,_e=ce.value.slice(0,be)+ye,ze=_e.length,_t=y({value:_e+ce.value.slice(N),selection:[ze,ze]},Re,q);if(te.slice(0,be)===y({value:_e,selection:[ze,ze]},Re,q).value||function g(Ie,...G){return G.every(({value:he,selection:ye})=>he===Ie.value&&ye[0]===Ie.selection[0]&&ye[1]===Ie.selection[1])}(this,_t))throw new Error("Invalid mask value");this.value=_t.value,this.selection=_t.selection}deleteCharacters([G,he]){if(G===he||!he)return;const{value:ye}=this,te=this.getMaskExpression({value:ye.slice(0,G)+ye.slice(he),selection:[G,G]}),Re={value:ye,selection:[G,he]},q=U(Re,te),[ce,be]=q.selection,_e=y({value:q.value.slice(0,ce)+q.value.slice(be),selection:[ce,ce]},te,Re);this.value=_e.value,this.selection=_e.selection}getMaskExpression(G){const{mask:he}=this.maskOptions;return"function"==typeof he?he(G):he}}class Z{constructor(G){this.element=G,this.listeners=[]}listen(G,he,ye){const te=he;this.element.addEventListener(G,te,ye),this.listeners.push(()=>this.element.removeEventListener(G,te))}destroy(){this.listeners.forEach(G=>G())}}function le(Ie,G,he){return Ie.ctrlKey===!!(1&G)&&Ie.altKey===!!(2&G)&&Ie.shiftKey===!!(4&G)&&Ie.metaKey===!!(8&G)&&Ie.keyCode===he}function B({value:Ie,selection:G},he){const[ye,te]=G;if(ye!==te)return[ye,te];const Re=he?Ie.slice(ye).indexOf("\n")+1||Ie.length:Ie.slice(0,te).lastIndexOf("\n")+1;return[he?ye:Re,he?Re:te]}function K({value:Ie,selection:G},he){const[ye,te]=G;return ye!==te?[ye,te]:(he?[ye,te+1]:[ye-1,te]).map(q=>Math.min(Math.max(q,0),Ie.length))}const ne=/\s+$/g,We=/^\s+/g,Le=/\s/;function Je({value:Ie,selection:G},he){const[ye,te]=G;if(ye!==te)return[ye,te];if(he){const be=Ie.slice(ye),[N]=be.match(We)||[""],_e=be.replace(We,"").search(Le);return[ye,-1!==_e?ye+N.length+_e:Ie.length]}const Re=Ie.slice(0,te),[q]=Re.match(ne)||[""],ce=Re.replace(ne,"").split("").reverse().findIndex(be=>be.match(Le));return[-1!==ce?te-q.length-ce:0,te]}function we(Ie=[]){return(G,...he)=>Ie.reduce((ye,te)=>Object.assign(Object.assign({},ye),te(ye,...he)),G)}function Te(Ie,G){const he=Object.assign(Object.assign({},o),G),ye=we(he.preprocessors),te=we(he.postprocessors),Re="string"==typeof Ie?{value:Ie,selection:[0,0]}:Ie,{elementState:q}=ye({elementState:Re,data:""},"validation"),ce=new z(q,he),{value:be,selection:N}=te(ce,Re);return"string"==typeof Ie?be:{value:be,selection:N}}class $e extends p{constructor(G,he){super(),this.element=G,this.maskitoOptions=he,this.isTextArea="TEXTAREA"===this.element.nodeName,this.eventListener=new Z(this.element),this.options=Object.assign(Object.assign({},o),this.maskitoOptions),this.preprocessor=we(this.options.preprocessors),this.postprocessor=we(this.options.postprocessors),this.teardowns=this.options.plugins.map(ye=>ye(this.element,this.options)),this.ensureValueFitsMask(),this.updateHistory(this.elementState),this.eventListener.listen("keydown",ye=>function Q(Ie){return le(Ie,1,89)||le(Ie,5,90)||le(Ie,12,90)}(ye)?(ye.preventDefault(),this.redo()):function ue(Ie){return le(Ie,1,90)||le(Ie,8,90)}(ye)?(ye.preventDefault(),this.undo()):void 0),function de(Ie){return"onbeforeinput"in Ie}(G)?this.eventListener.listen("beforeinput",ye=>{const te=ye.inputType.includes("Forward");switch(this.updateHistory(this.elementState),ye.inputType){case"historyUndo":return ye.preventDefault(),this.undo();case"historyRedo":return ye.preventDefault(),this.redo();case"deleteByCut":case"deleteContentBackward":case"deleteContentForward":return this.handleDelete({event:ye,isForward:te,selection:K(this.elementState,te)});case"deleteWordForward":case"deleteWordBackward":return this.handleDelete({event:ye,isForward:te,selection:Je(this.elementState,te),force:!0});case"deleteSoftLineBackward":case"deleteSoftLineForward":case"deleteHardLineBackward":case"deleteHardLineForward":return this.handleDelete({event:ye,isForward:te,selection:B(this.elementState,te),force:!0});case"insertCompositionText":return;case"insertLineBreak":return this.handleEnter(ye);default:return this.handleInsert(ye,ye.data||"")}}):(this.eventListener.listen("keydown",ye=>this.handleKeydown(ye)),this.eventListener.listen("paste",ye=>{var te;return this.handleInsert(ye,(null===(te=ye.clipboardData)||void 0===te?void 0:te.getData("text/plain"))||"")})),this.eventListener.listen("input",({inputType:ye})=>{"insertCompositionText"!==ye&&(this.ensureValueFitsMask(),this.updateHistory(this.elementState))}),this.eventListener.listen("compositionend",()=>{this.ensureValueFitsMask(),this.updateHistory(this.elementState)})}get elementState(){const{value:G,selectionStart:he,selectionEnd:ye}=this.element;return{value:G,selection:[he||0,ye||0]}}get maxLength(){const{maxLength:G}=this.element;return-1===G?1/0:G}destroy(){this.eventListener.destroy(),this.teardowns.forEach(G=>null==G?void 0:G())}updateElementState({value:G,selection:he},ye={inputType:"insertText",data:null}){const te=this.elementState.value;this.updateValue(G),this.updateSelectionRange(he),te!==G&&this.dispatchInputEvent(ye)}updateSelectionRange([G,he]){var ye,te;(this.element.selectionStart!==G||this.element.selectionEnd!==he)&&(null===(te=(ye=this.element).setSelectionRange)||void 0===te||te.call(ye,G,he))}updateValue(G){this.element.value=G}ensureValueFitsMask(){this.updateElementState(Te(this.elementState,this.options))}dispatchInputEvent(G={inputType:"insertText",data:null}){const he=typeof window<"u"?window:globalThis;null!=he&&he.InputEvent&&this.element.dispatchEvent(new InputEvent("input",Object.assign(Object.assign({},G),{bubbles:!0,cancelable:!1})))}handleKeydown(G){const he=G.key,ye="Delete"===he;switch(he){case"Backspace":case"Delete":return this.handleDelete({event:G,isForward:ye,selection:K(this.elementState,ye)});case"Enter":return this.handleEnter(G)}(function X({key:Ie,ctrlKey:G,metaKey:he,altKey:ye}){const te=G||he||ye,Re=/^.$/u.test(Ie);return!te&&"Backspace"!==Ie&&Re})(G)&&this.handleInsert(G,he)}handleDelete({event:G,selection:he,isForward:ye,force:te=!1}){const Re={value:this.elementState.value,selection:he},[q,ce]=Re.selection,{elementState:be}=this.preprocessor({elementState:Re,data:""},ye?"deleteForward":"deleteBackward"),N=new z(be,this.options),[_e,ze]=be.selection;N.deleteCharacters([_e,ze]);const _t=this.postprocessor(N,Re);if(Re.value.slice(0,q)+Re.value.slice(ce)!==_t.value||te)return G.preventDefault(),function _(Ie,...G){return G.every(({value:he})=>he===Ie.value)}(Re,be,N,_t)?this.updateSelectionRange(ye?[ze,ze]:[_e,_e]):(this.updateElementState(_t,{inputType:"inputType"in G?G.inputType:ye?"deleteContentForward":"deleteContentBackward",data:null}),void this.updateHistory(_t))}handleInsert(G,he){const ye=this.elementState,{elementState:te,data:Re=he}=this.preprocessor({data:he,elementState:ye},"insert"),q=new z(te,this.options);try{q.addCharacters(te.selection,Re)}catch{return G.preventDefault()}const[ce,be]=te.selection,N=te.value.slice(0,ce)+he+te.value.slice(be),_e=this.postprocessor(q,ye);if(_e.value.length>this.maxLength)return G.preventDefault();N!==_e.value&&(G.preventDefault(),this.updateElementState(_e,{data:he,inputType:"inputType"in G?G.inputType:"insertText"}),this.updateHistory(_e))}handleEnter(G){this.isTextArea&&this.handleInsert(G,"\n")}}},4707:(Ve,ae,s)=>{"use strict";s.d(ae,{C:()=>e});var e=(()=>{return(o=e||(e={})).MaskitoOptions="mask",o.JavaScript="JavaScript",o.Angular="Angular",o.React="React",o.Vue="Vue",e;var o})()},374:(Ve,ae,s)=>{"use strict";var e=s(5998),p=(s(7400),s(5732)),_=s(4537),g=s(4091),f=s(763),m=s(8692);let C=(()=>{class Qe extends g._j{constructor(ot,st){super(),this._nextAnimationId=0,this._renderer=ot.createRenderer(st.body,{id:"0",encapsulation:_.ifc.None,styles:[],data:{animation:[]}})}build(ot){const st=this._nextAnimationId.toString();this._nextAnimationId++;const it=Array.isArray(ot)?(0,g.vP)(ot):ot;return S(this._renderer,null,st,"register",[it]),new O(st,this._renderer)}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(_.FYo),_.LFG(m.K0))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})();class O extends g.LC{constructor(lt,ot){super(),this._id=lt,this._renderer=ot}create(lt,ot){return new w(this._id,lt,ot||{},this._renderer)}}class w{constructor(lt,ot,st,it){this.id=lt,this.element=ot,this._renderer=it,this.parentPlayer=null,this._started=!1,this.totalTime=0,this._command("create",st)}_listen(lt,ot){return this._renderer.listen(this.element,`@@${this.id}:${lt}`,ot)}_command(lt,...ot){return S(this._renderer,this.element,this.id,lt,ot)}onDone(lt){this._listen("done",lt)}onStart(lt){this._listen("start",lt)}onDestroy(lt){this._listen("destroy",lt)}init(){this._command("init")}hasStarted(){return this._started}play(){this._command("play"),this._started=!0}pause(){this._command("pause")}restart(){this._command("restart")}finish(){this._command("finish")}destroy(){this._command("destroy")}reset(){this._command("reset"),this._started=!1}setPosition(lt){this._command("setPosition",lt)}getPosition(){var lt,ot;return null!==(lt=null===(ot=this._renderer.engine.players[+this.id])||void 0===ot?void 0:ot.getPosition())&&void 0!==lt?lt:0}}function S(Qe,lt,ot,st,it){return Qe.setProperty(lt,`@@${ot}:${st}`,it)}const y="@",U="@.disabled";let z=(()=>{class Qe{constructor(ot,st,it){this.delegate=ot,this.engine=st,this._zone=it,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,this.promise=Promise.resolve(0),st.onRemovalComplete=(W,$)=>{const Ne=null==$?void 0:$.parentNode(W);Ne&&$.removeChild(Ne,W)}}createRenderer(ot,st){const W=this.delegate.createRenderer(ot,st);if(!(ot&&st&&st.data&&st.data.animation)){let ct=this._rendererCache.get(W);return ct||(ct=new Z("",W,this.engine,()=>this._rendererCache.delete(W)),this._rendererCache.set(W,ct)),ct}const $=st.id,Ne=st.id+"-"+this._currentId;this._currentId++,this.engine.register(Ne,ot);const De=ct=>{Array.isArray(ct)?ct.forEach(De):this.engine.registerTrigger($,Ne,ot,ct.name,ct)};return st.data.animation.forEach(De),new le(this,Ne,W,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){this.promise.then(()=>{this._microtaskId++})}scheduleListenerCallback(ot,st,it){ot>=0&&ot<this._microtaskId?this._zone.run(()=>st(it)):(0==this._animationCallbacksBuffer.length&&Promise.resolve(null).then(()=>{this._zone.run(()=>{this._animationCallbacksBuffer.forEach(W=>{const[$,Ne]=W;$(Ne)}),this._animationCallbacksBuffer=[]})}),this._animationCallbacksBuffer.push([st,it]))}end(){this._cdRecurDepth--,0==this._cdRecurDepth&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(_.FYo),_.LFG(f.Th),_.LFG(_.R0b))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})();class Z{constructor(lt,ot,st,it){this.namespaceId=lt,this.delegate=ot,this.engine=st,this._onDestroy=it,this.destroyNode=this.delegate.destroyNode?W=>ot.destroyNode(W):null}get data(){return this.delegate.data}destroy(){var lt;this.engine.destroy(this.namespaceId,this.delegate),this.delegate.destroy(),null===(lt=this._onDestroy)||void 0===lt||lt.call(this)}createElement(lt,ot){return this.delegate.createElement(lt,ot)}createComment(lt){return this.delegate.createComment(lt)}createText(lt){return this.delegate.createText(lt)}appendChild(lt,ot){this.delegate.appendChild(lt,ot),this.engine.onInsert(this.namespaceId,ot,lt,!1)}insertBefore(lt,ot,st,it=!0){this.delegate.insertBefore(lt,ot,st),this.engine.onInsert(this.namespaceId,ot,lt,it)}removeChild(lt,ot,st){this.engine.onRemove(this.namespaceId,ot,this.delegate,st)}selectRootElement(lt,ot){return this.delegate.selectRootElement(lt,ot)}parentNode(lt){return this.delegate.parentNode(lt)}nextSibling(lt){return this.delegate.nextSibling(lt)}setAttribute(lt,ot,st,it){this.delegate.setAttribute(lt,ot,st,it)}removeAttribute(lt,ot,st){this.delegate.removeAttribute(lt,ot,st)}addClass(lt,ot){this.delegate.addClass(lt,ot)}removeClass(lt,ot){this.delegate.removeClass(lt,ot)}setStyle(lt,ot,st,it){this.delegate.setStyle(lt,ot,st,it)}removeStyle(lt,ot,st){this.delegate.removeStyle(lt,ot,st)}setProperty(lt,ot,st){ot.charAt(0)==y&&ot==U?this.disableAnimations(lt,!!st):this.delegate.setProperty(lt,ot,st)}setValue(lt,ot){this.delegate.setValue(lt,ot)}listen(lt,ot,st){return this.delegate.listen(lt,ot,st)}disableAnimations(lt,ot){this.engine.disableAnimations(lt,ot)}}class le extends Z{constructor(lt,ot,st,it,W){super(ot,st,it,W),this.factory=lt,this.namespaceId=ot}setProperty(lt,ot,st){ot.charAt(0)==y?"."==ot.charAt(1)&&ot==U?this.disableAnimations(lt,st=void 0===st||!!st):this.engine.process(this.namespaceId,lt,ot.slice(1),st):this.delegate.setProperty(lt,ot,st)}listen(lt,ot,st){if(ot.charAt(0)==y){const it=function Q(Qe){switch(Qe){case"body":return document.body;case"document":return document;case"window":return window;default:return Qe}}(lt);let W=ot.slice(1),$="";return W.charAt(0)!=y&&([W,$]=function ue(Qe){const lt=Qe.indexOf(".");return[Qe.substring(0,lt),Qe.slice(lt+1)]}(W)),this.engine.listen(this.namespaceId,it,W,$,Ne=>{this.factory.scheduleListenerCallback(Ne._data||-1,st,Ne)})}return this.delegate.listen(lt,ot,st)}}const K=[{provide:g._j,useClass:C},{provide:f.NH,useFactory:function X(){return new f.Ar}},{provide:f.Th,useClass:(()=>{class Qe extends f.Th{constructor(ot,st,it,W){super(ot.body,st,it)}ngOnDestroy(){this.flush()}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(m.K0),_.LFG(f.Vi),_.LFG(f.NH),_.LFG(_.z2F))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac}),Qe})()},{provide:_.FYo,useFactory:function B(Qe,lt,ot){return new z(Qe,lt,ot)},deps:[e.se,f.Th,_.R0b]}],ne=[{provide:f.Vi,useFactory:()=>new f.DT},{provide:_.QbO,useValue:"BrowserAnimations"},...K],We=[{provide:f.Vi,useClass:f.nV},{provide:_.QbO,useValue:"NoopAnimations"},...K];let Le=(()=>{class Qe{static withConfig(ot){return{ngModule:Qe,providers:ot.disableAnimations?We:ne}}}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({providers:ne,imports:[e.b2]}),Qe})();var $e=s(9658),Ie=s(2847),G=s(5452),he=s(972),ye=s(1001),te=s(6060),Re=s(4480),q=s.n(Re);const ce=new _.OlP("Config for DOMPurify",{factory:()=>({}),providedIn:"root"}),be=new _.OlP("Hooks for DOMPurify",{factory:()=>[],providedIn:"root"}),N=new _.OlP("A function that sanitizes value for a CSS rule",{factory:()=>Qe=>Qe,providedIn:"root"}),_e=q();let ze=(()=>{class Qe{constructor(ot,st,{defaultView:it},W){this.config=ot,this.sanitizeStyle=st,this.domPurify=_e(it),W.forEach(({name:$,hook:Ne})=>{this.domPurify.addHook($,Ne)})}sanitize(ot,st,it=this.config){if(ot===_.q3G.SCRIPT)throw new Error("DOMPurify does not support SCRIPT context");return ot===_.q3G.STYLE?this.sanitizeStyle(String(st)):this.domPurify.sanitize(String(st||""),it)}}return Qe.\u0275fac=function(ot){return new(ot||Qe)(_.LFG(ce),_.LFG(N),_.LFG(m.K0),_.LFG(be))},Qe.\u0275prov=_.Yz7({token:Qe,factory:Qe.\u0275fac,providedIn:"root"}),Qe})();var Gt=s(1862);let St=(()=>{class Qe{constructor(){this.stackblitzStarterPath="/stackblitz"}}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["my-app"]],features:[_._Bn([{provide:te.hm,useClass:ze}])],decls:5,vars:1,consts:[["ngProjectAs","tuiDocHeader",5,["tuiDocHeader"]],["href","https://github.com/taiga-family/maskito","icon","assets/icons/github.svg","iconAlign","left","rel","noreferrer","target","_blank","title","Maskito source code on GitHub","tuiLink","","tuiMode","onLight",1,"link"],["href","https://t.me/taiga_ui/10600","icon","assets/icons/telegram.svg","iconAlign","left","rel","noreferrer","target","_blank","title","Get help on Telegram","tuiLink","","tuiMode","onLight",1,"link"],["icon","assets/icons/stackblitz.svg","iconAlign","left","title","Maskito StackBlitz Starter","tuiLink","","tuiMode","onLight",1,"link",3,"routerLink"]],template:function(ot,st){1&ot&&(_.TgZ(0,"tui-doc-main"),_.ynx(1,0),_._UZ(2,"a",1)(3,"a",2)(4,"a",3),_.BQk(),_.qZA()),2&ot&&(_.xp6(4),_.Q6J("routerLink",st.stackblitzStarterPath))},dependencies:[Gt.rH,$e.$5,Ie.V,G.w],styles:["[_nghost-%COMP%]{font:var(--tui-font-text-m);color:var(--tui-text-01)}.link[_ngcontent-%COMP%]{margin-left:1rem}"],changeDetection:0}),Qe})();var qt=s(4911),Ot=s(4707),Ht=s(4548),Pt=s(9959),xt=s(9570),Wt=s(4789);const _n=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["angular-logo"]],decls:1,vars:0,consts:[["src","assets/icons/angular.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})());let Jt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Wt.EI]}),Qe})();const ut=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["javascript-logo"]],decls:1,vars:0,consts:[["src","assets/icons/javascript.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Pe=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["react-logo"]],decls:1,vars:0,consts:[["src","assets/icons/react.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Ge=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["vue-logo"]],decls:1,vars:0,consts:[["src","assets/icons/vue.svg"]],template:function(ot,st){1&ot&&_._UZ(0,"tui-svg",0)},dependencies:[Wt.PN],encapsulation:2,changeDetection:0}),Qe})()),Ke=new xt.Al((()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275cmp=_.Xpm({type:Qe,selectors:[["logo"]],decls:5,vars:0,consts:[["routerLink","/","tuiLink","",1,"logo-link"],[1,"logo-name"],["alt","Maskito logo","src","assets/icons/maskito.svg",1,"logo"],["alt","by Tinkoff","src","assets/icons/by.svg",1,"by"]],template:function(ot,st){1&ot&&(_.TgZ(0,"a",0)(1,"span",1),_._UZ(2,"img",2),_._uU(3," Maskito "),_.qZA()(),_._UZ(4,"img",3))},dependencies:[Ie.V,Gt.rH],styles:["[_nghost-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   tui-root._mobile[_nghost-%COMP%], tui-root._mobile   [_nghost-%COMP%]{font-size:0}.logo-link[_ngcontent-%COMP%]{display:flex}.logo-name[_ngcontent-%COMP%]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-%COMP%]{margin-right:.625rem}.by[_ngcontent-%COMP%]{margin-left:.875rem}tui-root._mobile[_nghost-%COMP%]   .by[_ngcontent-%COMP%], tui-root._mobile   [_nghost-%COMP%]   .by[_ngcontent-%COMP%]{display:none}"],changeDetection:0}),Qe})()),wt=[{provide:m.S$,useClass:m.b0},{provide:Ht.Yx,useValue:"Maskito | "},{provide:Ht.Or,useValue:Ke},{provide:Ht.AC,useValue:["Description and examples","API"]},{provide:Ht.V5,useValue:[{section:"Getting started",title:"What is Maskito?",route:"getting-started/what-is-maskito",keywords:"getting, started, what, is, maskito"},{section:"Getting started",title:"Maskito libraries",route:"getting-started/maskito-libraries",keywords:"install, package, packages, maskito, npm, setup, explore, ecosystem"},{section:"Core concepts",title:"Overview",route:"core-concepts/overview",keywords:"core, concepts, overview"},{section:"Core concepts",title:"Mask expression",route:"core-concepts/mask-expression",keywords:"core, concepts, mask, expression, reg, exp, fixed"},{section:"Core concepts",title:"Element state",route:"core-concepts/element-state",keywords:"core, concepts, element, state"},{section:"Core concepts",title:"Processors",route:"core-concepts/processors",keywords:"core, concepts, preprocessor, postprocessor, processor, element, state, elementState"},{section:"Core concepts",title:"Plugins",route:"core-concepts/plugins",keywords:"core, concepts, extension, event, focus, blur"},{section:"Core concepts",title:"Overwrite mode",route:"core-concepts/overwrite-mode",keywords:"core, concepts, overwrite, mode, shift, replace"},{section:"Core concepts",title:"Transformer",route:"core-concepts/transformer",keywords:"core, concepts, programmatic, patch, set, update, value"},{section:"Frameworks",title:"Angular",route:"frameworks/angular",keywords:"ng, angular, framework, addon"},{section:"Frameworks",title:"React",route:"frameworks/react",keywords:"react, framework, addon"},{section:"Frameworks",title:"Vue",route:"frameworks/vue",keywords:"vue, framework, addon"},{section:"Kit",title:"Number",route:"kit/number",keywords:"digit, number, money, mask, kit, generator"},{section:"Kit",title:"Time",route:"kit/time",keywords:"time, hour, minute, second, mask, kit, generator"},{section:"Kit",title:"Date",route:"kit/date",keywords:"date, day, month, year, mask, kit, generator"},{section:"Kit",title:"DateRange",route:"kit/date-range",keywords:"date, day, month, year, mask, range, kit, generator"},{section:"Kit",title:"DateTime",route:"kit/date-time",keywords:"date, day, month, year, mask, time, date-time, hour, minute, second, kit, generator"},{section:"Addons",title:"@maskito/phone",route:"addons/phone",keywords:"phone, libphonenumber, international, generator"},{section:"Recipes",title:"Card",route:"recipes/card",keywords:"card, credit, cvv, debit, mask, recipe"},{section:"Recipes",title:"Phone",route:"recipes/phone",keywords:"phone, mobile, tel, telephone, mask, recipe"},{section:"Recipes",title:"Textarea",route:"recipes/textarea",keywords:"textarea, latin, mask, recipe"},{section:"Recipes",title:"With prefix",route:"recipes/prefix",keywords:"prefix, before, recipe"},{section:"Recipes",title:"With postfix",route:"recipes/postfix",keywords:"postfix, after, percent, am, pm, recipe"},{section:"Recipes",title:"With placeholder",route:"recipes/placeholder",keywords:"guide, placeholder, fill, recipe"},{section:"Other",title:"Browser support",route:"browser-support",keywords:"chrome, safari, ie, edge, firefox, browser, support"},{section:"Other",title:"Changelog",route:"changelog",keywords:"changelog, release, version, history"}]},{provide:Ht.yO,useValue:Qe=>{const lt="https://github.com/taiga-family/maskito/tree/main/projects";return Qe.path?`${lt}/${Qe.path}`:Qe.package&&"kit"===Qe.package.toLowerCase()?`${lt}/${Qe.package.toLowerCase()}/src/lib/masks/${(Qe.header[0].toLowerCase()+Qe.header.slice(1)).replace(/[A-Z]/g,ot=>`-${ot.toLowerCase()}`)}`:null}},{provide:Ht.lW,useClass:ye.StackblitzService},{provide:Ht.$_,useValue:Qe=>{const lt=Object.keys(Qe);return 1===lt.length&&lt[0]===Ot.C.MaskitoOptions?Object.assign(Object.assign({},Qe),{[Ot.C.JavaScript]:"import {Maskito, MaskitoOptions} from '@maskito/core';\nimport maskitoOptions from './mask';\n\nconst element = document.querySelector('input,textarea')!;\nconst maskedInput = new Maskito(element, maskitoOptions);\n\n// Call this function when the element is detached from DOM\nmaskedInput.destroy();",[Ot.C.Angular]:"import {Component} from '@angular/core';\nimport {MaskitoModule} from '@maskito/angular';\nimport type {MaskitoOptions} from '@maskito/core';\n\nimport mask from './mask';\n\n@Component({\n  selector: 'my-app',\n  standalone: true,\n  imports: [MaskitoModule],\n  template: '<input [maskito]=\"options\" />',\n})\nexport class App {\n  readonly options: MaskitoOptions = mask;\n}",[Ot.C.React]:"import * as React from 'react';\nimport {useMaskito} from '@maskito/react';\n\nimport options from './mask';\n\nexport default function App() {\n  const maskedInputRef = useMaskito({options});\n\n  return <input ref={maskedInputRef} />;\n}",[Ot.C.Vue]:"import {createApp} from 'vue';\nimport {maskito} from '@maskito/vue';\n\nimport options from './mask';\n\nconst app = createApp({\n  template: '<input v-maskito=\"options\" />',\n  directives: {maskito},\n  data: () => ({ options }),\n});"}):Qe}},(0,$e.hs)({codeEditorVisibilityHandler:Qe=>{const lt=Object.keys(Qe);return lt.includes(Ot.C.MaskitoOptions)&&lt.includes(Ot.C.JavaScript)},tabTitles:new Map([[Ot.C.JavaScript,ut],[Ot.C.Angular,_n],[Ot.C.React,Pe],[Ot.C.Vue,Ge]])}),{provide:Pt.rN,useFactory:()=>{const Qe=(0,m.NF)((0,_.f3M)(_.Lbi));return{coreLibraryLoader:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(9358).then(s.bind(s,9358))}),lineNumbersLoader:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return Qe?s.e(9022).then(s.t.bind(s,9022,23)):Promise.resolve()}),languages:{typescript:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(3377).then(s.bind(s,3377))}),less:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(4249).then(s.bind(s,4249))}),xml:()=>(0,qt.mG)(void 0,void 0,void 0,function*(){return s.e(3088).then(s.bind(s,3088))})}}}}],Mt=[{path:"getting-started/what-is-maskito",loadChildren:()=>Promise.all([s.e(8592),s.e(2089)]).then(s.bind(s,2089)).then(Qe=>Qe.WhatIsMaskitoDocPageModule),data:{title:"What is Maskito?"}},{path:"getting-started/maskito-libraries",loadChildren:()=>s.e(5113).then(s.bind(s,5113)).then(Qe=>Qe.MaskitoLibrariesDocPageModule),data:{title:"Maskito libraries"}},{path:"core-concepts/overview",loadChildren:()=>Promise.all([s.e(8592),s.e(7674)]).then(s.bind(s,7674)).then(Qe=>Qe.CoreConceptsOverviewDocPageModule),data:{title:"Core concepts"}},{path:"core-concepts/mask-expression",loadChildren:()=>Promise.all([s.e(8592),s.e(7089)]).then(s.bind(s,7089)).then(Qe=>Qe.MaskExpressionDocPageModule),data:{title:"Mask expression"}},{path:"core-concepts/element-state",loadChildren:()=>s.e(5017).then(s.bind(s,5017)).then(Qe=>Qe.ElementStateDocPageModule),data:{title:"Element state"}},{path:"core-concepts/processors",loadChildren:()=>Promise.all([s.e(8592),s.e(2742)]).then(s.bind(s,2742)).then(Qe=>Qe.ProcessorsDocPageModule),data:{title:"Processors"}},{path:"core-concepts/plugins",loadChildren:()=>Promise.all([s.e(8592),s.e(1351)]).then(s.bind(s,1351)).then(Qe=>Qe.PluginsDocPageModule),data:{title:"Plugins"}},{path:"core-concepts/overwrite-mode",loadChildren:()=>Promise.all([s.e(3506),s.e(8592),s.e(6233)]).then(s.bind(s,6233)).then(Qe=>Qe.OverwriteModeDocPageModule),data:{title:"Overwrite mode"}},{path:"core-concepts/transformer",loadChildren:()=>Promise.all([s.e(8592),s.e(7072)]).then(s.bind(s,7072)).then(Qe=>Qe.TransformerDocPageModule),data:{title:"Transformer"}},{path:"frameworks/angular",loadChildren:()=>s.e(8354).then(s.bind(s,8354)).then(Qe=>Qe.AngularDocPageModule),data:{title:"Angular"}},{path:"frameworks/react",loadChildren:()=>Promise.all([s.e(7435),s.e(8660)]).then(s.bind(s,8660)).then(Qe=>Qe.ReactDocPageModule),data:{title:"React"}},{path:"frameworks/vue",loadChildren:()=>s.e(8210).then(s.bind(s,8210)).then(Qe=>Qe.VueDocPageModule),data:{title:"Vue"}},{path:"kit/number",loadChildren:()=>s.e(6054).then(s.bind(s,6054)).then(Qe=>Qe.NumberMaskDocModule),data:{title:"Number"}},{path:"kit/time",loadChildren:()=>s.e(18).then(s.bind(s,18)).then(Qe=>Qe.TimeMaskDocModule),data:{title:"Time"}},{path:"kit/date",loadChildren:()=>s.e(2888).then(s.bind(s,2888)).then(Qe=>Qe.DateMaskDocModule),data:{title:"Date"}},{path:"kit/date-range",loadChildren:()=>s.e(4701).then(s.bind(s,4701)).then(Qe=>Qe.DateRangeMaskDocModule),data:{title:"DateRange"}},{path:"kit/date-time",loadChildren:()=>s.e(5564).then(s.bind(s,5564)).then(Qe=>Qe.DateTimeMaskDocModule),data:{title:"DateTime"}},{path:"recipes/card",loadChildren:()=>s.e(5445).then(s.bind(s,5445)).then(Qe=>Qe.CardDocModule),data:{title:"Card"}},{path:"recipes/phone",loadChildren:()=>Promise.all([s.e(8592),s.e(5608)]).then(s.bind(s,5608)).then(Qe=>Qe.PhoneDocModule),data:{title:"Phone"}},{path:"addons/phone",loadChildren:()=>Promise.all([s.e(8592),s.e(7316)]).then(s.bind(s,7316)).then(Qe=>Qe.PhoneDocModule),data:{title:"Phone"}},{path:"recipes/textarea",loadChildren:()=>Promise.all([s.e(3506),s.e(131)]).then(s.bind(s,131)).then(Qe=>Qe.TextareaDocModule),data:{title:"Textarea"}},{path:"recipes/prefix",loadChildren:()=>s.e(5580).then(s.bind(s,5580)).then(Qe=>Qe.PrefixDocModule),data:{title:"With prefix"}},{path:"recipes/postfix",loadChildren:()=>s.e(904).then(s.bind(s,904)).then(Qe=>Qe.PostfixDocModule),data:{title:"With postfix"}},{path:"recipes/placeholder",loadChildren:()=>Promise.all([s.e(8592),s.e(6597)]).then(s.bind(s,6597)).then(Qe=>Qe.PlaceholderDocModule),data:{title:"With placeholder"}},{path:"browser-support",loadChildren:()=>s.e(1759).then(s.bind(s,1759)).then(Qe=>Qe.BrowserSupportModule),data:{title:"Browser support"}},{path:"changelog",loadChildren:()=>s.e(4088).then(s.bind(s,4088)).then(Qe=>Qe.ChangelogModule),data:{title:"Changelog"}},{path:"stackblitz",loadChildren:()=>Promise.resolve().then(s.bind(s,1001)).then(Qe=>Qe.StackblitzStarterModule),data:{title:"Stackblitz Starter"}},{path:"cypress",loadChildren:()=>Promise.all([s.e(7435),s.e(169)]).then(s.bind(s,169)).then(Qe=>Qe.CypressDocPageModule),data:{title:"Cypress tests \u{1f92b}"}},{path:"**",redirectTo:"getting-started/what-is-maskito"}];let kt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Gt.Bz.forRoot(Mt,{initialNavigation:"enabledBlocking",scrollPositionRestoration:"enabled"}),Gt.Bz]}),Qe})(),cn=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe}),Qe.\u0275inj=_.cJS({imports:[Ie.j,Gt.Bz]}),Qe})(),Yt=(()=>{class Qe{}return Qe.\u0275fac=function(ot){return new(ot||Qe)},Qe.\u0275mod=_.oAB({type:Qe,bootstrap:[St]}),Qe.\u0275inj=_.cJS({providers:wt,imports:[e.b2.withServerTransition({appId:"demo"}),kt,Le,p.JF,cn,he.JP.forRoot({loader:p.eN,sanitize:_.q3G.NONE}),$e.qn,Ie.j,G.z,ye.StackblitzEditButtonModule,Jt]}),Qe})();document.addEventListener("DOMContentLoaded",()=>{e.q6().bootstrapModule(Yt).then(Qe=>{const lt=window;lt.ngRef&&lt.ngRef.destroy(),lt.ngRef=Qe}).catch(console.error)})},1001:(Ve,ae,s)=>{"use strict";s.r(ae),s.d(ae,{StackblitzEditButtonComponent:()=>p,StackblitzEditButtonModule:()=>_,StackblitzService:()=>xt,StackblitzStarterComponent:()=>sn,StackblitzStarterModule:()=>Jt});var e=s(4537),o=s(2628);let p=(()=>{class yt{}return yt.\u0275fac=function(Ee){return new(Ee||yt)},yt.\u0275cmp=e.Xpm({type:yt,selectors:[["stackblitz-edit-button"]],decls:2,vars:0,consts:[["appearance","flat","icon","assets/icons/stackblitz.svg","size","s","title","Edit on StackBlitz","tuiButton","","type","button"]],template:function(Ee,Pe){1&Ee&&(e.TgZ(0,"button",0),e._uU(1," Edit "),e.qZA())},dependencies:[o.v0],styles:["@media screen and (max-width: 47.9625em){button[_ngcontent-%COMP%]{font-size:0;margin-right:-1rem}}"],changeDetection:0}),yt})(),_=(()=>{class yt{}return yt.\u0275fac=function(Ee){return new(Ee||yt)},yt.\u0275mod=e.oAB({type:yt}),yt.\u0275inj=e.cJS({imports:[o.fN]}),yt})();var g=s(4911),f=s(8692),m=s(4427),C=s(4707);const y="https://stackblitz.com",U=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],z=["project","search","ports","settings"],Z=["light","dark"],le=["editor","preview"],Q={clickToLoad:yt=>de("ctl",yt),devToolsHeight:yt=>B("devtoolsheight",yt),forceEmbedLayout:yt=>de("embed",yt),hideDevTools:yt=>de("hidedevtools",yt),hideExplorer:yt=>de("hideExplorer",yt),hideNavigation:yt=>de("hideNavigation",yt),openFile:yt=>ne("file",yt),showSidebar:yt=>function X(yt,ut){return"boolean"==typeof ut?`${yt}=${ut?"1":"0"}`:""}("showSidebar",yt),sidebarView:yt=>K("sidebarView",yt,z),startScript:yt=>ne("startScript",yt),terminalHeight:yt=>B("terminalHeight",yt),theme:yt=>K("theme",yt,Z),view:yt=>K("view",yt,le),zenMode:yt=>de("zenMode",yt)};function ue(yt={}){const ut=Object.entries(yt).map(([Ee,Pe])=>null!=Pe&&Q.hasOwnProperty(Ee)?Q[Ee](Pe):"").filter(Boolean);return ut.length?`?${ut.join("&")}`:""}function de(yt,ut){return!0===ut?`${yt}=1`:""}function B(yt,ut){if("number"==typeof ut&&!Number.isNaN(ut)){const Ee=Math.min(100,Math.max(0,ut));return`${yt}=${encodeURIComponent(Math.round(Ee))}`}return""}function K(yt,ut="",Ee=[]){return Ee.includes(ut)?`${yt}=${encodeURIComponent(ut)}`:""}function ne(yt,ut){return(Array.isArray(ut)?ut:[ut]).filter(Pe=>"string"==typeof Pe&&""!==Pe.trim()).map(Pe=>`${yt}=${encodeURIComponent(Pe)}`).join("&")}function Le(yt,ut){return`${we(ut)}${yt}${ue(ut)}`}function we(yt={}){return("string"==typeof yt.origin?yt.origin:y).replace(/\/$/,"")}function Ie(yt){return yt&&!1===yt.newWindow?"_self":"_blank"}function N({template:yt,title:ut,description:Ee,dependencies:Pe,files:et,settings:Ge}){if(!U.includes(yt)){const ht=U.map(Vt=>`'${Vt}'`).join(", ");console.warn(`Unsupported project.template: must be one of ${ht}`)}const ke=[],Ke=(ht,Vt,$t="")=>{ke.push(function ce(yt,ut){const Ee=document.createElement("input");return Ee.type="hidden",Ee.name=yt,Ee.value=ut,Ee}(ht,"string"==typeof Vt?Vt:$t))};Ke("project[title]",ut),"string"==typeof Ee&&Ee.length>0&&Ke("project[description]",Ee),Ke("project[template]",yt,"javascript"),Pe&&("node"===yt?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):Ke("project[dependencies]",JSON.stringify(Pe))),Ge&&Ke("project[settings]",JSON.stringify(Ge)),Object.entries(et).forEach(([ht,Vt])=>{Ke(`project[files][${function be(yt){return yt.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}(ht)}]`,Vt)});const Fe=document.createElement("form");return Fe.method="POST",Fe.setAttribute("style","display:none!important;"),Fe.append(...ke),Fe}const Pt_openProject=function Et(yt,ut){!function ze(yt,ut){const Ee=N(yt);Ee.action=Le("/run",ut),Ee.target=Ie(ut),document.body.appendChild(Ee),Ee.submit(),document.body.removeChild(Ee)}(yt,ut)};var Tt=s(9570);let xt=(()=>{class yt{constructor(){this.baseProjectConfigs={template:"typescript",dependencies:{"@maskito/core":"*","@maskito/kit":"*"}},this.name="Stackblitz",this.content=new Tt.Al(p)}edit(Ee,Pe,et){return(0,g.mG)(this,void 0,void 0,function*(){const[Ge,ke]=yield Promise.all([s.e(1223).then(s.t.bind(s,1223,17)),s.e(4930).then(s.t.bind(s,4930,17))].map(m.JQ));return Pt_openProject(Object.assign(Object.assign({},this.baseProjectConfigs),{title:`maskito/${Ee}/${Pe}`,description:`Maskito example of the component ${Ee}`,files:{"index.html":Ee.includes("textarea")?"<textarea></textarea>":"<input />","styles.css":ke,"index.ts":(0,m.vi)(Ge)[0],"mask.ts":et[C.C.MaskitoOptions]}}),{openFile:"index.ts,mask.ts"})})}openStarter({title:Ee,description:Pe,files:et},Ge){return Pt_openProject(Object.assign(Object.assign({},this.baseProjectConfigs),{title:Ee,description:Pe,files:et}),Ge)}}return yt.\u0275fac=function(Ee){return new(Ee||yt)},yt.\u0275prov=e.Yz7({token:yt,factory:yt.\u0275fac}),yt})();var Wt=s(719);let sn=(()=>{class yt{constructor(Ee,Pe){this.platformId=Ee,this.stackblitz=Pe}ngOnInit(){return(0,g.mG)(this,void 0,void 0,function*(){(0,f.NF)(this.platformId)&&(yield this.openStackblitz())})}openStackblitz(){return(0,g.mG)(this,void 0,void 0,function*(){const[Ee,Pe]=yield Promise.all([s.e(5097).then(s.t.bind(s,5097,17)),s.e(4930).then(s.t.bind(s,4930,17))].map(m.JQ));return this.stackblitz.openStarter({title:"Maskito Starter",description:"A starter with Maskito library\nDocumentation: https://maskito.dev",files:{"index.html":"<input />","index.ts":Ee,"styles.css":Pe}},{newWindow:!1,openFile:"index.ts",hideExplorer:!0})})}}return yt.\u0275fac=function(Ee){return new(Ee||yt)(e.Y36(e.Lbi),e.Y36(xt))},yt.\u0275cmp=e.Xpm({type:yt,selectors:[["stackblitz-starter"]],features:[e._Bn([xt])],decls:1,vars:1,consts:[["size","xxl","textContent","Stackblitz loading...",1,"loader",3,"overlay"]],template:function(Ee,Pe){1&Ee&&e._UZ(0,"tui-loader",0),2&Ee&&e.Q6J("overlay",!0)},dependencies:[Wt.kM],styles:[".loader[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--tui-base-01);z-index:1}"],changeDetection:0}),yt})();var _n=s(1862);let Jt=(()=>{class yt{}return yt.\u0275fac=function(Ee){return new(Ee||yt)},yt.\u0275mod=e.oAB({type:yt}),yt.\u0275inj=e.cJS({imports:[Wt.dS,_n.Bz.forChild([{path:"",component:sn}])]}),yt})()},7400:(Ve,ae,s)=>{"use strict";s(7277)},3358:(Ve,ae,s)=>{"use strict";s.d(ae,{Q7:()=>Gt,nQ:()=>St,tr:()=>xt,n9:()=>_n,H$:()=>Fe,f8:()=>ct,vZ:()=>$t,A7:()=>_e,jX:()=>ze,Bb:()=>qt,hM:()=>Ot,rC:()=>At,Oe:()=>Ht});var e=s(3711);const o=[".",",","\u0431","\u044e"],p=new Date("0001-01-01"),_=new Date("9999-12-31"),g={hours:23,minutes:59,seconds:59,milliseconds:999},f="\xa0",m="\u2013",C="\u2014",O="-",w="\u2212",S=[O,m,C,w],y=[","," "],U=[":","."],z={hours:2,minutes:2,seconds:2,milliseconds:3};function Z(Se,Be,se){const re=Math.min(Number(se),Math.max(Number(Be),Number(Se)));return Se instanceof Date?new Date(re):re}function le(Se,{day:Be,month:se,year:re}={}){const Y=new Date(Se);return Be&&Y.setDate(Y.getDate()+Be),se&&Y.setMonth(Y.getMonth()+se),re&&Y.setFullYear(Y.getFullYear()+re),Y}function Q(Se){return{day:String(Se.getDate()).padStart(2,"0"),month:String(Se.getMonth()+1).padStart(2,"0"),year:String(Se.getFullYear()).padStart(4,"0"),hours:String(Se.getHours()).padStart(2,"0"),minutes:String(Se.getMinutes()).padStart(2,"0"),seconds:String(Se.getSeconds()).padStart(2,"0"),milliseconds:String(Se.getMilliseconds()).padStart(3,"0")}}function ue(Se,Be){return!(Se.length<Be.length)&&Se.split(/\D/).every(se=>!se.match(/^0+$/))}function de(Se,Be,se){const re=Be.replace(/\W/g,"").length;return Se.replace(se,"").match(new RegExp(`(\\D*\\d[^\\d\\s]*){1,${re}}`,"g"))||[]}function X(Se){return Se.reduce((Be,[se,re])=>Object.assign(Object.assign({},Be),{[se]:re}),{})}function B(Se,Be){const se=Be.replace(/[^dmy]/g,""),re=Se.replace(/\D+/g,""),Y={day:re.slice(se.indexOf("d"),se.lastIndexOf("d")+1),month:re.slice(se.indexOf("m"),se.lastIndexOf("m")+1),year:re.slice(se.indexOf("y"),se.lastIndexOf("y")+1)};return X(Object.entries(Y).filter(([fe,Ue])=>Boolean(Ue)).sort(([fe],[Ue])=>Be.toLowerCase().indexOf(fe[0])>Be.toLowerCase().indexOf(Ue[0])?1:-1))}function K(Se,Be){var se,re,Y,fe,Ue,dt,rt;const at=2===(null===(se=Se.year)||void 0===se?void 0:se.length)?`20${Se.year}`:Se.year,He=new Date(Number(null!=at?at:"0"),Number(null!==(re=Se.month)&&void 0!==re?re:"1")-1,Number(null!==(Y=Se.day)&&void 0!==Y?Y:"1"),Number(null!==(fe=null==Be?void 0:Be.hours)&&void 0!==fe?fe:"0"),Number(null!==(Ue=null==Be?void 0:Be.minutes)&&void 0!==Ue?Ue:"0"),Number(null!==(dt=null==Be?void 0:Be.seconds)&&void 0!==dt?dt:"0"),Number(null!==(rt=null==Be?void 0:Be.milliseconds)&&void 0!==rt?rt:"0"));return He.setFullYear(Number(null!=at?at:"0")),He}const ne=", ";function We({day:Se,month:Be,year:se,hours:re,minutes:Y,seconds:fe,milliseconds:Ue},dt,rt){var at;const He=2===(null===(at=dt.match(/y/g))||void 0===at?void 0:at.length)?null==se?void 0:se.slice(-2):se;return(dt+(rt?ne+rt:"")).replace(/d+/g,null!=Se?Se:"").replace(/m+/g,null!=Be?Be:"").replace(/y+/g,null!=He?He:"").replace(/H+/g,null!=re?re:"").replace(/MSS/g,null!=Ue?Ue:"").replace(/M+/g,null!=Y?Y:"").replace(/S+/g,null!=fe?fe:"").replace(/^\D+/g,"").replace(/\D+$/g,"")}function Le(Se,Be,se=0){return Number(Se.padEnd(Be.length,"0"))<=Number(Be)?{validatedSegmentValue:Se,prefixedZeroesCount:se}:Se.endsWith("0")?Le(`0${Se.slice(0,Be.length-1)}`,Be,se+1):Le(`${Se.slice(0,Be.length-1)}0`,Be,se)}const Je=Se=>{var Be,se,re;return{day:(null===(Be=Se.match(/d/g))||void 0===Be?void 0:Be.length)||0,month:(null===(se=Se.match(/m/g))||void 0===se?void 0:se.length)||0,year:(null===(re=Se.match(/y/g))||void 0===re?void 0:re.length)||0}},we={day:31,month:12,year:9999};function Te({dateString:Se,dateModeTemplate:Be,offset:se,selection:[re,Y]}){const fe=B(Se,Be),Ue=Object.entries(fe),dt={};let rt=0;for(const[zt,tn]of Ue){const ln=We(dt,Be),Rt=we[zt],Ft=se+ln.length+(ln.length&&1)+Je(Be)[zt],nn=Ft>=re&&Ft===Y;if(nn&&Number(tn)>Number(Rt))return{validatedDateString:"",updatedSelection:[re,Y]};if(nn&&Number(tn)<1)return{validatedDateString:"",updatedSelection:[re,Y]};const{validatedSegmentValue:on,prefixedZeroesCount:fn}=Le(tn,`${Rt}`);rt+=fn,dt[zt]=on}const at=We(dt,Be),He=at.length-Se.length;return{validatedDateString:at,updatedSelection:[re+rt+He,Y+rt+He]}}const $e=/[\\^$.*+?()[\]{}|]/g,Ie=new RegExp($e.source);function G(Se){return Se&&Ie.test(Se)?Se.replace($e,"\\$&"):Se}function te(Se){return Se}function Re(Se){return!Se||"object"==typeof Se&&0===Object.keys(Se).length}function q(Se,Be){const se=Je(Be);return X(Object.entries(Se).map(([re,Y])=>{const fe=se[re];return[re,Y.length===fe&&Y.match(/^0+$/)?"1".padStart(fe,"0"):Y]}))}function ce({dateModeTemplate:Se,min:Be=p,max:se=_,rangeSeparator:re="",dateSegmentSeparator:Y="."}){return({value:fe,selection:Ue})=>{const dt=re&&fe.endsWith(re),rt=de(fe,Se,re);let at="";for(const He of rt){at+=at?re:"";const zt=B(He,Se);ue(He,Se)?at+=We(Q(Z(K(zt),Be,se)),Se):at+=We(q(zt,Se),Se)+(He.endsWith(Y)?Y:"")}return{selection:Ue,value:at+(dt?re:"")}}}function be({dateModeTemplate:Se,dateSegmentsSeparator:Be,rangeSeparator:se=""}){return({elementState:re,data:Y})=>{const fe=se?new RegExp(`${se}|-`):ne,Ue=Y.split(fe),dt=Y.includes(ne)?[Ue[0]]:Ue;if(dt.every(rt=>rt.trim().split(/\D/).length===Se.split(Be).length)){const rt=dt.map(at=>function N(Se,Be,se){const re=Se.split(/\D/),Y=Be.split(se);return re.map((Ue,dt)=>dt===Y.length-1?Ue:Ue.padStart(Y[dt].length,"0")).join(se)}(at,Se,Be)).join(se);return{elementState:re,data:`${rt}${Y.includes(ne)&&ne+Ue[1]||""}`}}return{elementState:re,data:Y}}}function _e(Se){const Be=new RegExp(`${G(Se)}$`);return Se?({value:se,selection:re},Y)=>{if(!se&&!Y.value.endsWith(Se))return{value:se,selection:re};if(!se.endsWith(Se)&&!Y.value.endsWith(Se))return{selection:re,value:se+Se};const fe=Y.value.replace(Be,""),Ue=Y.selection[1]>=fe.length,dt=function he(Se,Be){let se="";for(let re=0;re<Se.length;re++){if(Se[re]!==Be[re])return se;se+=Se[re]}return se}(fe,se);return{selection:re,value:Array.from(Se).reverse().reduce((rt,at,He)=>{const zt=rt.length-1-He;return rt[zt]!==at||dt[zt]===at&&Ue?rt.slice(0,zt+1)+at+rt.slice(zt+1):rt},se)}}:te}function ze(Se){return Se?({value:Be,selection:se},re)=>{if(Be.startsWith(Se)||!Be&&!re.value.startsWith(Se))return{value:Be,selection:se};const[Y,fe]=se,Ue=Array.from(Se).reduce((rt,at,He)=>rt[He]===at?rt:rt.slice(0,He)+at+rt.slice(He),Be),dt=Ue.length-Be.length;return{selection:[Y+dt,fe+dt],value:Ue}}:te}function _t({dateModeTemplate:Se,dateSegmentsSeparator:Be,rangeSeparator:se=""}){return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;if(Y===Be)return{elementState:re,data:Ue[0]===fe.length?Y:""};if(S.includes(Y))return{elementState:re,data:se};const dt=Y.replace(new RegExp(`[^\\d${G(Be)}${se}]`,"g"),"");if(!dt)return{elementState:re,data:""};const[rt,at]=Ue;let He=at+Y.length;const zt=fe.slice(0,rt)+dt+fe.slice(He),tn=de(zt,Se,se);let ln="";const Rt=Boolean(se)&&zt.includes(se);for(const Ft of tn){const{validatedDateString:nn,updatedSelection:on}=Te({dateString:Ft,dateModeTemplate:Se,offset:ln?ln.length+se.length:0,selection:[rt,He]});if(Ft&&!nn)return{elementState:re,data:""};He=on[1],ln+=Rt&&ln?se+nn:nn}const en=ln.slice(rt,He);return{elementState:{selection:Ue,value:ln.slice(0,rt)+en.split(Be).map(Ft=>"0".repeat(Ft.length)).join(Be)+ln.slice(He)},data:en}}}function Et(Se,Be,se){return(re,Y)=>{const fe=()=>Be(re,Y);return re.addEventListener(Se,fe,se),()=>re.removeEventListener(Se,fe,se)}}function Gt(Se){return Et("focus",Be=>{Be.value||(Be.value=Se,Be.dispatchEvent(new Event("input")))})}function St(Se){return Be=>{const se=Be.ownerDocument;let re=0;const Y=()=>re++,fe=()=>{re=Math.max(--re,0)},Ue=()=>{if(function ye({activeElement:Se}){if(null==Se||!Se.shadowRoot)return Se;let Be=Se.shadowRoot.activeElement;for(;null!=Be&&Be.shadowRoot;)Be=Be.shadowRoot.activeElement;return Be}(se)!==Be)return;if(re)return se.addEventListener("mouseup",Ue,{once:!0,passive:!0});const dt=Be.selectionStart||0,rt=Be.selectionEnd||0,[at,He]=Se(Be.value,[dt,rt]);(at>dt||He<rt)&&Be.setSelectionRange(Z(dt,at,He),Z(rt,at,He))};return se.addEventListener("selectionchange",Ue,{passive:!0}),Be.addEventListener("mousedown",Y,{passive:!0}),se.addEventListener("mouseup",fe,{passive:!0}),()=>{se.removeEventListener("selectionchange",Ue),se.removeEventListener("mousedown",Y),se.removeEventListener("mouseup",fe)}}}function qt(Se){const Be=()=>{const se=Se.value;Se.addEventListener("beforeinput",re=>{re.defaultPrevented&&se===Se.value&&Se.dispatchEvent(new CustomEvent("maskitoReject",{bubbles:!0}))},{once:!0})};return Se.addEventListener("beforeinput",Be,!0),()=>Se.removeEventListener("beforeinput",Be,!0)}function Ot(Se){return Et("blur",Be=>{Be.value===Se&&(Be.value="",Be.dispatchEvent(new Event("input")))})}function Ht(Se,Be=!1){const se=fe=>{for(let Ue=fe.length-1;Ue>=0;Ue--)if(fe[Ue]!==Se[Ue])return fe.slice(0,Ue+1);return""},re=[St(fe=>[0,se(fe).length])];let Y=!1;if(Be){const fe=Et("focus",dt=>{Y=!0,dt.value+=Se.slice(dt.value.length),dt.dispatchEvent(new Event("input"))},{capture:!0}),Ue=Et("blur",dt=>{Y=!1,dt.value=se(dt.value),dt.dispatchEvent(new Event("input"))},{capture:!0});re.push(fe,Ue)}return{plugins:re,removePlaceholder:se,preprocessors:[({elementState:fe,data:Ue})=>{const{value:dt,selection:rt}=fe;return{elementState:{selection:rt,value:se(dt)},data:Ue}}],postprocessors:[({value:fe,selection:Ue},dt)=>!dt.value||!Y&&Be?{value:fe,selection:Ue}:{value:fe+Se.slice(fe.length),selection:Ue}]}}function xt({mode:Se,separator:Be=".",max:se,min:re}){const Y=Se.split("/").join(Be);return Object.assign(Object.assign({},e.A_),{mask:Array.from(Y).map(fe=>fe===Be?fe:/\d/),overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:Y,dateSegmentsSeparator:Be}),_t({dateModeTemplate:Y,dateSegmentsSeparator:Be})],postprocessors:[ce({min:re,max:se,dateModeTemplate:Y,dateSegmentSeparator:Be})]})}function Wt({dateModeTemplate:Se,rangeSeparator:Be,minLength:se,maxLength:re,max:Y=_}){return Re(se)&&Re(re)?te:({value:fe,selection:Ue})=>{const dt=de(fe,Se,Be);if(2!==dt.length||dt.some(Rt=>!ue(Rt,Se)))return{value:fe,selection:Ue};const[rt,at]=dt.map(Rt=>K(B(Rt,Se))),He=le(rt,Object.assign(Object.assign({},se),{day:(null==se?void 0:se.day)&&se.day-1})),zt=Re(re)?Y:le(rt,Object.assign(Object.assign({},re),{day:(null==re?void 0:re.day)&&re.day-1})),tn=Z(at,He,Y);return{selection:Ue,value:dt[0]+Be+We(Q(tn>zt?zt:tn),Se)}}}function sn({dateModeTemplate:Se,rangeSeparator:Be}){return({value:se,selection:re})=>{const Y=de(se,Se,Be),fe=2===Y.length&&Y.every(tn=>ue(tn,Se)),[Ue,dt]=re;if(!((Ue>=se.length||0===Ue&&dt>=se.length)&&fe))return{value:se,selection:re};const[He,zt]=Y.map(tn=>K(B(tn,Se)));return{selection:re,value:He>zt?Y.reverse().join(Be):se}}}function _n({mode:Se,separator:Be=".",min:se,max:re,minLength:Y,maxLength:fe,dateSeparator:Ue=Be,rangeSeparator:dt=`${f}${m}${f}`}){const rt=Se.split("/").join(Ue),at=Array.from(rt).map(He=>He===Ue?He:/\d/);return Object.assign(Object.assign({},e.A_),{mask:[...at,...Array.from(dt),...at],overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:rt,rangeSeparator:dt,dateSegmentsSeparator:Ue}),_t({dateModeTemplate:rt,rangeSeparator:dt,dateSegmentsSeparator:Ue})],postprocessors:[ce({min:se,max:re,dateModeTemplate:rt,rangeSeparator:dt,dateSegmentSeparator:Ue}),Wt({dateModeTemplate:rt,minLength:Y,maxLength:fe,max:re,rangeSeparator:dt}),sn({dateModeTemplate:rt,rangeSeparator:dt})]})}function Jt(Se){return X(Object.entries(Se).map(([Be,se])=>[Be,`${se}`.padEnd(z[Be],"0")]))}function yt(Se){const Be=Se.replace(/\D+/g,""),se={hours:Be.slice(0,2),minutes:Be.slice(2,4),seconds:Be.slice(4,6),milliseconds:Be.slice(6,9)};return X(Object.entries(se).filter(([re,Y])=>Boolean(Y)))}function ut({hours:Se="",minutes:Be="",seconds:se="",milliseconds:re=""}){return`${Se}${Be&&`:${Be}`}${se&&`:${se}`}${re&&`.${re}`}`}const Ee=new RegExp(`[${U.map(G).join("")}]$`);function Pe({timeString:Se,paddedMaxValues:Be,offset:se,selection:[re,Y]}){const fe=yt(Se),Ue=Object.entries(fe),dt={};let rt=0;for(const[tn,ln]of Ue){const Rt=ut(dt),en=Be[tn],nn=se+Rt.length+(Rt.length&&1)+z[tn];if(nn>=re&&nn<=Y&&Number(ln)>Number(en))return{validatedTimeString:"",updatedTimeSelection:[re,Y]};const{validatedSegmentValue:fn,prefixedZeroesCount:dn}=Le(ln,`${en}`);rt+=dn,dt[tn]=fn}const[at=""]=Se.match(Ee)||[],He=ut(dt)+at,zt=Math.max(He.length-Se.length,0);return{validatedTimeString:He,updatedTimeSelection:[re+rt+zt,Y+rt+zt]}}function et(Se,Be){const se=Se.includes(ne);return[Se.slice(0,Be.length),Se.slice(se?Be.length+ne.length:Be.length)]}function ke({dateModeTemplate:Se,timeMode:Be,min:se=p,max:re=_}){return({value:Y,selection:fe})=>{const[Ue,dt]=et(Y,Se),rt=B(Ue,Se),at=yt(dt);if(!function Ge(Se,Be,se){return Se.length>=Be.length+se.length+ne.length&&Se.split(ne)[0].split(/\D/).every(re=>!re.match(/^0+$/))}(Y,Se,Be)){const ln=q(rt,Se),{year:Rt,month:en,day:Ft}=ue(Ue,Se)?Q(Z(K(ln),se,re)):ln,nn=We(Object.assign({year:Rt,month:en,day:Ft},at),Se,Be);return{selection:fe,value:nn+Y.slice(nn.length)}}return{selection:fe,value:We(Q(Z(K(rt,at),se,re)),Se,Be)}}}function Ke({dateModeTemplate:Se,dateSegmentsSeparator:Be}){const se=new RegExp(`[^\\d${U.map(G).join("")}${G(Be)}]+`);return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;if(Y===Be)return{elementState:re,data:Ue[0]===fe.length?Y:""};if(y.includes(Y))return{elementState:re,data:ne};const dt=Y.replace(se,"");if(!dt)return{elementState:re,data:""};const[rt,at]=Ue;let He=at+Y.length;const zt=fe.slice(0,rt)+dt+fe.slice(He),[tn,ln]=et(zt,Se);let Rt="";const en=zt.includes(ne),{validatedDateString:Ft,updatedSelection:nn}=Te({dateString:tn,dateModeTemplate:Se,offset:0,selection:[rt,He]});if(tn&&!Ft)return{elementState:re,data:""};He=nn[1],Rt+=Ft;const on=Jt(g),{validatedTimeString:fn,updatedTimeSelection:dn}=Pe({timeString:ln,paddedMaxValues:on,offset:Rt.length+ne.length,selection:[rt,He]});if(ln&&!fn)return{elementState:re,data:""};He=dn[1],Rt+=en?ne+fn:fn;const Dn=Rt.slice(rt,He);return{elementState:{selection:Ue,value:Rt.slice(0,rt)+Dn.split(Be).map(Cn=>"0".repeat(Cn.length)).join(Be)+Rt.slice(He)},data:Dn}}}function Fe({dateMode:Se,timeMode:Be,dateSeparator:se=".",min:re,max:Y}){const fe=Se.split("/").join(se);return Object.assign(Object.assign({},e.A_),{mask:[...Array.from(fe).map(Ue=>Ue===se?Ue:/\d/),...ne.split(""),...Array.from(Be).map(Ue=>U.includes(Ue)?Ue:/\d/)],overwriteMode:"replace",preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},be({dateModeTemplate:fe,dateSegmentsSeparator:se}),Ke({dateModeTemplate:fe,dateSegmentsSeparator:se})],postprocessors:[ke({min:re,max:Y,dateModeTemplate:fe,timeMode:Be})]})}function ht({decimalSeparator:Se,isNegativeAllowed:Be,precision:se,thousandSeparator:re,prefix:Y,postfix:fe,decimalPseudoSeparators:Ue=[],pseudoMinuses:dt=[]}){const rt=Vt(Y),He=Be?`[${w}${dt.map(Rt=>`\\${Rt}`).join("")}]?`:"",zt=re?`[\\d${G(re).replace(/\s/g,"\\s")}]*`:"[\\d]*",tn=se>0?`([${G(Se)}${Ue.map(G).join("")}]\\d{0,${Number.isFinite(se)?se:""}})?`:"",ln=Vt(fe);return new RegExp(`^${rt}${He}${zt}${tn}${ln}$`)}function Vt(Se){return Se?`${Se.split("").map(Be=>`${G(Be)}?`).join("")}`:""}function $t(Se,Be="."){const se=!!Se.match(new RegExp(`^\\D*[${w}\\${O}${m}${C}]`)),re=Se.replace(new RegExp(`[^\\d${G(Be)}]`,"g"),"").replace(Be,".");return re?Number((se?O:"")+re):NaN}function Mt({decimalSeparator:Se,precision:Be,decimalZeroPadding:se,postfix:re}){if(Be<=0||!se)return te;const Y=new RegExp(`${G(re)}$`);return({value:fe,selection:Ue})=>{if(Number.isNaN($t(fe,Se)))return{value:fe,selection:Ue};const[dt,rt=""]=fe.replace(Y,"").split(Se);return{value:dt+Se+rt.padEnd(Be,"0")+re,selection:Ue}}}function kt({decimalSeparator:Se,decimalPseudoSeparators:Be,pseudoMinuses:se}){let re=!0;const Y=ht({decimalSeparator:Se,decimalPseudoSeparators:Be,pseudoMinuses:se,prefix:"",postfix:"",thousandSeparator:"",precision:1/0,isNegativeAllowed:!0});return({elementState:fe,data:Ue})=>re?(re=!1,{elementState:(0,e.CV)(fe,{mask:Y}),data:Ue}):{elementState:fe,data:Ue}}function Yt({min:Se,max:Be,decimalSeparator:se}){return({value:re,selection:Y})=>{const fe=$t(re,se),Ue=fe>0?Math.min(fe,Be):Math.max(fe,Se);if(!Number.isNaN(fe)&&Ue!==fe){const dt=`${Ue}`.replace(".",se).replace(O,w);return{value:dt,selection:[dt.length,dt.length]}}return{value:re,selection:Y}}}function Qe({decimalSeparator:Se,thousandSeparator:Be,decimalZeroPadding:se}){return({elementState:re,data:Y},fe)=>{const{value:Ue,selection:dt}=re,[rt,at]=dt,He=Ue.slice(rt,at),zt=se?[Se,Be]:[Be],tn=se&&rt>Ue.indexOf(Se)&&Boolean(He.match(/^0+$/gi));return"deleteBackward"!==fe&&"deleteForward"!==fe||!zt.includes(He)&&!tn?{elementState:re,data:Y}:{elementState:{value:Ue,selection:"deleteForward"===fe?[at,at]:[rt,rt]},data:Y}}}function lt({decimalSeparator:Se,precision:Be}){const se=new RegExp(`^\\D*${G(Se)}`);return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re,[dt]=Ue;return Be<=0||fe.includes(Se)||!Y.match(se)?{elementState:re,data:Y}:{elementState:re,data:fe.slice(0,dt).match(/\d+/)?Y:`0${Y}`}}}function ot(Se,Be){const se=new RegExp(`[${Be.join("")}]`,"gi");return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re;return{elementState:{selection:Ue,value:fe.replace(se,Se)},data:Y.replace(se,Se)}}}function st(Se){return({elementState:Be,data:se})=>{const{value:re,selection:Y}=Be,[fe,Ue]=Y;return{elementState:Be,data:!re.includes(Se)||re.slice(fe,Ue+1).includes(Se)?se:se.replace(new RegExp(G(Se),"gi"),"")}}}function it({thousandSeparator:Se,decimalSeparator:Be,prefix:se,postfix:re}){if(!Se)return te;const Y=new RegExp(`^${G(se)}${w}?`),fe=new RegExp(`${G(re)}$`);return({value:dt,selection:rt})=>{const[at,He=""]=dt.split(Be),[zt,tn]=rt;let[ln,Rt]=rt;const en=at.replace(Y,"").replace(fe,""),[Ft=""]=at.match(Y)||[],[nn=""]=at.match(fe)||[],on=Array.from(en).reduceRight((fn,dn,Dn)=>{const Fn=!(!Dn&&dn===Se)&&fn.length&&(fn.length+1)%4==0;return Fn&&(dn===Se||((...dt)=>dt.every(rt=>/\s/.test(rt)))(dn,Se))?Se+fn:dn!==Se||Fn?Fn?(Dn<=zt&&ln++,Dn<=tn&&Rt++,dn+Se+fn):dn+fn:(Dn&&Dn<=zt&&ln--,Dn&&Dn<=tn&&Rt--,fn)},"");return{value:Ft+on+nn+(dt.includes(Be)?Be:"")+He,selection:[ln,Rt]}}}function W(Se,Be){if(Se>0)return te;const se=new RegExp(`${G(Be)}.*$`,"g");return({elementState:re,data:Y})=>{const{value:fe,selection:Ue}=re,[dt,rt]=Ue,at=fe.replace(se,"");return{elementState:{selection:[Math.min(dt,at.length),Math.min(rt,at.length)],value:at},data:Y.replace(se,"")}}}const $=[0,0];function Ne(Se,Be){const se=function cn(Se,Be){const se=Y=>{const fe=G(Be);return Y.replace(new RegExp(`^(\\D+)?[0${fe}]+(?=0)`),"$1").replace(new RegExp(`^(\\D+)?[0${fe}]+(?=[1-9])`),"$1")},re=(Y,fe)=>{const Ue=Y.slice(0,fe),dt=Y.slice(fe).startsWith("0");return Ue.length-se(Ue).length+(dt?1:0)};return({value:Y,selection:fe})=>{const[Ue,dt]=fe,rt=Y.includes(Se),[at,He=""]=Y.split(Se),zt=se(at);if(at===zt)return{value:Y,selection:fe};const tn=Ue-re(Y,Ue),ln=dt-re(Y,dt);return{value:zt+(rt?Se:"")+He,selection:[Math.max(tn,0),Math.max(ln,0)]}}}(Se,Be);return Et("blur",re=>{const Y=se({value:re.value,selection:$},{value:"",selection:$}).value;re.value!==Y&&(re.value=Y,re.dispatchEvent(new Event("input")))},{capture:!0})}function De({min:Se,max:Be,decimalSeparator:se}){return Et("blur",(re,Y)=>{const fe=$t(re.value,se),Ue=Z(fe,Se,Be);!Number.isNaN(fe)&&fe!==Ue&&(re.value=(0,e.CV)(function Ye(Se){const Be=String(Se),[se,re]=Be.split("e-");let Y=Be;if(re){const[,fe]=se.split("."),Ue=Number(re)+((null==fe?void 0:fe.length)||0);Y=Se.toFixed(Ue)}return Y}(Ue),Y),re.dispatchEvent(new Event("input")))},{capture:!0})}function pt(Se){return Et("blur",Be=>{const se=Be.value.replace(new RegExp(`^(\\D+)?${G(Se)}`),`$10${Se}`);se!==Be.value&&(Be.value=se,Be.dispatchEvent(new Event("input")))},{capture:!0})}function ct({max:Se=Number.MAX_SAFE_INTEGER,min:Be=Number.MIN_SAFE_INTEGER,precision:se=0,thousandSeparator:re=f,decimalSeparator:Y=".",decimalPseudoSeparators:fe,decimalZeroPadding:Ue=!1,prefix:dt="",postfix:rt=""}={}){const at=[O,m,C].filter(zt=>zt!==re&&zt!==Y),He=function wt({decimalSeparator:Se,thousandSeparator:Be,decimalPseudoSeparators:se=o}){return se.filter(re=>re!==Be&&re!==Se)}({decimalSeparator:Y,thousandSeparator:re,decimalPseudoSeparators:fe});return Object.assign(Object.assign({},e.A_),{mask:ht({decimalSeparator:Y,precision:se,thousandSeparator:re,prefix:dt,postfix:rt,isNegativeAllowed:Be<0}),preprocessors:[kt({decimalSeparator:Y,decimalPseudoSeparators:He,pseudoMinuses:at}),ot(w,at),ot(Y,He),lt({decimalSeparator:Y,precision:se}),Qe({decimalSeparator:Y,decimalZeroPadding:Ue,thousandSeparator:re}),W(se,Y),st(Y)],postprocessors:[Yt({decimalSeparator:Y,min:Be,max:Se}),ze(dt),_e(rt),it({decimalSeparator:Y,thousandSeparator:re,prefix:dt,postfix:rt}),Mt({decimalSeparator:Y,decimalZeroPadding:Ue,precision:se,postfix:rt})],plugins:[Ne(Y,re),pt(Y),De({min:Be,max:Se,decimalSeparator:Y})],overwriteMode:Ue?({value:zt,selection:[tn]})=>tn<=zt.indexOf(Y)?"shift":"replace":"shift"})}function vt(Se){const Be=Jt(Se),se=new RegExp(`[^\\d${U.map(G).join("")}]+`);return({elementState:re,data:Y},fe)=>{if("deleteBackward"===fe||"deleteForward"===fe)return{elementState:re,data:Y};const{value:Ue,selection:dt}=re;if("validation"===fe){const{validatedTimeString:Ft,updatedTimeSelection:nn}=Pe({timeString:Ue,paddedMaxValues:Be,offset:0,selection:dt});return{elementState:{value:Ft,selection:nn},data:Y}}const rt=Y.replace(se,""),[at,He]=dt;let zt=He+rt.length;const tn=Ue.slice(0,at)+rt+Ue.slice(zt),{validatedTimeString:ln,updatedTimeSelection:Rt}=Pe({timeString:tn,paddedMaxValues:Be,offset:0,selection:[at,zt]});if(tn&&!ln)return{elementState:re,data:""};zt=Rt[1];const en=ln.slice(at,zt);return{elementState:{selection:dt,value:ln.slice(0,at)+"0".repeat(en.length)+ln.slice(zt)},data:en}}}function At({mode:Se,timeSegmentMaxValues:Be={}}){const se=Object.assign(Object.assign({},g),Be);return Object.assign(Object.assign({},e.A_),{mask:Array.from(Se).map(re=>U.includes(re)?re:/\d/),preprocessors:[({elementState:Se},Be)=>{const{value:se,selection:re}=Se;if(!se||function Tt(Se,[Be,se]){return se===Se.length}(se,re))return{elementState:Se};const[Y,fe]=re,Ue=se.slice(Y,fe).replace(/\d/g,"0"),dt=se.slice(0,Y)+Ue+se.slice(fe);return"validation"===Be||"insert"===Be&&Y===fe?{elementState:{selection:re,value:dt}}:{elementState:{selection:"deleteBackward"===Be||"insert"===Be?[Y,Y]:[fe,fe],value:dt}}},vt(se)],overwriteMode:"replace"})}},4091:(Ve,ae,s)=>{"use strict";s.d(ae,{EY:()=>le,IO:()=>Z,LC:()=>o,X$:()=>_,ZE:()=>de,ZN:()=>ue,_j:()=>e,eR:()=>S,jt:()=>g,k1:()=>X,l3:()=>p,oB:()=>C,pV:()=>U,vP:()=>m});class e{}class o{}const p="*";function _(B,K){return{type:7,name:B,definitions:K,options:{}}}function g(B,K=null){return{type:4,styles:K,timings:B}}function m(B,K=null){return{type:2,steps:B,options:K}}function C(B){return{type:6,styles:B,offset:null}}function S(B,K,ne=null){return{type:1,expr:B,animation:K,options:ne}}function U(B=null){return{type:9,options:B}}function Z(B,K,ne=null){return{type:11,selector:B,animation:K,options:ne}}function le(B,K){return{type:12,timings:B,animation:K}}function Q(B){Promise.resolve().then(B)}class ue{constructor(K=0,ne=0){this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._originalOnDoneFns=[],this._originalOnStartFns=[],this._started=!1,this._destroyed=!1,this._finished=!1,this._position=0,this.parentPlayer=null,this.totalTime=K+ne}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(K=>K()),this._onDoneFns=[])}onStart(K){this._originalOnStartFns.push(K),this._onStartFns.push(K)}onDone(K){this._originalOnDoneFns.push(K),this._onDoneFns.push(K)}onDestroy(K){this._onDestroyFns.push(K)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){Q(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(K=>K()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(K=>K()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(K){this._position=this.totalTime?K*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(K){const ne="start"==K?this._onStartFns:this._onDoneFns;ne.forEach(We=>We()),ne.length=0}}class de{constructor(K){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=K;let ne=0,We=0,Le=0;const Je=this.players.length;0==Je?Q(()=>this._onFinish()):this.players.forEach(we=>{we.onDone(()=>{++ne==Je&&this._onFinish()}),we.onDestroy(()=>{++We==Je&&this._onDestroy()}),we.onStart(()=>{++Le==Je&&this._onStart()})}),this.totalTime=this.players.reduce((we,Te)=>Math.max(we,Te.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(K=>K()),this._onDoneFns=[])}init(){this.players.forEach(K=>K.init())}onStart(K){this._onStartFns.push(K)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(K=>K()),this._onStartFns=[])}onDone(K){this._onDoneFns.push(K)}onDestroy(K){this._onDestroyFns.push(K)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(K=>K.play())}pause(){this.players.forEach(K=>K.pause())}restart(){this.players.forEach(K=>K.restart())}finish(){this._onFinish(),this.players.forEach(K=>K.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(K=>K.destroy()),this._onDestroyFns.forEach(K=>K()),this._onDestroyFns=[])}reset(){this.players.forEach(K=>K.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(K){const ne=K*this.totalTime;this.players.forEach(We=>{const Le=We.totalTime?Math.min(1,ne/We.totalTime):1;We.setPosition(Le)})}getPosition(){const K=this.players.reduce((ne,We)=>null===ne||We.totalTime>ne.totalTime?We:ne,null);return null!=K?K.getPosition():0}beforeDestroy(){this.players.forEach(K=>{K.beforeDestroy&&K.beforeDestroy()})}triggerCallback(K){const ne="start"==K?this._onStartFns:this._onDoneFns;ne.forEach(We=>We()),ne.length=0}}const X="!"},763:(Ve,ae,s)=>{"use strict";s.d(ae,{Ar:()=>On,DT:()=>ko,NH:()=>Dt,Th:()=>Lo,Vi:()=>ht,nV:()=>Fe});var e=s(4091),o=s(4537);function _(Oe){return new o.vHH(3e3,!1)}function ze(){return typeof window<"u"&&typeof window.document<"u"}function _t(){return typeof process<"u"&&"[object process]"==={}.toString.call(process)}function Et(Oe){switch(Oe.length){case 0:return new e.ZN;case 1:return Oe[0];default:return new e.ZE(Oe)}}function Gt(Oe,b,M,J,ve=new Map,je=new Map){const gt=[],bt=[];let k=-1,A=null;if(J.forEach(I=>{const V=I.get("offset"),ft=V==k,an=ft&&A||new Map;I.forEach((bn,vn)=>{let $n=vn,Xn=bn;if("offset"!==vn)switch($n=b.normalizePropertyName($n,gt),Xn){case e.k1:Xn=ve.get(vn);break;case e.l3:Xn=je.get(vn);break;default:Xn=b.normalizeStyleValue(vn,$n,Xn,gt)}an.set($n,Xn)}),ft||bt.push(an),A=an,k=V}),gt.length)throw function Te(Oe){return new o.vHH(3502,!1)}();return bt}function St(Oe,b,M,J){switch(b){case"start":Oe.onStart(()=>J(M&&qt(M,"start",Oe)));break;case"done":Oe.onDone(()=>J(M&&qt(M,"done",Oe)));break;case"destroy":Oe.onDestroy(()=>J(M&&qt(M,"destroy",Oe)))}}function qt(Oe,b,M){const J=M.totalTime,je=Ot(Oe.element,Oe.triggerName,Oe.fromState,Oe.toState,b||Oe.phaseName,null==J?Oe.totalTime:J,!!M.disabled),gt=Oe._data;return null!=gt&&(je._data=gt),je}function Ot(Oe,b,M,J,ve="",je=0,gt){return{element:Oe,triggerName:b,fromState:M,toState:J,phaseName:ve,totalTime:je,disabled:!!gt}}function Ht(Oe,b,M){let J=Oe.get(b);return J||Oe.set(b,J=M),J}function Pt(Oe){const b=Oe.indexOf(":");return[Oe.substring(1,b),Oe.slice(b+1)]}let Tt=(Oe,b)=>!1,xt=(Oe,b,M)=>[],Wt=null;function sn(Oe){const b=Oe.parentNode||Oe.host;return b===Wt?null:b}(_t()||typeof Element<"u")&&(ze()?(Wt=(()=>document.documentElement)(),Tt=(Oe,b)=>{for(;b;){if(b===Oe)return!0;b=sn(b)}return!1}):Tt=(Oe,b)=>Oe.contains(b),xt=(Oe,b,M)=>{if(M)return Array.from(Oe.querySelectorAll(b));const J=Oe.querySelector(b);return J?[J]:[]});let yt=null,ut=!1;const Ge=Tt,ke=xt;let Fe=(()=>{class Oe{validateStyleProperty(M){return function Ee(Oe){yt||(yt=function et(){return typeof document<"u"?document.body:null}()||{},ut=!!yt.style&&"WebkitAppearance"in yt.style);let b=!0;return yt.style&&!function Jt(Oe){return"ebkit"==Oe.substring(1,6)}(Oe)&&(b=Oe in yt.style,!b&&ut&&(b="Webkit"+Oe.charAt(0).toUpperCase()+Oe.slice(1)in yt.style)),b}(M)}matchesElement(M,J){return!1}containsElement(M,J){return Ge(M,J)}getParentElement(M){return sn(M)}query(M,J,ve){return ke(M,J,ve)}computeStyle(M,J,ve){return ve||""}animate(M,J,ve,je,gt,bt=[],k){return new e.ZN(ve,je)}}return Oe.\u0275fac=function(M){return new(M||Oe)},Oe.\u0275prov=o.Yz7({token:Oe,factory:Oe.\u0275fac}),Oe})(),ht=(()=>{class Oe{}return Oe.NOOP=new Fe,Oe})();const Vt=1e3,wt="ng-enter",Mt="ng-leave",kt="ng-trigger",cn=".ng-trigger",Yt="ng-animating",Qe=".ng-animating";function lt(Oe){if("number"==typeof Oe)return Oe;const b=Oe.match(/^(-?[\.\d]+)(m?s)/);return!b||b.length<2?0:ot(parseFloat(b[1]),b[2])}function ot(Oe,b){return"s"===b?Oe*Vt:Oe}function st(Oe,b,M){return Oe.hasOwnProperty("duration")?Oe:function it(Oe,b,M){let ve,je=0,gt="";if("string"==typeof Oe){const bt=Oe.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===bt)return b.push(_()),{duration:0,delay:0,easing:""};ve=ot(parseFloat(bt[1]),bt[2]);const k=bt[3];null!=k&&(je=ot(parseFloat(k),bt[4]));const A=bt[5];A&&(gt=A)}else ve=Oe;if(!M){let bt=!1,k=b.length;ve<0&&(b.push(function g(){return new o.vHH(3100,!1)}()),bt=!0),je<0&&(b.push(function f(){return new o.vHH(3101,!1)}()),bt=!0),bt&&b.splice(k,0,_())}return{duration:ve,delay:je,easing:gt}}(Oe,b,M)}function W(Oe,b={}){return Object.keys(Oe).forEach(M=>{b[M]=Oe[M]}),b}function $(Oe){const b=new Map;return Object.keys(Oe).forEach(M=>{b.set(M,Oe[M])}),b}function pt(Oe,b=new Map,M){if(M)for(let[J,ve]of M)b.set(J,ve);for(let[J,ve]of Oe)b.set(J,ve);return b}function ct(Oe,b,M){return M?b+":"+M+";":""}function vt(Oe){let b="";for(let M=0;M<Oe.style.length;M++){const J=Oe.style.item(M);b+=ct(0,J,Oe.style.getPropertyValue(J))}for(const M in Oe.style)Oe.style.hasOwnProperty(M)&&!M.startsWith("_")&&(b+=ct(0,at(M),Oe.style[M]));Oe.setAttribute("style",b)}function At(Oe,b,M){Oe.style&&(b.forEach((J,ve)=>{const je=rt(ve);M&&!M.has(ve)&&M.set(ve,Oe.style[je]),Oe.style[je]=J}),_t()&&vt(Oe))}function Se(Oe,b){Oe.style&&(b.forEach((M,J)=>{const ve=rt(J);Oe.style[ve]=""}),_t()&&vt(Oe))}function Be(Oe){return Array.isArray(Oe)?1==Oe.length?Oe[0]:(0,e.vP)(Oe):Oe}const re=new RegExp("{{\\s*(.+?)\\s*}}","g");function Y(Oe){let b=[];if("string"==typeof Oe){let M;for(;M=re.exec(Oe);)b.push(M[1]);re.lastIndex=0}return b}function fe(Oe,b,M){const J=Oe.toString(),ve=J.replace(re,(je,gt)=>{let bt=b[gt];return null==bt&&(M.push(function C(Oe){return new o.vHH(3003,!1)}()),bt=""),bt.toString()});return ve==J?Oe:ve}function Ue(Oe){const b=[];let M=Oe.next();for(;!M.done;)b.push(M.value),M=Oe.next();return b}const dt=/-+([a-z0-9])/g;function rt(Oe){return Oe.replace(dt,(...b)=>b[1].toUpperCase())}function at(Oe){return Oe.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function tn(Oe,b,M){switch(b.type){case 7:return Oe.visitTrigger(b,M);case 0:return Oe.visitState(b,M);case 1:return Oe.visitTransition(b,M);case 2:return Oe.visitSequence(b,M);case 3:return Oe.visitGroup(b,M);case 4:return Oe.visitAnimate(b,M);case 5:return Oe.visitKeyframes(b,M);case 6:return Oe.visitStyle(b,M);case 8:return Oe.visitReference(b,M);case 9:return Oe.visitAnimateChild(b,M);case 10:return Oe.visitAnimateRef(b,M);case 11:return Oe.visitQuery(b,M);case 12:return Oe.visitStagger(b,M);default:throw function O(Oe){return new o.vHH(3004,!1)}()}}function ln(Oe,b){return window.getComputedStyle(Oe)[b]}const Dn="*";function Cn(Oe,b){const M=[];return"string"==typeof Oe?Oe.split(/\s*,\s*/).forEach(J=>function Fn(Oe,b,M){if(":"==Oe[0]){const k=function Qn(Oe,b){switch(Oe){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(M,J)=>parseFloat(J)>parseFloat(M);case":decrement":return(M,J)=>parseFloat(J)<parseFloat(M);default:return b.push(function We(Oe){return new o.vHH(3016,!1)}()),"* => *"}}(Oe,M);if("function"==typeof k)return void b.push(k);Oe=k}const J=Oe.match(/^(\*|[-\w]+)\s*(<?[=-]>)\s*(\*|[-\w]+)$/);if(null==J||J.length<4)return M.push(function ne(Oe){return new o.vHH(3015,!1)}()),b;const ve=J[1],je=J[2],gt=J[3];b.push(pn(ve,gt));"<"==je[0]&&!(ve==Dn&&gt==Dn)&&b.push(pn(gt,ve))}(J,M,b)):M.push(Oe),M}const Hn=new Set(["true","1"]),li=new Set(["false","0"]);function pn(Oe,b){const M=Hn.has(Oe)||li.has(Oe),J=Hn.has(b)||li.has(b);return(ve,je)=>{let gt=Oe==Dn||Oe==ve,bt=b==Dn||b==je;return!gt&&M&&"boolean"==typeof ve&&(gt=ve?Hn.has(Oe):li.has(Oe)),!bt&&J&&"boolean"==typeof je&&(bt=je?Hn.has(b):li.has(b)),gt&&bt}}const ti=new RegExp("s*:selfs*,?","g");function ai(Oe,b,M,J){return new hi(Oe).build(b,M,J)}class hi{constructor(b){this._driver=b}build(b,M,J){const ve=new ii(M);return this._resetContextStyleTimingState(ve),tn(this,Be(b),ve)}_resetContextStyleTimingState(b){b.currentQuerySelector="",b.collectedStyles=new Map,b.collectedStyles.set("",new Map),b.currentTime=0}visitTrigger(b,M){let J=M.queryCount=0,ve=M.depCount=0;const je=[],gt=[];return"@"==b.name.charAt(0)&&M.errors.push(function S(){return new o.vHH(3006,!1)}()),b.definitions.forEach(bt=>{if(this._resetContextStyleTimingState(M),0==bt.type){const k=bt,A=k.name;A.toString().split(/\s*,\s*/).forEach(I=>{k.name=I,je.push(this.visitState(k,M))}),k.name=A}else if(1==bt.type){const k=this.visitTransition(bt,M);J+=k.queryCount,ve+=k.depCount,gt.push(k)}else M.errors.push(function y(){return new o.vHH(3007,!1)}())}),{type:7,name:b.name,states:je,transitions:gt,queryCount:J,depCount:ve,options:null}}visitState(b,M){const J=this.visitStyle(b.styles,M),ve=b.options&&b.options.params||null;if(J.containsDynamicStyles){const je=new Set,gt=ve||{};J.styles.forEach(bt=>{bt instanceof Map&&bt.forEach(k=>{Y(k).forEach(A=>{gt.hasOwnProperty(A)||je.add(A)})})}),je.size&&(Ue(je.values()),M.errors.push(function U(Oe,b){return new o.vHH(3008,!1)}()))}return{type:0,name:b.name,style:J,options:ve?{params:ve}:null}}visitTransition(b,M){M.queryCount=0,M.depCount=0;const J=tn(this,Be(b.animation),M);return{type:1,matchers:Cn(b.expr,M.errors),animation:J,queryCount:M.queryCount,depCount:M.depCount,options:zn(b.options)}}visitSequence(b,M){return{type:2,steps:b.steps.map(J=>tn(this,J,M)),options:zn(b.options)}}visitGroup(b,M){const J=M.currentTime;let ve=0;const je=b.steps.map(gt=>{M.currentTime=J;const bt=tn(this,gt,M);return ve=Math.max(ve,M.currentTime),bt});return M.currentTime=ve,{type:3,steps:je,options:zn(b.options)}}visitAnimate(b,M){const J=function Sn(Oe,b){if(Oe.hasOwnProperty("duration"))return Oe;if("number"==typeof Oe)return oi(st(Oe,b).duration,0,"");const M=Oe;if(M.split(/\s+/).some(je=>"{"==je.charAt(0)&&"{"==je.charAt(1))){const je=oi(0,0,"");return je.dynamic=!0,je.strValue=M,je}const ve=st(M,b);return oi(ve.duration,ve.delay,ve.easing)}(b.timings,M.errors);M.currentAnimateTimings=J;let ve,je=b.styles?b.styles:(0,e.oB)({});if(5==je.type)ve=this.visitKeyframes(je,M);else{let gt=b.styles,bt=!1;if(!gt){bt=!0;const A={};J.easing&&(A.easing=J.easing),gt=(0,e.oB)(A)}M.currentTime+=J.duration+J.delay;const k=this.visitStyle(gt,M);k.isEmptyStep=bt,ve=k}return M.currentAnimateTimings=null,{type:4,timings:J,style:ve,options:null}}visitStyle(b,M){const J=this._makeStyleAst(b,M);return this._validateStyleAst(J,M),J}_makeStyleAst(b,M){const J=[],ve=Array.isArray(b.styles)?b.styles:[b.styles];for(let bt of ve)"string"==typeof bt?bt===e.l3?J.push(bt):M.errors.push(new o.vHH(3002,!1)):J.push($(bt));let je=!1,gt=null;return J.forEach(bt=>{if(bt instanceof Map&&(bt.has("easing")&&(gt=bt.get("easing"),bt.delete("easing")),!je))for(let k of bt.values())if(k.toString().indexOf("{{")>=0){je=!0;break}}),{type:6,styles:J,easing:gt,offset:b.offset,containsDynamicStyles:je,options:null}}_validateStyleAst(b,M){const J=M.currentAnimateTimings;let ve=M.currentTime,je=M.currentTime;J&&je>0&&(je-=J.duration+J.delay),b.styles.forEach(gt=>{"string"!=typeof gt&&gt.forEach((bt,k)=>{const A=M.collectedStyles.get(M.currentQuerySelector),I=A.get(k);let V=!0;I&&(je!=ve&&je>=I.startTime&&ve<=I.endTime&&(M.errors.push(function le(Oe,b,M,J,ve){return new o.vHH(3010,!1)}()),V=!1),je=I.startTime),V&&A.set(k,{startTime:je,endTime:ve}),M.options&&function se(Oe,b,M){const J=b.params||{},ve=Y(Oe);ve.length&&ve.forEach(je=>{J.hasOwnProperty(je)||M.push(function m(Oe){return new o.vHH(3001,!1)}())})}(bt,M.options,M.errors)})})}visitKeyframes(b,M){const J={type:5,styles:[],options:null};if(!M.currentAnimateTimings)return M.errors.push(function Q(){return new o.vHH(3011,!1)}()),J;let je=0;const gt=[];let bt=!1,k=!1,A=0;const I=b.steps.map(Xn=>{const ri=this._makeStyleAst(Xn,M);let Ln=null!=ri.offset?ri.offset:function Ci(Oe){if("string"==typeof Oe)return null;let b=null;if(Array.isArray(Oe))Oe.forEach(M=>{if(M instanceof Map&&M.has("offset")){const J=M;b=parseFloat(J.get("offset")),J.delete("offset")}});else if(Oe instanceof Map&&Oe.has("offset")){const M=Oe;b=parseFloat(M.get("offset")),M.delete("offset")}return b}(ri.styles),wi=0;return null!=Ln&&(je++,wi=ri.offset=Ln),k=k||wi<0||wi>1,bt=bt||wi<A,A=wi,gt.push(wi),ri});k&&M.errors.push(function ue(){return new o.vHH(3012,!1)}()),bt&&M.errors.push(function de(){return new o.vHH(3200,!1)}());const V=b.steps.length;let ft=0;je>0&&je<V?M.errors.push(function X(){return new o.vHH(3202,!1)}()):0==je&&(ft=1/(V-1));const an=V-1,bn=M.currentTime,vn=M.currentAnimateTimings,$n=vn.duration;return I.forEach((Xn,ri)=>{const Ln=ft>0?ri==an?1:ft*ri:gt[ri],wi=Ln*$n;M.currentTime=bn+vn.delay+wi,vn.duration=wi,this._validateStyleAst(Xn,M),Xn.offset=Ln,J.styles.push(Xn)}),J}visitReference(b,M){return{type:8,animation:tn(this,Be(b.animation),M),options:zn(b.options)}}visitAnimateChild(b,M){return M.depCount++,{type:9,options:zn(b.options)}}visitAnimateRef(b,M){return{type:10,animation:this.visitReference(b.animation,M),options:zn(b.options)}}visitQuery(b,M){const J=M.currentQuerySelector,ve=b.options||{};M.queryCount++,M.currentQuery=b;const[je,gt]=function _i(Oe){const b=!!Oe.split(/\s*,\s*/).find(M=>":self"==M);return b&&(Oe=Oe.replace(ti,"")),Oe=Oe.replace(/@\*/g,cn).replace(/@\w+/g,M=>cn+"-"+M.slice(1)).replace(/:animating/g,Qe),[Oe,b]}(b.selector);M.currentQuerySelector=J.length?J+" "+je:je,Ht(M.collectedStyles,M.currentQuerySelector,new Map);const bt=tn(this,Be(b.animation),M);return M.currentQuery=null,M.currentQuerySelector=J,{type:11,selector:je,limit:ve.limit||0,optional:!!ve.optional,includeSelf:gt,animation:bt,originalSelector:b.selector,options:zn(b.options)}}visitStagger(b,M){M.currentQuery||M.errors.push(function B(){return new o.vHH(3013,!1)}());const J="full"===b.timings?{duration:0,delay:0,easing:"full"}:st(b.timings,M.errors,!0);return{type:12,animation:tn(this,Be(b.animation),M),timings:J,options:null}}}class ii{constructor(b){this.errors=b,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}}function zn(Oe){return Oe?(Oe=W(Oe)).params&&(Oe.params=function ni(Oe){return Oe?W(Oe):null}(Oe.params)):Oe={},Oe}function oi(Oe,b,M){return{duration:Oe,delay:b,easing:M}}function Mi(Oe,b,M,J,ve,je,gt=null,bt=!1){return{type:1,element:Oe,keyframes:b,preStyleProps:M,postStyleProps:J,duration:ve,delay:je,totalTime:ve+je,easing:gt,subTimeline:bt}}class ki{constructor(){this._map=new Map}get(b){return this._map.get(b)||[]}append(b,M){let J=this._map.get(b);J||this._map.set(b,J=[]),J.push(...M)}has(b){return this._map.has(b)}clear(){this._map.clear()}}const zi=new RegExp(":enter","g"),ro=new RegExp(":leave","g");function lo(Oe,b,M,J,ve,je=new Map,gt=new Map,bt,k,A=[]){return(new ui).buildKeyframes(Oe,b,M,J,ve,je,gt,bt,k,A)}class ui{buildKeyframes(b,M,J,ve,je,gt,bt,k,A,I=[]){A=A||new ki;const V=new Ut(b,M,A,ve,je,I,[]);V.options=k;const ft=k.delay?lt(k.delay):0;V.currentTimeline.delayNextStep(ft),V.currentTimeline.setStyles([gt],null,V.errors,k),tn(this,J,V);const an=V.timelines.filter(bn=>bn.containsAnimation());if(an.length&&bt.size){let bn;for(let vn=an.length-1;vn>=0;vn--){const $n=an[vn];if($n.element===M){bn=$n;break}}bn&&!bn.allowOnlyTimelineStyles()&&bn.setStyles([bt],null,V.errors,k)}return an.length?an.map(bn=>bn.buildKeyframes()):[Mi(M,[],[],[],0,ft,"",!1)]}visitTrigger(b,M){}visitState(b,M){}visitTransition(b,M){}visitAnimateChild(b,M){const J=M.subInstructions.get(M.element);if(J){const ve=M.createSubContext(b.options),je=M.currentTimeline.currentTime,gt=this._visitSubInstructions(J,ve,ve.options);je!=gt&&M.transformIntoNewTimeline(gt)}M.previousNode=b}visitAnimateRef(b,M){const J=M.createSubContext(b.options);J.transformIntoNewTimeline(),this._applyAnimationRefDelays([b.options,b.animation.options],M,J),this.visitReference(b.animation,J),M.transformIntoNewTimeline(J.currentTimeline.currentTime),M.previousNode=b}_applyAnimationRefDelays(b,M,J){for(const je of b){const gt=null==je?void 0:je.delay;if(gt){var ve;const bt="number"==typeof gt?gt:lt(fe(gt,null!==(ve=null==je?void 0:je.params)&&void 0!==ve?ve:{},M.errors));J.delayNextStep(bt)}}}_visitSubInstructions(b,M,J){let je=M.currentTimeline.currentTime;const gt=null!=J.duration?lt(J.duration):null,bt=null!=J.delay?lt(J.delay):null;return 0!==gt&&b.forEach(k=>{const A=M.appendInstructionToTimeline(k,gt,bt);je=Math.max(je,A.duration+A.delay)}),je}visitReference(b,M){M.updateOptions(b.options,!0),tn(this,b.animation,M),M.previousNode=b}visitSequence(b,M){const J=M.subContextCount;let ve=M;const je=b.options;if(je&&(je.params||je.delay)&&(ve=M.createSubContext(je),ve.transformIntoNewTimeline(),null!=je.delay)){6==ve.previousNode.type&&(ve.currentTimeline.snapshotCurrentStyles(),ve.previousNode=fi);const gt=lt(je.delay);ve.delayNextStep(gt)}b.steps.length&&(b.steps.forEach(gt=>tn(this,gt,ve)),ve.currentTimeline.applyStylesToKeyframe(),ve.subContextCount>J&&ve.transformIntoNewTimeline()),M.previousNode=b}visitGroup(b,M){const J=[];let ve=M.currentTimeline.currentTime;const je=b.options&&b.options.delay?lt(b.options.delay):0;b.steps.forEach(gt=>{const bt=M.createSubContext(b.options);je&&bt.delayNextStep(je),tn(this,gt,bt),ve=Math.max(ve,bt.currentTimeline.currentTime),J.push(bt.currentTimeline)}),J.forEach(gt=>M.currentTimeline.mergeTimelineCollectedStyles(gt)),M.transformIntoNewTimeline(ve),M.previousNode=b}_visitTiming(b,M){if(b.dynamic){const J=b.strValue;return st(M.params?fe(J,M.params,M.errors):J,M.errors)}return{duration:b.duration,delay:b.delay,easing:b.easing}}visitAnimate(b,M){const J=M.currentAnimateTimings=this._visitTiming(b.timings,M),ve=M.currentTimeline;J.delay&&(M.incrementTime(J.delay),ve.snapshotCurrentStyles());const je=b.style;5==je.type?this.visitKeyframes(je,M):(M.incrementTime(J.duration),this.visitStyle(je,M),ve.applyStylesToKeyframe()),M.currentAnimateTimings=null,M.previousNode=b}visitStyle(b,M){const J=M.currentTimeline,ve=M.currentAnimateTimings;!ve&&J.hasCurrentStyleProperties()&&J.forwardFrame();const je=ve&&ve.easing||b.easing;b.isEmptyStep?J.applyEmptyStep(je):J.setStyles(b.styles,je,M.errors,M.options),M.previousNode=b}visitKeyframes(b,M){const J=M.currentAnimateTimings,ve=M.currentTimeline.duration,je=J.duration,bt=M.createSubContext().currentTimeline;bt.easing=J.easing,b.styles.forEach(k=>{bt.forwardTime((k.offset||0)*je),bt.setStyles(k.styles,k.easing,M.errors,M.options),bt.applyStylesToKeyframe()}),M.currentTimeline.mergeTimelineCollectedStyles(bt),M.transformIntoNewTimeline(ve+je),M.previousNode=b}visitQuery(b,M){const J=M.currentTimeline.currentTime,ve=b.options||{},je=ve.delay?lt(ve.delay):0;je&&(6===M.previousNode.type||0==J&&M.currentTimeline.hasCurrentStyleProperties())&&(M.currentTimeline.snapshotCurrentStyles(),M.previousNode=fi);let gt=J;const bt=M.invokeQuery(b.selector,b.originalSelector,b.limit,b.includeSelf,!!ve.optional,M.errors);M.currentQueryTotal=bt.length;let k=null;bt.forEach((A,I)=>{M.currentQueryIndex=I;const V=M.createSubContext(b.options,A);je&&V.delayNextStep(je),A===M.element&&(k=V.currentTimeline),tn(this,b.animation,V),V.currentTimeline.applyStylesToKeyframe(),gt=Math.max(gt,V.currentTimeline.currentTime)}),M.currentQueryIndex=0,M.currentQueryTotal=0,M.transformIntoNewTimeline(gt),k&&(M.currentTimeline.mergeTimelineCollectedStyles(k),M.currentTimeline.snapshotCurrentStyles()),M.previousNode=b}visitStagger(b,M){const J=M.parentContext,ve=M.currentTimeline,je=b.timings,gt=Math.abs(je.duration),bt=gt*(M.currentQueryTotal-1);let k=gt*M.currentQueryIndex;switch(je.duration<0?"reverse":je.easing){case"reverse":k=bt-k;break;case"full":k=J.currentStaggerTime}const I=M.currentTimeline;k&&I.delayNextStep(k);const V=I.currentTime;tn(this,b.animation,M),M.previousNode=b,J.currentStaggerTime=ve.currentTime-V+(ve.startTime-J.currentTimeline.startTime)}}const fi={};class Ut{constructor(b,M,J,ve,je,gt,bt,k){this._driver=b,this.element=M,this.subInstructions=J,this._enterClassName=ve,this._leaveClassName=je,this.errors=gt,this.timelines=bt,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=fi,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=k||new Me(this._driver,M,0),bt.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(b,M){if(!b)return;const J=b;let ve=this.options;null!=J.duration&&(ve.duration=lt(J.duration)),null!=J.delay&&(ve.delay=lt(J.delay));const je=J.params;if(je){let gt=ve.params;gt||(gt=this.options.params={}),Object.keys(je).forEach(bt=>{(!M||!gt.hasOwnProperty(bt))&&(gt[bt]=fe(je[bt],gt,this.errors))})}}_copyOptions(){const b={};if(this.options){const M=this.options.params;if(M){const J=b.params={};Object.keys(M).forEach(ve=>{J[ve]=M[ve]})}}return b}createSubContext(b=null,M,J){const ve=M||this.element,je=new Ut(this._driver,ve,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(ve,J||0));return je.previousNode=this.previousNode,je.currentAnimateTimings=this.currentAnimateTimings,je.options=this._copyOptions(),je.updateOptions(b),je.currentQueryIndex=this.currentQueryIndex,je.currentQueryTotal=this.currentQueryTotal,je.parentContext=this,this.subContextCount++,je}transformIntoNewTimeline(b){return this.previousNode=fi,this.currentTimeline=this.currentTimeline.fork(this.element,b),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(b,M,J){const ve={duration:null!=M?M:b.duration,delay:this.currentTimeline.currentTime+(null!=J?J:0)+b.delay,easing:""},je=new ee(this._driver,b.element,b.keyframes,b.preStyleProps,b.postStyleProps,ve,b.stretchStartingKeyframe);return this.timelines.push(je),ve}incrementTime(b){this.currentTimeline.forwardTime(this.currentTimeline.duration+b)}delayNextStep(b){b>0&&this.currentTimeline.delayNextStep(b)}invokeQuery(b,M,J,ve,je,gt){let bt=[];if(ve&&bt.push(this.element),b.length>0){b=(b=b.replace(zi,"."+this._enterClassName)).replace(ro,"."+this._leaveClassName);let A=this._driver.query(this.element,b,1!=J);0!==J&&(A=J<0?A.slice(A.length+J,A.length):A.slice(0,J)),bt.push(...A)}return!je&&0==bt.length&&gt.push(function K(Oe){return new o.vHH(3014,!1)}()),bt}}class Me{constructor(b,M,J,ve){this._driver=b,this.element=M,this.startTime=J,this._elementTimelineStylesLookup=ve,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(M),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(M,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(b){const M=1===this._keyframes.size&&this._pendingStyles.size;this.duration||M?(this.forwardTime(this.currentTime+b),M&&this.snapshotCurrentStyles()):this.startTime+=b}fork(b,M){return this.applyStylesToKeyframe(),new Me(this._driver,b,M||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=1,this._loadKeyframe()}forwardTime(b){this.applyStylesToKeyframe(),this.duration=b,this._loadKeyframe()}_updateStyle(b,M){this._localTimelineStyles.set(b,M),this._globalTimelineStyles.set(b,M),this._styleSummary.set(b,{time:this.currentTime,value:M})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(b){b&&this._previousKeyframe.set("easing",b);for(let[M,J]of this._globalTimelineStyles)this._backFill.set(M,J||e.l3),this._currentKeyframe.set(M,e.l3);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(b,M,J,ve){M&&this._previousKeyframe.set("easing",M);const je=ve&&ve.params||{},gt=function nt(Oe,b){const M=new Map;let J;return Oe.forEach(ve=>{if("*"===ve){J=J||b.keys();for(let je of J)M.set(je,e.l3)}else pt(ve,M)}),M}(b,this._globalTimelineStyles);for(let[k,A]of gt){const I=fe(A,je,J);var bt;this._pendingStyles.set(k,I),this._localTimelineStyles.has(k)||this._backFill.set(k,null!==(bt=this._globalTimelineStyles.get(k))&&void 0!==bt?bt:e.l3),this._updateStyle(k,I)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((b,M)=>{this._currentKeyframe.set(M,b)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((b,M)=>{this._currentKeyframe.has(M)||this._currentKeyframe.set(M,b)}))}snapshotCurrentStyles(){for(let[b,M]of this._localTimelineStyles)this._pendingStyles.set(b,M),this._updateStyle(b,M)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const b=[];for(let M in this._currentKeyframe)b.push(M);return b}mergeTimelineCollectedStyles(b){b._styleSummary.forEach((M,J)=>{const ve=this._styleSummary.get(J);(!ve||M.time>ve.time)&&this._updateStyle(J,M.value)})}buildKeyframes(){this.applyStylesToKeyframe();const b=new Set,M=new Set,J=1===this._keyframes.size&&0===this.duration;let ve=[];this._keyframes.forEach((bt,k)=>{const A=pt(bt,new Map,this._backFill);A.forEach((I,V)=>{I===e.k1?b.add(V):I===e.l3&&M.add(V)}),J||A.set("offset",k/this.duration),ve.push(A)});const je=b.size?Ue(b.values()):[],gt=M.size?Ue(M.values()):[];if(J){const bt=ve[0],k=new Map(bt);bt.set("offset",0),k.set("offset",1),ve=[bt,k]}return Mi(this.element,ve,je,gt,this.duration,this.startTime,this.easing,!1)}}class ee extends Me{constructor(b,M,J,ve,je,gt,bt=!1){super(b,M,gt.delay),this.keyframes=J,this.preStyleProps=ve,this.postStyleProps=je,this._stretchStartingKeyframe=bt,this.timings={duration:gt.duration,delay:gt.delay,easing:gt.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let b=this.keyframes,{delay:M,duration:J,easing:ve}=this.timings;if(this._stretchStartingKeyframe&&M){const je=[],gt=J+M,bt=M/gt,k=pt(b[0]);k.set("offset",0),je.push(k);const A=pt(b[0]);A.set("offset",ge(bt)),je.push(A);const I=b.length-1;for(let V=1;V<=I;V++){let ft=pt(b[V]);const an=ft.get("offset");ft.set("offset",ge((M+an*J)/gt)),je.push(ft)}J=gt,M=0,ve="",b=je}return Mi(this.element,b,this.preStyleProps,this.postStyleProps,J,M,ve,!0)}}function ge(Oe,b=3){const M=Math.pow(10,b-1);return Math.round(Oe*M)/M}class Dt{}const rn=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]);class On extends Dt{normalizePropertyName(b,M){return rt(b)}normalizeStyleValue(b,M,J,ve){let je="";const gt=J.toString().trim();if(rn.has(M)&&0!==J&&"0"!==J)if("number"==typeof J)je="px";else{const bt=J.match(/^[+-]?[\d\.]+([a-z]*)$/);bt&&0==bt[1].length&&ve.push(function w(Oe,b){return new o.vHH(3005,!1)}())}return gt+je}}function yn(Oe,b,M,J,ve,je,gt,bt,k,A,I,V,ft){return{type:0,element:Oe,triggerName:b,isRemovalTransition:ve,fromState:M,fromStyles:je,toState:J,toStyles:gt,timelines:bt,queriedElements:k,preStyleProps:A,postStyleProps:I,totalTime:V,errors:ft}}const Zt={};class tt{constructor(b,M,J){this._triggerName=b,this.ast=M,this._stateStyles=J}match(b,M,J,ve){return function mn(Oe,b,M,J,ve){return Oe.some(je=>je(b,M,J,ve))}(this.ast.matchers,b,M,J,ve)}buildStyles(b,M,J){let ve=this._stateStyles.get("*");return void 0!==b&&(ve=this._stateStyles.get(null==b?void 0:b.toString())||ve),ve?ve.buildStyles(M,J):new Map}build(b,M,J,ve,je,gt,bt,k,A,I){var V;const ft=[],an=this.ast.options&&this.ast.options.params||Zt,vn=this.buildStyles(J,bt&&bt.params||Zt,ft),$n=k&&k.params||Zt,Xn=this.buildStyles(ve,$n,ft),ri=new Set,Ln=new Map,wi=new Map,or="void"===ve,Bo={params:jn($n,an),delay:null===(V=this.ast.options)||void 0===V?void 0:V.delay},Ui=I?[]:lo(b,M,this.ast.animation,je,gt,vn,Xn,Bo,A,ft);let ci=0;if(Ui.forEach(Li=>{ci=Math.max(Li.duration+Li.delay,ci)}),ft.length)return yn(M,this._triggerName,J,ve,or,vn,Xn,[],[],Ln,wi,ci,ft);Ui.forEach(Li=>{const bo=Li.element,Qi=Ht(Ln,bo,new Set);Li.preStyleProps.forEach(go=>Qi.add(go));const Uo=Ht(wi,bo,new Set);Li.postStyleProps.forEach(go=>Uo.add(go)),bo!==M&&ri.add(bo)});const uo=Ue(ri.values());return yn(M,this._triggerName,J,ve,or,vn,Xn,Ui,uo,Ln,wi,ci)}}function jn(Oe,b){const M=W(b);for(const J in Oe)Oe.hasOwnProperty(J)&&null!=Oe[J]&&(M[J]=Oe[J]);return M}class Kn{constructor(b,M,J){this.styles=b,this.defaultParams=M,this.normalizer=J}buildStyles(b,M){const J=new Map,ve=W(this.defaultParams);return Object.keys(b).forEach(je=>{const gt=b[je];null!==gt&&(ve[je]=gt)}),this.styles.styles.forEach(je=>{"string"!=typeof je&&je.forEach((gt,bt)=>{gt&&(gt=fe(gt,ve,M));const k=this.normalizer.normalizePropertyName(bt,M);gt=this.normalizer.normalizeStyleValue(bt,k,gt,M),J.set(bt,gt)})}),J}}class Oi{constructor(b,M,J){this.name=b,this.ast=M,this._normalizer=J,this.transitionFactories=[],this.states=new Map,M.states.forEach(ve=>{this.states.set(ve.name,new Kn(ve.style,ve.options&&ve.options.params||{},J))}),ji(this.states,"true","1"),ji(this.states,"false","0"),M.transitions.forEach(ve=>{this.transitionFactories.push(new tt(b,ve,this.states))}),this.fallbackTransition=function Fi(Oe,b,M){return new tt(Oe,{type:1,animation:{type:2,steps:[],options:null},matchers:[(gt,bt)=>!0],options:null,queryCount:0,depCount:0},b)}(b,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(b,M,J,ve){return this.transitionFactories.find(gt=>gt.match(b,M,J,ve))||null}matchStyles(b,M,J){return this.fallbackTransition.buildStyles(b,M,J)}}function ji(Oe,b,M){Oe.has(b)?Oe.has(M)||Oe.set(M,Oe.get(b)):Oe.has(M)&&Oe.set(b,Oe.get(M))}const Ei=new ki;class er{constructor(b,M,J){this.bodyNode=b,this._driver=M,this._normalizer=J,this._animations=new Map,this._playersById=new Map,this.players=[]}register(b,M){const J=[],ve=[],je=ai(this._driver,M,J,ve);if(J.length)throw function $e(Oe){return new o.vHH(3503,!1)}();this._animations.set(b,je)}_buildPlayer(b,M,J){const ve=b.element,je=Gt(0,this._normalizer,0,b.keyframes,M,J);return this._driver.animate(ve,je,b.duration,b.delay,b.easing,[],!0)}create(b,M,J={}){const ve=[],je=this._animations.get(b);let gt;const bt=new Map;if(je?(gt=lo(this._driver,M,je,wt,Mt,new Map,new Map,J,Ei,ve),gt.forEach(I=>{const V=Ht(bt,I.element,new Map);I.postStyleProps.forEach(ft=>V.set(ft,null))})):(ve.push(function Ie(){return new o.vHH(3300,!1)}()),gt=[]),ve.length)throw function G(Oe){return new o.vHH(3504,!1)}();bt.forEach((I,V)=>{I.forEach((ft,an)=>{I.set(an,this._driver.computeStyle(V,an,e.l3))})});const A=Et(gt.map(I=>{const V=bt.get(I.element);return this._buildPlayer(I,new Map,V)}));return this._playersById.set(b,A),A.onDestroy(()=>this.destroy(b)),this.players.push(A),A}destroy(b){const M=this._getPlayer(b);M.destroy(),this._playersById.delete(b);const J=this.players.indexOf(M);J>=0&&this.players.splice(J,1)}_getPlayer(b){const M=this._playersById.get(b);if(!M)throw function he(Oe){return new o.vHH(3301,!1)}();return M}listen(b,M,J,ve){const je=Ot(M,"","","");return St(this._getPlayer(b),J,je,ve),()=>{}}command(b,M,J,ve){if("register"==J)return void this.register(b,ve[0]);if("create"==J)return void this.create(b,M,ve[0]||{});const je=this._getPlayer(b);switch(J){case"play":je.play();break;case"pause":je.pause();break;case"reset":je.reset();break;case"restart":je.restart();break;case"finish":je.finish();break;case"init":je.init();break;case"setPosition":je.setPosition(parseFloat(ve[0]));break;case"destroy":this.destroy(b)}}}const so="ng-animate-queued",ur="ng-animate-disabled",$i=[],Fo={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},Or={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},Gi="__ng_removed";class Go{get params(){return this.options.params}constructor(b,M=""){this.namespaceId=M;const J=b&&b.hasOwnProperty("value");if(this.value=function nr(Oe){return null!=Oe?Oe:null}(J?b.value:b),J){const je=W(b);delete je.value,this.options=je}else this.options={};this.options.params||(this.options.params={})}absorbOptions(b){const M=b.params;if(M){const J=this.options.params;Object.keys(M).forEach(ve=>{null==J[ve]&&(J[ve]=M[ve])})}}}const co="void",Po=new Go(co);class No{constructor(b,M,J){this.id=b,this.hostElement=M,this._engine=J,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+b,Ni(M,this._hostClassName)}listen(b,M,J,ve){if(!this._triggers.has(M))throw function ye(Oe,b){return new o.vHH(3302,!1)}();if(null==J||0==J.length)throw function te(Oe){return new o.vHH(3303,!1)}();if(!function Co(Oe){return"start"==Oe||"done"==Oe}(J))throw function Re(Oe,b){return new o.vHH(3400,!1)}();const je=Ht(this._elementListeners,b,[]),gt={name:M,phase:J,callback:ve};je.push(gt);const bt=Ht(this._engine.statesByElement,b,new Map);return bt.has(M)||(Ni(b,kt),Ni(b,kt+"-"+M),bt.set(M,Po)),()=>{this._engine.afterFlush(()=>{const k=je.indexOf(gt);k>=0&&je.splice(k,1),this._triggers.has(M)||bt.delete(M)})}}register(b,M){return!this._triggers.has(b)&&(this._triggers.set(b,M),!0)}_getTrigger(b){const M=this._triggers.get(b);if(!M)throw function q(Oe){return new o.vHH(3401,!1)}();return M}trigger(b,M,J,ve=!0){const je=this._getTrigger(M),gt=new cr(this.id,M,b);let bt=this._engine.statesByElement.get(b);bt||(Ni(b,kt),Ni(b,kt+"-"+M),this._engine.statesByElement.set(b,bt=new Map));let k=bt.get(M);const A=new Go(J,this.id);if(!(J&&J.hasOwnProperty("value"))&&k&&A.absorbOptions(k.options),bt.set(M,A),k||(k=Po),A.value!==co&&k.value===A.value){if(!function di(Oe,b){const M=Object.keys(Oe),J=Object.keys(b);if(M.length!=J.length)return!1;for(let ve=0;ve<M.length;ve++){const je=M[ve];if(!b.hasOwnProperty(je)||Oe[je]!==b[je])return!1}return!0}(k.params,A.params)){const vn=[],$n=je.matchStyles(k.value,k.params,vn),Xn=je.matchStyles(A.value,A.params,vn);vn.length?this._engine.reportError(vn):this._engine.afterFlush(()=>{Se(b,$n),At(b,Xn)})}return}const ft=Ht(this._engine.playersByElement,b,[]);ft.forEach(vn=>{vn.namespaceId==this.id&&vn.triggerName==M&&vn.queued&&vn.destroy()});let an=je.matchTransition(k.value,A.value,b,A.params),bn=!1;if(!an){if(!ve)return;an=je.fallbackTransition,bn=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:b,triggerName:M,transition:an,fromState:k,toState:A,player:gt,isFallbackTransition:bn}),bn||(Ni(b,so),gt.onStart(()=>{So(b,so)})),gt.onDone(()=>{let vn=this.players.indexOf(gt);vn>=0&&this.players.splice(vn,1);const $n=this._engine.playersByElement.get(b);if($n){let Xn=$n.indexOf(gt);Xn>=0&&$n.splice(Xn,1)}}),this.players.push(gt),ft.push(gt),gt}deregister(b){this._triggers.delete(b),this._engine.statesByElement.forEach(M=>M.delete(b)),this._elementListeners.forEach((M,J)=>{this._elementListeners.set(J,M.filter(ve=>ve.name!=b))})}clearElementCache(b){this._engine.statesByElement.delete(b),this._elementListeners.delete(b);const M=this._engine.playersByElement.get(b);M&&(M.forEach(J=>J.destroy()),this._engine.playersByElement.delete(b))}_signalRemovalForInnerTriggers(b,M){const J=this._engine.driver.query(b,cn,!0);J.forEach(ve=>{if(ve[Gi])return;const je=this._engine.fetchNamespacesByElement(ve);je.size?je.forEach(gt=>gt.triggerLeaveAnimation(ve,M,!1,!0)):this.clearElementCache(ve)}),this._engine.afterFlushAnimationsDone(()=>J.forEach(ve=>this.clearElementCache(ve)))}triggerLeaveAnimation(b,M,J,ve){const je=this._engine.statesByElement.get(b),gt=new Map;if(je){const bt=[];if(je.forEach((k,A)=>{if(gt.set(A,k.value),this._triggers.has(A)){const I=this.trigger(b,A,co,ve);I&&bt.push(I)}}),bt.length)return this._engine.markElementAsRemoved(this.id,b,!0,M,gt),J&&Et(bt).onDone(()=>this._engine.processLeaveNode(b)),!0}return!1}prepareLeaveAnimationListeners(b){const M=this._elementListeners.get(b),J=this._engine.statesByElement.get(b);if(M&&J){const ve=new Set;M.forEach(je=>{const gt=je.name;if(ve.has(gt))return;ve.add(gt);const k=this._triggers.get(gt).fallbackTransition,A=J.get(gt)||Po,I=new Go(co),V=new cr(this.id,gt,b);this._engine.totalQueuedPlayers++,this._queue.push({element:b,triggerName:gt,transition:k,fromState:A,toState:I,player:V,isFallbackTransition:!0})})}}removeNode(b,M){const J=this._engine;if(b.childElementCount&&this._signalRemovalForInnerTriggers(b,M),this.triggerLeaveAnimation(b,M,!0))return;let ve=!1;if(J.totalAnimations){const je=J.players.length?J.playersByQueriedElement.get(b):[];if(je&&je.length)ve=!0;else{let gt=b;for(;gt=gt.parentNode;)if(J.statesByElement.get(gt)){ve=!0;break}}}if(this.prepareLeaveAnimationListeners(b),ve)J.markElementAsRemoved(this.id,b,!1,M);else{const je=b[Gi];(!je||je===Fo)&&(J.afterFlush(()=>this.clearElementCache(b)),J.destroyInnerAnimations(b),J._onRemovalComplete(b,M))}}insertNode(b,M){Ni(b,this._hostClassName)}drainQueuedTransitions(b){const M=[];return this._queue.forEach(J=>{const ve=J.player;if(ve.destroyed)return;const je=J.element,gt=this._elementListeners.get(je);gt&&gt.forEach(bt=>{if(bt.name==J.triggerName){const k=Ot(je,J.triggerName,J.fromState.value,J.toState.value);k._data=b,St(J.player,bt.phase,k,bt.callback)}}),ve.markedForDestroy?this._engine.afterFlush(()=>{ve.destroy()}):M.push(J)}),this._queue=[],M.sort((J,ve)=>{const je=J.transition.ast.depCount,gt=ve.transition.ast.depCount;return 0==je||0==gt?je-gt:this._engine.driver.containsElement(J.element,ve.element)?1:-1})}destroy(b){this.players.forEach(M=>M.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,b)}elementContainsData(b){let M=!1;return this._elementListeners.has(b)&&(M=!0),M=!!this._queue.find(J=>J.element===b)||M,M}}class Ki{_onRemovalComplete(b,M){this.onRemovalComplete(b,M)}constructor(b,M,J){this.bodyNode=b,this.driver=M,this._normalizer=J,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(ve,je)=>{}}get queuedPlayers(){const b=[];return this._namespaceList.forEach(M=>{M.players.forEach(J=>{J.queued&&b.push(J)})}),b}createNamespace(b,M){const J=new No(b,M,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,M)?this._balanceNamespaceList(J,M):(this.newHostElements.set(M,J),this.collectEnterElement(M)),this._namespaceLookup[b]=J}_balanceNamespaceList(b,M){const J=this._namespaceList,ve=this.namespacesByHostElement;if(J.length-1>=0){let gt=!1,bt=this.driver.getParentElement(M);for(;bt;){const k=ve.get(bt);if(k){const A=J.indexOf(k);J.splice(A+1,0,b),gt=!0;break}bt=this.driver.getParentElement(bt)}gt||J.unshift(b)}else J.push(b);return ve.set(M,b),b}register(b,M){let J=this._namespaceLookup[b];return J||(J=this.createNamespace(b,M)),J}registerTrigger(b,M,J){let ve=this._namespaceLookup[b];ve&&ve.register(M,J)&&this.totalAnimations++}destroy(b,M){if(!b)return;const J=this._fetchNamespace(b);this.afterFlush(()=>{this.namespacesByHostElement.delete(J.hostElement),delete this._namespaceLookup[b];const ve=this._namespaceList.indexOf(J);ve>=0&&this._namespaceList.splice(ve,1)}),this.afterFlushAnimationsDone(()=>J.destroy(M))}_fetchNamespace(b){return this._namespaceLookup[b]}fetchNamespacesByElement(b){const M=new Set,J=this.statesByElement.get(b);if(J)for(let ve of J.values())if(ve.namespaceId){const je=this._fetchNamespace(ve.namespaceId);je&&M.add(je)}return M}trigger(b,M,J,ve){if(ao(M)){const je=this._fetchNamespace(b);if(je)return je.trigger(M,J,ve),!0}return!1}insertNode(b,M,J,ve){if(!ao(M))return;const je=M[Gi];if(je&&je.setForRemoval){je.setForRemoval=!1,je.setForMove=!0;const gt=this.collectedLeaveElements.indexOf(M);gt>=0&&this.collectedLeaveElements.splice(gt,1)}if(b){const gt=this._fetchNamespace(b);gt&&gt.insertNode(M,J)}ve&&this.collectEnterElement(M)}collectEnterElement(b){this.collectedEnterElements.push(b)}markElementAsDisabled(b,M){M?this.disabledNodes.has(b)||(this.disabledNodes.add(b),Ni(b,ur)):this.disabledNodes.has(b)&&(this.disabledNodes.delete(b),So(b,ur))}removeNode(b,M,J,ve){if(ao(M)){const je=b?this._fetchNamespace(b):null;if(je?je.removeNode(M,ve):this.markElementAsRemoved(b,M,!1,ve),J){const gt=this.namespacesByHostElement.get(M);gt&&gt.id!==b&&gt.removeNode(M,ve)}}else this._onRemovalComplete(M,ve)}markElementAsRemoved(b,M,J,ve,je){this.collectedLeaveElements.push(M),M[Gi]={namespaceId:b,setForRemoval:ve,hasAnimation:J,removedBeforeQueried:!1,previousTriggersValues:je}}listen(b,M,J,ve,je){return ao(M)?this._fetchNamespace(b).listen(M,J,ve,je):()=>{}}_buildInstruction(b,M,J,ve,je){return b.transition.build(this.driver,b.element,b.fromState.value,b.toState.value,J,ve,b.fromState.options,b.toState.options,M,je)}destroyInnerAnimations(b){let M=this.driver.query(b,cn,!0);M.forEach(J=>this.destroyActiveAnimationsForElement(J)),0!=this.playersByQueriedElement.size&&(M=this.driver.query(b,Qe,!0),M.forEach(J=>this.finishActiveQueriedAnimationOnElement(J)))}destroyActiveAnimationsForElement(b){const M=this.playersByElement.get(b);M&&M.forEach(J=>{J.queued?J.markedForDestroy=!0:J.destroy()})}finishActiveQueriedAnimationOnElement(b){const M=this.playersByQueriedElement.get(b);M&&M.forEach(J=>J.finish())}whenRenderingDone(){return new Promise(b=>{if(this.players.length)return Et(this.players).onDone(()=>b());b()})}processLeaveNode(b){var M;const J=b[Gi];if(J&&J.setForRemoval){if(b[Gi]=Fo,J.namespaceId){this.destroyInnerAnimations(b);const ve=this._fetchNamespace(J.namespaceId);ve&&ve.clearElementCache(b)}this._onRemovalComplete(b,J.setForRemoval)}null!==(M=b.classList)&&void 0!==M&&M.contains(ur)&&this.markElementAsDisabled(b,!1),this.driver.query(b,".ng-animate-disabled",!0).forEach(ve=>{this.markElementAsDisabled(ve,!1)})}flush(b=-1){let M=[];if(this.newHostElements.size&&(this.newHostElements.forEach((J,ve)=>this._balanceNamespaceList(J,ve)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let J=0;J<this.collectedEnterElements.length;J++)Ni(this.collectedEnterElements[J],"ng-star-inserted");if(this._namespaceList.length&&(this.totalQueuedPlayers||this.collectedLeaveElements.length)){const J=[];try{M=this._flushAnimations(J,b)}finally{for(let ve=0;ve<J.length;ve++)J[ve]()}}else for(let J=0;J<this.collectedLeaveElements.length;J++)this.processLeaveNode(this.collectedLeaveElements[J]);if(this.totalQueuedPlayers=0,this.collectedEnterElements.length=0,this.collectedLeaveElements.length=0,this._flushFns.forEach(J=>J()),this._flushFns=[],this._whenQuietFns.length){const J=this._whenQuietFns;this._whenQuietFns=[],M.length?Et(M).onDone(()=>{J.forEach(ve=>ve())}):J.forEach(ve=>ve())}}reportError(b){throw function ce(Oe){return new o.vHH(3402,!1)}()}_flushAnimations(b,M){const J=new ki,ve=[],je=new Map,gt=[],bt=new Map,k=new Map,A=new Map,I=new Set;this.disabledNodes.forEach(An=>{I.add(An);const In=this.driver.query(An,".ng-animate-queued",!0);for(let Rn=0;Rn<In.length;Rn++)I.add(In[Rn])});const V=this.bodyNode,ft=Array.from(this.statesByElement.keys()),an=Xi(ft,this.collectedEnterElements),bn=new Map;let vn=0;an.forEach((An,In)=>{const Rn=wt+vn++;bn.set(In,Rn),An.forEach(Jn=>Ni(Jn,Rn))});const $n=[],Xn=new Set,ri=new Set;for(let An=0;An<this.collectedLeaveElements.length;An++){const In=this.collectedLeaveElements[An],Rn=In[Gi];Rn&&Rn.setForRemoval&&($n.push(In),Xn.add(In),Rn.hasAnimation?this.driver.query(In,".ng-star-inserted",!0).forEach(Jn=>Xn.add(Jn)):ri.add(In))}const Ln=new Map,wi=Xi(ft,Array.from(Xn));wi.forEach((An,In)=>{const Rn=Mt+vn++;Ln.set(In,Rn),An.forEach(Jn=>Ni(Jn,Rn))}),b.push(()=>{an.forEach((An,In)=>{const Rn=bn.get(In);An.forEach(Jn=>So(Jn,Rn))}),wi.forEach((An,In)=>{const Rn=Ln.get(In);An.forEach(Jn=>So(Jn,Rn))}),$n.forEach(An=>{this.processLeaveNode(An)})});const or=[],Bo=[];for(let An=this._namespaceList.length-1;An>=0;An--)this._namespaceList[An].drainQueuedTransitions(M).forEach(Rn=>{const Jn=Rn.player,vi=Rn.element;if(or.push(Jn),this.collectedEnterElements.length){const Hi=vi[Gi];if(Hi&&Hi.setForMove){if(Hi.previousTriggersValues&&Hi.previousTriggersValues.has(Rn.triggerName)){const Zo=Hi.previousTriggersValues.get(Rn.triggerName),mo=this.statesByElement.get(Rn.element);if(mo&&mo.has(Rn.triggerName)){const xr=mo.get(Rn.triggerName);xr.value=Zo,mo.set(Rn.triggerName,xr)}}return void Jn.destroy()}}const To=!V||!this.driver.containsElement(V,vi),qi=Ln.get(vi),ho=bn.get(vi),pi=this._buildInstruction(Rn,J,ho,qi,To);if(pi.errors&&pi.errors.length)return void Bo.push(pi);if(To)return Jn.onStart(()=>Se(vi,pi.fromStyles)),Jn.onDestroy(()=>At(vi,pi.toStyles)),void ve.push(Jn);if(Rn.isFallbackTransition)return Jn.onStart(()=>Se(vi,pi.fromStyles)),Jn.onDestroy(()=>At(vi,pi.toStyles)),void ve.push(Jn);const Lr=[];pi.timelines.forEach(Hi=>{Hi.stretchStartingKeyframe=!0,this.disabledNodes.has(Hi.element)||Lr.push(Hi)}),pi.timelines=Lr,J.append(vi,pi.timelines),gt.push({instruction:pi,player:Jn,element:vi}),pi.queriedElements.forEach(Hi=>Ht(bt,Hi,[]).push(Jn)),pi.preStyleProps.forEach((Hi,Zo)=>{if(Hi.size){let mo=k.get(Zo);mo||k.set(Zo,mo=new Set),Hi.forEach((xr,Vi)=>mo.add(Vi))}}),pi.postStyleProps.forEach((Hi,Zo)=>{let mo=A.get(Zo);mo||A.set(Zo,mo=new Set),Hi.forEach((xr,Vi)=>mo.add(Vi))})});if(Bo.length){const An=[];Bo.forEach(In=>{An.push(function N(Oe,b){return new o.vHH(3505,!1)}())}),or.forEach(In=>In.destroy()),this.reportError(An)}const Ui=new Map,ci=new Map;gt.forEach(An=>{const In=An.element;J.has(In)&&(ci.set(In,In),this._beforeAnimationBuild(An.player.namespaceId,An.instruction,Ui))}),ve.forEach(An=>{const In=An.element;this._getPreviousPlayers(In,!1,An.namespaceId,An.triggerName,null).forEach(Jn=>{Ht(Ui,In,[]).push(Jn),Jn.destroy()})});const uo=$n.filter(An=>Io(An,k,A)),Li=new Map;Wo(Li,this.driver,ri,A,e.l3).forEach(An=>{Io(An,k,A)&&uo.push(An)});const Qi=new Map;an.forEach((An,In)=>{Wo(Qi,this.driver,new Set(An),k,e.k1)}),uo.forEach(An=>{var In,Rn;const Jn=Li.get(An),vi=Qi.get(An);Li.set(An,new Map([...Array.from(null!==(In=null==Jn?void 0:Jn.entries())&&void 0!==In?In:[]),...Array.from(null!==(Rn=null==vi?void 0:vi.entries())&&void 0!==Rn?Rn:[])]))});const Uo=[],go=[],wr={};gt.forEach(An=>{const{element:In,player:Rn,instruction:Jn}=An;if(J.has(In)){if(I.has(In))return Rn.onDestroy(()=>At(In,Jn.toStyles)),Rn.disabled=!0,Rn.overrideTotalTime(Jn.totalTime),void ve.push(Rn);let vi=wr;if(ci.size>1){let qi=In;const ho=[];for(;qi=qi.parentNode;){const pi=ci.get(qi);if(pi){vi=pi;break}ho.push(qi)}ho.forEach(pi=>ci.set(pi,vi))}const To=this._buildAnimation(Rn.namespaceId,Jn,Ui,je,Qi,Li);if(Rn.setRealPlayer(To),vi===wr)Uo.push(Rn);else{const qi=this.playersByElement.get(vi);qi&&qi.length&&(Rn.parentPlayer=Et(qi)),ve.push(Rn)}}else Se(In,Jn.fromStyles),Rn.onDestroy(()=>At(In,Jn.toStyles)),go.push(Rn),I.has(In)&&ve.push(Rn)}),go.forEach(An=>{const In=je.get(An.element);if(In&&In.length){const Rn=Et(In);An.setRealPlayer(Rn)}}),ve.forEach(An=>{An.parentPlayer?An.syncPlayerEvents(An.parentPlayer):An.destroy()});for(let An=0;An<$n.length;An++){const In=$n[An],Rn=In[Gi];if(So(In,Mt),Rn&&Rn.hasAnimation)continue;let Jn=[];if(bt.size){let To=bt.get(In);To&&To.length&&Jn.push(...To);let qi=this.driver.query(In,Qe,!0);for(let ho=0;ho<qi.length;ho++){let pi=bt.get(qi[ho]);pi&&pi.length&&Jn.push(...pi)}}const vi=Jn.filter(To=>!To.destroyed);vi.length?Si(this,In,vi):this.processLeaveNode(In)}return $n.length=0,Uo.forEach(An=>{this.players.push(An),An.onDone(()=>{An.destroy();const In=this.players.indexOf(An);this.players.splice(In,1)}),An.play()}),Uo}elementContainsData(b,M){let J=!1;const ve=M[Gi];return ve&&ve.setForRemoval&&(J=!0),this.playersByElement.has(M)&&(J=!0),this.playersByQueriedElement.has(M)&&(J=!0),this.statesByElement.has(M)&&(J=!0),this._fetchNamespace(b).elementContainsData(M)||J}afterFlush(b){this._flushFns.push(b)}afterFlushAnimationsDone(b){this._whenQuietFns.push(b)}_getPreviousPlayers(b,M,J,ve,je){let gt=[];if(M){const bt=this.playersByQueriedElement.get(b);bt&&(gt=bt)}else{const bt=this.playersByElement.get(b);if(bt){const k=!je||je==co;bt.forEach(A=>{A.queued||!k&&A.triggerName!=ve||gt.push(A)})}}return(J||ve)&&(gt=gt.filter(bt=>!(J&&J!=bt.namespaceId||ve&&ve!=bt.triggerName))),gt}_beforeAnimationBuild(b,M,J){const je=M.element,gt=M.isRemovalTransition?void 0:b,bt=M.isRemovalTransition?void 0:M.triggerName;for(const k of M.timelines){const A=k.element,I=A!==je,V=Ht(J,A,[]);this._getPreviousPlayers(A,I,gt,bt,M.toState).forEach(an=>{const bn=an.getRealPlayer();bn.beforeDestroy&&bn.beforeDestroy(),an.destroy(),V.push(an)})}Se(je,M.fromStyles)}_buildAnimation(b,M,J,ve,je,gt){const bt=M.triggerName,k=M.element,A=[],I=new Set,V=new Set,ft=M.timelines.map(bn=>{const vn=bn.element;I.add(vn);const $n=vn[Gi];if($n&&$n.removedBeforeQueried)return new e.ZN(bn.duration,bn.delay);const Xn=vn!==k,ri=function Yo(Oe){const b=[];return fo(Oe,b),b}((J.get(vn)||$i).map(Ui=>Ui.getRealPlayer())).filter(Ui=>!!Ui.element&&Ui.element===vn),Ln=je.get(vn),wi=gt.get(vn),or=Gt(0,this._normalizer,0,bn.keyframes,Ln,wi),Bo=this._buildPlayer(bn,or,ri);if(bn.subTimeline&&ve&&V.add(vn),Xn){const Ui=new cr(b,bt,vn);Ui.setRealPlayer(Bo),A.push(Ui)}return Bo});A.forEach(bn=>{Ht(this.playersByQueriedElement,bn.element,[]).push(bn),bn.onDone(()=>function dr(Oe,b,M){let J=Oe.get(b);if(J){if(J.length){const ve=J.indexOf(M);J.splice(ve,1)}0==J.length&&Oe.delete(b)}return J}(this.playersByQueriedElement,bn.element,bn))}),I.forEach(bn=>Ni(bn,Yt));const an=Et(ft);return an.onDestroy(()=>{I.forEach(bn=>So(bn,Yt)),At(k,M.toStyles)}),V.forEach(bn=>{Ht(ve,bn,[]).push(an)}),an}_buildPlayer(b,M,J){return M.length>0?this.driver.animate(b.element,M,b.duration,b.delay,b.easing,J):new e.ZN(b.duration,b.delay)}}class cr{constructor(b,M,J){this.namespaceId=b,this.triggerName=M,this.element=J,this._player=new e.ZN,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(b){this._containsRealPlayer||(this._player=b,this._queuedCallbacks.forEach((M,J)=>{M.forEach(ve=>St(b,J,void 0,ve))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(b.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(b){this.totalTime=b}syncPlayerEvents(b){const M=this._player;M.triggerCallback&&b.onStart(()=>M.triggerCallback("start")),b.onDone(()=>this.finish()),b.onDestroy(()=>this.destroy())}_queueEvent(b,M){Ht(this._queuedCallbacks,b,[]).push(M)}onDone(b){this.queued&&this._queueEvent("done",b),this._player.onDone(b)}onStart(b){this.queued&&this._queueEvent("start",b),this._player.onStart(b)}onDestroy(b){this.queued&&this._queueEvent("destroy",b),this._player.onDestroy(b)}init(){this._player.init()}hasStarted(){return!this.queued&&this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(b){this.queued||this._player.setPosition(b)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(b){const M=this._player;M.triggerCallback&&M.triggerCallback(b)}}function ao(Oe){return Oe&&1===Oe.nodeType}function hr(Oe,b){const M=Oe.style.display;return Oe.style.display=null!=b?b:"none",M}function Wo(Oe,b,M,J,ve){const je=[];M.forEach(k=>je.push(hr(k)));const gt=[];J.forEach((k,A)=>{const I=new Map;k.forEach(V=>{const ft=b.computeStyle(A,V,ve);I.set(V,ft),(!ft||0==ft.length)&&(A[Gi]=Or,gt.push(A))}),Oe.set(A,I)});let bt=0;return M.forEach(k=>hr(k,je[bt++])),gt}function Xi(Oe,b){const M=new Map;if(Oe.forEach(bt=>M.set(bt,[])),0==b.length)return M;const J=1,ve=new Set(b),je=new Map;function gt(bt){if(!bt)return J;let k=je.get(bt);if(k)return k;const A=bt.parentNode;return k=M.has(A)?A:ve.has(A)?J:gt(A),je.set(bt,k),k}return b.forEach(bt=>{const k=gt(bt);k!==J&&M.get(k).push(bt)}),M}function Ni(Oe,b){var M;null===(M=Oe.classList)||void 0===M||M.add(b)}function So(Oe,b){var M;null===(M=Oe.classList)||void 0===M||M.remove(b)}function Si(Oe,b,M){Et(M).onDone(()=>Oe.processLeaveNode(b))}function fo(Oe,b){for(let M=0;M<Oe.length;M++){const J=Oe[M];J instanceof e.ZE?fo(J.players,b):b.push(J)}}function Io(Oe,b,M){const J=M.get(Oe);if(!J)return!1;let ve=b.get(Oe);return ve?J.forEach(je=>ve.add(je)):b.set(Oe,J),M.delete(Oe),!0}class Lo{constructor(b,M,J){this.bodyNode=b,this._driver=M,this._normalizer=J,this._triggerCache={},this.onRemovalComplete=(ve,je)=>{},this._transitionEngine=new Ki(b,M,J),this._timelineEngine=new er(b,M,J),this._transitionEngine.onRemovalComplete=(ve,je)=>this.onRemovalComplete(ve,je)}registerTrigger(b,M,J,ve,je){const gt=b+"-"+ve;let bt=this._triggerCache[gt];if(!bt){const k=[],A=[],I=ai(this._driver,je,k,A);if(k.length)throw function we(Oe,b){return new o.vHH(3404,!1)}();bt=function Di(Oe,b,M){return new Oi(Oe,b,M)}(ve,I,this._normalizer),this._triggerCache[gt]=bt}this._transitionEngine.registerTrigger(M,ve,bt)}register(b,M){this._transitionEngine.register(b,M)}destroy(b,M){this._transitionEngine.destroy(b,M)}onInsert(b,M,J,ve){this._transitionEngine.insertNode(b,M,J,ve)}onRemove(b,M,J,ve){this._transitionEngine.removeNode(b,M,ve||!1,J)}disableAnimations(b,M){this._transitionEngine.markElementAsDisabled(b,M)}process(b,M,J,ve){if("@"==J.charAt(0)){const[je,gt]=Pt(J);this._timelineEngine.command(je,M,gt,ve)}else this._transitionEngine.trigger(b,M,J,ve)}listen(b,M,J,ve,je){if("@"==J.charAt(0)){const[gt,bt]=Pt(J);return this._timelineEngine.listen(gt,M,bt,je)}return this._transitionEngine.listen(b,M,J,ve,je)}flush(b=-1){this._transitionEngine.flush(b)}get players(){return this._transitionEngine.players.concat(this._timelineEngine.players)}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}}let Ji=(()=>{class Oe{constructor(M,J,ve){this._element=M,this._startStyles=J,this._endStyles=ve,this._state=0;let je=Oe.initialStylesByElement.get(M);je||Oe.initialStylesByElement.set(M,je=new Map),this._initialStyles=je}start(){this._state<1&&(this._startStyles&&At(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(At(this._element,this._initialStyles),this._endStyles&&(At(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(Oe.initialStylesByElement.delete(this._element),this._startStyles&&(Se(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(Se(this._element,this._endStyles),this._endStyles=null),At(this._element,this._initialStyles),this._state=3)}}return Oe.initialStylesByElement=new WeakMap,Oe})();function yr(Oe){let b=null;return Oe.forEach((M,J)=>{(function Do(Oe){return"display"===Oe||"position"===Oe})(J)&&(b=b||new Map,b.set(J,M))}),b}class po{constructor(b,M,J,ve){this.element=b,this.keyframes=M,this.options=J,this._specialStyles=ve,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=J.duration,this._delay=J.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(b=>b()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const b=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,b,this.options),this._finalKeyframe=b.length?b[b.length-1]:new Map,this.domPlayer.addEventListener("finish",()=>this._onFinish())}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(b){const M=[];return b.forEach(J=>{M.push(Object.fromEntries(J))}),M}_triggerWebAnimation(b,M,J){return b.animate(this._convertKeyframesToObject(M),J)}onStart(b){this._originalOnStartFns.push(b),this._onStartFns.push(b)}onDone(b){this._originalOnDoneFns.push(b),this._onDoneFns.push(b)}onDestroy(b){this._onDestroyFns.push(b)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(b=>b()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(b=>b()),this._onDestroyFns=[])}setPosition(b){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=b*this.time}getPosition(){return this.domPlayer.currentTime/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const b=new Map;this.hasStarted()&&this._finalKeyframe.forEach((J,ve)=>{"offset"!==ve&&b.set(ve,this._finished?J:ln(this.element,ve))}),this.currentSnapshot=b}triggerCallback(b){const M="start"===b?this._onStartFns:this._onDoneFns;M.forEach(J=>J()),M.length=0}}class ko{validateStyleProperty(b){return!0}validateAnimatableStyleProperty(b){return!0}matchesElement(b,M){return!1}containsElement(b,M){return Ge(b,M)}getParentElement(b){return sn(b)}query(b,M,J){return ke(b,M,J)}computeStyle(b,M,J){return window.getComputedStyle(b)[M]}animate(b,M,J,ve,je,gt=[]){const k={duration:J,delay:ve,fill:0==ve?"both":"forwards"};je&&(k.easing=je);const A=new Map,I=gt.filter(an=>an instanceof po);(function He(Oe,b){return 0===Oe||0===b})(J,ve)&&I.forEach(an=>{an.currentSnapshot.forEach((bn,vn)=>A.set(vn,bn))});let V=function Ne(Oe){return Oe.length?Oe[0]instanceof Map?Oe:Oe.map(b=>$(b)):[]}(M).map(an=>pt(an));V=function zt(Oe,b,M){if(M.size&&b.length){let J=b[0],ve=[];if(M.forEach((je,gt)=>{J.has(gt)||ve.push(gt),J.set(gt,je)}),ve.length)for(let je=1;je<b.length;je++){let gt=b[je];ve.forEach(bt=>gt.set(bt,ln(Oe,bt)))}}return b}(b,V,A);const ft=function ir(Oe,b){let M=null,J=null;return Array.isArray(b)&&b.length?(M=yr(b[0]),b.length>1&&(J=yr(b[b.length-1]))):b instanceof Map&&(M=yr(b)),M||J?new Ji(Oe,M,J):null}(b,V);return new po(b,V,k,ft)}}},8692:(Ve,ae,s)=>{"use strict";s.d(ae,{$G:()=>ti,Do:()=>de,EM:()=>Ki,Gx:()=>mn,HT:()=>_,JF:()=>Co,K0:()=>f,Mx:()=>Hn,NF:()=>Gi,O5:()=>Ci,Ov:()=>nt,PM:()=>Go,RF:()=>Mi,S$:()=>le,Ts:()=>Kn,V_:()=>O,Ye:()=>X,b0:()=>ue,bD:()=>vr,ez:()=>_r,n9:()=>ki,q:()=>p,sg:()=>_i,tP:()=>lo,w_:()=>g});var e=s(4537);let o=null;function p(){return o}function _(R){o||(o=R)}class g{}const f=new e.OlP("DocumentToken");let m=(()=>{class R{historyGo(L){throw new Error("Not implemented")}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(){return function C(){return(0,e.LFG)(w)}()},providedIn:"platform"}),R})();const O=new e.OlP("Location Initialized");let w=(()=>{class R extends m{constructor(L){super(),this._doc=L,this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return p().getBaseHref(this._doc)}onPopState(L){const pe=p().getGlobalEventTarget(this._doc,"window");return pe.addEventListener("popstate",L,!1),()=>pe.removeEventListener("popstate",L)}onHashChange(L){const pe=p().getGlobalEventTarget(this._doc,"window");return pe.addEventListener("hashchange",L,!1),()=>pe.removeEventListener("hashchange",L)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(L){this._location.pathname=L}pushState(L,pe,Xe){S()?this._history.pushState(L,pe,Xe):this._location.hash=Xe}replaceState(L,pe,Xe){S()?this._history.replaceState(L,pe,Xe):this._location.hash=Xe}forward(){this._history.forward()}back(){this._history.back()}historyGo(L=0){this._history.go(L)}getState(){return this._history.state}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(f))},R.\u0275prov=e.Yz7({token:R,factory:function(){return function y(){return new w((0,e.LFG)(f))}()},providedIn:"platform"}),R})();function S(){return!!window.history.pushState}function U(R,oe){if(0==R.length)return oe;if(0==oe.length)return R;let L=0;return R.endsWith("/")&&L++,oe.startsWith("/")&&L++,2==L?R+oe.substring(1):1==L?R+oe:R+"/"+oe}function z(R){const oe=R.match(/#|\?|$/),L=oe&&oe.index||R.length;return R.slice(0,L-("/"===R[L-1]?1:0))+R.slice(L)}function Z(R){return R&&"?"!==R[0]?"?"+R:R}let le=(()=>{class R{historyGo(L){throw new Error("Not implemented")}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(){return(0,e.f3M)(ue)},providedIn:"root"}),R})();const Q=new e.OlP("appBaseHref");let ue=(()=>{class R extends le{constructor(L,pe){var Xe,Bt,Xt;super(),this._platformLocation=L,this._removeListenerFns=[],this._baseHref=null!==(Xe=null!==(Bt=null!=pe?pe:this._platformLocation.getBaseHrefFromDOM())&&void 0!==Bt?Bt:null===(Xt=(0,e.f3M)(f).location)||void 0===Xt?void 0:Xt.origin)&&void 0!==Xe?Xe:""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(L){this._removeListenerFns.push(this._platformLocation.onPopState(L),this._platformLocation.onHashChange(L))}getBaseHref(){return this._baseHref}prepareExternalUrl(L){return U(this._baseHref,L)}path(L=!1){const pe=this._platformLocation.pathname+Z(this._platformLocation.search),Xe=this._platformLocation.hash;return Xe&&L?`${pe}${Xe}`:pe}pushState(L,pe,Xe,Bt){const Xt=this.prepareExternalUrl(Xe+Z(Bt));this._platformLocation.pushState(L,pe,Xt)}replaceState(L,pe,Xe,Bt){const Xt=this.prepareExternalUrl(Xe+Z(Bt));this._platformLocation.replaceState(L,pe,Xt)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._platformLocation).historyGo)||void 0===pe||pe.call(Xe,L)}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(m),e.LFG(Q,8))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac,providedIn:"root"}),R})(),de=(()=>{class R extends le{constructor(L,pe){super(),this._platformLocation=L,this._baseHref="",this._removeListenerFns=[],null!=pe&&(this._baseHref=pe)}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(L){this._removeListenerFns.push(this._platformLocation.onPopState(L),this._platformLocation.onHashChange(L))}getBaseHref(){return this._baseHref}path(L=!1){let pe=this._platformLocation.hash;return null==pe&&(pe="#"),pe.length>0?pe.substring(1):pe}prepareExternalUrl(L){const pe=U(this._baseHref,L);return pe.length>0?"#"+pe:pe}pushState(L,pe,Xe,Bt){let Xt=this.prepareExternalUrl(Xe+Z(Bt));0==Xt.length&&(Xt=this._platformLocation.pathname),this._platformLocation.pushState(L,pe,Xt)}replaceState(L,pe,Xe,Bt){let Xt=this.prepareExternalUrl(Xe+Z(Bt));0==Xt.length&&(Xt=this._platformLocation.pathname),this._platformLocation.replaceState(L,pe,Xt)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._platformLocation).historyGo)||void 0===pe||pe.call(Xe,L)}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(m),e.LFG(Q,8))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac}),R})(),X=(()=>{class R{constructor(L){this._subject=new e.vpe,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=L;const pe=this._locationStrategy.getBaseHref();this._basePath=function We(R){if(new RegExp("^(https?:)?//").test(R)){const[,L]=R.split(/\/\/[^\/]+/);return L}return R}(z(ne(pe))),this._locationStrategy.onPopState(Xe=>{this._subject.emit({url:this.path(!0),pop:!0,state:Xe.state,type:Xe.type})})}ngOnDestroy(){var L;null===(L=this._urlChangeSubscription)||void 0===L||L.unsubscribe(),this._urlChangeListeners=[]}path(L=!1){return this.normalize(this._locationStrategy.path(L))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(L,pe=""){return this.path()==this.normalize(L+Z(pe))}normalize(L){return R.stripTrailingSlash(function K(R,oe){if(!R||!oe.startsWith(R))return oe;const L=oe.substring(R.length);return""===L||["/",";","?","#"].includes(L[0])?L:oe}(this._basePath,ne(L)))}prepareExternalUrl(L){return L&&"/"!==L[0]&&(L="/"+L),this._locationStrategy.prepareExternalUrl(L)}go(L,pe="",Xe=null){this._locationStrategy.pushState(Xe,"",L,pe),this._notifyUrlChangeListeners(this.prepareExternalUrl(L+Z(pe)),Xe)}replaceState(L,pe="",Xe=null){this._locationStrategy.replaceState(Xe,"",L,pe),this._notifyUrlChangeListeners(this.prepareExternalUrl(L+Z(pe)),Xe)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(L=0){var pe,Xe;null===(pe=(Xe=this._locationStrategy).historyGo)||void 0===pe||pe.call(Xe,L)}onUrlChange(L){return this._urlChangeListeners.push(L),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(pe=>{this._notifyUrlChangeListeners(pe.url,pe.state)})),()=>{const pe=this._urlChangeListeners.indexOf(L);var Xe;this._urlChangeListeners.splice(pe,1),0===this._urlChangeListeners.length&&(null===(Xe=this._urlChangeSubscription)||void 0===Xe||Xe.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(L="",pe){this._urlChangeListeners.forEach(Xe=>Xe(L,pe))}subscribe(L,pe,Xe){return this._subject.subscribe({next:L,error:pe,complete:Xe})}}return R.normalizeQueryParams=Z,R.joinWithSlash=U,R.stripTrailingSlash=z,R.\u0275fac=function(L){return new(L||R)(e.LFG(le))},R.\u0275prov=e.Yz7({token:R,factory:function(){return function B(){return new X((0,e.LFG)(le))}()},providedIn:"root"}),R})();function ne(R){return R.replace(/\/index.html$/,"")}var we=(()=>((we=we||{})[we.Zero=0]="Zero",we[we.One=1]="One",we[we.Two=2]="Two",we[we.Few=3]="Few",we[we.Many=4]="Many",we[we.Other=5]="Other",we))();const Pt=e.kL8;let Dn=(()=>{class R{}return R.\u0275fac=function(L){return new(L||R)},R.\u0275prov=e.Yz7({token:R,factory:function(L){let pe=null;return L?pe=new L:(Xe=e.LFG(e.soG),pe=new Fn(Xe)),pe;var Xe},providedIn:"root"}),R})();let Fn=(()=>{class R extends Dn{constructor(L){super(),this.locale=L}getPluralCategory(L,pe){switch(Pt(pe||this.locale)(L)){case we.Zero:return"zero";case we.One:return"one";case we.Two:return"two";case we.Few:return"few";case we.Many:return"many";default:return"other"}}}return R.\u0275fac=function(L){return new(L||R)(e.LFG(e.soG))},R.\u0275prov=e.Yz7({token:R,factory:R.\u0275fac}),R})();function Hn(R,oe){oe=encodeURIComponent(oe);for(const L of R.split(";")){const pe=L.indexOf("="),[Xe,Bt]=-1==pe?[L,""]:[L.slice(0,pe),L.slice(pe+1)];if(Xe.trim()===oe)return decodeURIComponent(Bt)}return null}let ti=(()=>{class R{constructor(L){this._viewContainerRef=L,this.ngComponentOutlet=null}ngOnChanges(L){const{_viewContainerRef:pe,ngComponentOutletNgModule:Xe,ngComponentOutletNgModuleFactory:Bt}=this;if(pe.clear(),this._componentRef=void 0,this.ngComponentOutlet){const Xt=this.ngComponentOutletInjector||pe.parentInjector;(L.ngComponentOutletNgModule||L.ngComponentOutletNgModuleFactory)&&(this._moduleRef&&this._moduleRef.destroy(),this._moduleRef=Xe?(0,e.Lck)(Xe,ai(Xt)):Bt?Bt.create(ai(Xt)):void 0),this._componentRef=pe.createComponent(this.ngComponentOutlet,{index:pe.length,injector:Xt,ngModuleRef:this._moduleRef,projectableNodes:this.ngComponentOutletContent})}}ngOnDestroy(){this._moduleRef&&this._moduleRef.destroy()}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngComponentOutlet",""]],inputs:{ngComponentOutlet:"ngComponentOutlet",ngComponentOutletInjector:"ngComponentOutletInjector",ngComponentOutletContent:"ngComponentOutletContent",ngComponentOutletNgModule:"ngComponentOutletNgModule",ngComponentOutletNgModuleFactory:"ngComponentOutletNgModuleFactory"},standalone:!0,features:[e.TTD]}),R})();function ai(R){return R.get(e.h0i).injector}class hi{constructor(oe,L,pe,Xe){this.$implicit=oe,this.ngForOf=L,this.index=pe,this.count=Xe}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let _i=(()=>{class R{set ngForOf(L){this._ngForOf=L,this._ngForOfDirty=!0}set ngForTrackBy(L){this._trackByFn=L}get ngForTrackBy(){return this._trackByFn}constructor(L,pe,Xe){this._viewContainer=L,this._template=pe,this._differs=Xe,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(L){L&&(this._template=L)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const L=this._ngForOf;!this._differ&&L&&(this._differ=this._differs.find(L).create(this.ngForTrackBy))}if(this._differ){const L=this._differ.diff(this._ngForOf);L&&this._applyChanges(L)}}_applyChanges(L){const pe=this._viewContainer;L.forEachOperation((Xe,Bt,Xt)=>{if(null==Xe.previousIndex)pe.createEmbeddedView(this._template,new hi(Xe.item,this._ngForOf,-1,-1),null===Xt?void 0:Xt);else if(null==Xt)pe.remove(null===Bt?void 0:Bt);else if(null!==Bt){const xn=pe.get(Bt);pe.move(xn,Xt),ni(xn,Xe)}});for(let Xe=0,Bt=pe.length;Xe<Bt;Xe++){const xn=pe.get(Xe).context;xn.index=Xe,xn.count=Bt,xn.ngForOf=this._ngForOf}L.forEachIdentityChange(Xe=>{ni(pe.get(Xe.currentIndex),Xe)})}static ngTemplateContextGuard(L,pe){return!0}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc),e.Y36(e.ZZ4))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0}),R})();function ni(R,oe){R.context.$implicit=oe.item}let Ci=(()=>{class R{constructor(L,pe){this._viewContainer=L,this._context=new Sn,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=pe}set ngIf(L){this._context.$implicit=this._context.ngIf=L,this._updateView()}set ngIfThen(L){zn("ngIfThen",L),this._thenTemplateRef=L,this._thenViewRef=null,this._updateView()}set ngIfElse(L){zn("ngIfElse",L),this._elseTemplateRef=L,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(L,pe){return!0}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0}),R})();class Sn{constructor(){this.$implicit=null,this.ngIf=null}}function zn(R,oe){if(oe&&!oe.createEmbeddedView)throw new Error(`${R} must be a TemplateRef, but received '${(0,e.AaK)(oe)}'.`)}class oi{constructor(oe,L){this._viewContainerRef=oe,this._templateRef=L,this._created=!1}create(){this._created=!0,this._viewContainerRef.createEmbeddedView(this._templateRef)}destroy(){this._created=!1,this._viewContainerRef.clear()}enforceState(oe){oe&&!this._created?this.create():!oe&&this._created&&this.destroy()}}let Mi=(()=>{class R{constructor(){this._defaultViews=[],this._defaultUsed=!1,this._caseCount=0,this._lastCaseCheckIndex=0,this._lastCasesMatched=!1}set ngSwitch(L){this._ngSwitch=L,0===this._caseCount&&this._updateDefaultCases(!0)}_addCase(){return this._caseCount++}_addDefault(L){this._defaultViews.push(L)}_matchCase(L){const pe=L==this._ngSwitch;return this._lastCasesMatched=this._lastCasesMatched||pe,this._lastCaseCheckIndex++,this._lastCaseCheckIndex===this._caseCount&&(this._updateDefaultCases(!this._lastCasesMatched),this._lastCaseCheckIndex=0,this._lastCasesMatched=!1),pe}_updateDefaultCases(L){if(this._defaultViews.length>0&&L!==this._defaultUsed){this._defaultUsed=L;for(const pe of this._defaultViews)pe.enforceState(L)}}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275dir=e.lG2({type:R,selectors:[["","ngSwitch",""]],inputs:{ngSwitch:"ngSwitch"},standalone:!0}),R})(),ki=(()=>{class R{constructor(L,pe,Xe){this.ngSwitch=Xe,Xe._addCase(),this._view=new oi(L,pe)}ngDoCheck(){this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase))}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b),e.Y36(e.Rgc),e.Y36(Mi,9))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngSwitchCase",""]],inputs:{ngSwitchCase:"ngSwitchCase"},standalone:!0}),R})(),lo=(()=>{class R{constructor(L){this._viewContainerRef=L,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(L){if(L.ngTemplateOutlet||L.ngTemplateOutletInjector){const pe=this._viewContainerRef;if(this._viewRef&&pe.remove(pe.indexOf(this._viewRef)),this.ngTemplateOutlet){const{ngTemplateOutlet:Xe,ngTemplateOutletContext:Bt,ngTemplateOutletInjector:Xt}=this;this._viewRef=pe.createEmbeddedView(Xe,Bt,Xt?{injector:Xt}:void 0)}else this._viewRef=null}else this._viewRef&&L.ngTemplateOutletContext&&this.ngTemplateOutletContext&&(this._viewRef.context=this.ngTemplateOutletContext)}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.s_b))},R.\u0275dir=e.lG2({type:R,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[e.TTD]}),R})();function fi(R,oe){return new e.vHH(2100,!1)}class Ut{createSubscription(oe,L){return oe.subscribe({next:L,error:pe=>{throw pe}})}dispose(oe){oe.unsubscribe()}}class Me{createSubscription(oe,L){return oe.then(L,pe=>{throw pe})}dispose(oe){}}const ee=new Me,ge=new Ut;let nt=(()=>{class R{constructor(L){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=L}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(L){return this._obj?L!==this._obj?(this._dispose(),this.transform(L)):this._latestValue:(L&&this._subscribe(L),this._latestValue)}_subscribe(L){this._obj=L,this._strategy=this._selectStrategy(L),this._subscription=this._strategy.createSubscription(L,pe=>this._updateLatestValue(L,pe))}_selectStrategy(L){if((0,e.QGY)(L))return ee;if((0,e.F4k)(L))return ge;throw fi()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(L,pe){L===this._obj&&(this._latestValue=pe,this._ref.markForCheck())}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(e.sBO,16))},R.\u0275pipe=e.Yjl({name:"async",type:R,pure:!1,standalone:!0}),R})();const Kt=/#/g;let mn=(()=>{class R{constructor(L){this._localization=L}transform(L,pe,Xe){if(null==L)return"";if("object"!=typeof pe||null===pe)throw fi();return pe[function Cn(R,oe,L,pe){let Xe=`=${R}`;if(oe.indexOf(Xe)>-1||(Xe=L.getPluralCategory(R,pe),oe.indexOf(Xe)>-1))return Xe;if(oe.indexOf("other")>-1)return"other";throw new Error(`No plural message found for value "${R}"`)}(L,Object.keys(pe),this._localization,Xe)].replace(Kt,L.toString())}}return R.\u0275fac=function(L){return new(L||R)(e.Y36(Dn,16))},R.\u0275pipe=e.Yjl({name:"i18nPlural",type:R,pure:!0,standalone:!0}),R})(),Kn=(()=>{class R{transform(L){return JSON.stringify(L,null,2)}}return R.\u0275fac=function(L){return new(L||R)},R.\u0275pipe=e.Yjl({name:"json",type:R,pure:!1,standalone:!0}),R})(),_r=(()=>{class R{}return R.\u0275fac=function(L){return new(L||R)},R.\u0275mod=e.oAB({type:R}),R.\u0275inj=e.cJS({}),R})();const vr="browser",$i="server";function Gi(R){return R===vr}function Go(R){return R===$i}let Ki=(()=>{class R{}return R.\u0275prov=(0,e.Yz7)({token:R,providedIn:"root",factory:()=>new cr((0,e.LFG)(f),window)}),R})();class cr{constructor(oe,L){this.document=oe,this.window=L,this.offset=()=>[0,0]}setOffset(oe){this.offset=Array.isArray(oe)?()=>oe:oe}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(oe){this.supportsScrolling()&&this.window.scrollTo(oe[0],oe[1])}scrollToAnchor(oe){if(!this.supportsScrolling())return;const L=function nr(R,oe){const L=R.getElementById(oe)||R.getElementsByName(oe)[0];if(L)return L;if("function"==typeof R.createTreeWalker&&R.body&&(R.body.createShadowRoot||R.body.attachShadow)){const pe=R.createTreeWalker(R.body,NodeFilter.SHOW_ELEMENT);let Xe=pe.currentNode;for(;Xe;){const Bt=Xe.shadowRoot;if(Bt){const Xt=Bt.getElementById(oe)||Bt.querySelector(`[name="${oe}"]`);if(Xt)return Xt}Xe=pe.nextNode()}}return null}(this.document,oe);L&&(this.scrollToElement(L),L.focus())}setHistoryScrollRestoration(oe){if(this.supportScrollRestoration()){const L=this.window.history;L&&L.scrollRestoration&&(L.scrollRestoration=oe)}}scrollToElement(oe){const L=oe.getBoundingClientRect(),pe=L.left+this.window.pageXOffset,Xe=L.top+this.window.pageYOffset,Bt=this.offset();this.window.scrollTo(pe-Bt[0],Xe-Bt[1])}supportScrollRestoration(){try{if(!this.supportsScrolling())return!1;const oe=dr(this.window.history)||dr(Object.getPrototypeOf(this.window.history));return!(!oe||!oe.writable&&!oe.set)}catch{return!1}}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}function dr(R){return Object.getOwnPropertyDescriptor(R,"scrollRestoration")}class Co{}},5732:(Ve,ae,s)=>{"use strict";s.d(ae,{JF:()=>lt,eN:()=>ye});var e=s(8692),o=s(4537),p=s(5917),_=s(882),g=s(4612),f=s(5435),m=s(8002);class C{}class O{}class w{constructor(W){this.normalizedNames=new Map,this.lazyUpdate=null,W?this.lazyInit="string"==typeof W?()=>{this.headers=new Map,W.split("\n").forEach($=>{const Ne=$.indexOf(":");if(Ne>0){const De=$.slice(0,Ne),pt=De.toLowerCase(),ct=$.slice(Ne+1).trim();this.maybeSetNormalizedName(De,pt),this.headers.has(pt)?this.headers.get(pt).push(ct):this.headers.set(pt,[ct])}})}:()=>{this.headers=new Map,Object.entries(W).forEach(([$,Ne])=>{let De;if(De="string"==typeof Ne?[Ne]:"number"==typeof Ne?[Ne.toString()]:Ne.map(pt=>pt.toString()),De.length>0){const pt=$.toLowerCase();this.headers.set(pt,De),this.maybeSetNormalizedName($,pt)}})}:this.headers=new Map}has(W){return this.init(),this.headers.has(W.toLowerCase())}get(W){this.init();const $=this.headers.get(W.toLowerCase());return $&&$.length>0?$[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(W){return this.init(),this.headers.get(W.toLowerCase())||null}append(W,$){return this.clone({name:W,value:$,op:"a"})}set(W,$){return this.clone({name:W,value:$,op:"s"})}delete(W,$){return this.clone({name:W,value:$,op:"d"})}maybeSetNormalizedName(W,$){this.normalizedNames.has($)||this.normalizedNames.set($,W)}init(){this.lazyInit&&(this.lazyInit instanceof w?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(W=>this.applyUpdate(W)),this.lazyUpdate=null))}copyFrom(W){W.init(),Array.from(W.headers.keys()).forEach($=>{this.headers.set($,W.headers.get($)),this.normalizedNames.set($,W.normalizedNames.get($))})}clone(W){const $=new w;return $.lazyInit=this.lazyInit&&this.lazyInit instanceof w?this.lazyInit:this,$.lazyUpdate=(this.lazyUpdate||[]).concat([W]),$}applyUpdate(W){const $=W.name.toLowerCase();switch(W.op){case"a":case"s":let Ne=W.value;if("string"==typeof Ne&&(Ne=[Ne]),0===Ne.length)return;this.maybeSetNormalizedName(W.name,$);const De=("a"===W.op?this.headers.get($):void 0)||[];De.push(...Ne),this.headers.set($,De);break;case"d":const pt=W.value;if(pt){let ct=this.headers.get($);if(!ct)return;ct=ct.filter(vt=>-1===pt.indexOf(vt)),0===ct.length?(this.headers.delete($),this.normalizedNames.delete($)):this.headers.set($,ct)}else this.headers.delete($),this.normalizedNames.delete($)}}forEach(W){this.init(),Array.from(this.normalizedNames.keys()).forEach($=>W(this.normalizedNames.get($),this.headers.get($)))}}class y{encodeKey(W){return le(W)}encodeValue(W){return le(W)}decodeKey(W){return decodeURIComponent(W)}decodeValue(W){return decodeURIComponent(W)}}const z=/%(\d[a-f0-9])/gi,Z={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function le(it){return encodeURIComponent(it).replace(z,(W,$)=>{var Ne;return null!==(Ne=Z[$])&&void 0!==Ne?Ne:W})}function Q(it){return`${it}`}class ue{constructor(W={}){if(this.updates=null,this.cloneFrom=null,this.encoder=W.encoder||new y,W.fromString){if(W.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function U(it,W){const $=new Map;return it.length>0&&it.replace(/^\?/,"").split("&").forEach(De=>{const pt=De.indexOf("="),[ct,vt]=-1==pt?[W.decodeKey(De),""]:[W.decodeKey(De.slice(0,pt)),W.decodeValue(De.slice(pt+1))],At=$.get(ct)||[];At.push(vt),$.set(ct,At)}),$}(W.fromString,this.encoder)}else W.fromObject?(this.map=new Map,Object.keys(W.fromObject).forEach($=>{const Ne=W.fromObject[$],De=Array.isArray(Ne)?Ne.map(Q):[Q(Ne)];this.map.set($,De)})):this.map=null}has(W){return this.init(),this.map.has(W)}get(W){this.init();const $=this.map.get(W);return $?$[0]:null}getAll(W){return this.init(),this.map.get(W)||null}keys(){return this.init(),Array.from(this.map.keys())}append(W,$){return this.clone({param:W,value:$,op:"a"})}appendAll(W){const $=[];return Object.keys(W).forEach(Ne=>{const De=W[Ne];Array.isArray(De)?De.forEach(pt=>{$.push({param:Ne,value:pt,op:"a"})}):$.push({param:Ne,value:De,op:"a"})}),this.clone($)}set(W,$){return this.clone({param:W,value:$,op:"s"})}delete(W,$){return this.clone({param:W,value:$,op:"d"})}toString(){return this.init(),this.keys().map(W=>{const $=this.encoder.encodeKey(W);return this.map.get(W).map(Ne=>$+"="+this.encoder.encodeValue(Ne)).join("&")}).filter(W=>""!==W).join("&")}clone(W){const $=new ue({encoder:this.encoder});return $.cloneFrom=this.cloneFrom||this,$.updates=(this.updates||[]).concat(W),$}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(W=>this.map.set(W,this.cloneFrom.map.get(W))),this.updates.forEach(W=>{switch(W.op){case"a":case"s":const $=("a"===W.op?this.map.get(W.param):void 0)||[];$.push(Q(W.value)),this.map.set(W.param,$);break;case"d":if(void 0===W.value){this.map.delete(W.param);break}{let Ne=this.map.get(W.param)||[];const De=Ne.indexOf(Q(W.value));-1!==De&&Ne.splice(De,1),Ne.length>0?this.map.set(W.param,Ne):this.map.delete(W.param)}}}),this.cloneFrom=this.updates=null)}}class X{constructor(){this.map=new Map}set(W,$){return this.map.set(W,$),this}get(W){return this.map.has(W)||this.map.set(W,W.defaultValue()),this.map.get(W)}delete(W){return this.map.delete(W),this}has(W){return this.map.has(W)}keys(){return this.map.keys()}}function K(it){return typeof ArrayBuffer<"u"&&it instanceof ArrayBuffer}function ne(it){return typeof Blob<"u"&&it instanceof Blob}function We(it){return typeof FormData<"u"&&it instanceof FormData}class Je{constructor(W,$,Ne,De){let pt;if(this.url=$,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=W.toUpperCase(),function B(it){switch(it){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||De?(this.body=void 0!==Ne?Ne:null,pt=De):pt=Ne,pt&&(this.reportProgress=!!pt.reportProgress,this.withCredentials=!!pt.withCredentials,pt.responseType&&(this.responseType=pt.responseType),pt.headers&&(this.headers=pt.headers),pt.context&&(this.context=pt.context),pt.params&&(this.params=pt.params)),this.headers||(this.headers=new w),this.context||(this.context=new X),this.params){const ct=this.params.toString();if(0===ct.length)this.urlWithParams=$;else{const vt=$.indexOf("?");this.urlWithParams=$+(-1===vt?"?":vt<$.length-1?"&":"")+ct}}else this.params=new ue,this.urlWithParams=$}serializeBody(){return null===this.body?null:K(this.body)||ne(this.body)||We(this.body)||function Le(it){return typeof URLSearchParams<"u"&&it instanceof URLSearchParams}(this.body)||"string"==typeof this.body?this.body:this.body instanceof ue?this.body.toString():"object"==typeof this.body||"boolean"==typeof this.body||Array.isArray(this.body)?JSON.stringify(this.body):this.body.toString()}detectContentTypeHeader(){return null===this.body||We(this.body)?null:ne(this.body)?this.body.type||null:K(this.body)?null:"string"==typeof this.body?"text/plain":this.body instanceof ue?"application/x-www-form-urlencoded;charset=UTF-8":"object"==typeof this.body||"number"==typeof this.body||"boolean"==typeof this.body?"application/json":null}clone(W={}){var $;const Ne=W.method||this.method,De=W.url||this.url,pt=W.responseType||this.responseType,ct=void 0!==W.body?W.body:this.body,vt=void 0!==W.withCredentials?W.withCredentials:this.withCredentials,At=void 0!==W.reportProgress?W.reportProgress:this.reportProgress;let Se=W.headers||this.headers,Be=W.params||this.params;const se=null!==($=W.context)&&void 0!==$?$:this.context;return void 0!==W.setHeaders&&(Se=Object.keys(W.setHeaders).reduce((re,Y)=>re.set(Y,W.setHeaders[Y]),Se)),W.setParams&&(Be=Object.keys(W.setParams).reduce((re,Y)=>re.set(Y,W.setParams[Y]),Be)),new Je(Ne,De,ct,{params:Be,headers:Se,context:se,reportProgress:At,responseType:pt,withCredentials:vt})}}var we=(()=>((we=we||{})[we.Sent=0]="Sent",we[we.UploadProgress=1]="UploadProgress",we[we.ResponseHeader=2]="ResponseHeader",we[we.DownloadProgress=3]="DownloadProgress",we[we.Response=4]="Response",we[we.User=5]="User",we))();class Te{constructor(W,$=200,Ne="OK"){this.headers=W.headers||new w,this.status=void 0!==W.status?W.status:$,this.statusText=W.statusText||Ne,this.url=W.url||null,this.ok=this.status>=200&&this.status<300}}class $e extends Te{constructor(W={}){super(W),this.type=we.ResponseHeader}clone(W={}){return new $e({headers:W.headers||this.headers,status:void 0!==W.status?W.status:this.status,statusText:W.statusText||this.statusText,url:W.url||this.url||void 0})}}class Ie extends Te{constructor(W={}){super(W),this.type=we.Response,this.body=void 0!==W.body?W.body:null}clone(W={}){return new Ie({body:void 0!==W.body?W.body:this.body,headers:W.headers||this.headers,status:void 0!==W.status?W.status:this.status,statusText:W.statusText||this.statusText,url:W.url||this.url||void 0})}}class G extends Te{constructor(W){super(W,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?`Http failure during parsing for ${W.url||"(unknown url)"}`:`Http failure response for ${W.url||"(unknown url)"}: ${W.status} ${W.statusText}`,this.error=W.error||null}}function he(it,W){return{body:W,headers:it.headers,context:it.context,observe:it.observe,params:it.params,reportProgress:it.reportProgress,responseType:it.responseType,withCredentials:it.withCredentials}}let ye=(()=>{class it{constructor($){this.handler=$}request($,Ne,De={}){let pt;if($ instanceof Je)pt=$;else{let At,Se;At=De.headers instanceof w?De.headers:new w(De.headers),De.params&&(Se=De.params instanceof ue?De.params:new ue({fromObject:De.params})),pt=new Je($,Ne,void 0!==De.body?De.body:null,{headers:At,context:De.context,params:Se,reportProgress:De.reportProgress,responseType:De.responseType||"json",withCredentials:De.withCredentials})}const ct=(0,p.of)(pt).pipe((0,g.b)(At=>this.handler.handle(At)));if($ instanceof Je||"events"===De.observe)return ct;const vt=ct.pipe((0,f.h)(At=>At instanceof Ie));switch(De.observe||"body"){case"body":switch(pt.responseType){case"arraybuffer":return vt.pipe((0,m.U)(At=>{if(null!==At.body&&!(At.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return At.body}));case"blob":return vt.pipe((0,m.U)(At=>{if(null!==At.body&&!(At.body instanceof Blob))throw new Error("Response is not a Blob.");return At.body}));case"text":return vt.pipe((0,m.U)(At=>{if(null!==At.body&&"string"!=typeof At.body)throw new Error("Response is not a string.");return At.body}));default:return vt.pipe((0,m.U)(At=>At.body))}case"response":return vt;default:throw new Error(`Unreachable: unhandled observe type ${De.observe}}`)}}delete($,Ne={}){return this.request("DELETE",$,Ne)}get($,Ne={}){return this.request("GET",$,Ne)}head($,Ne={}){return this.request("HEAD",$,Ne)}jsonp($,Ne){return this.request("JSONP",$,{params:(new ue).append(Ne,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options($,Ne={}){return this.request("OPTIONS",$,Ne)}patch($,Ne,De={}){return this.request("PATCH",$,he(De,Ne))}post($,Ne,De={}){return this.request("POST",$,he(De,Ne))}put($,Ne,De={}){return this.request("PUT",$,he(De,Ne))}}return it.\u0275fac=function($){return new($||it)(o.LFG(C))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();function te(it,W){return W(it)}function Re(it,W){return($,Ne)=>W.intercept($,{handle:De=>it(De,Ne)})}const ce=new o.OlP("HTTP_INTERCEPTORS"),be=new o.OlP("HTTP_INTERCEPTOR_FNS");function N(){let it=null;return(W,$)=>{var Ne;return null===it&&(it=(null!==(Ne=(0,o.f3M)(ce,{optional:!0}))&&void 0!==Ne?Ne:[]).reduceRight(Re,te)),it(W,$)}}let _e=(()=>{class it extends C{constructor($,Ne){super(),this.backend=$,this.injector=Ne,this.chain=null}handle($){if(null===this.chain){const Ne=Array.from(new Set(this.injector.get(be)));this.chain=Ne.reduceRight((De,pt)=>function q(it,W,$){return(Ne,De)=>$.runInContext(()=>W(Ne,pt=>it(pt,De)))}(De,pt,this.injector),te)}return this.chain($,Ne=>this.backend.handle(Ne))}}return it.\u0275fac=function($){return new($||it)(o.LFG(O),o.LFG(o.lqb))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();const Wt=/^\)\]\}',?\n/;let _n=(()=>{class it{constructor($){this.xhrFactory=$}handle($){if("JSONP"===$.method)throw new Error("Attempted to construct Jsonp request without HttpClientJsonpModule installed.");return new _.y(Ne=>{const De=this.xhrFactory.build();if(De.open($.method,$.urlWithParams),$.withCredentials&&(De.withCredentials=!0),$.headers.forEach((Y,fe)=>De.setRequestHeader(Y,fe.join(","))),$.headers.has("Accept")||De.setRequestHeader("Accept","application/json, text/plain, */*"),!$.headers.has("Content-Type")){const Y=$.detectContentTypeHeader();null!==Y&&De.setRequestHeader("Content-Type",Y)}if($.responseType){const Y=$.responseType.toLowerCase();De.responseType="json"!==Y?Y:"text"}const pt=$.serializeBody();let ct=null;const vt=()=>{if(null!==ct)return ct;const Y=De.statusText||"OK",fe=new w(De.getAllResponseHeaders()),Ue=function sn(it){return"responseURL"in it&&it.responseURL?it.responseURL:/^X-Request-URL:/m.test(it.getAllResponseHeaders())?it.getResponseHeader("X-Request-URL"):null}(De)||$.url;return ct=new $e({headers:fe,status:De.status,statusText:Y,url:Ue}),ct},At=()=>{let{headers:Y,status:fe,statusText:Ue,url:dt}=vt(),rt=null;204!==fe&&(rt=typeof De.response>"u"?De.responseText:De.response),0===fe&&(fe=rt?200:0);let at=fe>=200&&fe<300;if("json"===$.responseType&&"string"==typeof rt){const He=rt;rt=rt.replace(Wt,"");try{rt=""!==rt?JSON.parse(rt):null}catch(zt){rt=He,at&&(at=!1,rt={error:zt,text:rt})}}at?(Ne.next(new Ie({body:rt,headers:Y,status:fe,statusText:Ue,url:dt||void 0})),Ne.complete()):Ne.error(new G({error:rt,headers:Y,status:fe,statusText:Ue,url:dt||void 0}))},Se=Y=>{const{url:fe}=vt(),Ue=new G({error:Y,status:De.status||0,statusText:De.statusText||"Unknown Error",url:fe||void 0});Ne.error(Ue)};let Be=!1;const se=Y=>{Be||(Ne.next(vt()),Be=!0);let fe={type:we.DownloadProgress,loaded:Y.loaded};Y.lengthComputable&&(fe.total=Y.total),"text"===$.responseType&&De.responseText&&(fe.partialText=De.responseText),Ne.next(fe)},re=Y=>{let fe={type:we.UploadProgress,loaded:Y.loaded};Y.lengthComputable&&(fe.total=Y.total),Ne.next(fe)};return De.addEventListener("load",At),De.addEventListener("error",Se),De.addEventListener("timeout",Se),De.addEventListener("abort",Se),$.reportProgress&&(De.addEventListener("progress",se),null!==pt&&De.upload&&De.upload.addEventListener("progress",re)),De.send(pt),Ne.next({type:we.Sent}),()=>{De.removeEventListener("error",Se),De.removeEventListener("abort",Se),De.removeEventListener("load",At),De.removeEventListener("timeout",Se),$.reportProgress&&(De.removeEventListener("progress",se),null!==pt&&De.upload&&De.upload.removeEventListener("progress",re)),De.readyState!==De.DONE&&De.abort()}})}}return it.\u0275fac=function($){return new($||it)(o.LFG(e.JF))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();const Jt=new o.OlP("XSRF_ENABLED"),ut=new o.OlP("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),Pe=new o.OlP("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class et{}let Ge=(()=>{class it{constructor($,Ne,De){this.doc=$,this.platform=Ne,this.cookieName=De,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const $=this.doc.cookie||"";return $!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,e.Mx)($,this.cookieName),this.lastCookieString=$),this.lastToken}}return it.\u0275fac=function($){return new($||it)(o.LFG(e.K0),o.LFG(o.Lbi),o.LFG(ut))},it.\u0275prov=o.Yz7({token:it,factory:it.\u0275fac}),it})();function ke(it,W){const $=it.url.toLowerCase();if(!(0,o.f3M)(Jt)||"GET"===it.method||"HEAD"===it.method||$.startsWith("http://")||$.startsWith("https://"))return W(it);const Ne=(0,o.f3M)(et).getToken(),De=(0,o.f3M)(Pe);return null!=Ne&&!it.headers.has(De)&&(it=it.clone({headers:it.headers.set(De,Ne)})),W(it)}var Fe=(()=>((Fe=Fe||{})[Fe.Interceptors=0]="Interceptors",Fe[Fe.LegacyInterceptors=1]="LegacyInterceptors",Fe[Fe.CustomXsrfConfiguration=2]="CustomXsrfConfiguration",Fe[Fe.NoXsrfProtection=3]="NoXsrfProtection",Fe[Fe.JsonpSupport=4]="JsonpSupport",Fe[Fe.RequestsMadeViaParent=5]="RequestsMadeViaParent",Fe))();function ht(it,W){return{\u0275kind:it,\u0275providers:W}}function Vt(...it){const W=[ye,_n,_e,{provide:C,useExisting:_e},{provide:O,useExisting:_n},{provide:be,useValue:ke,multi:!0},{provide:Jt,useValue:!0},{provide:et,useClass:Ge}];for(const $ of it)W.push(...$.\u0275providers);return(0,o.MR2)(W)}const Ye=new o.OlP("LEGACY_INTERCEPTOR_FN");let lt=(()=>{class it{}return it.\u0275fac=function($){return new($||it)},it.\u0275mod=o.oAB({type:it}),it.\u0275inj=o.cJS({providers:[Vt(ht(Fe.LegacyInterceptors,[{provide:Ye,useFactory:N},{provide:be,useExisting:Ye,multi:!0}]))]}),it})()},4537:(Ve,ae,s)=>{"use strict";s.d(ae,{$8M:()=>gs,$WT:()=>Dn,$Z:()=>ip,AFp:()=>i_,ALo:()=>bm,AaK:()=>C,AsE:()=>Oh,BQk:()=>cc,CHM:()=>an,CRH:()=>Rm,CZH:()=>Tc,CqO:()=>Np,D6c:()=>qD,DdM:()=>pm,Dn7:()=>Mm,EJc:()=>gD,EiD:()=>Ll,EpF:()=>Rp,F$t:()=>zp,F4k:()=>Fp,FYo:()=>Rf,FiY:()=>pr,Gf:()=>Im,GfV:()=>Ff,GkF:()=>gh,Gpc:()=>S,Hsn:()=>jp,Ikx:()=>wh,JOm:()=>gr,JVY:()=>Md,JZr:()=>le,Jf7:()=>Nf,KtG:()=>bn,L6k:()=>Od,LAX:()=>wd,LFG:()=>lt,LSH:()=>_u,Lbi:()=>dD,Lck:()=>hC,MAs:()=>kp,MMx:()=>Lh,MR2:()=>Hd,NdJ:()=>_h,O4$:()=>Os,OlP:()=>Ai,Oqu:()=>Mh,P3R:()=>zl,PXZ:()=>PD,PiD:()=>ys,Q6J:()=>hh,QGY:()=>mh,QbO:()=>hD,Qsj:()=>N_,R0b:()=>Mr,RDi:()=>vd,Rgc:()=>Nu,SBq:()=>bu,Sil:()=>_D,Suo:()=>km,TTD:()=>No,TgZ:()=>ac,Tol:()=>sg,Udp:()=>bh,VKq:()=>gm,W1O:()=>Bm,WLB:()=>mm,X6Q:()=>FD,XFs:()=>Jt,Xpm:()=>at,Xts:()=>_a,Y36:()=>Ea,YKP:()=>rm,YNc:()=>Ip,Yjl:()=>nn,Yz7:()=>Et,Z0I:()=>Ot,ZZ4:()=>cf,_Bn:()=>om,_UZ:()=>ph,_Vd:()=>Du,_c5:()=>JD,_uU:()=>fg,aQg:()=>df,c2e:()=>fD,cJS:()=>St,cg1:()=>Ah,d8E:()=>xh,dDg:()=>OD,dqk:()=>Ge,eBb:()=>wf,eFA:()=>m_,eJc:()=>Wh,ekj:()=>Th,eoX:()=>h_,evT:()=>Lf,f3M:()=>st,g9A:()=>r_,gxx:()=>va,h0i:()=>Ba,hGG:()=>QD,hij:()=>fc,iGM:()=>Sm,ifc:()=>At,ip1:()=>n_,jDz:()=>am,kL8:()=>Pg,kcU:()=>ws,lG2:()=>Ft,lcZ:()=>Tm,lqb:()=>a,lri:()=>c_,mCW:()=>ga,n5z:()=>Vr,n_E:()=>vc,oAB:()=>ln,oJD:()=>Bl,oxw:()=>Vp,pB0:()=>xd,q3G:()=>Yi,qLn:()=>Tu,qOj:()=>uh,qZA:()=>uc,qzn:()=>bs,rWj:()=>d_,sBO:()=>ND,s_b:()=>Cc,soG:()=>Ec,tb:()=>p_,tp0:()=>Wi,uIk:()=>dh,vHH:()=>Q,vpe:()=>Xr,wAp:()=>Vn,xi3:()=>Em,xp6:()=>$f,ynx:()=>lc,z2F:()=>Mc,z3N:()=>Pr,zSh:()=>ya,zs3:()=>zs});var e=s(9765),o=s(3464),p=s(882),_=s(6682),g=s(4121);function f(t){for(let n in t)if(t[n]===f)return n;throw Error("Could not find renamed property on target object.")}function m(t,n){for(const i in n)n.hasOwnProperty(i)&&!t.hasOwnProperty(i)&&(t[i]=n[i])}function C(t){if("string"==typeof t)return t;if(Array.isArray(t))return"["+t.map(C).join(", ")+"]";if(null==t)return""+t;if(t.overriddenName)return`${t.overriddenName}`;if(t.name)return`${t.name}`;const n=t.toString();if(null==n)return""+n;const i=n.indexOf("\n");return-1===i?n:n.substring(0,i)}function O(t,n){return null==t||""===t?null===n?"":n:null==n||""===n?t:t+" "+n}const w=f({__forward_ref__:f});function S(t){return t.__forward_ref__=S,t.toString=function(){return C(this())},t}function y(t){return U(t)?t():t}function U(t){return"function"==typeof t&&t.hasOwnProperty(w)&&t.__forward_ref__===S}function z(t){return t&&!!t.\u0275providers}const le="https://g.co/ng/security#xss";class Q extends Error{constructor(n,i){super(ue(n,i)),this.code=n}}function ue(t,n){return`NG0${Math.abs(t)}${n?": "+n.trim():""}`}function de(t){return"string"==typeof t?t:null==t?"":String(t)}function We(t,n){throw new Q(-201,!1)}function be(t,n){null==t&&function N(t,n,i,r){throw new Error(`ASSERTION ERROR: ${t}`+(null==r?"":` [Expected=> ${i} ${r} ${n} <=Actual]`))}(n,t,null,"!=")}function Et(t){return{token:t.token,providedIn:t.providedIn||null,factory:t.factory,value:void 0}}function St(t){return{providers:t.providers||[],imports:t.imports||[]}}function qt(t){return Ht(t,xt)||Ht(t,sn)}function Ot(t){return null!==qt(t)}function Ht(t,n){return t.hasOwnProperty(n)?t[n]:null}function Tt(t){return t&&(t.hasOwnProperty(Wt)||t.hasOwnProperty(_n))?t[Wt]:null}const xt=f({\u0275prov:f}),Wt=f({\u0275inj:f}),sn=f({ngInjectableDef:f}),_n=f({ngInjectorDef:f});var Jt=(()=>((Jt=Jt||{})[Jt.Default=0]="Default",Jt[Jt.Host=1]="Host",Jt[Jt.Self=2]="Self",Jt[Jt.SkipSelf=4]="SkipSelf",Jt[Jt.Optional=8]="Optional",Jt))();let yt;function Ee(t){const n=yt;return yt=t,n}function Pe(t,n,i){const r=qt(t);return r&&"root"==r.providedIn?void 0===r.value?r.value=r.factory():r.value:i&Jt.Optional?null:void 0!==n?n:void We(C(t))}const Ge=(()=>typeof globalThis<"u"&&globalThis||typeof global<"u"&&global||typeof window<"u"&&window||typeof self<"u"&&typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&self)(),ht={},Vt="__NG_DI_FLAG__",$t="ngTempTokenPath",Ye="ngTokenPath",wt=/\n/gm,Mt="\u0275",kt="__source";let cn;function Yt(t){const n=cn;return cn=t,n}function Qe(t,n=Jt.Default){if(void 0===cn)throw new Q(-203,!1);return null===cn?Pe(t,void 0,n):cn.get(t,n&Jt.Optional?null:void 0,n)}function lt(t,n=Jt.Default){return(function ut(){return yt}()||Qe)(y(t),n)}function st(t,n=Jt.Default){return lt(t,it(n))}function it(t){return typeof t>"u"||"number"==typeof t?t:0|(t.optional&&8)|(t.host&&1)|(t.self&&2)|(t.skipSelf&&4)}function W(t){const n=[];for(let i=0;i<t.length;i++){const r=y(t[i]);if(Array.isArray(r)){if(0===r.length)throw new Q(900,!1);let u,c=Jt.Default;for(let v=0;v<r.length;v++){const x=r[v],F=Ne(x);"number"==typeof F?-1===F?u=x.token:c|=F:u=x}n.push(lt(u,c))}else n.push(lt(r))}return n}function $(t,n){return t[Vt]=n,t.prototype[Vt]=n,t}function Ne(t){return t[Vt]}function ct(t){return{toString:t}.toString()}var vt=(()=>((vt=vt||{})[vt.OnPush=0]="OnPush",vt[vt.Default=1]="Default",vt))(),At=(()=>{return(t=At||(At={}))[t.Emulated=0]="Emulated",t[t.None=2]="None",t[t.ShadowDom=3]="ShadowDom",At;var t})();const Se={},Be=[],se=f({\u0275cmp:f}),re=f({\u0275dir:f}),Y=f({\u0275pipe:f}),fe=f({\u0275mod:f}),Ue=f({\u0275fac:f}),dt=f({__NG_ELEMENT_ID__:f});let rt=0;function at(t){return ct(()=>{const n=Fn(t),i={...n,decls:t.decls,vars:t.vars,template:t.template,consts:t.consts||null,ngContentSelectors:t.ngContentSelectors,onPush:t.changeDetection===vt.OnPush,directiveDefs:null,pipeDefs:null,dependencies:n.standalone&&t.dependencies||null,getStandaloneInjector:null,data:t.data||{},encapsulation:t.encapsulation||At.Emulated,id:"c"+rt++,styles:t.styles||Be,_:null,schemas:t.schemas||null,tView:null};Qn(i);const r=t.dependencies;return i.directiveDefs=Hn(r,!1),i.pipeDefs=Hn(r,!0),i})}function zt(t){return on(t)||fn(t)}function tn(t){return null!==t}function ln(t){return ct(()=>({type:t.type,bootstrap:t.bootstrap||Be,declarations:t.declarations||Be,imports:t.imports||Be,exports:t.exports||Be,transitiveCompileScopes:null,schemas:t.schemas||null,id:t.id||null}))}function en(t,n){if(null==t)return Se;const i={};for(const r in t)if(t.hasOwnProperty(r)){let u=t[r],c=u;Array.isArray(u)&&(c=u[1],u=u[0]),i[u]=r,n&&(n[u]=c)}return i}function Ft(t){return ct(()=>{const n=Fn(t);return Qn(n),n})}function nn(t){return{type:t.type,name:t.name,factory:null,pure:!1!==t.pure,standalone:!0===t.standalone,onDestroy:t.type.prototype.ngOnDestroy||null}}function on(t){return t[se]||null}function fn(t){return t[re]||null}function dn(t){return t[Y]||null}function Dn(t){const n=on(t)||fn(t)||dn(t);return null!==n&&n.standalone}function Cn(t,n){const i=t[fe]||null;if(!i&&!0===n)throw new Error(`Type ${C(t)} does not have '\u0275mod' property.`);return i}function Fn(t){const n={};return{type:t.type,providersResolver:null,factory:null,hostBindings:t.hostBindings||null,hostVars:t.hostVars||0,hostAttrs:t.hostAttrs||null,contentQueries:t.contentQueries||null,declaredInputs:n,exportAs:t.exportAs||null,standalone:!0===t.standalone,selectors:t.selectors||Be,viewQuery:t.viewQuery||null,features:t.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:en(t.inputs,n),outputs:en(t.outputs)}}function Qn(t){var n;null===(n=t.features)||void 0===n||n.forEach(i=>i(t))}function Hn(t,n){if(!t)return null;const i=n?dn:zt;return()=>("function"==typeof t?t():t).map(r=>i(r)).filter(tn)}const li=0,pn=1,wn=2,ti=3,ai=4,yi=5,hi=6,_i=7,ni=8,ii=9,Ci=10,Sn=11,zn=12,oi=13,Mi=14,ki=15,Ti=16,io=17,zi=18,oo=19,ro=20,lo=21,ui=22,Ut=1,Me=2,ee=7,ge=8,nt=9,qe=10;function Lt(t){return Array.isArray(t)&&"object"==typeof t[Ut]}function rn(t){return Array.isArray(t)&&!0===t[Ut]}function On(t){return 0!=(4&t.flags)}function yn(t){return t.componentOffset>-1}function Zt(t){return 1==(1&t.flags)}function tt(t){return!!t.template}function Kt(t){return 0!=(256&t[wn])}function co(t,n){return t.hasOwnProperty(Ue)?t[Ue]:null}class Po{constructor(n,i,r){this.previousValue=n,this.currentValue=i,this.firstChange=r}isFirstChange(){return this.firstChange}}function No(){return Ki}function Ki(t){return t.type.prototype.ngOnChanges&&(t.setInput=dr),cr}function cr(){const t=ao(this),n=null==t?void 0:t.current;if(n){const i=t.previous;if(i===Se)t.previous=n;else for(let r in n)i[r]=n[r];t.current=null,this.ngOnChanges(n)}}function dr(t,n,i,r){const u=this.declaredInputs[i],c=ao(t)||function Co(t,n){return t[nr]=n}(t,{previous:Se,current:null}),v=c.current||(c.current={}),x=c.previous,F=x[u];v[u]=new Po(F&&F.currentValue,n,x===Se),t[r]=n}No.ngInherit=!0;const nr="__ngSimpleChanges__";function ao(t){return t[nr]||null}const Xi=function(t,n,i){},Ni="svg";function Si(t){for(;Array.isArray(t);)t=t[li];return t}function fo(t,n){return Si(n[t])}function di(t,n){return Si(n[t.index])}function Lo(t,n){return t.data[n]}function ir(t,n){return t[n]}function Ji(t,n){const i=n[t];return Lt(i)?i:i[li]}function Do(t){return 64==(64&t[wn])}function ko(t,n){return null==n?null:t[n]}function Oe(t){t[zi]=0}function b(t,n){t[yi]+=n;let i=t,r=t[ti];for(;null!==r&&(1===n&&1===i[yi]||-1===n&&0===i[yi]);)r[yi]+=n,i=r,r=r[ti]}const M={lFrame:Lr(null),bindingsEnabled:!0};function k(){return M.bindingsEnabled}function V(){return M.lFrame.lView}function ft(){return M.lFrame.tView}function an(t){return M.lFrame.contextLView=t,t[ni]}function bn(t){return M.lFrame.contextLView=null,t}function vn(){let t=$n();for(;null!==t&&64===t.type;)t=t.parent;return t}function $n(){return M.lFrame.currentTNode}function ri(t,n){const i=M.lFrame;i.currentTNode=t,i.isParent=n}function Ln(){return M.lFrame.isParent}function wi(){M.lFrame.isParent=!1}function ci(){const t=M.lFrame;let n=t.bindingRootIndex;return-1===n&&(n=t.bindingRootIndex=t.tView.bindingStartIndex),n}function bo(){return M.lFrame.bindingIndex++}function Qi(t){const n=M.lFrame,i=n.bindingIndex;return n.bindingIndex=n.bindingIndex+t,i}function wr(t,n){const i=M.lFrame;i.bindingIndex=i.bindingRootIndex=t,In(n)}function In(t){M.lFrame.currentDirectiveIndex=t}function Rn(t){const n=M.lFrame.currentDirectiveIndex;return-1===n?null:t[n]}function Jn(){return M.lFrame.currentQueryIndex}function vi(t){M.lFrame.currentQueryIndex=t}function To(t){const n=t[pn];return 2===n.type?n.declTNode:1===n.type?t[hi]:null}function qi(t,n,i){if(i&Jt.SkipSelf){let u=n,c=t;for(;!(u=u.parent,null!==u||i&Jt.Host||(u=To(c),null===u||(c=c[ki],10&u.type))););if(null===u)return!1;n=u,t=c}const r=M.lFrame=pi();return r.currentTNode=n,r.lView=t,!0}function ho(t){const n=pi(),i=t[pn];M.lFrame=n,n.currentTNode=i.firstChild,n.lView=t,n.tView=i,n.contextLView=t,n.bindingIndex=i.bindingStartIndex,n.inI18n=!1}function pi(){const t=M.lFrame,n=null===t?null:t.child;return null===n?Lr(t):n}function Lr(t){const n={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:t,child:null,inI18n:!1};return null!==t&&(t.child=n),n}function Cr(){const t=M.lFrame;return M.lFrame=t.parent,t.currentTNode=null,t.lView=null,t}const Hi=Cr;function Zo(){const t=Cr();t.isParent=!0,t.tView=null,t.selectedIndex=-1,t.contextLView=null,t.elementDepthCount=0,t.currentDirectiveIndex=-1,t.currentNamespace=null,t.bindingRootIndex=-1,t.bindingIndex=-1,t.currentQueryIndex=0}function Vi(){return M.lFrame.selectedIndex}function Dr(t){M.lFrame.selectedIndex=t}function Pi(){const t=M.lFrame;return Lo(t.tView,t.selectedIndex)}function Os(){M.lFrame.currentNamespace=Ni}function ws(){!function Zs(){M.lFrame.currentNamespace=null}()}function Jr(t,n){for(let ie=n.directiveStart,xe=n.directiveEnd;ie<xe;ie++){const mt=t.data[ie].type.prototype,{ngAfterContentInit:It,ngAfterContentChecked:Qt,ngAfterViewInit:hn,ngAfterViewChecked:Tn,ngOnDestroy:kn}=mt;var i,r,u,c,v,x,F;It&&(null!==(i=t.contentHooks)&&void 0!==i?i:t.contentHooks=[]).push(-ie,It),Qt&&((null!==(r=t.contentHooks)&&void 0!==r?r:t.contentHooks=[]).push(ie,Qt),(null!==(u=t.contentCheckHooks)&&void 0!==u?u:t.contentCheckHooks=[]).push(ie,Qt)),hn&&(null!==(c=t.viewHooks)&&void 0!==c?c:t.viewHooks=[]).push(-ie,hn),Tn&&((null!==(v=t.viewHooks)&&void 0!==v?v:t.viewHooks=[]).push(ie,Tn),(null!==(x=t.viewCheckHooks)&&void 0!==x?x:t.viewCheckHooks=[]).push(ie,Tn)),null!=kn&&(null!==(F=t.destroyHooks)&&void 0!==F?F:t.destroyHooks=[]).push(ie,kn)}}function Br(t,n,i){oe(t,n,3,i)}function Qr(t,n,i,r){(3&t[wn])===i&&oe(t,n,i,r)}function R(t,n){let i=t[wn];(3&i)===n&&(i&=2047,i+=1,t[wn]=i)}function oe(t,n,i,r){const c=null!=r?r:-1,v=n.length-1;let x=0;for(let F=void 0!==r?65535&t[zi]:0;F<v;F++)if("number"==typeof n[F+1]){if(x=n[F],null!=r&&x>=r)break}else n[F]<0&&(t[zi]+=65536),(x<c||-1==c)&&(L(t,i,n,F),t[zi]=(4294901760&t[zi])+F+2),F++}function L(t,n,i,r){const u=i[r]<0,c=i[r+1],x=t[u?-i[r]:i[r]];if(u){if(t[wn]>>11<t[zi]>>16&&(3&t[wn])===n){t[wn]+=2048,Xi(4,x,c);try{c.call(x)}finally{Xi(5,x,c)}}}else{Xi(4,x,c);try{c.call(x)}finally{Xi(5,x,c)}}}const pe=-1;class Xe{constructor(n,i,r){this.factory=n,this.resolving=!1,this.canSeeViewProviders=i,this.injectImpl=r}}function mi(t,n,i){let r=0;for(;r<i.length;){const u=i[r];if("number"==typeof u){if(0!==u)break;r++;const c=i[r++],v=i[r++],x=i[r++];t.setAttribute(n,v,x,c)}else{const c=u,v=i[++r];Ho(c)?t.setProperty(n,c,v):t.setAttribute(n,c,v),r++}}return r}function xi(t){return 3===t||4===t||6===t}function Ho(t){return 64===t.charCodeAt(0)}function _o(t,n){if(null!==n&&0!==n.length)if(null===t||0===t.length)t=n.slice();else{let i=-1;for(let r=0;r<n.length;r++){const u=n[r];"number"==typeof u?i=u:0===i||Ko(t,i,u,null,-1===i||2===i?n[++r]:null)}}return t}function Ko(t,n,i,r,u){let c=0,v=t.length;if(-1===n)v=-1;else for(;c<t.length;){const x=t[c++];if("number"==typeof x){if(x===n){v=-1;break}if(x>n){v=c-1;break}}}for(;c<t.length;){const x=t[c];if("number"==typeof x)break;if(x===i){if(null===r)return void(null!==u&&(t[c+1]=u));if(r===t[c+1])return void(t[c+2]=u)}c++,null!==r&&c++,null!==u&&c++}-1!==v&&(t.splice(v,0,n),c=v+1),t.splice(c++,0,i),null!==r&&t.splice(c++,0,r),null!==u&&t.splice(c++,0,u)}function eo(t){return t!==pe}function Eo(t){return 32767&t}function Vo(t,n){let i=function Xo(t){return t>>16}(t),r=n;for(;i>0;)r=r[ki],i--;return r}let xs=!0;function hs(t){const n=xs;return xs=t,n}const Js=255,As=5;let br=0;const rr={};function Ur(t,n){const i=qs(t,n);if(-1!==i)return i;const r=n[pn];r.firstCreatePass&&(t.injectorIndex=n.length,Qs(r.data,t),Qs(n,null),Qs(r.blueprint,null));const u=Ps(t,n),c=t.injectorIndex;if(eo(u)){const v=Eo(u),x=Vo(u,n),F=x[pn].data;for(let ie=0;ie<8;ie++)n[c+ie]=x[v+ie]|F[v+ie]}return n[c+8]=u,c}function Qs(t,n){t.push(0,0,0,0,0,0,0,0,n)}function qs(t,n){return-1===t.injectorIndex||t.parent&&t.parent.injectorIndex===t.injectorIndex||null===n[t.injectorIndex+8]?-1:t.injectorIndex}function Ps(t,n){if(t.parent&&-1!==t.parent.injectorIndex)return t.parent.injectorIndex;let i=0,r=null,u=n;for(;null!==u;){if(r=fr(u),null===r)return pe;if(i++,u=u[ki],-1!==r.injectorIndex)return r.injectorIndex|i<<16}return pe}function Ss(t,n,i){!function Va(t,n,i){let r;"string"==typeof i?r=i.charCodeAt(0)||0:i.hasOwnProperty(dt)&&(r=i[dt]),null==r&&(r=i[dt]=br++);const u=r&Js;n.data[t+(u>>As)]|=1<<u}(t,n,i)}function Is(t,n,i){if(i&Jt.Optional||void 0!==t)return t;We()}function Hr(t,n,i,r){if(i&Jt.Optional&&void 0===r&&(r=null),!(i&(Jt.Self|Jt.Host))){const u=t[ii],c=Ee(void 0);try{return u?u.get(n,r,i&Jt.Optional):Pe(n,r,i&Jt.Optional)}finally{Ee(c)}}return Is(r,0,i)}function ks(t,n,i,r=Jt.Default,u){if(null!==t){if(1024&n[wn]){const v=function Fs(t,n,i,r,u){let c=t,v=n;for(;null!==c&&null!==v&&1024&v[wn]&&!(256&v[wn]);){const x=ea(c,v,i,r|Jt.Self,rr);if(x!==rr)return x;let F=c.parent;if(!F){const ie=v[lo];if(ie){const xe=ie.get(i,rr,r);if(xe!==rr)return xe}F=fr(v),v=v[ki]}c=F}return u}(t,n,i,r,rr);if(v!==rr)return v}const c=ea(t,n,i,r,rr);if(c!==rr)return c}return Hr(n,i,r,u)}function ea(t,n,i,r,u){const c=function Uu(t){if("string"==typeof t)return t.charCodeAt(0)||0;const n=t.hasOwnProperty(dt)?t[dt]:void 0;return"number"==typeof n?n>=0?n&Js:Hu:n}(i);if("function"==typeof c){if(!qi(n,t,r))return r&Jt.Host?Is(u,0,r):Hr(n,i,r,u);try{const v=c(r);if(null!=v||r&Jt.Optional)return v;We()}finally{Hi()}}else if("number"==typeof c){let v=null,x=qs(t,n),F=pe,ie=r&Jt.Host?n[Ti][hi]:null;for((-1===x||r&Jt.SkipSelf)&&(F=-1===x?Ps(t,n):n[x+8],F!==pe&&Rs(r,!1)?(v=n[pn],x=Eo(F),n=Vo(F,n)):x=-1);-1!==x;){const xe=n[pn];if(ps(c,x,xe.data)){const Ze=ta(x,n,i,v,r,ie);if(Ze!==rr)return Ze}F=n[x+8],F!==pe&&Rs(r,n[pn].data[x+8]===ie)&&ps(c,x,n)?(v=xe,x=Eo(F),n=Vo(F,n)):x=-1}}return u}function ta(t,n,i,r,u,c){const v=n[pn],x=v.data[t+8],xe=fs(x,v,i,null==r?yn(x)&&xs:r!=v&&0!=(3&x.type),u&Jt.Host&&c===x);return null!==xe?Ar(n,v,xe,x):rr}function fs(t,n,i,r,u){const c=t.providerIndexes,v=n.data,x=1048575&c,F=t.directiveStart,xe=c>>20,mt=u?x+xe:t.directiveEnd;for(let It=r?x:x+xe;It<mt;It++){const Qt=v[It];if(It<F&&i===Qt||It>=F&&Qt.type===i)return It}if(u){const It=v[F];if(It&&tt(It)&&It.type===i)return F}return null}function Ar(t,n,i,r){let u=t[i];const c=n.data;if(function Bt(t){return t instanceof Xe}(u)){const v=u;v.resolving&&function B(t,n){const i=n?`. Dependency path: ${n.join(" > ")} > ${t}`:"";throw new Q(-200,`Circular dependency in DI detected for ${t}${i}`)}(function X(t){return"function"==typeof t?t.name||t.toString():"object"==typeof t&&null!=t&&"function"==typeof t.type?t.type.name||t.type.toString():de(t)}(c[i]));const x=hs(v.canSeeViewProviders);v.resolving=!0;const F=v.injectImpl?Ee(v.injectImpl):null;qi(t,r,Jt.Default);try{u=t[i]=v.factory(void 0,c,t,r),n.firstCreatePass&&i>=r.directiveStart&&function Xs(t,n,i){const{ngOnChanges:r,ngOnInit:u,ngDoCheck:c}=n.type.prototype;if(r){var v,x;const Ze=Ki(n);(null!==(v=i.preOrderHooks)&&void 0!==v?v:i.preOrderHooks=[]).push(t,Ze),(null!==(x=i.preOrderCheckHooks)&&void 0!==x?x:i.preOrderCheckHooks=[]).push(t,Ze)}var F,ie,xe;u&&(null!==(F=i.preOrderHooks)&&void 0!==F?F:i.preOrderHooks=[]).push(0-t,u),c&&((null!==(ie=i.preOrderHooks)&&void 0!==ie?ie:i.preOrderHooks=[]).push(t,c),(null!==(xe=i.preOrderCheckHooks)&&void 0!==xe?xe:i.preOrderCheckHooks=[]).push(t,c))}(i,c[i],n)}finally{null!==F&&Ee(F),hs(x),v.resolving=!1,Hi()}}return u}function ps(t,n,i){return!!(i[n+(t>>As)]&1<<t)}function Rs(t,n){return!(t&Jt.Self||t&Jt.Host&&n)}class Ri{constructor(n,i){this._tNode=n,this._lView=i}get(n,i,r){return ks(this._tNode,this._lView,n,it(r),i)}}function Hu(){return new Ri(vn(),V())}function Vr(t){return ct(()=>{const n=t.prototype.constructor,i=n[Ue]||na(n),r=Object.prototype;let u=Object.getPrototypeOf(t.prototype).constructor;for(;u&&u!==r;){const c=u[Ue]||na(u);if(c&&c!==i)return c;u=Object.getPrototypeOf(u)}return c=>new c})}function na(t){return U(t)?()=>{const n=na(y(t));return n&&n()}:co(t)}function fr(t){const n=t[pn],i=n.type;return 2===i?n.declTNode:1===i?t[hi]:null}function gs(t){return function Mo(t,n){if("class"===n)return t.classes;if("style"===n)return t.styles;const i=t.attrs;if(i){const r=i.length;let u=0;for(;u<r;){const c=i[u];if(xi(c))break;if(0===c)u+=2;else if("number"==typeof c)for(u++;u<r&&"string"==typeof i[u];)u++;else{if(c===n)return i[u+1];u+=2}}}return null}(vn(),t)}const es="__parameters__";function Tr(t,n,i){return ct(()=>{const r=function _s(t){return function(...i){if(t){const r=t(...i);for(const u in r)this[u]=r[u]}}}(n);function u(...c){if(this instanceof u)return r.apply(this,c),this;const v=new u(...c);return x.annotation=v,x;function x(F,ie,xe){const Ze=F.hasOwnProperty(es)?F[es]:Object.defineProperty(F,es,{value:[]})[es];for(;Ze.length<=xe;)Ze.push(null);return(Ze[xe]=Ze[xe]||[]).push(v),F}}return i&&(u.prototype=Object.create(i.prototype)),u.prototype.ngMetadataName=t,u.annotationCls=u,u})}class Ai{constructor(n,i){this._desc=n,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof i?this.__NG_ELEMENT_ID__=i:void 0!==i&&(this.\u0275prov=Et({token:this,providedIn:i.providedIn||"root",factory:i.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}function ar(t,n){t.forEach(i=>Array.isArray(i)?ar(i,n):n(i))}function ia(t,n,i){n>=t.length?t.push(i):t.splice(n,0,i)}function is(t,n){return n>=t.length-1?t.pop():t.splice(n,1)[0]}function os(t,n){const i=[];for(let r=0;r<t;r++)i.push(n);return i}function j(t,n,i){let r=Ae(t,n);return r>=0?t[1|r]=i:(r=~r,function h(t,n,i,r){let u=t.length;if(u==n)t.push(i,r);else if(1===u)t.push(r,t[0]),t[0]=i;else{for(u--,t.push(t[u-1],t[u]);u>n;)t[u]=t[u-2],u--;t[n]=i,t[n+1]=r}}(t,r,n,i)),r}function me(t,n){const i=Ae(t,n);if(i>=0)return t[1|i]}function Ae(t,n){return function jt(t,n,i){let r=0,u=t.length>>i;for(;u!==r;){const c=r+(u-r>>1),v=t[c<<i];if(n===v)return c<<i;v>n?u=c:r=c+1}return~(u<<i)}(t,n,1)}const pr=$(Tr("Optional"),8),ys=$(Tr("Self"),2),Wi=$(Tr("SkipSelf"),4);var gr=(()=>((gr=gr||{})[gr.Important=1]="Important",gr[gr.DashCase=2]="DashCase",gr))();const Xa=new Map;let zc=0;const Qa="__ngContext__";function xo(t,n){Lt(n)?(t[Qa]=n[ro],function Ef(t){Xa.set(t[ro],t)}(n)):t[Qa]=n}let qa;function eu(t,n){return qa(t,n)}function Bs(t){const n=t[ti];return rn(n)?n[ti]:n}function tu(t){return ul(t[oi])}function nu(t){return ul(t[ai])}function ul(t){for(;null!==t&&!rn(t);)t=t[ai];return t}function Cs(t,n,i,r,u){if(null!=r){let c,v=!1;rn(r)?c=r:Lt(r)&&(v=!0,r=r[li]);const x=Si(r);0===t&&null!==i?null==u?pl(n,i,x):as(n,i,x,u||null,!0):1===t&&null!==i?as(n,i,x,u||null,!0):2===t?function lu(t,n,i){const r=la(t,n);r&&function ud(t,n,i,r){t.removeChild(n,i,r)}(t,r,n,i)}(n,x,v):3===t&&n.destroyNode(x),null!=c&&function dd(t,n,i,r,u){const c=i[ee];c!==Si(i)&&Cs(n,t,r,c,u);for(let x=qe;x<i.length;x++){const F=i[x];Us(F[pn],F,t,n,r,c)}}(n,t,c,i,u)}}function ou(t,n,i){return t.createElement(n,i)}function cl(t,n){const i=t[nt],r=i.indexOf(n),u=n[ti];512&n[wn]&&(n[wn]&=-513,b(u,-1)),i.splice(r,1)}function ru(t,n){if(t.length<=qe)return;const i=qe+n,r=t[i];if(r){const u=r[io];null!==u&&u!==t&&cl(u,r),n>0&&(t[i-1][ai]=r[ai]);const c=is(t,qe+n);!function ed(t,n){Us(t,n,n[Sn],2,null,null),n[li]=null,n[hi]=null}(r[pn],r);const v=c[oo];null!==v&&v.detachView(c[pn]),r[ti]=null,r[ai]=null,r[wn]&=-65}return r}function dl(t,n){if(!(128&n[wn])){const i=n[Sn];i.destroyNode&&Us(t,n,i,3,null,null),function id(t){let n=t[oi];if(!n)return su(t[pn],t);for(;n;){let i=null;if(Lt(n))i=n[oi];else{const r=n[qe];r&&(i=r)}if(!i){for(;n&&!n[ai]&&n!==t;)Lt(n)&&su(n[pn],n),n=n[ti];null===n&&(n=t),Lt(n)&&su(n[pn],n),i=n&&n[ai]}n=i}}(n)}}function su(t,n){if(!(128&n[wn])){n[wn]&=-65,n[wn]|=128,function ad(t,n){let i;if(null!=t&&null!=(i=t.destroyHooks))for(let r=0;r<i.length;r+=2){const u=n[i[r]];if(!(u instanceof Xe)){const c=i[r+1];if(Array.isArray(c))for(let v=0;v<c.length;v+=2){const x=u[c[v]],F=c[v+1];Xi(4,x,F);try{F.call(x)}finally{Xi(5,x,F)}}else{Xi(4,u,c);try{c.call(u)}finally{Xi(5,u,c)}}}}}(t,n),function sd(t,n){const i=t.cleanup,r=n[_i];let u=-1;if(null!==i)for(let c=0;c<i.length-1;c+=2)if("string"==typeof i[c]){const v=i[c+3];v>=0?r[u=v]():r[u=-v].unsubscribe(),c+=2}else{const v=r[u=i[c+1]];i[c].call(v)}if(null!==r){for(let c=u+1;c<r.length;c++)(0,r[c])();n[_i]=null}}(t,n),1===n[pn].type&&n[Sn].destroy();const i=n[io];if(null!==i&&rn(n[ti])){i!==n[ti]&&cl(i,n);const r=n[oo];null!==r&&r.detachView(t)}!function Gc(t){Xa.delete(t[ro])}(n)}}function hl(t,n,i){return function fl(t,n,i){let r=n;for(;null!==r&&40&r.type;)r=(n=r).parent;if(null===r)return i[li];{const{componentOffset:u}=r;if(u>-1){const{encapsulation:c}=t.data[r.directiveStart+u];if(c===At.None||c===At.Emulated)return null}return di(r,i)}}(t,n.parent,i)}function as(t,n,i,r,u){t.insertBefore(n,i,r,u)}function pl(t,n,i){t.appendChild(n,i)}function gl(t,n,i,r,u){null!==r?as(t,n,i,r,u):pl(t,n,i)}function la(t,n){return t.parentNode(n)}function ml(t,n,i){return vl(t,n,i)}let au,fa,du,pa,vl=function _l(t,n,i){return 40&t.type?di(t,i):null};function ca(t,n,i,r){const u=hl(t,r,n),c=n[Sn],x=ml(r.parent||n[hi],r,n);if(null!=u)if(Array.isArray(i))for(let F=0;F<i.length;F++)gl(c,u,i[F],x,!1);else gl(c,u,i,x,!1);void 0!==au&&au(c,r,n,i,u)}function da(t,n){if(null!==n){const i=n.type;if(3&i)return di(n,t);if(4&i)return uu(-1,t[n.index]);if(8&i){const r=n.child;if(null!==r)return da(t,r);{const u=t[n.index];return rn(u)?uu(-1,u):Si(u)}}if(32&i)return eu(n,t)()||Si(t[n.index]);{const r=Cl(t,n);return null!==r?Array.isArray(r)?r[0]:da(Bs(t[Ti]),r):da(t,n.next)}}return null}function Cl(t,n){return null!==n?t[Ti][hi].projection[n.projection]:null}function uu(t,n){const i=qe+t+1;if(i<n.length){const r=n[i],u=r[pn].firstChild;if(null!==u)return da(r,u)}return n[ee]}function ha(t,n,i,r,u,c,v){for(;null!=i;){const x=r[i.index],F=i.type;if(v&&0===n&&(x&&xo(Si(x),r),i.flags|=2),32!=(32&i.flags))if(8&F)ha(t,n,i.child,r,u,c,!1),Cs(n,t,u,x,c);else if(32&F){const ie=eu(i,r);let xe;for(;xe=ie();)Cs(n,t,u,xe,c);Cs(n,t,u,x,c)}else 16&F?Dl(t,n,r,i,u,c):Cs(n,t,u,x,c);i=v?i.projectionNext:i.next}}function Us(t,n,i,r,u,c){ha(i,r,t.firstChild,n,u,c,!1)}function Dl(t,n,i,r,u,c){const v=i[Ti],F=v[hi].projection[r.projection];if(Array.isArray(F))for(let ie=0;ie<F.length;ie++)Cs(n,t,u,F[ie],c);else ha(t,n,F,v[ti],u,c,!0)}function bl(t,n,i){""===i?t.removeAttribute(n,"class"):t.setAttribute(n,"class",i)}function Tl(t,n,i){const{mergedAttrs:r,classes:u,styles:c}=i;null!==r&&mi(t,n,r),null!==u&&bl(t,n,u),null!==c&&function fd(t,n,i){t.setAttribute(n,"style",i)}(t,n,c)}function Ds(t){var n;return(null===(n=function cu(){if(void 0===fa&&(fa=null,Ge.trustedTypes))try{fa=Ge.trustedTypes.createPolicy("angular",{createHTML:t=>t,createScript:t=>t,createScriptURL:t=>t})}catch{}return fa}())||void 0===n?void 0:n.createHTML(t))||t}function vd(t){du=t}function hu(){if(void 0===pa&&(pa=null,Ge.trustedTypes))try{pa=Ge.trustedTypes.createPolicy("angular#unsafe-bypass",{createHTML:t=>t,createScript:t=>t,createScriptURL:t=>t})}catch{}return pa}function Ml(t){var n;return(null===(n=hu())||void 0===n?void 0:n.createHTML(t))||t}function wl(t){var n;return(null===(n=hu())||void 0===n?void 0:n.createScriptURL(t))||t}class us{constructor(n){this.changingThisBreaksApplicationSecurity=n}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${le})`}}class yd extends us{getTypeName(){return"HTML"}}class Cd extends us{getTypeName(){return"Style"}}class Dd extends us{getTypeName(){return"Script"}}class bd extends us{getTypeName(){return"URL"}}class Td extends us{getTypeName(){return"ResourceURL"}}function Pr(t){return t instanceof us?t.changingThisBreaksApplicationSecurity:t}function bs(t,n){const i=function Ed(t){return t instanceof us&&t.getTypeName()||null}(t);if(null!=i&&i!==n){if("ResourceURL"===i&&"URL"===n)return!0;throw new Error(`Required a safe ${n}, got a ${i} (see ${le})`)}return i===n}function Md(t){return new yd(t)}function Od(t){return new Cd(t)}function wf(t){return new Dd(t)}function wd(t){return new bd(t)}function xd(t){return new Td(t)}class Ad{constructor(n){this.inertDocumentHelper=n}getInertBodyElement(n){n="<body><remove></remove>"+n;try{const i=(new window.DOMParser).parseFromString(Ds(n),"text/html").body;return null===i?this.inertDocumentHelper.getInertBodyElement(n):(i.removeChild(i.firstChild),i)}catch{return null}}}class Pd{constructor(n){this.defaultDoc=n,this.inertDocument=this.defaultDoc.implementation.createHTMLDocument("sanitization-inert")}getInertBodyElement(n){const i=this.inertDocument.createElement("template");return i.innerHTML=Ds(n),i}}const Id=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function ga(t){return(t=String(t)).match(Id)?t:"unsafe:"+t}function Sr(t){const n={};for(const i of t.split(","))n[i]=!0;return n}function Hs(...t){const n={};for(const i of t)for(const r in i)i.hasOwnProperty(r)&&(n[r]=!0);return n}const Al=Sr("area,br,col,hr,img,wbr"),Pl=Sr("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),Sl=Sr("rp,rt"),Il=Hs(Al,Hs(Pl,Sr("address,article,aside,blockquote,caption,center,del,details,dialog,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,main,map,menu,nav,ol,pre,section,summary,table,ul")),Hs(Sl,Sr("a,abbr,acronym,audio,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,picture,q,ruby,rp,rt,s,samp,small,source,span,strike,strong,sub,sup,time,track,tt,u,var,video")),Hs(Sl,Pl)),fu=Sr("background,cite,href,itemtype,longdesc,poster,src,xlink:href"),kl=Hs(fu,Sr("abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,valign,value,vspace,width"),Sr("aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,aria-colspan,aria-controls,aria-current,aria-describedby,aria-details,aria-disabled,aria-dropeffect,aria-errormessage,aria-expanded,aria-flowto,aria-grabbed,aria-haspopup,aria-hidden,aria-invalid,aria-keyshortcuts,aria-label,aria-labelledby,aria-level,aria-live,aria-modal,aria-multiline,aria-multiselectable,aria-orientation,aria-owns,aria-placeholder,aria-posinset,aria-pressed,aria-readonly,aria-relevant,aria-required,aria-roledescription,aria-rowcount,aria-rowindex,aria-rowspan,aria-selected,aria-setsize,aria-sort,aria-valuemax,aria-valuemin,aria-valuenow,aria-valuetext")),Rl=Sr("script,style,template");class Fl{constructor(){this.sanitizedSomething=!1,this.buf=[]}sanitizeChildren(n){let i=n.firstChild,r=!0;for(;i;)if(i.nodeType===Node.ELEMENT_NODE?r=this.startElement(i):i.nodeType===Node.TEXT_NODE?this.chars(i.nodeValue):this.sanitizedSomething=!0,r&&i.firstChild)i=i.firstChild;else for(;i;){i.nodeType===Node.ELEMENT_NODE&&this.endElement(i);let u=this.checkClobberedElement(i,i.nextSibling);if(u){i=u;break}i=this.checkClobberedElement(i,i.parentNode)}return this.buf.join("")}startElement(n){const i=n.nodeName.toLowerCase();if(!Il.hasOwnProperty(i))return this.sanitizedSomething=!0,!Rl.hasOwnProperty(i);this.buf.push("<"),this.buf.push(i);const r=n.attributes;for(let u=0;u<r.length;u++){const c=r.item(u),v=c.name,x=v.toLowerCase();if(!kl.hasOwnProperty(x)){this.sanitizedSomething=!0;continue}let F=c.value;fu[x]&&(F=ga(F)),this.buf.push(" ",v,'="',Nl(F),'"')}return this.buf.push(">"),!0}endElement(n){const i=n.nodeName.toLowerCase();Il.hasOwnProperty(i)&&!Al.hasOwnProperty(i)&&(this.buf.push("</"),this.buf.push(i),this.buf.push(">"))}chars(n){this.buf.push(Nl(n))}checkClobberedElement(n,i){if(i&&(n.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_CONTAINED_BY)===Node.DOCUMENT_POSITION_CONTAINED_BY)throw new Error(`Failed to sanitize html because the element is clobbered: ${n.outerHTML}`);return i}}const pu=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,gu=/([^\#-~ |!])/g;function Nl(t){return t.replace(/&/g,"&amp;").replace(pu,function(n){return"&#"+(1024*(n.charCodeAt(0)-55296)+(n.charCodeAt(1)-56320)+65536)+";"}).replace(gu,function(n){return"&#"+n.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}let ma;function Ll(t,n){let i=null;try{ma=ma||function xl(t){const n=new Pd(t);return function Sd(){try{return!!(new window.DOMParser).parseFromString(Ds(""),"text/html")}catch{return!1}}()?new Ad(n):n}(t);let r=n?String(n):"";i=ma.getInertBodyElement(r);let u=5,c=r;do{if(0===u)throw new Error("Failed to sanitize html because the input is unstable");u--,r=c,c=i.innerHTML,i=ma.getInertBodyElement(r)}while(r!==c);return Ds((new Fl).sanitizeChildren(mu(i)||i))}finally{if(i){const r=mu(i)||i;for(;r.firstChild;)r.removeChild(r.firstChild)}}}function mu(t){return"content"in t&&function Fd(t){return t.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===t.nodeName}(t)?t.content:null}var Yi=(()=>((Yi=Yi||{})[Yi.NONE=0]="NONE",Yi[Yi.HTML=1]="HTML",Yi[Yi.STYLE=2]="STYLE",Yi[Yi.SCRIPT=3]="SCRIPT",Yi[Yi.URL=4]="URL",Yi[Yi.RESOURCE_URL=5]="RESOURCE_URL",Yi))();function Bl(t){const n=Ts();return n?Ml(n.sanitize(Yi.HTML,t)||""):bs(t,"HTML")?Ml(Pr(t)):Ll(function El(){return void 0!==du?du:typeof document<"u"?document:void 0}(),de(t))}function _u(t){const n=Ts();return n?n.sanitize(Yi.URL,t)||"":bs(t,"URL")?Pr(t):ga(de(t))}function Ul(t){const n=Ts();if(n)return wl(n.sanitize(Yi.RESOURCE_URL,t)||"");if(bs(t,"ResourceURL"))return wl(Pr(t));throw new Q(904,!1)}function zl(t,n,i){return function Bd(t,n){return"src"===n&&("embed"===t||"frame"===t||"iframe"===t||"media"===t||"script"===t)||"href"===n&&("base"===t||"link"===t)?Ul:_u}(n,i)(t)}function Ts(){const t=V();return t&&t[zn]}const _a=new Ai("ENVIRONMENT_INITIALIZER"),va=new Ai("INJECTOR",-1),jl=new Ai("INJECTOR_DEF_TYPES");class vu{get(n,i=ht){if(i===ht){const r=new Error(`NullInjectorError: No provider for ${C(n)}!`);throw r.name="NullInjectorError",r}return i}}function Hd(t){return{\u0275providers:t}}function $l(...t){return{\u0275providers:Gl(0,t),\u0275fromNgModule:!0}}function Gl(t,...n){const i=[],r=new Set;let u;return ar(n,c=>{const v=c;yu(v,i,[],r)&&(u||(u=[]),u.push(v))}),void 0!==u&&Wl(u,i),i}function Wl(t,n){for(let i=0;i<t.length;i++){const{providers:u}=t[i];Cu(u,c=>{n.push(c)})}}function yu(t,n,i,r){if(!(t=y(t)))return!1;let u=null,c=Tt(t);const v=!c&&on(t);if(c||v){if(v&&!v.standalone)return!1;u=t}else{const F=t.ngModule;if(c=Tt(F),!c)return!1;u=F}const x=r.has(u);if(v){if(x)return!1;if(r.add(u),v.dependencies){const F="function"==typeof v.dependencies?v.dependencies():v.dependencies;for(const ie of F)yu(ie,n,i,r)}}else{if(!c)return!1;{if(null!=c.imports&&!x){let ie;r.add(u);try{ar(c.imports,xe=>{yu(xe,n,i,r)&&(ie||(ie=[]),ie.push(xe))})}finally{}void 0!==ie&&Wl(ie,n)}if(!x){const ie=co(u)||(()=>new u);n.push({provide:u,useFactory:ie,deps:Be},{provide:jl,useValue:u,multi:!0},{provide:_a,useValue:()=>lt(u),multi:!0})}const F=c.providers;null==F||x||Cu(F,xe=>{n.push(xe)})}}return u!==t&&void 0!==t.providers}function Cu(t,n){for(let i of t)z(i)&&(i=i.\u0275providers),Array.isArray(i)?Cu(i,n):n(i)}const If=f({provide:String,useValue:f});function Yl(t){return null!==t&&"object"==typeof t&&If in t}function $r(t){return"function"==typeof t}const ya=new Ai("Set Injector scope."),Ca={},zd={};let l;function E(){return void 0===l&&(l=new vu),l}class a{}class d extends a{get destroyed(){return this._destroyed}constructor(n,i,r,u){super(),this.parent=i,this.source=r,this.scopes=u,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,vo(n,v=>this.processProvider(v)),this.records.set(va,Nn(void 0,this)),u.has("environment")&&this.records.set(a,Nn(void 0,this));const c=this.records.get(ya);null!=c&&"string"==typeof c.value&&this.scopes.add(c.value),this.injectorDefTypes=new Set(this.get(jl.multi,Be,Jt.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const n of this._ngOnDestroyHooks)n.ngOnDestroy();for(const n of this._onDestroyHooks)n()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear(),this._onDestroyHooks.length=0}}onDestroy(n){this._onDestroyHooks.push(n)}runInContext(n){this.assertNotDestroyed();const i=Yt(this),r=Ee(void 0);try{return n()}finally{Yt(i),Ee(r)}}get(n,i=ht,r=Jt.Default){this.assertNotDestroyed(),r=it(r);const u=Yt(this),c=Ee(void 0);try{if(!(r&Jt.SkipSelf)){let x=this.records.get(n);if(void 0===x){const F=function Ro(t){return"function"==typeof t||"object"==typeof t&&t instanceof Ai}(n)&&qt(n);x=F&&this.injectableDefInScope(F)?Nn(H(n),Ca):null,this.records.set(n,x)}if(null!=x)return this.hydrate(n,x)}return(r&Jt.Self?E():this.parent).get(n,i=r&Jt.Optional&&i===ht?null:i)}catch(v){if("NullInjectorError"===v.name){if((v[$t]=v[$t]||[]).unshift(C(n)),u)throw v;return function De(t,n,i,r){const u=t[$t];throw n[kt]&&u.unshift(n[kt]),t.message=function pt(t,n,i,r=null){t=t&&"\n"===t.charAt(0)&&t.charAt(1)==Mt?t.slice(2):t;let u=C(n);if(Array.isArray(n))u=n.map(C).join(" -> ");else if("object"==typeof n){let c=[];for(let v in n)if(n.hasOwnProperty(v)){let x=n[v];c.push(v+":"+("string"==typeof x?JSON.stringify(x):C(x)))}u=`{${c.join(", ")}}`}return`${i}${r?"("+r+")":""}[${u}]: ${t.replace(wt,"\n  ")}`}("\n"+t.message,u,i,r),t[Ye]=u,t[$t]=null,t}(v,n,"R3InjectorError",this.source)}throw v}finally{Ee(c),Yt(u)}}resolveInjectorInitializers(){const n=Yt(this),i=Ee(void 0);try{const r=this.get(_a.multi,Be,Jt.Self);for(const u of r)u()}finally{Yt(n),Ee(i)}}toString(){const n=[],i=this.records;for(const r of i.keys())n.push(C(r));return`R3Injector[${n.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new Q(205,!1)}processProvider(n){let i=$r(n=y(n))?n:y(n&&n.provide);const r=function Nt(t){return Yl(t)?Nn(void 0,t.useValue):Nn(Mn(t),Ca)}(n);if($r(n)||!0!==n.multi)this.records.get(i);else{let u=this.records.get(i);u||(u=Nn(void 0,Ca,!0),u.factory=()=>W(u.multi),this.records.set(i,u)),i=n,u.multi.push(n)}this.records.set(i,r)}hydrate(n,i){return i.value===Ca&&(i.value=zd,i.value=i.factory()),"object"==typeof i.value&&i.value&&function Bi(t){return null!==t&&"object"==typeof t&&"function"==typeof t.ngOnDestroy}(i.value)&&this._ngOnDestroyHooks.add(i.value),i.value}injectableDefInScope(n){if(!n.providedIn)return!1;const i=y(n.providedIn);return"string"==typeof i?"any"===i||this.scopes.has(i):this.injectorDefTypes.has(i)}}function H(t){const n=qt(t),i=null!==n?n.factory:co(t);if(null!==i)return i;if(t instanceof Ai)throw new Q(204,!1);if(t instanceof Function)return function Ce(t){const n=t.length;if(n>0)throw os(n,"?"),new Q(204,!1);const i=function Pt(t){return t&&(t[xt]||t[sn])||null}(t);return null!==i?()=>i.factory(t):()=>new t}(t);throw new Q(204,!1)}function Mn(t,n,i){let r;if($r(t)){const u=y(t);return co(u)||H(u)}if(Yl(t))r=()=>y(t.useValue);else if(function Kl(t){return!(!t||!t.useFactory)}(t))r=()=>t.useFactory(...W(t.deps||[]));else if(function Zl(t){return!(!t||!t.useExisting)}(t))r=()=>lt(y(t.useExisting));else{const u=y(t&&(t.useClass||t.provide));if(!function Yn(t){return!!t.deps}(t))return co(u)||H(u);r=()=>new u(...W(t.deps))}return r}function Nn(t,n,i=!1){return{factory:t,value:n,multi:i?[]:void 0}}function vo(t,n){for(const i of t)Array.isArray(i)?vo(i,n):i&&z(i)?vo(i.\u0275providers,n):n(i)}class Ao{}class Gr{}class Vs{resolveComponentFactory(n){throw function Ir(t){const n=Error(`No component factory found for ${C(t)}. Did you add it to @NgModule.entryComponents?`);return n.ngComponent=t,n}(n)}}let Du=(()=>{class t{}return t.NULL=new Vs,t})();function R_(){return Da(vn(),V())}function Da(t,n){return new bu(di(t,n))}let bu=(()=>{class t{constructor(i){this.nativeElement=i}}return t.__NG_ELEMENT_ID__=R_,t})();function F_(t){return t instanceof bu?t.nativeElement:t}class Rf{}let N_=(()=>{class t{}return t.__NG_ELEMENT_ID__=()=>function L_(){const t=V(),i=Ji(vn().index,t);return(Lt(i)?i:t)[Sn]}(),t})(),B_=(()=>{class t{}return t.\u0275prov=Et({token:t,providedIn:"root",factory:()=>null}),t})();class Ff{constructor(n){this.full=n,this.major=n.split(".")[0],this.minor=n.split(".")[1],this.patch=n.split(".").slice(2).join(".")}}const U_=new Ff("15.2.10"),jd={},$d="ngOriginalError";function Gd(t){return t[$d]}class Tu{constructor(){this._console=console}handleError(n){const i=this._findOriginalError(n);this._console.error("ERROR",n),i&&this._console.error("ORIGINAL ERROR",i)}_findOriginalError(n){let i=n&&Gd(n);for(;i&&Gd(i);)i=Gd(i);return i||null}}function Nf(t){return t.ownerDocument.defaultView}function Lf(t){return t.ownerDocument}function ls(t){return t instanceof Function?t():t}function Uf(t,n,i){let r=t.length;for(;;){const u=t.indexOf(n,i);if(-1===u)return u;if(0===u||t.charCodeAt(u-1)<=32){const c=n.length;if(u+c===r||t.charCodeAt(u+c)<=32)return u}i=u+1}}const Hf="ng-template";function Z_(t,n,i){let r=0,u=!0;for(;r<t.length;){let c=t[r++];if("string"==typeof c&&u){const v=t[r++];if(i&&"class"===c&&-1!==Uf(v.toLowerCase(),n,0))return!0}else{if(1===c){for(;r<t.length&&"string"==typeof(c=t[r++]);)if(c.toLowerCase()===n)return!0;return!1}"number"==typeof c&&(u=!1)}}return!1}function Vf(t){return 4===t.type&&t.value!==Hf}function K_(t,n,i){return n===(4!==t.type||i?t.value:Hf)}function X_(t,n,i){let r=4;const u=t.attrs||[],c=function q_(t){for(let n=0;n<t.length;n++)if(xi(t[n]))return n;return t.length}(u);let v=!1;for(let x=0;x<n.length;x++){const F=n[x];if("number"!=typeof F){if(!v)if(4&r){if(r=2|1&r,""!==F&&!K_(t,F,i)||""===F&&1===n.length){if(kr(r))return!1;v=!0}}else{const ie=8&r?F:n[++x];if(8&r&&null!==t.attrs){if(!Z_(t.attrs,ie,i)){if(kr(r))return!1;v=!0}continue}const Ze=J_(8&r?"class":F,u,Vf(t),i);if(-1===Ze){if(kr(r))return!1;v=!0;continue}if(""!==ie){let mt;mt=Ze>c?"":u[Ze+1].toLowerCase();const It=8&r?mt:null;if(It&&-1!==Uf(It,ie,0)||2&r&&ie!==mt){if(kr(r))return!1;v=!0}}}}else{if(!v&&!kr(r)&&!kr(F))return!1;if(v&&kr(F))continue;v=!1,r=F|1&r}}return kr(r)||v}function kr(t){return 0==(1&t)}function J_(t,n,i,r){if(null===n)return-1;let u=0;if(r||!i){let c=!1;for(;u<n.length;){const v=n[u];if(v===t)return u;if(3===v||6===v)c=!0;else{if(1===v||2===v){let x=n[++u];for(;"string"==typeof x;)x=n[++u];continue}if(4===v)break;if(0===v){u+=4;continue}}u+=c?1:2}return-1}return function ev(t,n){let i=t.indexOf(4);if(i>-1)for(i++;i<t.length;){const r=t[i];if("number"==typeof r)return-1;if(r===n)return i;i++}return-1}(n,t)}function zf(t,n,i=!1){for(let r=0;r<n.length;r++)if(X_(t,n[r],i))return!0;return!1}function tv(t,n){e:for(let i=0;i<n.length;i++){const r=n[i];if(t.length===r.length){for(let u=0;u<t.length;u++)if(t[u]!==r[u])continue e;return!0}}return!1}function jf(t,n){return t?":not("+n.trim()+")":n}function nv(t){let n=t[0],i=1,r=2,u="",c=!1;for(;i<t.length;){let v=t[i];if("string"==typeof v)if(2&r){const x=t[++i];u+="["+v+(x.length>0?'="'+x+'"':"")+"]"}else 8&r?u+="."+v:4&r&&(u+=" "+v);else""!==u&&!kr(v)&&(n+=jf(c,u),u=""),r=v,c=c||!kr(r);i++}return""!==u&&(n+=jf(c,u)),n}const ei={};function $f(t){Gf(ft(),V(),Vi()+t,!1)}function Gf(t,n,i,r){if(!r)if(3==(3&n[wn])){const c=t.preOrderCheckHooks;null!==c&&Br(n,c,i)}else{const c=t.preOrderHooks;null!==c&&Qr(n,c,0,i)}Dr(i)}function Kf(t,n=null,i=null,r){const u=Xf(t,n,i,r);return u.resolveInjectorInitializers(),u}function Xf(t,n=null,i=null,r,u=new Set){const c=[i||Be,$l(t)];return r=r||("object"==typeof t?void 0:C(t)),new d(c,n||E(),r||null,u)}let zs=(()=>{class t{static create(i,r){if(Array.isArray(i))return Kf({name:""},r,i,"");{var u;const c=null!==(u=i.name)&&void 0!==u?u:"";return Kf({name:c},i.parent,i.providers,c)}}}return t.THROW_IF_NOT_FOUND=ht,t.NULL=new vu,t.\u0275prov=Et({token:t,providedIn:"any",factory:()=>lt(va)}),t.__NG_ELEMENT_ID__=-1,t})();function Ea(t,n=Jt.Default){const i=V();return null===i?lt(t,n):ks(vn(),i,y(t),n)}function ip(){throw new Error("invalid")}function op(t,n){const i=t.contentQueries;if(null!==i)for(let r=0;r<i.length;r+=2){const c=i[r+1];if(-1!==c){const v=t.data[c];vi(i[r]),v.contentQueries(2,n[c],c)}}}function Ql(t,n,i,r,u,c,v,x,F,ie,xe){const Ze=n.blueprint.slice();return Ze[li]=u,Ze[wn]=76|r,(null!==xe||t&&1024&t[wn])&&(Ze[wn]|=1024),Oe(Ze),Ze[ti]=Ze[ki]=t,Ze[ni]=i,Ze[Ci]=v||t&&t[Ci],Ze[Sn]=x||t&&t[Sn],Ze[zn]=F||t&&t[zn]||null,Ze[ii]=ie||t&&t[ii]||null,Ze[hi]=c,Ze[ro]=function jc(){return zc++}(),Ze[lo]=xe,Ze[Ti]=2==n.type?t[Ti]:Ze,Ze}function Ma(t,n,i,r,u){let c=t.data[n];if(null===c)c=function Xd(t,n,i,r,u){const c=$n(),v=Ln(),F=t.data[n]=function xv(t,n,i,r,u,c){return{type:i,index:r,insertBeforeIndex:null,injectorIndex:n?n.injectorIndex:-1,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:0,providerIndexes:0,value:u,attrs:c,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:n,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,v?c:c&&c.parent,i,n,r,u);return null===t.firstChild&&(t.firstChild=F),null!==c&&(v?null==c.child&&null!==F.parent&&(c.child=F):null===c.next&&(c.next=F,F.prev=c)),F}(t,n,i,r,u),function Uo(){return M.lFrame.inI18n}()&&(c.flags|=32);else if(64&c.type){c.type=i,c.value=r,c.attrs=u;const v=function Xn(){const t=M.lFrame,n=t.currentTNode;return t.isParent?n:n.parent}();c.injectorIndex=null===v?-1:v.injectorIndex}return ri(c,!0),c}function Eu(t,n,i,r){if(0===i)return-1;const u=n.length;for(let c=0;c<i;c++)n.push(r),t.blueprint.push(r),t.data.push(null);return u}function Jd(t,n,i){ho(n);try{const r=t.viewQuery;null!==r&&sh(1,r,i);const u=t.template;null!==u&&rp(t,n,u,1,i),t.firstCreatePass&&(t.firstCreatePass=!1),t.staticContentQueries&&op(t,n),t.staticViewQueries&&sh(2,t.viewQuery,i);const c=t.components;null!==c&&function Mv(t,n){for(let i=0;i<n.length;i++)Zv(t,n[i])}(n,c)}catch(r){throw t.firstCreatePass&&(t.incompleteFirstPass=!0,t.firstCreatePass=!1),r}finally{n[wn]&=-5,Zo()}}function ql(t,n,i,r){const u=n[wn];if(128!=(128&u)){ho(n);try{Oe(n),function Li(t){return M.lFrame.bindingIndex=t}(t.bindingStartIndex),null!==i&&rp(t,n,i,2,r);const v=3==(3&u);if(v){const ie=t.preOrderCheckHooks;null!==ie&&Br(n,ie,null)}else{const ie=t.preOrderHooks;null!==ie&&Qr(n,ie,0,null),R(n,0)}if(function Wv(t){for(let n=tu(t);null!==n;n=nu(n)){if(!n[Me])continue;const i=n[nt];for(let r=0;r<i.length;r++){const u=i[r];512&u[wn]||b(u[ti],1),u[wn]|=512}}}(n),function Gv(t){for(let n=tu(t);null!==n;n=nu(n))for(let i=qe;i<n.length;i++){const r=n[i],u=r[pn];Do(r)&&ql(u,r,u.template,r[ni])}}(n),null!==t.contentQueries&&op(t,n),v){const ie=t.contentCheckHooks;null!==ie&&Br(n,ie)}else{const ie=t.contentHooks;null!==ie&&Qr(n,ie,1),R(n,1)}!function Tv(t,n){const i=t.hostBindingOpCodes;if(null!==i)try{for(let r=0;r<i.length;r++){const u=i[r];if(u<0)Dr(~u);else{const c=u,v=i[++r],x=i[++r];wr(v,c),x(2,n[c])}}}finally{Dr(-1)}}(t,n);const x=t.components;null!==x&&function Ev(t,n){for(let i=0;i<n.length;i++)Yv(t,n[i])}(n,x);const F=t.viewQuery;if(null!==F&&sh(2,F,r),v){const ie=t.viewCheckHooks;null!==ie&&Br(n,ie)}else{const ie=t.viewHooks;null!==ie&&Qr(n,ie,2),R(n,2)}!0===t.firstUpdatePass&&(t.firstUpdatePass=!1),n[wn]&=-41,512&n[wn]&&(n[wn]&=-513,b(n[ti],-1))}finally{Zo()}}}function rp(t,n,i,r,u){const c=Vi(),v=2&r;try{Dr(-1),v&&n.length>ui&&Gf(t,n,ui,!1),Xi(v?2:0,u),i(r,u)}finally{Dr(c),Xi(v?3:1,u)}}function Qd(t,n,i){if(On(n)){const u=n.directiveEnd;for(let c=n.directiveStart;c<u;c++){const v=t.data[c];v.contentQueries&&v.contentQueries(1,i[c],c)}}}function qd(t,n,i){k()&&(function Fv(t,n,i,r){const u=i.directiveStart,c=i.directiveEnd;yn(i)&&function zv(t,n,i){const r=di(n,t),u=sp(i),c=t[Ci],v=ec(t,Ql(t,u,null,i.onPush?32:16,r,n,c,c.createRenderer(r,i),null,null,null));t[n.index]=v}(n,i,t.data[u+i.componentOffset]),t.firstCreatePass||Ur(i,n),xo(r,n);const v=i.initialInputs;for(let x=u;x<c;x++){const F=t.data[x],ie=Ar(n,t,x,i);xo(ie,n),null!==v&&jv(0,x-u,ie,F,0,v),tt(F)&&(Ji(i.index,n)[ni]=Ar(n,t,x,i))}}(t,n,i,di(i,n)),64==(64&i.flags)&&dp(t,n,i))}function eh(t,n,i=di){const r=n.localNames;if(null!==r){let u=n.index+1;for(let c=0;c<r.length;c+=2){const v=r[c+1],x=-1===v?i(n,t):t[v];t[u++]=x}}}function sp(t){const n=t.tView;return null===n||n.incompleteFirstPass?t.tView=th(1,null,t.template,t.decls,t.vars,t.directiveDefs,t.pipeDefs,t.viewQuery,t.schemas,t.consts):n}function th(t,n,i,r,u,c,v,x,F,ie){const xe=ui+r,Ze=xe+u,mt=function Ov(t,n){const i=[];for(let r=0;r<n;r++)i.push(r<t?null:ei);return i}(xe,Ze),It="function"==typeof ie?ie():ie;return mt[pn]={type:t,blueprint:mt,template:i,queries:null,viewQuery:x,declTNode:n,data:mt.slice().fill(null,xe),bindingStartIndex:xe,expandoStartIndex:Ze,hostBindingOpCodes:null,firstCreatePass:!0,firstUpdatePass:!0,staticViewQueries:!1,staticContentQueries:!1,preOrderHooks:null,preOrderCheckHooks:null,contentHooks:null,contentCheckHooks:null,viewHooks:null,viewCheckHooks:null,destroyHooks:null,cleanup:null,contentQueries:null,components:null,directiveRegistry:"function"==typeof c?c():c,pipeRegistry:"function"==typeof v?v():v,firstChild:null,schemas:F,consts:It,incompleteFirstPass:!1}}function ap(t,n,i,r){const u=fp(n);null===i?u.push(r):(u.push(i),t.firstCreatePass&&pp(t).push(r,u.length-1))}function up(t,n,i,r){for(let u in t)if(t.hasOwnProperty(u)){i=null===i?{}:i;const c=t[u];null===r?lp(i,n,u,c):r.hasOwnProperty(u)&&lp(i,n,r[u],c)}return i}function lp(t,n,i,r){t.hasOwnProperty(i)?t[i].push(n,r):t[i]=[n,r]}function mr(t,n,i,r,u,c,v,x){const F=di(n,i);let xe,ie=n.inputs;!x&&null!=ie&&(xe=ie[r])?(ah(t,i,xe,r,u),yn(n)&&function Sv(t,n){const i=Ji(n,t);16&i[wn]||(i[wn]|=32)}(i,n.index)):3&n.type&&(r=function Pv(t){return"class"===t?"className":"for"===t?"htmlFor":"formaction"===t?"formAction":"innerHtml"===t?"innerHTML":"readonly"===t?"readOnly":"tabindex"===t?"tabIndex":t}(r),u=null!=v?v(u,n.value||"",r):u,c.setProperty(F,r,u))}function nh(t,n,i,r){if(k()){const u=null===r?null:{"":-1},c=function Lv(t,n){const i=t.directiveRegistry;let r=null,u=null;if(i)for(let v=0;v<i.length;v++){const x=i[v];if(zf(n,x.selectors,!1))if(r||(r=[]),tt(x))if(null!==x.findHostDirectiveDefs){const F=[];u=u||new Map,x.findHostDirectiveDefs(x,F,u),r.unshift(...F,x),ih(t,n,F.length)}else r.unshift(x),ih(t,n,0);else{var c;u=u||new Map,null===(c=x.findHostDirectiveDefs)||void 0===c||c.call(x,x,r,u),r.push(x)}}return null===r?null:[r,u]}(t,i);let v,x;null===c?v=x=null:[v,x]=c,null!==v&&cp(t,n,i,v,u,x),u&&function Bv(t,n,i){if(n){const r=t.localNames=[];for(let u=0;u<n.length;u+=2){const c=i[n[u+1]];if(null==c)throw new Q(-301,!1);r.push(n[u],c)}}}(i,r,u)}i.mergedAttrs=_o(i.mergedAttrs,i.attrs)}function cp(t,n,i,r,u,c){for(let Ze=0;Ze<r.length;Ze++)Ss(Ur(i,n),t,r[Ze].type);!function Hv(t,n,i){t.flags|=1,t.directiveStart=n,t.directiveEnd=n+i,t.providerIndexes=n}(i,t.data.length,r.length);for(let Ze=0;Ze<r.length;Ze++){const mt=r[Ze];mt.providersResolver&&mt.providersResolver(mt)}let v=!1,x=!1,F=Eu(t,n,r.length,null);for(let Ze=0;Ze<r.length;Ze++){const mt=r[Ze];i.mergedAttrs=_o(i.mergedAttrs,mt.hostAttrs),Vv(t,i,n,F,mt),Uv(F,mt,u),null!==mt.contentQueries&&(i.flags|=4),(null!==mt.hostBindings||null!==mt.hostAttrs||0!==mt.hostVars)&&(i.flags|=64);const It=mt.type.prototype;var ie,xe;!v&&(It.ngOnChanges||It.ngOnInit||It.ngDoCheck)&&((null!==(ie=t.preOrderHooks)&&void 0!==ie?ie:t.preOrderHooks=[]).push(i.index),v=!0),x||!It.ngOnChanges&&!It.ngDoCheck||((null!==(xe=t.preOrderCheckHooks)&&void 0!==xe?xe:t.preOrderCheckHooks=[]).push(i.index),x=!0),F++}!function Av(t,n,i){const u=n.directiveEnd,c=t.data,v=n.attrs,x=[];let F=null,ie=null;for(let xe=n.directiveStart;xe<u;xe++){const Ze=c[xe],mt=i?i.get(Ze):null,Qt=mt?mt.outputs:null;F=up(Ze.inputs,xe,F,mt?mt.inputs:null),ie=up(Ze.outputs,xe,ie,Qt);const hn=null===F||null===v||Vf(n)?null:$v(F,xe,v);x.push(hn)}null!==F&&(F.hasOwnProperty("class")&&(n.flags|=8),F.hasOwnProperty("style")&&(n.flags|=16)),n.initialInputs=x,n.inputs=F,n.outputs=ie}(t,i,c)}function dp(t,n,i){const r=i.directiveStart,u=i.directiveEnd,c=i.index,v=function An(){return M.lFrame.currentDirectiveIndex}();try{Dr(c);for(let x=r;x<u;x++){const F=t.data[x],ie=n[x];In(x),(null!==F.hostBindings||0!==F.hostVars||null!==F.hostAttrs)&&Nv(F,ie)}}finally{Dr(-1),In(v)}}function Nv(t,n){null!==t.hostBindings&&t.hostBindings(1,n)}function ih(t,n,i){var r;n.componentOffset=i,(null!==(r=t.components)&&void 0!==r?r:t.components=[]).push(n.index)}function Uv(t,n,i){if(i){if(n.exportAs)for(let r=0;r<n.exportAs.length;r++)i[n.exportAs[r]]=t;tt(n)&&(i[""]=t)}}function Vv(t,n,i,r,u){t.data[r]=u;const c=u.factory||(u.factory=co(u.type)),v=new Xe(c,tt(u),Ea);t.blueprint[r]=v,i[r]=v,function kv(t,n,i,r,u){const c=u.hostBindings;if(c){let v=t.hostBindingOpCodes;null===v&&(v=t.hostBindingOpCodes=[]);const x=~n.index;(function Rv(t){let n=t.length;for(;n>0;){const i=t[--n];if("number"==typeof i&&i<0)return i}return 0})(v)!=x&&v.push(x),v.push(i,r,c)}}(t,n,r,Eu(t,i,u.hostVars,ei),u)}function Wr(t,n,i,r,u,c){const v=di(t,n);!function oh(t,n,i,r,u,c,v){if(null==c)t.removeAttribute(n,u,i);else{const x=null==v?de(c):v(c,r||"",u);t.setAttribute(n,u,x,i)}}(n[Sn],v,c,t.value,i,r,u)}function jv(t,n,i,r,u,c){const v=c[n];if(null!==v){const x=r.setInput;for(let F=0;F<v.length;){const ie=v[F++],xe=v[F++],Ze=v[F++];null!==x?r.setInput(i,Ze,ie,xe):i[xe]=Ze}}}function $v(t,n,i){let r=null,u=0;for(;u<i.length;){const c=i[u];if(0!==c)if(5!==c){if("number"==typeof c)break;if(t.hasOwnProperty(c)){null===r&&(r=[]);const v=t[c];for(let x=0;x<v.length;x+=2)if(v[x]===n){r.push(c,v[x+1],i[u+1]);break}}u+=2}else u+=2;else u+=4}return r}function hp(t,n,i,r){return[t,!0,!1,n,null,0,r,i,null,null]}function Yv(t,n){const i=Ji(n,t);if(Do(i)){const r=i[pn];48&i[wn]?ql(r,i,r.template,i[ni]):i[yi]>0&&rh(i)}}function rh(t){for(let r=tu(t);null!==r;r=nu(r))for(let u=qe;u<r.length;u++){const c=r[u];if(Do(c))if(512&c[wn]){const v=c[pn];ql(v,c,v.template,c[ni])}else c[yi]>0&&rh(c)}const i=t[pn].components;if(null!==i)for(let r=0;r<i.length;r++){const u=Ji(i[r],t);Do(u)&&u[yi]>0&&rh(u)}}function Zv(t,n){const i=Ji(n,t),r=i[pn];(function Kv(t,n){for(let i=n.length;i<t.blueprint.length;i++)n.push(t.blueprint[i])})(r,i),Jd(r,i,i[ni])}function ec(t,n){return t[oi]?t[Mi][ai]=n:t[oi]=n,t[Mi]=n,n}function tc(t){for(;t;){t[wn]|=32;const n=Bs(t);if(Kt(t)&&!n)return t;t=n}return null}function nc(t,n,i,r=!0){const u=n[Ci];u.begin&&u.begin();try{ql(t,n,t.template,i)}catch(v){throw r&&mp(n,v),v}finally{u.end&&u.end()}}function sh(t,n,i){vi(0),n(t,i)}function fp(t){return t[_i]||(t[_i]=[])}function pp(t){return t.cleanup||(t.cleanup=[])}function mp(t,n){const i=t[ii],r=i?i.get(Tu,null):null;r&&r.handleError(n)}function ah(t,n,i,r,u){for(let c=0;c<i.length;){const v=i[c++],x=i[c++],F=n[v],ie=t.data[v];null!==ie.setInput?ie.setInput(F,u,r,x):F[x]=u}}function cs(t,n,i){const r=fo(n,t);!function ll(t,n,i){t.setValue(n,i)}(t[Sn],r,i)}function ic(t,n,i){let r=i?t.styles:null,u=i?t.classes:null,c=0;if(null!==n)for(let v=0;v<n.length;v++){const x=n[v];"number"==typeof x?c=x:1==c?u=O(u,x):2==c&&(r=O(r,x+": "+n[++v]+";"))}i?t.styles=r:t.stylesWithoutHost=r,i?t.classes=u:t.classesWithoutHost=u}function oc(t,n,i,r,u=!1){for(;null!==i;){const c=n[i.index];if(null!==c&&r.push(Si(c)),rn(c))for(let x=qe;x<c.length;x++){const F=c[x],ie=F[pn].firstChild;null!==ie&&oc(F[pn],F,ie,r)}const v=i.type;if(8&v)oc(t,n,i.child,r);else if(32&v){const x=eu(i,n);let F;for(;F=x();)r.push(F)}else if(16&v){const x=Cl(n,i);if(Array.isArray(x))r.push(...x);else{const F=Bs(n[Ti]);oc(F[pn],F,x,r,!0)}}i=u?i.projectionNext:i.next}return r}class Mu{get rootNodes(){const n=this._lView,i=n[pn];return oc(i,n,i.firstChild,[])}constructor(n,i){this._lView=n,this._cdRefInjectingView=i,this._appRef=null,this._attachedToViewContainer=!1}get context(){return this._lView[ni]}set context(n){this._lView[ni]=n}get destroyed(){return 128==(128&this._lView[wn])}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){const n=this._lView[ti];if(rn(n)){const i=n[ge],r=i?i.indexOf(this):-1;r>-1&&(ru(n,r),is(i,r))}this._attachedToViewContainer=!1}dl(this._lView[pn],this._lView)}onDestroy(n){ap(this._lView[pn],this._lView,null,n)}markForCheck(){tc(this._cdRefInjectingView||this._lView)}detach(){this._lView[wn]&=-65}reattach(){this._lView[wn]|=64}detectChanges(){nc(this._lView[pn],this._lView,this.context)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new Q(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function nd(t,n){Us(t,n,n[Sn],2,null,null)}(this._lView[pn],this._lView)}attachToAppRef(n){if(this._attachedToViewContainer)throw new Q(902,!1);this._appRef=n}}class Xv extends Mu{constructor(n){super(n),this._view=n}detectChanges(){const n=this._view;nc(n[pn],n,n[ni],!1)}checkNoChanges(){}get context(){return null}}class _p extends Du{constructor(n){super(),this.ngModule=n}resolveComponentFactory(n){const i=on(n);return new Ou(i,this.ngModule)}}function vp(t){const n=[];for(let i in t)t.hasOwnProperty(i)&&n.push({propName:t[i],templateName:i});return n}class Qv{constructor(n,i){this.injector=n,this.parentInjector=i}get(n,i,r){r=it(r);const u=this.injector.get(n,jd,r);return u!==jd||i===jd?u:this.parentInjector.get(n,i,r)}}class Ou extends Gr{get inputs(){return vp(this.componentDef.inputs)}get outputs(){return vp(this.componentDef.outputs)}constructor(n,i){super(),this.componentDef=n,this.ngModule=i,this.componentType=n.type,this.selector=function iv(t){return t.map(nv).join(",")}(n.selectors),this.ngContentSelectors=n.ngContentSelectors?n.ngContentSelectors:[],this.isBoundToModule=!!i}create(n,i,r,u){var c;let v=(u=u||this.ngModule)instanceof a?u:null===(c=u)||void 0===c?void 0:c.injector;v&&null!==this.componentDef.getStandaloneInjector&&(v=this.componentDef.getStandaloneInjector(v)||v);const x=v?new Qv(n,v):n,F=x.get(Rf,null);if(null===F)throw new Q(407,!1);const ie=x.get(B_,null),xe=F.createRenderer(null,this.componentDef),Ze=this.componentDef.selectors[0][0]||"div",mt=r?function wv(t,n,i){return t.selectRootElement(n,i===At.ShadowDom)}(xe,r,this.componentDef.encapsulation):ou(xe,Ze,function Jv(t){const n=t.toLowerCase();return"svg"===n?Ni:"math"===n?"math":null}(Ze)),It=this.componentDef.onPush?288:272,Qt=th(0,null,null,1,0,null,null,null,null,null),hn=Ql(null,Qt,null,It,null,null,F,xe,ie,x,null);let Tn,kn;ho(hn);try{const Un=this.componentDef;let un,Zn=null;Un.findHostDirectiveDefs?(un=[],Zn=new Map,Un.findHostDirectiveDefs(Un,un,Zn),un.push(Un)):un=[Un];const Ii=function e0(t,n){const i=t[pn],r=ui;return t[r]=n,Ma(i,r,2,"#host",null)}(hn,mt),Zi=function t0(t,n,i,r,u,c,v,x){const F=u[pn];!function n0(t,n,i,r){for(const u of t)n.mergedAttrs=_o(n.mergedAttrs,u.hostAttrs);null!==n.mergedAttrs&&(ic(n,n.mergedAttrs,!0),null!==i&&Tl(r,i,n))}(r,t,n,v);const ie=c.createRenderer(n,i),xe=Ql(u,sp(i),null,i.onPush?32:16,u[t.index],t,c,ie,x||null,null,null);return F.firstCreatePass&&ih(F,t,r.length-1),ec(u,xe),u[t.index]=xe}(Ii,mt,Un,un,hn,F,xe);kn=Lo(Qt,ui),mt&&function r0(t,n,i,r){if(r)mi(t,i,["ng-version",U_.full]);else{const{attrs:u,classes:c}=function ov(t){const n=[],i=[];let r=1,u=2;for(;r<t.length;){let c=t[r];if("string"==typeof c)2===u?""!==c&&n.push(c,t[++r]):8===u&&i.push(c);else{if(!kr(u))break;u=c}r++}return{attrs:n,classes:i}}(n.selectors[0]);u&&mi(t,i,u),c&&c.length>0&&bl(t,i,c.join(" "))}}(xe,Un,mt,r),void 0!==i&&function s0(t,n,i){const r=t.projection=[];for(let u=0;u<n.length;u++){const c=i[u];r.push(null!=c?Array.from(c):null)}}(kn,this.ngContentSelectors,i),Tn=function o0(t,n,i,r,u,c){const v=vn(),x=u[pn],F=di(v,u);cp(x,u,v,i,null,r);for(let xe=0;xe<i.length;xe++)xo(Ar(u,x,v.directiveStart+xe,v),u);dp(x,u,v),F&&xo(F,u);const ie=Ar(u,x,v.directiveStart+v.componentOffset,v);if(t[ni]=u[ni]=ie,null!==c)for(const xe of c)xe(ie,n);return Qd(x,v,t),ie}(Zi,Un,un,Zn,hn,[a0]),Jd(Qt,hn,null)}finally{Zo()}return new qv(this.componentType,Tn,Da(kn,hn),hn,kn)}}class qv extends Ao{constructor(n,i,r,u,c){super(),this.location=r,this._rootLView=u,this._tNode=c,this.instance=i,this.hostView=this.changeDetectorRef=new Xv(u),this.componentType=n}setInput(n,i){const r=this._tNode.inputs;let u;if(null!==r&&(u=r[n])){const c=this._rootLView;ah(c[pn],c,u,n,i),tc(Ji(this._tNode.index,c))}}get injector(){return new Ri(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(n){this.hostView.onDestroy(n)}}function a0(){const t=vn();Jr(V()[pn],t)}function uh(t){let n=function yp(t){return Object.getPrototypeOf(t.prototype).constructor}(t.type),i=!0;const r=[t];for(;n;){let u;if(tt(t))u=n.\u0275cmp||n.\u0275dir;else{if(n.\u0275cmp)throw new Q(903,!1);u=n.\u0275dir}if(u){if(i){r.push(u);const v=t;v.inputs=lh(t.inputs),v.declaredInputs=lh(t.declaredInputs),v.outputs=lh(t.outputs);const x=u.hostBindings;x&&d0(t,x);const F=u.viewQuery,ie=u.contentQueries;if(F&&l0(t,F),ie&&c0(t,ie),m(t.inputs,u.inputs),m(t.declaredInputs,u.declaredInputs),m(t.outputs,u.outputs),tt(u)&&u.data.animation){const xe=t.data;xe.animation=(xe.animation||[]).concat(u.data.animation)}}const c=u.features;if(c)for(let v=0;v<c.length;v++){const x=c[v];x&&x.ngInherit&&x(t),x===uh&&(i=!1)}}n=Object.getPrototypeOf(n)}!function u0(t){let n=0,i=null;for(let r=t.length-1;r>=0;r--){const u=t[r];u.hostVars=n+=u.hostVars,u.hostAttrs=_o(u.hostAttrs,i=_o(i,u.hostAttrs))}}(r)}function lh(t){return t===Se?{}:t===Be?[]:t}function l0(t,n){const i=t.viewQuery;t.viewQuery=i?(r,u)=>{n(r,u),i(r,u)}:n}function c0(t,n){const i=t.contentQueries;t.contentQueries=i?(r,u,c)=>{n(r,u,c),i(r,u,c)}:n}function d0(t,n){const i=t.hostBindings;t.hostBindings=i?(r,u)=>{n(r,u),i(r,u)}:n}function rc(t){return!!ch(t)&&(Array.isArray(t)||!(t instanceof Map)&&Symbol.iterator in t)}function ch(t){return null!==t&&("function"==typeof t||"object"==typeof t)}function Yr(t,n,i){return t[n]=i}function $o(t,n,i){return!Object.is(t[n],i)&&(t[n]=i,!0)}function js(t,n,i,r){const u=$o(t,n,i);return $o(t,n+1,r)||u}function dh(t,n,i,r){const u=V();return $o(u,bo(),n)&&(ft(),Wr(Pi(),u,t,n,i,r)),dh}function xa(t,n,i,r,u,c){const x=js(t,function uo(){return M.lFrame.bindingIndex}(),i,u);return Qi(2),x?n+de(i)+r+de(u)+c:ei}function Ip(t,n,i,r,u,c,v,x){const F=V(),ie=ft(),xe=t+ui,Ze=ie.firstCreatePass?function D0(t,n,i,r,u,c,v,x,F){const ie=n.consts,xe=Ma(n,t,4,v||null,ko(ie,x));nh(n,i,xe,ko(ie,F)),Jr(n,xe);const Ze=xe.tView=th(2,xe,r,u,c,n.directiveRegistry,n.pipeRegistry,null,n.schemas,ie);return null!==n.queries&&(n.queries.template(n,xe),Ze.queries=n.queries.embeddedTView(xe)),xe}(xe,ie,F,n,i,r,u,c,v):ie.data[xe];ri(Ze,!1);const mt=F[Sn].createComment("");ca(ie,F,mt,Ze),xo(mt,F),ec(F,F[xe]=hp(mt,F,mt,Ze)),Zt(Ze)&&qd(ie,F,Ze),null!=v&&eh(F,Ze,x)}function kp(t){return ir(function or(){return M.lFrame.contextLView}(),ui+t)}function hh(t,n,i){const r=V();return $o(r,bo(),n)&&mr(ft(),Pi(),r,t,n,r[Sn],i,!1),hh}function fh(t,n,i,r,u){const v=u?"class":"style";ah(t,i,n.inputs[v],v,r)}function ac(t,n,i,r){const u=V(),c=ft(),v=ui+t,x=u[Sn],F=c.firstCreatePass?function T0(t,n,i,r,u,c){const v=n.consts,F=Ma(n,t,2,r,ko(v,u));return nh(n,i,F,ko(v,c)),null!==F.attrs&&ic(F,F.attrs,!1),null!==F.mergedAttrs&&ic(F,F.mergedAttrs,!0),null!==n.queries&&n.queries.elementStart(n,F),F}(v,c,u,n,i,r):c.data[v],ie=u[v]=ou(x,n,function Ks(){return M.lFrame.currentNamespace}()),xe=Zt(F);return ri(F,!0),Tl(x,ie,F),32!=(32&F.flags)&&ca(c,u,ie,F),0===function je(){return M.lFrame.elementDepthCount}()&&xo(ie,u),function gt(){M.lFrame.elementDepthCount++}(),xe&&(qd(c,u,F),Qd(c,F,u)),null!==r&&eh(u,F),ac}function uc(){let t=vn();Ln()?wi():(t=t.parent,ri(t,!1));const n=t;!function bt(){M.lFrame.elementDepthCount--}();const i=ft();return i.firstCreatePass&&(Jr(i,t),On(t)&&i.queries.elementEnd(t)),null!=n.classesWithoutHost&&function si(t){return 0!=(8&t.flags)}(n)&&fh(i,n,V(),n.classesWithoutHost,!0),null!=n.stylesWithoutHost&&function Wn(t){return 0!=(16&t.flags)}(n)&&fh(i,n,V(),n.stylesWithoutHost,!1),uc}function ph(t,n,i,r){return ac(t,n,i,r),uc(),ph}function lc(t,n,i){const r=V(),u=ft(),c=t+ui,v=u.firstCreatePass?function E0(t,n,i,r,u){const c=n.consts,v=ko(c,r),x=Ma(n,t,8,"ng-container",v);return null!==v&&ic(x,v,!0),nh(n,i,x,ko(c,u)),null!==n.queries&&n.queries.elementStart(n,x),x}(c,u,r,n,i):u.data[c];ri(v,!0);const x=r[c]=r[Sn].createComment("");return ca(u,r,x,v),xo(x,r),Zt(v)&&(qd(u,r,v),Qd(u,v,r)),null!=i&&eh(r,v),lc}function cc(){let t=vn();const n=ft();return Ln()?wi():(t=t.parent,ri(t,!1)),n.firstCreatePass&&(Jr(n,t),On(t)&&n.queries.elementEnd(t)),cc}function gh(t,n,i){return lc(t,n,i),cc(),gh}function Rp(){return V()}function mh(t){return!!t&&"function"==typeof t.then}function Fp(t){return!!t&&"function"==typeof t.subscribe}const Np=Fp;function _h(t,n,i,r){const u=V(),c=ft(),v=vn();return function Bp(t,n,i,r,u,c,v){const x=Zt(r),ie=t.firstCreatePass&&pp(t),xe=n[ni],Ze=fp(n);let mt=!0;if(3&r.type||v){const hn=di(r,n),Tn=v?v(hn):hn,kn=Ze.length,Un=v?Zn=>v(Si(Zn[r.index])):r.index;let un=null;if(!v&&x&&(un=function M0(t,n,i,r){const u=t.cleanup;if(null!=u)for(let c=0;c<u.length-1;c+=2){const v=u[c];if(v===i&&u[c+1]===r){const x=n[_i],F=u[c+2];return x.length>F?x[F]:null}"string"==typeof v&&(c+=2)}return null}(t,n,u,r.index)),null!==un)(un.__ngLastListenerFn__||un).__ngNextListenerFn__=c,un.__ngLastListenerFn__=c,mt=!1;else{c=Hp(r,n,xe,c,!1);const Zn=i.listen(Tn,u,c);Ze.push(c,Zn),ie&&ie.push(u,Un,kn,kn+1)}}else c=Hp(r,n,xe,c,!1);const It=r.outputs;let Qt;if(mt&&null!==It&&(Qt=It[u])){const hn=Qt.length;if(hn)for(let Tn=0;Tn<hn;Tn+=2){const Ii=n[Qt[Tn]][Qt[Tn+1]].subscribe(c),Zi=Ze.length;Ze.push(c,Ii),ie&&ie.push(u,r.index,Zi,-(Zi+1))}}}(c,u,u[Sn],v,t,n,r),_h}function Up(t,n,i,r){try{return Xi(6,n,i),!1!==i(r)}catch(u){return mp(t,u),!1}finally{Xi(7,n,i)}}function Hp(t,n,i,r,u){return function c(v){if(v===Function)return r;tc(t.componentOffset>-1?Ji(t.index,n):n);let F=Up(n,i,r,v),ie=c.__ngNextListenerFn__;for(;ie;)F=Up(n,i,ie,v)&&F,ie=ie.__ngNextListenerFn__;return u&&!1===F&&(v.preventDefault(),v.returnValue=!1),F}}function Vp(t=1){return function mo(t){return(M.lFrame.contextLView=function xr(t,n){for(;t>0;)n=n[ki],t--;return n}(t,M.lFrame.contextLView))[ni]}(t)}function O0(t,n){let i=null;const r=function Q_(t){const n=t.attrs;if(null!=n){const i=n.indexOf(5);if(!(1&i))return n[i+1]}return null}(t);for(let u=0;u<n.length;u++){const c=n[u];if("*"!==c){if(null===r?zf(t,c,!0):tv(r,c))return u}else i=u}return i}function zp(t){const n=V()[Ti][hi];if(!n.projection){const r=n.projection=os(t?t.length:1,null),u=r.slice();let c=n.child;for(;null!==c;){const v=t?O0(c,t):0;null!==v&&(u[v]?u[v].projectionNext=c:r[v]=c,u[v]=c),c=c.next}}}function jp(t,n=0,i){const r=V(),u=ft(),c=Ma(u,ui+t,16,null,i||null);null===c.projection&&(c.projection=n),wi(),32!=(32&c.flags)&&function cd(t,n,i){Dl(n[Sn],0,n,i,hl(t,i,n),ml(i.parent||n[hi],i,n))}(u,r,c)}function dc(t,n){return t<<17|n<<2}function Es(t){return t>>17&32767}function yh(t){return 2|t}function $s(t){return(131068&t)>>2}function Ch(t,n){return-131069&t|n<<2}function Dh(t){return 1|t}function qp(t,n,i,r,u){const c=t[i+1],v=null===n;let x=r?Es(c):$s(c),F=!1;for(;0!==x&&(!1===F||v);){const xe=t[x+1];I0(t[x],n)&&(F=!0,t[x+1]=r?Dh(xe):yh(xe)),x=r?Es(xe):$s(xe)}F&&(t[i+1]=r?yh(c):Dh(c))}function I0(t,n){return null===t||null==n||(Array.isArray(t)?t[1]:t)===n||!(!Array.isArray(t)||"string"!=typeof n)&&Ae(t,n)>=0}const yo={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function eg(t){return t.substring(yo.key,yo.keyEnd)}function tg(t,n){const i=yo.textEnd;return i===n?-1:(n=yo.keyEnd=function N0(t,n,i){for(;n<i&&t.charCodeAt(n)>32;)n++;return n}(t,yo.key=n,i),Fa(t,n,i))}function Fa(t,n,i){for(;n<i&&t.charCodeAt(n)<=32;)n++;return n}function bh(t,n,i){return Rr(t,n,i,!1),bh}function Th(t,n){return Rr(t,n,null,!0),Th}function sg(t){!function Fr(t,n,i,r){const u=ft(),c=Qi(2);u.firstUpdatePass&&ug(u,null,c,r);const v=V();if(i!==ei&&$o(v,c,i)){const x=u.data[Vi()];if(hg(x,r)&&!ag(u,c)){let F=r?x.classesWithoutHost:x.stylesWithoutHost;null!==F&&(i=O(F,i||"")),fh(u,x,v,i,r)}else!function W0(t,n,i,r,u,c,v,x){u===ei&&(u=Be);let F=0,ie=0,xe=0<u.length?u[0]:null,Ze=0<c.length?c[0]:null;for(;null!==xe||null!==Ze;){const mt=F<u.length?u[F+1]:void 0,It=ie<c.length?c[ie+1]:void 0;let hn,Qt=null;xe===Ze?(F+=2,ie+=2,mt!==It&&(Qt=Ze,hn=It)):null===Ze||null!==xe&&xe<Ze?(F+=2,Qt=xe):(ie+=2,Qt=Ze,hn=It),null!==Qt&&cg(t,n,i,r,Qt,hn,v,x),xe=F<u.length?u[F]:null,Ze=ie<c.length?c[ie]:null}}(u,x,v,v[Sn],v[c+1],v[c+1]=function $0(t,n,i){if(null==i||""===i)return Be;const r=[],u=Pr(i);if(Array.isArray(u))for(let c=0;c<u.length;c++)t(r,u[c],!0);else if("object"==typeof u)for(const c in u)u.hasOwnProperty(c)&&t(r,c,u[c]);else"string"==typeof u&&n(r,u);return r}(t,n,i),r,c)}}(G0,Kr,t,!0)}function Kr(t,n){for(let i=function R0(t){return function ig(t){yo.key=0,yo.keyEnd=0,yo.value=0,yo.valueEnd=0,yo.textEnd=t.length}(t),tg(t,Fa(t,0,yo.textEnd))}(n);i>=0;i=tg(n,i))j(t,eg(n),!0)}function Rr(t,n,i,r){const u=V(),c=ft(),v=Qi(2);c.firstUpdatePass&&ug(c,t,v,r),n!==ei&&$o(u,v,n)&&cg(c,c.data[Vi()],u,u[Sn],t,u[v+1]=function Y0(t,n){return null==t||""===t||("string"==typeof n?t+=n:"object"==typeof t&&(t=C(Pr(t)))),t}(n,i),r,v)}function ag(t,n){return n>=t.expandoStartIndex}function ug(t,n,i,r){const u=t.data;if(null===u[i+1]){const c=u[Vi()],v=ag(t,i);hg(c,r)&&null===n&&!v&&(n=!1),n=function H0(t,n,i,r){const u=Rn(t);let c=r?n.residualClasses:n.residualStyles;if(null===u)0===(r?n.classBindings:n.styleBindings)&&(i=xu(i=Eh(null,t,n,i,r),n.attrs,r),c=null);else{const v=n.directiveStylingLast;if(-1===v||t[v]!==u)if(i=Eh(u,t,n,i,r),null===c){let F=function V0(t,n,i){const r=i?n.classBindings:n.styleBindings;if(0!==$s(r))return t[Es(r)]}(t,n,r);void 0!==F&&Array.isArray(F)&&(F=Eh(null,t,n,F[1],r),F=xu(F,n.attrs,r),function z0(t,n,i,r){t[Es(i?n.classBindings:n.styleBindings)]=r}(t,n,r,F))}else c=function j0(t,n,i){let r;const u=n.directiveEnd;for(let c=1+n.directiveStylingLast;c<u;c++)r=xu(r,t[c].hostAttrs,i);return xu(r,n.attrs,i)}(t,n,r)}return void 0!==c&&(r?n.residualClasses=c:n.residualStyles=c),i}(u,c,n,r),function P0(t,n,i,r,u,c){let v=c?n.classBindings:n.styleBindings,x=Es(v),F=$s(v);t[r]=i;let xe,ie=!1;if(Array.isArray(i)?(xe=i[1],(null===xe||Ae(i,xe)>0)&&(ie=!0)):xe=i,u)if(0!==F){const mt=Es(t[x+1]);t[r+1]=dc(mt,x),0!==mt&&(t[mt+1]=Ch(t[mt+1],r)),t[x+1]=function x0(t,n){return 131071&t|n<<17}(t[x+1],r)}else t[r+1]=dc(x,0),0!==x&&(t[x+1]=Ch(t[x+1],r)),x=r;else t[r+1]=dc(F,0),0===x?x=r:t[F+1]=Ch(t[F+1],r),F=r;ie&&(t[r+1]=yh(t[r+1])),qp(t,xe,r,!0),qp(t,xe,r,!1),function S0(t,n,i,r,u){const c=u?t.residualClasses:t.residualStyles;null!=c&&"string"==typeof n&&Ae(c,n)>=0&&(i[r+1]=Dh(i[r+1]))}(n,xe,t,r,c),v=dc(x,F),c?n.classBindings=v:n.styleBindings=v}(u,c,n,i,v,r)}}function Eh(t,n,i,r,u){let c=null;const v=i.directiveEnd;let x=i.directiveStylingLast;for(-1===x?x=i.directiveStart:x++;x<v&&(c=n[x],r=xu(r,c.hostAttrs,u),c!==t);)x++;return null!==t&&(i.directiveStylingLast=x),r}function xu(t,n,i){const r=i?1:2;let u=-1;if(null!==n)for(let c=0;c<n.length;c++){const v=n[c];"number"==typeof v?u=v:u===r&&(Array.isArray(t)||(t=void 0===t?[]:["",t]),j(t,v,!!i||n[++c]))}return void 0===t?null:t}function G0(t,n,i){const r=String(n);""!==r&&!r.includes(" ")&&j(t,r,i)}function cg(t,n,i,r,u,c,v,x){if(!(3&n.type))return;const F=t.data,ie=F[x+1],xe=function A0(t){return 1==(1&t)}(ie)?dg(F,n,i,u,$s(ie),v):void 0;hc(xe)||(hc(c)||function w0(t){return 2==(2&t)}(ie)&&(c=dg(F,null,i,u,x,v)),function hd(t,n,i,r,u){if(n)u?t.addClass(i,r):t.removeClass(i,r);else{let c=-1===r.indexOf("-")?void 0:gr.DashCase;null==u?t.removeStyle(i,r,c):("string"==typeof u&&u.endsWith("!important")&&(u=u.slice(0,-10),c|=gr.Important),t.setStyle(i,r,u,c))}}(r,v,fo(Vi(),i),u,c))}function dg(t,n,i,r,u,c){const v=null===n;let x;for(;u>0;){const F=t[u],ie=Array.isArray(F),xe=ie?F[1]:F,Ze=null===xe;let mt=i[u+1];mt===ei&&(mt=Ze?Be:void 0);let It=Ze?me(mt,r):xe===r?mt:void 0;if(ie&&!hc(It)&&(It=me(F,r)),hc(It)&&(x=It,v))return x;const Qt=t[u+1];u=v?Es(Qt):$s(Qt)}if(null!==n){let F=c?n.residualClasses:n.residualStyles;null!=F&&(x=me(F,r))}return x}function hc(t){return void 0!==t}function hg(t,n){return 0!=(t.flags&(n?8:16))}function fg(t,n=""){const i=V(),r=ft(),u=t+ui,c=r.firstCreatePass?Ma(r,u,1,n,null):r.data[u],v=i[u]=function iu(t,n){return t.createText(n)}(i[Sn],n);ca(r,i,v,c),ri(c,!1)}function Mh(t){return fc("",t,""),Mh}function fc(t,n,i){const r=V(),u=function wa(t,n,i,r){return $o(t,bo(),i)?n+de(i)+r:ei}(r,t,n,i);return u!==ei&&cs(r,Vi(),u),fc}function Oh(t,n,i,r,u){const c=V(),v=xa(c,t,n,i,r,u);return v!==ei&&cs(c,Vi(),v),Oh}function wh(t,n,i){const r=V();return $o(r,bo(),n)&&mr(ft(),Pi(),r,t,n,r[Sn],i,!0),wh}function xh(t,n,i){const r=V();if($o(r,bo(),n)){const c=ft(),v=Pi();mr(c,v,r,t,n,function gp(t,n,i){return(null===t||tt(t))&&(i=function Yo(t){for(;Array.isArray(t);){if("object"==typeof t[Ut])return t;t=t[li]}return null}(i[n.index])),i[Sn]}(Rn(c.data),v,r),i,!0)}return xh}const Gs=void 0;var fy=["en",[["a","p"],["AM","PM"],Gs],[["AM","PM"],Gs,Gs],[["S","M","T","W","T","F","S"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Su","Mo","Tu","We","Th","Fr","Sa"]],Gs,[["J","F","M","A","M","J","J","A","S","O","N","D"],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],["January","February","March","April","May","June","July","August","September","October","November","December"]],Gs,[["B","A"],["BC","AD"],["Before Christ","Anno Domini"]],0,[6,0],["M/d/yy","MMM d, y","MMMM d, y","EEEE, MMMM d, y"],["h:mm a","h:mm:ss a","h:mm:ss a z","h:mm:ss a zzzz"],["{1}, {0}",Gs,"{1} 'at' {0}",Gs],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function hy(t){const i=Math.floor(Math.abs(t)),r=t.toString().replace(/^[^.]*\.?/,"").length;return 1===i&&0===r?1:5}];let Na={};function Ah(t){const n=function py(t){return t.toLowerCase().replace(/_/g,"-")}(t);let i=Sg(n);if(i)return i;const r=n.split("-")[0];if(i=Sg(r),i)return i;if("en"===r)return fy;throw new Q(701,!1)}function Pg(t){return Ah(t)[Vn.PluralCase]}function Sg(t){return t in Na||(Na[t]=Ge.ng&&Ge.ng.common&&Ge.ng.common.locales&&Ge.ng.common.locales[t]),Na[t]}var Vn=(()=>((Vn=Vn||{})[Vn.LocaleId=0]="LocaleId",Vn[Vn.DayPeriodsFormat=1]="DayPeriodsFormat",Vn[Vn.DayPeriodsStandalone=2]="DayPeriodsStandalone",Vn[Vn.DaysFormat=3]="DaysFormat",Vn[Vn.DaysStandalone=4]="DaysStandalone",Vn[Vn.MonthsFormat=5]="MonthsFormat",Vn[Vn.MonthsStandalone=6]="MonthsStandalone",Vn[Vn.Eras=7]="Eras",Vn[Vn.FirstDayOfWeek=8]="FirstDayOfWeek",Vn[Vn.WeekendRange=9]="WeekendRange",Vn[Vn.DateFormat=10]="DateFormat",Vn[Vn.TimeFormat=11]="TimeFormat",Vn[Vn.DateTimeFormat=12]="DateTimeFormat",Vn[Vn.NumberSymbols=13]="NumberSymbols",Vn[Vn.NumberFormats=14]="NumberFormats",Vn[Vn.CurrencyCode=15]="CurrencyCode",Vn[Vn.CurrencySymbol=16]="CurrencySymbol",Vn[Vn.CurrencyName=17]="CurrencyName",Vn[Vn.Currencies=18]="Currencies",Vn[Vn.Directionality=19]="Directionality",Vn[Vn.PluralCase=20]="PluralCase",Vn[Vn.ExtraData=21]="ExtraData",Vn))();const La="en-US";let Ig=La;function Ih(t,n,i,r,u){if(t=y(t),Array.isArray(t))for(let c=0;c<t.length;c++)Ih(t[c],n,i,r,u);else{const c=ft(),v=V();let x=$r(t)?t:y(t.provide),F=Mn(t);const ie=vn(),xe=1048575&ie.providerIndexes,Ze=ie.directiveStart,mt=ie.providerIndexes>>20;if($r(t)||!t.multi){const It=new Xe(F,u,Ea),Qt=Rh(x,n,u?xe:xe+mt,Ze);-1===Qt?(Ss(Ur(ie,v),c,x),kh(c,t,n.length),n.push(x),ie.directiveStart++,ie.directiveEnd++,u&&(ie.providerIndexes+=1048576),i.push(It),v.push(It)):(i[Qt]=It,v[Qt]=It)}else{const It=Rh(x,n,xe+mt,Ze),Qt=Rh(x,n,xe,xe+mt),Tn=Qt>=0&&i[Qt];if(u&&!Tn||!u&&!(It>=0&&i[It])){Ss(Ur(ie,v),c,x);const kn=function dC(t,n,i,r,u){const c=new Xe(t,i,Ea);return c.multi=[],c.index=n,c.componentProviders=0,im(c,u,r&&!i),c}(u?cC:lC,i.length,u,r,F);!u&&Tn&&(i[Qt].providerFactory=kn),kh(c,t,n.length,0),n.push(x),ie.directiveStart++,ie.directiveEnd++,u&&(ie.providerIndexes+=1048576),i.push(kn),v.push(kn)}else kh(c,t,It>-1?It:Qt,im(i[u?Qt:It],F,!u&&r));!u&&r&&Tn&&i[Qt].componentProviders++}}}function kh(t,n,i,r){const u=$r(n),c=function Vd(t){return!!t.useClass}(n);if(u||c){const F=(c?y(n.useClass):n).prototype.ngOnDestroy;if(F){const ie=t.destroyHooks||(t.destroyHooks=[]);if(!u&&n.multi){const xe=ie.indexOf(i);-1===xe?ie.push(i,[r,F]):ie[xe+1].push(r,F)}else ie.push(i,F)}}}function im(t,n,i){return i&&t.componentProviders++,t.multi.push(n)-1}function Rh(t,n,i,r){for(let u=i;u<r;u++)if(n[u]===t)return u;return-1}function lC(t,n,i,r){return Fh(this.multi,[])}function cC(t,n,i,r){const u=this.multi;let c;if(this.providerFactory){const v=this.providerFactory.componentProviders,x=Ar(i,i[pn],this.providerFactory.index,r);c=x.slice(0,v),Fh(u,c);for(let F=v;F<x.length;F++)c.push(x[F])}else c=[],Fh(u,c);return c}function Fh(t,n){for(let i=0;i<t.length;i++)n.push((0,t[i])());return n}function om(t,n=[]){return i=>{i.providersResolver=(r,u)=>function uC(t,n,i){const r=ft();if(r.firstCreatePass){const u=tt(t);Ih(i,r.data,r.blueprint,u,!0),Ih(n,r.data,r.blueprint,u,!1)}}(r,u?u(t):t,n)}}class Ba{}class rm{}function hC(t,n){return new sm(t,null!=n?n:null)}class sm extends Ba{constructor(n,i){super(),this._parent=i,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new _p(this);const r=Cn(n);this._bootstrapComponents=ls(r.bootstrap),this._r3Injector=Xf(n,i,[{provide:Ba,useValue:this},{provide:Du,useValue:this.componentFactoryResolver}],C(n),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(n)}get injector(){return this._r3Injector}destroy(){const n=this._r3Injector;!n.destroyed&&n.destroy(),this.destroyCbs.forEach(i=>i()),this.destroyCbs=null}onDestroy(n){this.destroyCbs.push(n)}}class Nh extends rm{constructor(n){super(),this.moduleType=n}create(n){return new sm(this.moduleType,n)}}class fC extends Ba{constructor(n,i,r){super(),this.componentFactoryResolver=new _p(this),this.instance=null;const u=new d([...n,{provide:Ba,useValue:this},{provide:Du,useValue:this.componentFactoryResolver}],i||E(),r,new Set(["environment"]));this.injector=u,u.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(n){this.injector.onDestroy(n)}}function Lh(t,n,i=null){return new fC(t,n,i).injector}let pC=(()=>{class t{constructor(i){this._injector=i,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(i){if(!i.standalone)return null;if(!this.cachedInjectors.has(i.id)){const r=Gl(0,i.type),u=r.length>0?Lh([r],this._injector,`Standalone[${i.type.name}]`):null;this.cachedInjectors.set(i.id,u)}return this.cachedInjectors.get(i.id)}ngOnDestroy(){try{for(const i of this.cachedInjectors.values())null!==i&&i.destroy()}finally{this.cachedInjectors.clear()}}}return t.\u0275prov=Et({token:t,providedIn:"environment",factory:()=>new t(lt(a))}),t})();function am(t){t.getStandaloneInjector=n=>n.get(pC).getOrCreateStandaloneInjector(t)}function pm(t,n,i){const r=ci()+t,u=V();return u[r]===ei?Yr(u,r,i?n.call(i):n()):function wu(t,n){return t[n]}(u,r)}function gm(t,n,i,r){return _m(V(),ci(),t,n,i,r)}function mm(t,n,i,r,u){return vm(V(),ci(),t,n,i,r,u)}function Ru(t,n){const i=t[n];return i===ei?void 0:i}function _m(t,n,i,r,u,c){const v=n+i;return $o(t,v,u)?Yr(t,v+1,c?r.call(c,u):r(u)):Ru(t,v+1)}function vm(t,n,i,r,u,c,v){const x=n+i;return js(t,x,u,c)?Yr(t,x+2,v?r.call(v,u,c):r(u,c)):Ru(t,x+2)}function ym(t,n,i,r,u,c,v,x){const F=n+i;return function sc(t,n,i,r,u){const c=js(t,n,i,r);return $o(t,n+2,u)||c}(t,F,u,c,v)?Yr(t,F+3,x?r.call(x,u,c,v):r(u,c,v)):Ru(t,F+3)}function bm(t,n){const i=ft();let r;const u=t+ui;var c;i.firstCreatePass?(r=function PC(t,n){if(n)for(let i=n.length-1;i>=0;i--){const r=n[i];if(t===r.name)return r}}(n,i.pipeRegistry),i.data[u]=r,r.onDestroy&&(null!==(c=i.destroyHooks)&&void 0!==c?c:i.destroyHooks=[]).push(u,r.onDestroy)):r=i.data[u];const v=r.factory||(r.factory=co(r.type)),x=Ee(Ea);try{const F=hs(!1),ie=v();return hs(F),function b0(t,n,i,r){i>=t.data.length&&(t.data[i]=null,t.blueprint[i]=null),n[i]=r}(i,V(),u,ie),ie}finally{Ee(x)}}function Tm(t,n,i){const r=t+ui,u=V(),c=ir(u,r);return Fu(u,r)?_m(u,ci(),n,c.transform,i,c):c.transform(i)}function Em(t,n,i,r){const u=t+ui,c=V(),v=ir(c,u);return Fu(c,u)?vm(c,ci(),n,v.transform,i,r,v):v.transform(i,r)}function Mm(t,n,i,r,u){const c=t+ui,v=V(),x=ir(v,c);return Fu(v,c)?ym(v,ci(),n,x.transform,i,r,u,x):x.transform(i,r,u)}function Fu(t,n){return t[pn].data[n].pure}function Uh(t){return n=>{setTimeout(t,void 0,n)}}const Xr=class kC extends e.xQ{constructor(n=!1){super(),this.__isAsync=n}emit(n){super.next(n)}subscribe(n,i,r){let u=n,c=i||(()=>null),v=r;if(n&&"object"==typeof n){var x,F,ie;const Ze=n;u=null===(x=Ze.next)||void 0===x?void 0:x.bind(Ze),c=null===(F=Ze.error)||void 0===F?void 0:F.bind(Ze),v=null===(ie=Ze.complete)||void 0===ie?void 0:ie.bind(Ze)}this.__isAsync&&(c=Uh(c),u&&(u=Uh(u)),v&&(v=Uh(v)));const xe=super.subscribe({next:u,error:c,complete:v});return n instanceof o.w&&n.add(xe),xe}};function RC(){return this._results[Symbol.iterator]()}class vc{get changes(){return this._changes||(this._changes=new Xr)}constructor(n=!1){this._emitDistinctChangesOnly=n,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=null,this.length=0,this.first=void 0,this.last=void 0;const i=vc.prototype;i[Symbol.iterator]||(i[Symbol.iterator]=RC)}get(n){return this._results[n]}map(n){return this._results.map(n)}filter(n){return this._results.filter(n)}find(n){return this._results.find(n)}reduce(n,i){return this._results.reduce(n,i)}forEach(n){this._results.forEach(n)}some(n){return this._results.some(n)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(n,i){const r=this;r.dirty=!1;const u=function Jo(t){return t.flat(Number.POSITIVE_INFINITY)}(n);(this._changesDetected=!function Yu(t,n,i){if(t.length!==n.length)return!1;for(let r=0;r<t.length;r++){let u=t[r],c=n[r];if(i&&(u=i(u),c=i(c)),c!==u)return!1}return!0}(r._results,u,i))&&(r._results=u,r.length=u.length,r.last=u[this.length-1],r.first=u[0])}notifyOnChanges(){this._changes&&(this._changesDetected||!this._emitDistinctChangesOnly)&&this._changes.emit(this)}setDirty(){this.dirty=!0}destroy(){this.changes.complete(),this.changes.unsubscribe()}}let Nu=(()=>{class t{}return t.__NG_ELEMENT_ID__=LC,t})();const FC=Nu,NC=class extends FC{constructor(n,i,r){super(),this._declarationLView=n,this._declarationTContainer=i,this.elementRef=r}createEmbeddedView(n,i){const r=this._declarationTContainer.tView,u=Ql(this._declarationLView,r,n,16,null,r.declTNode,null,null,null,null,i||null);u[io]=this._declarationLView[this._declarationTContainer.index];const v=this._declarationLView[oo];return null!==v&&(u[oo]=v.createEmbeddedView(r)),Jd(r,u,n),new Mu(u)}};function LC(){return yc(vn(),V())}function yc(t,n){return 4&t.type?new NC(n,t,Da(t,n)):null}let Cc=(()=>{class t{}return t.__NG_ELEMENT_ID__=BC,t})();function BC(){return xm(vn(),V())}const UC=Cc,Om=class extends UC{constructor(n,i,r){super(),this._lContainer=n,this._hostTNode=i,this._hostLView=r}get element(){return Da(this._hostTNode,this._hostLView)}get injector(){return new Ri(this._hostTNode,this._hostLView)}get parentInjector(){const n=Ps(this._hostTNode,this._hostLView);if(eo(n)){const i=Vo(n,this._hostLView),r=Eo(n);return new Ri(i[pn].data[r+8],i)}return new Ri(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(n){const i=wm(this._lContainer);return null!==i&&i[n]||null}get length(){return this._lContainer.length-qe}createEmbeddedView(n,i,r){let u,c;"number"==typeof r?u=r:null!=r&&(u=r.index,c=r.injector);const v=n.createEmbeddedView(i||{},c);return this.insert(v,u),v}createComponent(n,i,r,u,c){const v=n&&!function sr(t){return"function"==typeof t}(n);let x;if(v)x=i;else{const Ze=i||{};x=Ze.index,r=Ze.injector,u=Ze.projectableNodes,c=Ze.environmentInjector||Ze.ngModuleRef}const F=v?n:new Ou(on(n)),ie=r||this.parentInjector;if(!c&&null==F.ngModule){const mt=(v?ie:this.parentInjector).get(a,null);mt&&(c=mt)}const xe=F.create(ie,u,void 0,c);return this.insert(xe.hostView,x),xe}insert(n,i){const r=n._lView,u=r[pn];if(function po(t){return rn(t[ti])}(r)){const xe=this.indexOf(n);if(-1!==xe)this.detach(xe);else{const Ze=r[ti],mt=new Om(Ze,Ze[hi],Ze[ti]);mt.detach(mt.indexOf(n))}}const c=this._adjustIndex(i),v=this._lContainer;!function od(t,n,i,r){const u=qe+r,c=i.length;r>0&&(i[u-1][ai]=n),r<c-qe?(n[ai]=i[u],ia(i,qe+r,n)):(i.push(n),n[ai]=null),n[ti]=i;const v=n[io];null!==v&&i!==v&&function rd(t,n){const i=t[nt];n[Ti]!==n[ti][ti][Ti]&&(t[Me]=!0),null===i?t[nt]=[n]:i.push(n)}(v,n);const x=n[oo];null!==x&&x.insertView(t),n[wn]|=64}(u,r,v,c);const x=uu(c,v),F=r[Sn],ie=la(F,v[ee]);return null!==ie&&function td(t,n,i,r,u,c){r[li]=u,r[hi]=n,Us(t,r,i,1,u,c)}(u,v[hi],F,r,ie,x),n.attachToViewContainerRef(),ia(Hh(v),c,n),n}move(n,i){return this.insert(n,i)}indexOf(n){const i=wm(this._lContainer);return null!==i?i.indexOf(n):-1}remove(n){const i=this._adjustIndex(n,-1),r=ru(this._lContainer,i);r&&(is(Hh(this._lContainer),i),dl(r[pn],r))}detach(n){const i=this._adjustIndex(n,-1),r=ru(this._lContainer,i);return r&&null!=is(Hh(this._lContainer),i)?new Mu(r):null}_adjustIndex(n,i=0){return null==n?this.length+i:n}};function wm(t){return t[ge]}function Hh(t){return t[ge]||(t[ge]=[])}function xm(t,n){let i;const r=n[t.index];if(rn(r))i=r;else{let u;if(8&t.type)u=Si(r);else{const c=n[Sn];u=c.createComment("");const v=di(t,n);as(c,la(c,v),u,function ld(t,n){return t.nextSibling(n)}(c,v),!1)}n[t.index]=i=hp(r,n,u,t),ec(n,i)}return new Om(i,t,n)}class Vh{constructor(n){this.queryList=n,this.matches=null}clone(){return new Vh(this.queryList)}setDirty(){this.queryList.setDirty()}}class zh{constructor(n=[]){this.queries=n}createEmbeddedView(n){const i=n.queries;if(null!==i){const r=null!==n.contentQueries?n.contentQueries[0]:i.length,u=[];for(let c=0;c<r;c++){const v=i.getByIndex(c);u.push(this.queries[v.indexInDeclarationView].clone())}return new zh(u)}return null}insertView(n){this.dirtyQueriesWithMatches(n)}detachView(n){this.dirtyQueriesWithMatches(n)}dirtyQueriesWithMatches(n){for(let i=0;i<this.queries.length;i++)null!==Lm(n,i).matches&&this.queries[i].setDirty()}}class Am{constructor(n,i,r=null){this.predicate=n,this.flags=i,this.read=r}}class jh{constructor(n=[]){this.queries=n}elementStart(n,i){for(let r=0;r<this.queries.length;r++)this.queries[r].elementStart(n,i)}elementEnd(n){for(let i=0;i<this.queries.length;i++)this.queries[i].elementEnd(n)}embeddedTView(n){let i=null;for(let r=0;r<this.length;r++){const u=null!==i?i.length:0,c=this.getByIndex(r).embeddedTView(n,u);c&&(c.indexInDeclarationView=r,null!==i?i.push(c):i=[c])}return null!==i?new jh(i):null}template(n,i){for(let r=0;r<this.queries.length;r++)this.queries[r].template(n,i)}getByIndex(n){return this.queries[n]}get length(){return this.queries.length}track(n){this.queries.push(n)}}class $h{constructor(n,i=-1){this.metadata=n,this.matches=null,this.indexInDeclarationView=-1,this.crossesNgTemplate=!1,this._appliesToNextNode=!0,this._declarationNodeIndex=i}elementStart(n,i){this.isApplyingToNode(i)&&this.matchTNode(n,i)}elementEnd(n){this._declarationNodeIndex===n.index&&(this._appliesToNextNode=!1)}template(n,i){this.elementStart(n,i)}embeddedTView(n,i){return this.isApplyingToNode(n)?(this.crossesNgTemplate=!0,this.addMatch(-n.index,i),new $h(this.metadata)):null}isApplyingToNode(n){if(this._appliesToNextNode&&1!=(1&this.metadata.flags)){const i=this._declarationNodeIndex;let r=n.parent;for(;null!==r&&8&r.type&&r.index!==i;)r=r.parent;return i===(null!==r?r.index:-1)}return this._appliesToNextNode}matchTNode(n,i){const r=this.metadata.predicate;if(Array.isArray(r))for(let u=0;u<r.length;u++){const c=r[u];this.matchTNodeWithReadOption(n,i,HC(i,c)),this.matchTNodeWithReadOption(n,i,fs(i,n,c,!1,!1))}else r===Nu?4&i.type&&this.matchTNodeWithReadOption(n,i,-1):this.matchTNodeWithReadOption(n,i,fs(i,n,r,!1,!1))}matchTNodeWithReadOption(n,i,r){if(null!==r){const u=this.metadata.read;if(null!==u)if(u===bu||u===Cc||u===Nu&&4&i.type)this.addMatch(i.index,-2);else{const c=fs(i,n,u,!1,!1);null!==c&&this.addMatch(i.index,c)}else this.addMatch(i.index,r)}}addMatch(n,i){null===this.matches?this.matches=[n,i]:this.matches.push(n,i)}}function HC(t,n){const i=t.localNames;if(null!==i)for(let r=0;r<i.length;r+=2)if(i[r]===n)return i[r+1];return null}function zC(t,n,i,r){return-1===i?function VC(t,n){return 11&t.type?Da(t,n):4&t.type?yc(t,n):null}(n,t):-2===i?function jC(t,n,i){return i===bu?Da(n,t):i===Nu?yc(n,t):i===Cc?xm(n,t):void 0}(t,n,r):Ar(t,t[pn],i,n)}function Pm(t,n,i,r){const u=n[oo].queries[r];if(null===u.matches){const c=t.data,v=i.matches,x=[];for(let F=0;F<v.length;F+=2){const ie=v[F];x.push(ie<0?null:zC(n,c[ie],v[F+1],i.metadata.read))}u.matches=x}return u.matches}function Gh(t,n,i,r){const u=t.queries.getByIndex(i),c=u.matches;if(null!==c){const v=Pm(t,n,u,i);for(let x=0;x<c.length;x+=2){const F=c[x];if(F>0)r.push(v[x/2]);else{const ie=c[x+1],xe=n[-F];for(let Ze=qe;Ze<xe.length;Ze++){const mt=xe[Ze];mt[io]===mt[ti]&&Gh(mt[pn],mt,ie,r)}if(null!==xe[nt]){const Ze=xe[nt];for(let mt=0;mt<Ze.length;mt++){const It=Ze[mt];Gh(It[pn],It,ie,r)}}}}}return r}function Sm(t){const n=V(),i=ft(),r=Jn();vi(r+1);const u=Lm(i,r);if(t.dirty&&function yr(t){return 4==(4&t[wn])}(n)===(2==(2&u.metadata.flags))){if(null===u.matches)t.reset([]);else{const c=u.crossesNgTemplate?Gh(i,n,r,[]):Pm(i,n,u,r);t.reset(c,F_),t.notifyOnChanges()}return!0}return!1}function Im(t,n,i){const r=ft();r.firstCreatePass&&(Nm(r,new Am(t,n,i),-1),2==(2&n)&&(r.staticViewQueries=!0)),Fm(r,V(),n)}function km(t,n,i,r){const u=ft();if(u.firstCreatePass){const c=vn();Nm(u,new Am(n,i,r),c.index),function GC(t,n){const i=t.contentQueries||(t.contentQueries=[]);n!==(i.length?i[i.length-1]:-1)&&i.push(t.queries.length-1,n)}(u,t),2==(2&i)&&(u.staticContentQueries=!0)}Fm(u,V(),i)}function Rm(){return function $C(t,n){return t[oo].queries[n].queryList}(V(),Jn())}function Fm(t,n,i){const r=new vc(4==(4&i));ap(t,n,r,r.destroy),null===n[oo]&&(n[oo]=new zh),n[oo].queries.push(new Vh(r))}function Nm(t,n,i){null===t.queries&&(t.queries=new jh),t.queries.track(new $h(n,i))}function Lm(t,n){return t.queries.getByIndex(n)}function Bm(t,n){return yc(t,n)}function Wh(t){return!!Cn(t)}function bc(...t){}const n_=new Ai("Application Initializer");let Tc=(()=>{class t{constructor(i){this.appInits=i,this.resolve=bc,this.reject=bc,this.initialized=!1,this.done=!1,this.donePromise=new Promise((r,u)=>{this.resolve=r,this.reject=u})}runInitializers(){if(this.initialized)return;const i=[],r=()=>{this.done=!0,this.resolve()};if(this.appInits)for(let u=0;u<this.appInits.length;u++){const c=this.appInits[u]();if(mh(c))i.push(c);else if(Np(c)){const v=new Promise((x,F)=>{c.subscribe({complete:x,error:F})});i.push(v)}}Promise.all(i).then(()=>{r()}).catch(u=>{this.reject(u)}),0===i.length&&r(),this.initialized=!0}}return t.\u0275fac=function(i){return new(i||t)(lt(n_,8))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();const i_=new Ai("AppId",{providedIn:"root",factory:function o_(){return`${Jh()}${Jh()}${Jh()}`}});function Jh(){return String.fromCharCode(97+Math.floor(25*Math.random()))}const r_=new Ai("Platform Initializer"),dD=new Ai("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),hD=new Ai("AnimationModuleType");let fD=(()=>{class t{log(i){console.log(i)}warn(i){console.warn(i)}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();const Ec=new Ai("LocaleId",{providedIn:"root",factory:()=>st(Ec,Jt.Optional|Jt.SkipSelf)||function pD(){return typeof $localize<"u"&&$localize.locale||La}()}),gD=new Ai("DefaultCurrencyCode",{providedIn:"root",factory:()=>"USD"});class mD{constructor(n,i){this.ngModuleFactory=n,this.componentFactories=i}}let _D=(()=>{class t{compileModuleSync(i){return new Nh(i)}compileModuleAsync(i){return Promise.resolve(this.compileModuleSync(i))}compileModuleAndAllComponentsSync(i){const r=this.compileModuleSync(i),c=ls(Cn(i).declarations).reduce((v,x)=>{const F=on(x);return F&&v.push(new Ou(F)),v},[]);return new mD(r,c)}compileModuleAndAllComponentsAsync(i){return Promise.resolve(this.compileModuleAndAllComponentsSync(i))}clearCache(){}clearCacheFor(i){}getModuleId(i){}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();const CD=(()=>Promise.resolve(0))();function Qh(t){typeof Zone>"u"?CD.then(()=>{t&&t.apply(null,null)}):Zone.current.scheduleMicroTask("scheduleMicrotask",t)}class Mr{constructor({enableLongStackTrace:n=!1,shouldCoalesceEventChangeDetection:i=!1,shouldCoalesceRunChangeDetection:r=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new Xr(!1),this.onMicrotaskEmpty=new Xr(!1),this.onStable=new Xr(!1),this.onError=new Xr(!1),typeof Zone>"u")throw new Q(908,!1);Zone.assertZonePatched();const u=this;u._nesting=0,u._outer=u._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(u._inner=u._inner.fork(new Zone.TaskTrackingZoneSpec)),n&&Zone.longStackTraceZoneSpec&&(u._inner=u._inner.fork(Zone.longStackTraceZoneSpec)),u.shouldCoalesceEventChangeDetection=!r&&i,u.shouldCoalesceRunChangeDetection=r,u.lastRequestAnimationFrameId=-1,u.nativeRequestAnimationFrame=function DD(){let t=Ge.requestAnimationFrame,n=Ge.cancelAnimationFrame;if(typeof Zone<"u"&&t&&n){const i=t[Zone.__symbol__("OriginalDelegate")];i&&(t=i);const r=n[Zone.__symbol__("OriginalDelegate")];r&&(n=r)}return{nativeRequestAnimationFrame:t,nativeCancelAnimationFrame:n}}().nativeRequestAnimationFrame,function ED(t){const n=()=>{!function TD(t){t.isCheckStableRunning||-1!==t.lastRequestAnimationFrameId||(t.lastRequestAnimationFrameId=t.nativeRequestAnimationFrame.call(Ge,()=>{t.fakeTopEventTask||(t.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{t.lastRequestAnimationFrameId=-1,ef(t),t.isCheckStableRunning=!0,qh(t),t.isCheckStableRunning=!1},void 0,()=>{},()=>{})),t.fakeTopEventTask.invoke()}),ef(t))}(t)};t._inner=t._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(i,r,u,c,v,x)=>{try{return u_(t),i.invokeTask(u,c,v,x)}finally{(t.shouldCoalesceEventChangeDetection&&"eventTask"===c.type||t.shouldCoalesceRunChangeDetection)&&n(),l_(t)}},onInvoke:(i,r,u,c,v,x,F)=>{try{return u_(t),i.invoke(u,c,v,x,F)}finally{t.shouldCoalesceRunChangeDetection&&n(),l_(t)}},onHasTask:(i,r,u,c)=>{i.hasTask(u,c),r===u&&("microTask"==c.change?(t._hasPendingMicrotasks=c.microTask,ef(t),qh(t)):"macroTask"==c.change&&(t.hasPendingMacrotasks=c.macroTask))},onHandleError:(i,r,u,c)=>(i.handleError(u,c),t.runOutsideAngular(()=>t.onError.emit(c)),!1)})}(u)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!Mr.isInAngularZone())throw new Q(909,!1)}static assertNotInAngularZone(){if(Mr.isInAngularZone())throw new Q(909,!1)}run(n,i,r){return this._inner.run(n,i,r)}runTask(n,i,r,u){const c=this._inner,v=c.scheduleEventTask("NgZoneEvent: "+u,n,bD,bc,bc);try{return c.runTask(v,i,r)}finally{c.cancelTask(v)}}runGuarded(n,i,r){return this._inner.runGuarded(n,i,r)}runOutsideAngular(n){return this._outer.run(n)}}const bD={};function qh(t){if(0==t._nesting&&!t.hasPendingMicrotasks&&!t.isStable)try{t._nesting++,t.onMicrotaskEmpty.emit(null)}finally{if(t._nesting--,!t.hasPendingMicrotasks)try{t.runOutsideAngular(()=>t.onStable.emit(null))}finally{t.isStable=!0}}}function ef(t){t.hasPendingMicrotasks=!!(t._hasPendingMicrotasks||(t.shouldCoalesceEventChangeDetection||t.shouldCoalesceRunChangeDetection)&&-1!==t.lastRequestAnimationFrameId)}function u_(t){t._nesting++,t.isStable&&(t.isStable=!1,t.onUnstable.emit(null))}function l_(t){t._nesting--,qh(t)}class MD{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new Xr,this.onMicrotaskEmpty=new Xr,this.onStable=new Xr,this.onError=new Xr}run(n,i,r){return n.apply(i,r)}runGuarded(n,i,r){return n.apply(i,r)}runOutsideAngular(n){return n()}runTask(n,i,r,u){return n.apply(i,r)}}const c_=new Ai(""),d_=new Ai("");let tf,OD=(()=>{class t{constructor(i,r,u){this._ngZone=i,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,tf||(function wD(t){tf=t}(u),u.addToWindow(r)),this._watchAngularEvents(),i.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{Mr.assertNotInAngularZone(),Qh(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())Qh(()=>{for(;0!==this._callbacks.length;){let i=this._callbacks.pop();clearTimeout(i.timeoutId),i.doneCb(this._didWork)}this._didWork=!1});else{let i=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(i)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(i=>({source:i.source,creationLocation:i.creationLocation,data:i.data})):[]}addCallback(i,r,u){let c=-1;r&&r>0&&(c=setTimeout(()=>{this._callbacks=this._callbacks.filter(v=>v.timeoutId!==c),i(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:i,timeoutId:c,updateCb:u})}whenStable(i,r,u){if(u&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(i,r,u),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(i){this.registry.registerApplication(i,this)}unregisterApplication(i){this.registry.unregisterApplication(i)}findProviders(i,r,u){return[]}}return t.\u0275fac=function(i){return new(i||t)(lt(Mr),lt(h_),lt(d_))},t.\u0275prov=Et({token:t,factory:t.\u0275fac}),t})(),h_=(()=>{class t{constructor(){this._applications=new Map}registerApplication(i,r){this._applications.set(i,r)}unregisterApplication(i){this._applications.delete(i)}unregisterAllApplications(){this._applications.clear()}getTestability(i){return this._applications.get(i)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(i,r=!0){var u,c;return null!==(u=null===(c=tf)||void 0===c?void 0:c.findTestabilityInTree(this,i,r))&&void 0!==u?u:null}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();const ds=!1;let Ms=null;const f_=new Ai("AllowMultipleToken"),nf=new Ai("PlatformDestroyListeners"),p_=new Ai("appBootstrapListener");class PD{constructor(n,i){this.name=n,this.token=i}}function m_(t,n,i=[]){const r=`Platform: ${n}`,u=new Ai(r);return(c=[])=>{let v=rf();if(!v||v.injector.get(f_,!1)){const x=[...i,...c,{provide:u,useValue:!0}];t?t(x):function SD(t){if(Ms&&!Ms.get(f_,!1))throw new Q(400,!1);Ms=t;const n=t.get(v_);(function g_(t){const n=t.get(r_,null);n&&n.forEach(i=>i())})(t)}(function __(t=[],n){return zs.create({name:n,providers:[{provide:ya,useValue:"platform"},{provide:nf,useValue:new Set([()=>Ms=null])},...t]})}(x,r))}return function kD(t){const n=rf();if(!n)throw new Q(401,!1);return n}()}}function rf(){var t,n;return null!==(t=null===(n=Ms)||void 0===n?void 0:n.get(v_))&&void 0!==t?t:null}let v_=(()=>{class t{constructor(i){this._injector=i,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(i,r){const u=function C_(t,n){let i;return i="noop"===t?new MD:("zone.js"===t?void 0:t)||new Mr(n),i}(null==r?void 0:r.ngZone,function y_(t){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:!(!t||!t.ngZoneEventCoalescing)||!1,shouldCoalesceRunChangeDetection:!(!t||!t.ngZoneRunCoalescing)||!1}}(r)),c=[{provide:Mr,useValue:u}];return u.run(()=>{const v=zs.create({providers:c,parent:this.injector,name:i.moduleType.name}),x=i.create(v),F=x.injector.get(Tu,null);if(!F)throw new Q(402,!1);return u.runOutsideAngular(()=>{const ie=u.onError.subscribe({next:xe=>{F.handleError(xe)}});x.onDestroy(()=>{Oc(this._modules,x),ie.unsubscribe()})}),function D_(t,n,i){try{const r=i();return mh(r)?r.catch(u=>{throw n.runOutsideAngular(()=>t.handleError(u)),u}):r}catch(r){throw n.runOutsideAngular(()=>t.handleError(r)),r}}(F,u,()=>{const ie=x.injector.get(Tc);return ie.runInitializers(),ie.donePromise.then(()=>(function kg(t){be(t,"Expected localeId to be defined"),"string"==typeof t&&(Ig=t.toLowerCase().replace(/_/g,"-"))}(x.injector.get(Ec,La)||La),this._moduleDoBootstrap(x),x))})})}bootstrapModule(i,r=[]){const u=b_({},r);return function xD(t,n,i){const r=new Nh(i);return Promise.resolve(r)}(0,0,i).then(c=>this.bootstrapModuleFactory(c,u))}_moduleDoBootstrap(i){const r=i.injector.get(Mc);if(i._bootstrapComponents.length>0)i._bootstrapComponents.forEach(u=>r.bootstrap(u));else{if(!i.instance.ngDoBootstrap)throw new Q(-403,!1);i.instance.ngDoBootstrap(r)}this._modules.push(i)}onDestroy(i){this._destroyListeners.push(i)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new Q(404,!1);this._modules.slice().forEach(r=>r.destroy()),this._destroyListeners.forEach(r=>r());const i=this._injector.get(nf,null);i&&(i.forEach(r=>r()),i.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}}return t.\u0275fac=function(i){return new(i||t)(lt(zs))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"platform"}),t})();function b_(t,n){return Array.isArray(n)?n.reduce(b_,t):{...t,...n}}let Mc=(()=>{class t{get destroyed(){return this._destroyed}get injector(){return this._injector}constructor(i,r,u){this._zone=i,this._injector=r,this._exceptionHandler=u,this._bootstrapListeners=[],this._views=[],this._runningTick=!1,this._stable=!0,this._destroyed=!1,this._destroyListeners=[],this.componentTypes=[],this.components=[],this._onMicrotaskEmptySubscription=this._zone.onMicrotaskEmpty.subscribe({next:()=>{this._zone.run(()=>{this.tick()})}});const c=new p.y(x=>{this._stable=this._zone.isStable&&!this._zone.hasPendingMacrotasks&&!this._zone.hasPendingMicrotasks,this._zone.runOutsideAngular(()=>{x.next(this._stable),x.complete()})}),v=new p.y(x=>{let F;this._zone.runOutsideAngular(()=>{F=this._zone.onStable.subscribe(()=>{Mr.assertNotInAngularZone(),Qh(()=>{!this._stable&&!this._zone.hasPendingMacrotasks&&!this._zone.hasPendingMicrotasks&&(this._stable=!0,x.next(!0))})})});const ie=this._zone.onUnstable.subscribe(()=>{Mr.assertInAngularZone(),this._stable&&(this._stable=!1,this._zone.runOutsideAngular(()=>{x.next(!1)}))});return()=>{F.unsubscribe(),ie.unsubscribe()}});this.isStable=(0,_.T)(c,v.pipe((0,g.B)()))}bootstrap(i,r){const u=i instanceof Gr;if(!this._injector.get(Tc).done){!u&&Dn(i);throw new Q(405,ds)}let v;v=u?i:this._injector.get(Du).resolveComponentFactory(i),this.componentTypes.push(v.componentType);const x=function AD(t){return t.isBoundToModule}(v)?void 0:this._injector.get(Ba),ie=v.create(zs.NULL,[],r||v.selector,x),xe=ie.location.nativeElement,Ze=ie.injector.get(c_,null);return null==Ze||Ze.registerApplication(xe),ie.onDestroy(()=>{this.detachView(ie.hostView),Oc(this.components,ie),null==Ze||Ze.unregisterApplication(xe)}),this._loadComponent(ie),ie}tick(){if(this._runningTick)throw new Q(101,!1);try{this._runningTick=!0;for(let i of this._views)i.detectChanges()}catch(i){this._zone.runOutsideAngular(()=>this._exceptionHandler.handleError(i))}finally{this._runningTick=!1}}attachView(i){const r=i;this._views.push(r),r.attachToAppRef(this)}detachView(i){const r=i;Oc(this._views,r),r.detachFromAppRef()}_loadComponent(i){this.attachView(i.hostView),this.tick(),this.components.push(i);const r=this._injector.get(p_,[]);r.push(...this._bootstrapListeners),r.forEach(u=>u(i))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(i=>i()),this._views.slice().forEach(i=>i.destroy()),this._onMicrotaskEmptySubscription.unsubscribe()}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(i){return this._destroyListeners.push(i),()=>Oc(this._destroyListeners,i)}destroy(){if(this._destroyed)throw new Q(406,!1);const i=this._injector;i.destroy&&!i.destroyed&&i.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}}return t.\u0275fac=function(i){return new(i||t)(lt(Mr),lt(a),lt(Tu))},t.\u0275prov=Et({token:t,factory:t.\u0275fac,providedIn:"root"}),t})();function Oc(t,n){const i=t.indexOf(n);i>-1&&t.splice(i,1)}function FD(){return!1}let ND=(()=>{class t{}return t.__NG_ELEMENT_ID__=LD,t})();function LD(t){return function BD(t,n,i){if(yn(t)&&!i){const r=Ji(t.index,n);return new Mu(r,r)}return 47&t.type?new Mu(n[Ti],n):null}(vn(),V(),16==(16&t))}class w_{constructor(){}supports(n){return rc(n)}create(n){return new $D(n)}}const jD=(t,n)=>n;class $D{constructor(n){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=n||jD}forEachItem(n){let i;for(i=this._itHead;null!==i;i=i._next)n(i)}forEachOperation(n){let i=this._itHead,r=this._removalsHead,u=0,c=null;for(;i||r;){const v=!r||i&&i.currentIndex<A_(r,u,c)?i:r,x=A_(v,u,c),F=v.currentIndex;if(v===r)u--,r=r._nextRemoved;else if(i=i._next,null==v.previousIndex)u++;else{c||(c=[]);const ie=x-u,xe=F-u;if(ie!=xe){for(let mt=0;mt<ie;mt++){const It=mt<c.length?c[mt]:c[mt]=0,Qt=It+mt;xe<=Qt&&Qt<ie&&(c[mt]=It+1)}c[v.previousIndex]=xe-ie}}x!==F&&n(v,x,F)}}forEachPreviousItem(n){let i;for(i=this._previousItHead;null!==i;i=i._nextPrevious)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachMovedItem(n){let i;for(i=this._movesHead;null!==i;i=i._nextMoved)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}forEachIdentityChange(n){let i;for(i=this._identityChangesHead;null!==i;i=i._nextIdentityChange)n(i)}diff(n){if(null==n&&(n=[]),!rc(n))throw new Q(900,!1);return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let u,c,v,i=this._itHead,r=!1;if(Array.isArray(n)){this.length=n.length;for(let x=0;x<this.length;x++)c=n[x],v=this._trackByFn(x,c),null!==i&&Object.is(i.trackById,v)?(r&&(i=this._verifyReinsertion(i,c,v,x)),Object.is(i.item,c)||this._addIdentityChange(i,c)):(i=this._mismatch(i,c,v,x),r=!0),i=i._next}else u=0,function v0(t,n){if(Array.isArray(t))for(let i=0;i<t.length;i++)n(t[i]);else{const i=t[Symbol.iterator]();let r;for(;!(r=i.next()).done;)n(r.value)}}(n,x=>{v=this._trackByFn(u,x),null!==i&&Object.is(i.trackById,v)?(r&&(i=this._verifyReinsertion(i,x,v,u)),Object.is(i.item,x)||this._addIdentityChange(i,x)):(i=this._mismatch(i,x,v,u),r=!0),i=i._next,u++}),this.length=u;return this._truncate(i),this.collection=n,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let n;for(n=this._previousItHead=this._itHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._additionsHead;null!==n;n=n._nextAdded)n.previousIndex=n.currentIndex;for(this._additionsHead=this._additionsTail=null,n=this._movesHead;null!==n;n=n._nextMoved)n.previousIndex=n.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(n,i,r,u){let c;return null===n?c=this._itTail:(c=n._prev,this._remove(n)),null!==(n=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._reinsertAfter(n,c,u)):null!==(n=null===this._linkedRecords?null:this._linkedRecords.get(r,u))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._moveAfter(n,c,u)):n=this._addAfter(new GD(i,r),c,u),n}_verifyReinsertion(n,i,r,u){let c=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null);return null!==c?n=this._reinsertAfter(c,n._prev,u):n.currentIndex!=u&&(n.currentIndex=u,this._addToMoves(n,u)),n}_truncate(n){for(;null!==n;){const i=n._next;this._addToRemovals(this._unlink(n)),n=i}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(n,i,r){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(n);const u=n._prevRemoved,c=n._nextRemoved;return null===u?this._removalsHead=c:u._nextRemoved=c,null===c?this._removalsTail=u:c._prevRemoved=u,this._insertAfter(n,i,r),this._addToMoves(n,r),n}_moveAfter(n,i,r){return this._unlink(n),this._insertAfter(n,i,r),this._addToMoves(n,r),n}_addAfter(n,i,r){return this._insertAfter(n,i,r),this._additionsTail=null===this._additionsTail?this._additionsHead=n:this._additionsTail._nextAdded=n,n}_insertAfter(n,i,r){const u=null===i?this._itHead:i._next;return n._next=u,n._prev=i,null===u?this._itTail=n:u._prev=n,null===i?this._itHead=n:i._next=n,null===this._linkedRecords&&(this._linkedRecords=new x_),this._linkedRecords.put(n),n.currentIndex=r,n}_remove(n){return this._addToRemovals(this._unlink(n))}_unlink(n){null!==this._linkedRecords&&this._linkedRecords.remove(n);const i=n._prev,r=n._next;return null===i?this._itHead=r:i._next=r,null===r?this._itTail=i:r._prev=i,n}_addToMoves(n,i){return n.previousIndex===i||(this._movesTail=null===this._movesTail?this._movesHead=n:this._movesTail._nextMoved=n),n}_addToRemovals(n){return null===this._unlinkedRecords&&(this._unlinkedRecords=new x_),this._unlinkedRecords.put(n),n.currentIndex=null,n._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=n,n._prevRemoved=null):(n._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=n),n}_addIdentityChange(n,i){return n.item=i,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=n:this._identityChangesTail._nextIdentityChange=n,n}}class GD{constructor(n,i){this.item=n,this.trackById=i,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class WD{constructor(){this._head=null,this._tail=null}add(n){null===this._head?(this._head=this._tail=n,n._nextDup=null,n._prevDup=null):(this._tail._nextDup=n,n._prevDup=this._tail,n._nextDup=null,this._tail=n)}get(n,i){let r;for(r=this._head;null!==r;r=r._nextDup)if((null===i||i<=r.currentIndex)&&Object.is(r.trackById,n))return r;return null}remove(n){const i=n._prevDup,r=n._nextDup;return null===i?this._head=r:i._nextDup=r,null===r?this._tail=i:r._prevDup=i,null===this._head}}class x_{constructor(){this.map=new Map}put(n){const i=n.trackById;let r=this.map.get(i);r||(r=new WD,this.map.set(i,r)),r.add(n)}get(n,i){const u=this.map.get(n);return u?u.get(n,i):null}remove(n){const i=n.trackById;return this.map.get(i).remove(n)&&this.map.delete(i),n}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function A_(t,n,i){const r=t.previousIndex;if(null===r)return r;let u=0;return i&&r<i.length&&(u=i[r]),r+n+u}class P_{constructor(){}supports(n){return n instanceof Map||ch(n)}create(){return new YD}}class YD{constructor(){this._records=new Map,this._mapHead=null,this._appendAfter=null,this._previousMapHead=null,this._changesHead=null,this._changesTail=null,this._additionsHead=null,this._additionsTail=null,this._removalsHead=null,this._removalsTail=null}get isDirty(){return null!==this._additionsHead||null!==this._changesHead||null!==this._removalsHead}forEachItem(n){let i;for(i=this._mapHead;null!==i;i=i._next)n(i)}forEachPreviousItem(n){let i;for(i=this._previousMapHead;null!==i;i=i._nextPrevious)n(i)}forEachChangedItem(n){let i;for(i=this._changesHead;null!==i;i=i._nextChanged)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}diff(n){if(n){if(!(n instanceof Map||ch(n)))throw new Q(900,!1)}else n=new Map;return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let i=this._mapHead;if(this._appendAfter=null,this._forEach(n,(r,u)=>{if(i&&i.key===u)this._maybeAddToChanges(i,r),this._appendAfter=i,i=i._next;else{const c=this._getOrCreateRecordForKey(u,r);i=this._insertBeforeOrAppend(i,c)}}),i){i._prev&&(i._prev._next=null),this._removalsHead=i;for(let r=i;null!==r;r=r._nextRemoved)r===this._mapHead&&(this._mapHead=null),this._records.delete(r.key),r._nextRemoved=r._next,r.previousValue=r.currentValue,r.currentValue=null,r._prev=null,r._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(n,i){if(n){const r=n._prev;return i._next=n,i._prev=r,n._prev=i,r&&(r._next=i),n===this._mapHead&&(this._mapHead=i),this._appendAfter=n,n}return this._appendAfter?(this._appendAfter._next=i,i._prev=this._appendAfter):this._mapHead=i,this._appendAfter=i,null}_getOrCreateRecordForKey(n,i){if(this._records.has(n)){const u=this._records.get(n);this._maybeAddToChanges(u,i);const c=u._prev,v=u._next;return c&&(c._next=v),v&&(v._prev=c),u._next=null,u._prev=null,u}const r=new ZD(n);return this._records.set(n,r),r.currentValue=i,this._addToAdditions(r),r}_reset(){if(this.isDirty){let n;for(this._previousMapHead=this._mapHead,n=this._previousMapHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._changesHead;null!==n;n=n._nextChanged)n.previousValue=n.currentValue;for(n=this._additionsHead;null!=n;n=n._nextAdded)n.previousValue=n.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(n,i){Object.is(i,n.currentValue)||(n.previousValue=n.currentValue,n.currentValue=i,this._addToChanges(n))}_addToAdditions(n){null===this._additionsHead?this._additionsHead=this._additionsTail=n:(this._additionsTail._nextAdded=n,this._additionsTail=n)}_addToChanges(n){null===this._changesHead?this._changesHead=this._changesTail=n:(this._changesTail._nextChanged=n,this._changesTail=n)}_forEach(n,i){n instanceof Map?n.forEach(i):Object.keys(n).forEach(r=>i(n[r],r))}}class ZD{constructor(n){this.key=n,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function S_(){return new cf([new w_])}let cf=(()=>{class t{constructor(i){this.factories=i}static create(i,r){if(null!=r){const u=r.factories.slice();i=i.concat(u)}return new t(i)}static extend(i){return{provide:t,useFactory:r=>t.create(i,r||S_()),deps:[[t,new Wi,new pr]]}}find(i){const r=this.factories.find(u=>u.supports(i));if(null!=r)return r;throw new Q(901,!1)}}return t.\u0275prov=Et({token:t,providedIn:"root",factory:S_}),t})();function I_(){return new df([new P_])}let df=(()=>{class t{constructor(i){this.factories=i}static create(i,r){if(r){const u=r.factories.slice();i=i.concat(u)}return new t(i)}static extend(i){return{provide:t,useFactory:r=>t.create(i,r||I_()),deps:[[t,new Wi,new pr]]}}find(i){const r=this.factories.find(u=>u.supports(i));if(r)return r;throw new Q(901,!1)}}return t.\u0275prov=Et({token:t,providedIn:"root",factory:I_}),t})();const JD=m_(null,"core",[]);let QD=(()=>{class t{constructor(i){}}return t.\u0275fac=function(i){return new(i||t)(lt(Mc))},t.\u0275mod=ln({type:t}),t.\u0275inj=St({}),t})();function qD(t){return"boolean"==typeof t?t:null!=t&&"false"!==t}},8942:(Ve,ae,s)=>{"use strict";s.d(ae,{gN:()=>sn,Fj:()=>ue,NI:()=>oi,oH:()=>mn,u:()=>so,cw:()=>re,sg:()=>Kn,u5:()=>gt,JU:()=>y,a5:()=>_n,JJ:()=>Ee,JL:()=>Pe,On:()=>Me,UX:()=>bt,_Y:()=>ee});var e=s(4537),o=s(8692),p=s(6666),_=s(882),g=s(9796),f=s(8002),m=s(1555);function O(k,A){return new _.y(I=>{const V=k.length;if(0===V)return void I.complete();const ft=new Array(V);let an=0,bn=0;for(let vn=0;vn<V;vn++){const $n=(0,p.D)(k[vn]);let Xn=!1;I.add($n.subscribe({next:ri=>{Xn||(Xn=!0,bn++),ft[vn]=ri},error:ri=>I.error(ri),complete:()=>{an++,(an===V||!Xn)&&(bn===V&&I.next(A?A.reduce((ri,Ln,wi)=>(ri[Ln]=ft[wi],ri),{}):ft),I.complete())}}))}})}let w=(()=>{class k{constructor(I,V){this._renderer=I,this._elementRef=V,this.onChange=ft=>{},this.onTouched=()=>{}}setProperty(I,V){this._renderer.setProperty(this._elementRef.nativeElement,I,V)}registerOnTouched(I){this.onTouched=I}registerOnChange(I){this.onChange=I}setDisabledState(I){this.setProperty("disabled",I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(e.Qsj),e.Y36(e.SBq))},k.\u0275dir=e.lG2({type:k}),k})(),S=(()=>{class k extends w{}return k.\u0275fac=function(){let A;return function(V){return(A||(A=e.n5z(k)))(V||k)}}(),k.\u0275dir=e.lG2({type:k,features:[e.qOj]}),k})();const y=new e.OlP("NgValueAccessor"),Z={provide:y,useExisting:(0,e.Gpc)(()=>ue),multi:!0},Q=new e.OlP("CompositionEventMode");let ue=(()=>{class k extends w{constructor(I,V,ft){super(I,V),this._compositionMode=ft,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function le(){const k=(0,o.q)()?(0,o.q)().getUserAgent():"";return/android (\d+)/.test(k.toLowerCase())}())}writeValue(I){this.setProperty("value",null==I?"":I)}_handleInput(I){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(I)}_compositionStart(){this._composing=!0}_compositionEnd(I){this._composing=!1,this._compositionMode&&this.onChange(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(e.Qsj),e.Y36(e.SBq),e.Y36(Q,8))},k.\u0275dir=e.lG2({type:k,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(I,V){1&I&&e.NdJ("input",function(an){return V._handleInput(an.target.value)})("blur",function(){return V.onTouched()})("compositionstart",function(){return V._compositionStart()})("compositionend",function(an){return V._compositionEnd(an.target.value)})},features:[e._Bn([Z]),e.qOj]}),k})();const de=!1,K=new e.OlP("NgValidators"),ne=new e.OlP("NgAsyncValidators");function Re(k){return null!=k}function q(k){const A=(0,e.QGY)(k)?(0,p.D)(k):k;if(de&&!(0,e.CqO)(A)){let I="Expected async validator to return Promise or Observable.";throw"object"==typeof k&&(I+=" Are you using a synchronous validator where an async validator is expected?"),new e.vHH(-1101,I)}return A}function ce(k){let A={};return k.forEach(I=>{A=null!=I?{...A,...I}:A}),0===Object.keys(A).length?null:A}function be(k,A){return A.map(I=>I(k))}function _e(k){return k.map(A=>function N(k){return!k.validate}(A)?A:I=>A.validate(I))}function _t(k){return null!=k?function ze(k){if(!k)return null;const A=k.filter(Re);return 0==A.length?null:function(I){return ce(be(I,A))}}(_e(k)):null}function Gt(k){return null!=k?function Et(k){if(!k)return null;const A=k.filter(Re);return 0==A.length?null:function(I){return function C(...k){if(1===k.length){const A=k[0];if((0,g.k)(A))return O(A,null);if((0,m.K)(A)&&Object.getPrototypeOf(A)===Object.prototype){const I=Object.keys(A);return O(I.map(V=>A[V]),I)}}if("function"==typeof k[k.length-1]){const A=k.pop();return O(k=1===k.length&&(0,g.k)(k[0])?k[0]:k,null).pipe((0,f.U)(I=>A(...I)))}return O(k,null)}(be(I,A).map(q)).pipe((0,f.U)(ce))}}(_e(k)):null}function St(k,A){return null===k?[A]:Array.isArray(k)?[...k,A]:[k,A]}function qt(k){return k._rawValidators}function Ot(k){return k._rawAsyncValidators}function Ht(k){return k?Array.isArray(k)?k:[k]:[]}function Pt(k,A){return Array.isArray(k)?k.includes(A):k===A}function Tt(k,A){const I=Ht(A);return Ht(k).forEach(ft=>{Pt(I,ft)||I.push(ft)}),I}function xt(k,A){return Ht(A).filter(I=>!Pt(k,I))}class Wt{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(A){this._rawValidators=A||[],this._composedValidatorFn=_t(this._rawValidators)}_setAsyncValidators(A){this._rawAsyncValidators=A||[],this._composedAsyncValidatorFn=Gt(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(A){this._onDestroyCallbacks.push(A)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(A=>A()),this._onDestroyCallbacks=[]}reset(A){this.control&&this.control.reset(A)}hasError(A,I){return!!this.control&&this.control.hasError(A,I)}getError(A,I){return this.control?this.control.getError(A,I):null}}class sn extends Wt{get formDirective(){return null}get path(){return null}}class _n extends Wt{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class Jt{constructor(A){this._cd=A}get isTouched(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.touched)}get isUntouched(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.untouched)}get isPristine(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.pristine)}get isDirty(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.dirty)}get isValid(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.valid)}get isInvalid(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.invalid)}get isPending(){var A,I;return!(null===(A=this._cd)||void 0===A||null===(I=A.control)||void 0===I||!I.pending)}get isSubmitted(){var A;return!(null===(A=this._cd)||void 0===A||!A.submitted)}}let Ee=(()=>{class k extends Jt{constructor(I){super(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(_n,2))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(I,V){2&I&&e.ekj("ng-untouched",V.isUntouched)("ng-touched",V.isTouched)("ng-pristine",V.isPristine)("ng-dirty",V.isDirty)("ng-valid",V.isValid)("ng-invalid",V.isInvalid)("ng-pending",V.isPending)},features:[e.qOj]}),k})(),Pe=(()=>{class k extends Jt{constructor(I){super(I)}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,10))},k.\u0275dir=e.lG2({type:k,selectors:[["","formGroupName",""],["","formArrayName",""],["","ngModelGroup",""],["","formGroup",""],["form",3,"ngNoForm",""],["","ngForm",""]],hostVars:16,hostBindings:function(I,V){2&I&&e.ekj("ng-untouched",V.isUntouched)("ng-touched",V.isTouched)("ng-pristine",V.isPristine)("ng-dirty",V.isDirty)("ng-valid",V.isValid)("ng-invalid",V.isInvalid)("ng-pending",V.isPending)("ng-submitted",V.isSubmitted)},features:[e.qOj]}),k})();function Yt(k,A){return k?`with name: '${A}'`:`at index: ${A}`}const st=!1,it="VALID",W="INVALID",$="PENDING",Ne="DISABLED";function De(k){return(At(k)?k.validators:k)||null}function ct(k,A){return(At(A)?A.asyncValidators:k)||null}function At(k){return null!=k&&!Array.isArray(k)&&"object"==typeof k}class se{constructor(A,I){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(A),this._assignAsyncValidators(I)}get validator(){return this._composedValidatorFn}set validator(A){this._rawValidators=this._composedValidatorFn=A}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(A){this._rawAsyncValidators=this._composedAsyncValidatorFn=A}get parent(){return this._parent}get valid(){return this.status===it}get invalid(){return this.status===W}get pending(){return this.status==$}get disabled(){return this.status===Ne}get enabled(){return this.status!==Ne}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(A){this._assignValidators(A)}setAsyncValidators(A){this._assignAsyncValidators(A)}addValidators(A){this.setValidators(Tt(A,this._rawValidators))}addAsyncValidators(A){this.setAsyncValidators(Tt(A,this._rawAsyncValidators))}removeValidators(A){this.setValidators(xt(A,this._rawValidators))}removeAsyncValidators(A){this.setAsyncValidators(xt(A,this._rawAsyncValidators))}hasValidator(A){return Pt(this._rawValidators,A)}hasAsyncValidator(A){return Pt(this._rawAsyncValidators,A)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(A={}){this.touched=!0,this._parent&&!A.onlySelf&&this._parent.markAsTouched(A)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(A=>A.markAllAsTouched())}markAsUntouched(A={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(I=>{I.markAsUntouched({onlySelf:!0})}),this._parent&&!A.onlySelf&&this._parent._updateTouched(A)}markAsDirty(A={}){this.pristine=!1,this._parent&&!A.onlySelf&&this._parent.markAsDirty(A)}markAsPristine(A={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(I=>{I.markAsPristine({onlySelf:!0})}),this._parent&&!A.onlySelf&&this._parent._updatePristine(A)}markAsPending(A={}){this.status=$,!1!==A.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!A.onlySelf&&this._parent.markAsPending(A)}disable(A={}){const I=this._parentMarkedDirty(A.onlySelf);this.status=Ne,this.errors=null,this._forEachChild(V=>{V.disable({...A,onlySelf:!0})}),this._updateValue(),!1!==A.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...A,skipPristineCheck:I}),this._onDisabledChange.forEach(V=>V(!0))}enable(A={}){const I=this._parentMarkedDirty(A.onlySelf);this.status=it,this._forEachChild(V=>{V.enable({...A,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:A.emitEvent}),this._updateAncestors({...A,skipPristineCheck:I}),this._onDisabledChange.forEach(V=>V(!1))}_updateAncestors(A){this._parent&&!A.onlySelf&&(this._parent.updateValueAndValidity(A),A.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(A){this._parent=A}getRawValue(){return this.value}updateValueAndValidity(A={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===it||this.status===$)&&this._runAsyncValidator(A.emitEvent)),!1!==A.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!A.onlySelf&&this._parent.updateValueAndValidity(A)}_updateTreeValidity(A={emitEvent:!0}){this._forEachChild(I=>I._updateTreeValidity(A)),this.updateValueAndValidity({onlySelf:!0,emitEvent:A.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?Ne:it}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(A){if(this.asyncValidator){this.status=$,this._hasOwnPendingAsyncValidator=!0;const I=q(this.asyncValidator(this));this._asyncValidationSubscription=I.subscribe(V=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(V,{emitEvent:A})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(A,I={}){this.errors=A,this._updateControlsErrors(!1!==I.emitEvent)}get(A){let I=A;return null==I||(Array.isArray(I)||(I=I.split(".")),0===I.length)?null:I.reduce((V,ft)=>V&&V._find(ft),this)}getError(A,I){const V=I?this.get(I):this;return V&&V.errors?V.errors[A]:null}hasError(A,I){return!!this.getError(A,I)}get root(){let A=this;for(;A._parent;)A=A._parent;return A}_updateControlsErrors(A){this.status=this._calculateStatus(),A&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(A)}_initObservables(){this.valueChanges=new e.vpe,this.statusChanges=new e.vpe}_calculateStatus(){return this._allControlsDisabled()?Ne:this.errors?W:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus($)?$:this._anyControlsHaveStatus(W)?W:it}_anyControlsHaveStatus(A){return this._anyControls(I=>I.status===A)}_anyControlsDirty(){return this._anyControls(A=>A.dirty)}_anyControlsTouched(){return this._anyControls(A=>A.touched)}_updatePristine(A={}){this.pristine=!this._anyControlsDirty(),this._parent&&!A.onlySelf&&this._parent._updatePristine(A)}_updateTouched(A={}){this.touched=this._anyControlsTouched(),this._parent&&!A.onlySelf&&this._parent._updateTouched(A)}_registerOnCollectionChange(A){this._onCollectionChange=A}_setUpdateStrategy(A){At(A)&&null!=A.updateOn&&(this._updateOn=A.updateOn)}_parentMarkedDirty(A){return!A&&!(!this._parent||!this._parent.dirty)&&!this._parent._anyControlsDirty()}_find(A){return null}_assignValidators(A){this._rawValidators=Array.isArray(A)?A.slice():A,this._composedValidatorFn=function pt(k){return Array.isArray(k)?_t(k):k||null}(this._rawValidators)}_assignAsyncValidators(A){this._rawAsyncValidators=Array.isArray(A)?A.slice():A,this._composedAsyncValidatorFn=function vt(k){return Array.isArray(k)?Gt(k):k||null}(this._rawAsyncValidators)}}class re extends se{constructor(A,I,V){super(De(I),ct(V,I)),this.controls=A,this._initObservables(),this._setUpdateStrategy(I),this._setUpControls(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator})}registerControl(A,I){return this.controls[A]?this.controls[A]:(this.controls[A]=I,I.setParent(this),I._registerOnCollectionChange(this._onCollectionChange),I)}addControl(A,I,V={}){this.registerControl(A,I),this.updateValueAndValidity({emitEvent:V.emitEvent}),this._onCollectionChange()}removeControl(A,I={}){this.controls[A]&&this.controls[A]._registerOnCollectionChange(()=>{}),delete this.controls[A],this.updateValueAndValidity({emitEvent:I.emitEvent}),this._onCollectionChange()}setControl(A,I,V={}){this.controls[A]&&this.controls[A]._registerOnCollectionChange(()=>{}),delete this.controls[A],I&&this.registerControl(A,I),this.updateValueAndValidity({emitEvent:V.emitEvent}),this._onCollectionChange()}contains(A){return this.controls.hasOwnProperty(A)&&this.controls[A].enabled}setValue(A,I={}){(function Be(k,A,I){k._forEachChild((V,ft)=>{if(void 0===I[ft])throw new e.vHH(1002,st?function ot(k,A){return`Must supply a value for form control ${Yt(k,A)}`}(A,ft):"")})})(this,!0,A),Object.keys(A).forEach(V=>{(function Se(k,A,I){const V=k.controls;if(!(A?Object.keys(V):V).length)throw new e.vHH(1e3,st?function Qe(k){return`\n    There are no form controls registered with this ${k?"group":"array"} yet. If you're using ngModel,\n    you may want to check next tick (e.g. use setTimeout).\n  `}(A):"");if(!V[I])throw new e.vHH(1001,st?function lt(k,A){return`Cannot find form control ${Yt(k,A)}`}(A,I):"")})(this,!0,V),this.controls[V].setValue(A[V],{onlySelf:!0,emitEvent:I.emitEvent})}),this.updateValueAndValidity(I)}patchValue(A,I={}){null!=A&&(Object.keys(A).forEach(V=>{const ft=this.controls[V];ft&&ft.patchValue(A[V],{onlySelf:!0,emitEvent:I.emitEvent})}),this.updateValueAndValidity(I))}reset(A={},I={}){this._forEachChild((V,ft)=>{V.reset(A[ft],{onlySelf:!0,emitEvent:I.emitEvent})}),this._updatePristine(I),this._updateTouched(I),this.updateValueAndValidity(I)}getRawValue(){return this._reduceChildren({},(A,I,V)=>(A[V]=I.getRawValue(),A))}_syncPendingControls(){let A=this._reduceChildren(!1,(I,V)=>!!V._syncPendingControls()||I);return A&&this.updateValueAndValidity({onlySelf:!0}),A}_forEachChild(A){Object.keys(this.controls).forEach(I=>{const V=this.controls[I];V&&A(V,I)})}_setUpControls(){this._forEachChild(A=>{A.setParent(this),A._registerOnCollectionChange(this._onCollectionChange)})}_updateValue(){this.value=this._reduceValue()}_anyControls(A){for(const[I,V]of Object.entries(this.controls))if(this.contains(I)&&A(V))return!0;return!1}_reduceValue(){return this._reduceChildren({},(I,V,ft)=>((V.enabled||this.disabled)&&(I[ft]=V.value),I))}_reduceChildren(A,I){let V=A;return this._forEachChild((ft,an)=>{V=I(V,ft,an)}),V}_allControlsDisabled(){for(const A of Object.keys(this.controls))if(this.controls[A].enabled)return!1;return Object.keys(this.controls).length>0||this.disabled}_find(A){return this.controls.hasOwnProperty(A)?this.controls[A]:null}}const rt=new e.OlP("CallSetDisabledState",{providedIn:"root",factory:()=>at}),at="always";function He(k,A){return[...A.path,k]}function zt(k,A,I=at){var V,ft;en(k,A),A.valueAccessor.writeValue(k.value),(k.disabled||"always"===I)&&(null===(V=(ft=A.valueAccessor).setDisabledState)||void 0===V||V.call(ft,k.disabled)),function nn(k,A){A.valueAccessor.registerOnChange(I=>{k._pendingValue=I,k._pendingChange=!0,k._pendingDirty=!0,"change"===k.updateOn&&fn(k,A)})}(k,A),function dn(k,A){const I=(V,ft)=>{A.valueAccessor.writeValue(V),ft&&A.viewToModelUpdate(V)};k.registerOnChange(I),A._registerOnDestroy(()=>{k._unregisterOnChange(I)})}(k,A),function on(k,A){A.valueAccessor.registerOnTouched(()=>{k._pendingTouched=!0,"blur"===k.updateOn&&k._pendingChange&&fn(k,A),"submit"!==k.updateOn&&k.markAsTouched()})}(k,A),function Rt(k,A){if(A.valueAccessor.setDisabledState){const I=V=>{A.valueAccessor.setDisabledState(V)};k.registerOnDisabledChange(I),A._registerOnDestroy(()=>{k._unregisterOnDisabledChange(I)})}}(k,A)}function tn(k,A,I=!0){const V=()=>{};A.valueAccessor&&(A.valueAccessor.registerOnChange(V),A.valueAccessor.registerOnTouched(V)),Ft(k,A),k&&(A._invokeOnDestroyCallbacks(),k._registerOnCollectionChange(()=>{}))}function ln(k,A){k.forEach(I=>{I.registerOnValidatorChange&&I.registerOnValidatorChange(A)})}function en(k,A){const I=qt(k);null!==A.validator?k.setValidators(St(I,A.validator)):"function"==typeof I&&k.setValidators([I]);const V=Ot(k);null!==A.asyncValidator?k.setAsyncValidators(St(V,A.asyncValidator)):"function"==typeof V&&k.setAsyncValidators([V]);const ft=()=>k.updateValueAndValidity();ln(A._rawValidators,ft),ln(A._rawAsyncValidators,ft)}function Ft(k,A){let I=!1;if(null!==k){if(null!==A.validator){const ft=qt(k);if(Array.isArray(ft)&&ft.length>0){const an=ft.filter(bn=>bn!==A.validator);an.length!==ft.length&&(I=!0,k.setValidators(an))}}if(null!==A.asyncValidator){const ft=Ot(k);if(Array.isArray(ft)&&ft.length>0){const an=ft.filter(bn=>bn!==A.asyncValidator);an.length!==ft.length&&(I=!0,k.setAsyncValidators(an))}}}const V=()=>{};return ln(A._rawValidators,V),ln(A._rawAsyncValidators,V),I}function fn(k,A){k._pendingDirty&&k.markAsDirty(),k.setValue(k._pendingValue,{emitModelToViewChange:!1}),A.viewToModelUpdate(k._pendingValue),k._pendingChange=!1}function wn(k,A){if(!k.hasOwnProperty("model"))return!1;const I=k.model;return!!I.isFirstChange()||!Object.is(A,I.currentValue)}function yi(k,A){if(!A)return null;let I,V,ft;return Array.isArray(A),A.forEach(an=>{an.constructor===ue?I=an:function ti(k){return Object.getPrototypeOf(k.constructor)===S}(an)?V=an:ft=an}),ft||V||I||null}function Sn(k,A){const I=k.indexOf(A);I>-1&&k.splice(I,1)}function zn(k){return"object"==typeof k&&null!==k&&2===Object.keys(k).length&&"value"in k&&"disabled"in k}const oi=class extends se{constructor(A=null,I,V){super(De(I),ct(V,I)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(A),this._setUpdateStrategy(I),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),At(I)&&(I.nonNullable||I.initialValueIsDefault)&&(this.defaultValue=zn(A)?A.value:A)}setValue(A,I={}){this.value=this._pendingValue=A,this._onChange.length&&!1!==I.emitModelToViewChange&&this._onChange.forEach(V=>V(this.value,!1!==I.emitViewToModelChange)),this.updateValueAndValidity(I)}patchValue(A,I={}){this.setValue(A,I)}reset(A=this.defaultValue,I={}){this._applyFormState(A),this.markAsPristine(I),this.markAsUntouched(I),this.setValue(this.value,I),this._pendingChange=!1}_updateValue(){}_anyControls(A){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(A){this._onChange.push(A)}_unregisterOnChange(A){Sn(this._onChange,A)}registerOnDisabledChange(A){this._onDisabledChange.push(A)}_unregisterOnDisabledChange(A){Sn(this._onDisabledChange,A)}_forEachChild(A){}_syncPendingControls(){return!("submit"!==this.updateOn||(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),!this._pendingChange)||(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),0))}_applyFormState(A){zn(A)?(this.value=this._pendingValue=A.value,A.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=A}},fi={provide:_n,useExisting:(0,e.Gpc)(()=>Me)},Ut=(()=>Promise.resolve())();let Me=(()=>{class k extends _n{constructor(I,V,ft,an,bn,vn){super(),this._changeDetectorRef=bn,this.callSetDisabledState=vn,this.control=new oi,this._registered=!1,this.update=new e.vpe,this._parent=I,this._setValidators(V),this._setAsyncValidators(ft),this.valueAccessor=yi(0,an)}ngOnChanges(I){if(this._checkForErrors(),!this._registered||"name"in I){if(this._registered&&(this._checkName(),this.formDirective)){const V=I.name.previousValue;this.formDirective.removeControl({name:V,path:this._getPath(V)})}this._setUpControl()}"isDisabled"in I&&this._updateDisabled(I),wn(I,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&null!=this.options.updateOn&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!(!this.options||!this.options.standalone)}_setUpStandalone(){zt(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),this._isStandalone()}_updateValue(I){Ut.then(()=>{var V;this.control.setValue(I,{emitViewToModelChange:!1}),null===(V=this._changeDetectorRef)||void 0===V||V.markForCheck()})}_updateDisabled(I){const V=I.isDisabled.currentValue,ft=0!==V&&(0,e.D6c)(V);Ut.then(()=>{var an;ft&&!this.control.disabled?this.control.disable():!ft&&this.control.disabled&&this.control.enable(),null===(an=this._changeDetectorRef)||void 0===an||an.markForCheck()})}_getPath(I){return this._parent?He(I,this._parent):[I]}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,9),e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(e.sBO,8),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[e._Bn([fi]),e.qOj,e.TTD]}),k})(),ee=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275dir=e.lG2({type:k,selectors:[["form",3,"ngNoForm","",3,"ngNativeValidate",""]],hostAttrs:["novalidate",""]}),k})(),Lt=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({}),k})();const tt=new e.OlP("NgModelWithFormControlWarning"),Kt={provide:_n,useExisting:(0,e.Gpc)(()=>mn)};let mn=(()=>{class k extends _n{set isDisabled(I){}constructor(I,V,ft,an,bn){super(),this._ngModelWarningConfig=an,this.callSetDisabledState=bn,this.update=new e.vpe,this._ngModelWarningSent=!1,this._setValidators(I),this._setAsyncValidators(V),this.valueAccessor=yi(0,ft)}ngOnChanges(I){if(this._isControlChanged(I)){const V=I.form.previousValue;V&&tn(V,this,!1),zt(this.form,this,this.callSetDisabledState),this.form.updateValueAndValidity({emitEvent:!1})}wn(I,this.viewModel)&&(this.form.setValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.form&&tn(this.form,this,!1)}get path(){return[]}get control(){return this.form}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}_isControlChanged(I){return I.hasOwnProperty("form")}}return k._ngModelWarningSentOnce=!1,k.\u0275fac=function(I){return new(I||k)(e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(tt,8),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControl",""]],inputs:{form:["formControl","form"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},exportAs:["ngForm"],features:[e._Bn([Kt]),e.qOj,e.TTD]}),k})();const jn={provide:sn,useExisting:(0,e.Gpc)(()=>Kn)};let Kn=(()=>{class k extends sn{constructor(I,V,ft){super(),this.callSetDisabledState=ft,this.submitted=!1,this._onCollectionChange=()=>this._updateDomValue(),this.directives=[],this.form=null,this.ngSubmit=new e.vpe,this._setValidators(I),this._setAsyncValidators(V)}ngOnChanges(I){this._checkFormPresent(),I.hasOwnProperty("form")&&(this._updateValidators(),this._updateDomValue(),this._updateRegistrations(),this._oldForm=this.form)}ngOnDestroy(){this.form&&(Ft(this.form,this),this.form._onCollectionChange===this._onCollectionChange&&this.form._registerOnCollectionChange(()=>{}))}get formDirective(){return this}get control(){return this.form}get path(){return[]}addControl(I){const V=this.form.get(I.path);return zt(V,I,this.callSetDisabledState),V.updateValueAndValidity({emitEvent:!1}),this.directives.push(I),V}getControl(I){return this.form.get(I.path)}removeControl(I){tn(I.control||null,I,!1),function hi(k,A){const I=k.indexOf(A);I>-1&&k.splice(I,1)}(this.directives,I)}addFormGroup(I){this._setUpFormContainer(I)}removeFormGroup(I){this._cleanUpFormContainer(I)}getFormGroup(I){return this.form.get(I.path)}addFormArray(I){this._setUpFormContainer(I)}removeFormArray(I){this._cleanUpFormContainer(I)}getFormArray(I){return this.form.get(I.path)}updateModel(I,V){this.form.get(I.path).setValue(V)}onSubmit(I){var V;return this.submitted=!0,function ai(k,A){k._syncPendingControls(),A.forEach(I=>{const V=I.control;"submit"===V.updateOn&&V._pendingChange&&(I.viewToModelUpdate(V._pendingValue),V._pendingChange=!1)})}(this.form,this.directives),this.ngSubmit.emit(I),"dialog"===(null==I||null===(V=I.target)||void 0===V?void 0:V.method)}onReset(){this.resetForm()}resetForm(I){this.form.reset(I),this.submitted=!1}_updateDomValue(){this.directives.forEach(I=>{const V=I.control,ft=this.form.get(I.path);V!==ft&&(tn(V||null,I),(k=>k instanceof oi)(ft)&&(zt(ft,I,this.callSetDisabledState),I.control=ft))}),this.form._updateTreeValidity({emitEvent:!1})}_setUpFormContainer(I){const V=this.form.get(I.path);(function Dn(k,A){en(k,A)})(V,I),V.updateValueAndValidity({emitEvent:!1})}_cleanUpFormContainer(I){if(this.form){const V=this.form.get(I.path);V&&function Cn(k,A){return Ft(k,A)}(V,I)&&V.updateValueAndValidity({emitEvent:!1})}}_updateRegistrations(){this.form._registerOnCollectionChange(this._onCollectionChange),this._oldForm&&this._oldForm._registerOnCollectionChange(()=>{})}_updateValidators(){en(this.form,this),this._oldForm&&Ft(this._oldForm,this)}_checkFormPresent(){}}return k.\u0275fac=function(I){return new(I||k)(e.Y36(K,10),e.Y36(ne,10),e.Y36(rt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formGroup",""]],hostBindings:function(I,V){1&I&&e.NdJ("submit",function(an){return V.onSubmit(an)})("reset",function(){return V.onReset()})},inputs:{form:["formGroup","form"]},outputs:{ngSubmit:"ngSubmit"},exportAs:["ngForm"],features:[e._Bn([jn]),e.qOj,e.TTD]}),k})();const er={provide:_n,useExisting:(0,e.Gpc)(()=>so)};let so=(()=>{class k extends _n{set isDisabled(I){}constructor(I,V,ft,an,bn){super(),this._ngModelWarningConfig=bn,this._added=!1,this.update=new e.vpe,this._ngModelWarningSent=!1,this._parent=I,this._setValidators(V),this._setAsyncValidators(ft),this.valueAccessor=yi(0,an)}ngOnChanges(I){this._added||this._setUpControl(),wn(I,this.viewModel)&&(this.viewModel=this.model,this.formDirective.updateModel(this,this.model))}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}viewToModelUpdate(I){this.viewModel=I,this.update.emit(I)}get path(){return He(null==this.name?this.name:this.name.toString(),this._parent)}get formDirective(){return this._parent?this._parent.formDirective:null}_checkParentType(){}_setUpControl(){this._checkParentType(),this.control=this.formDirective.addControl(this),this._added=!0}}return k._ngModelWarningSentOnce=!1,k.\u0275fac=function(I){return new(I||k)(e.Y36(sn,13),e.Y36(K,10),e.Y36(ne,10),e.Y36(y,10),e.Y36(tt,8))},k.\u0275dir=e.lG2({type:k,selectors:[["","formControlName",""]],inputs:{name:["formControlName","name"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},features:[e._Bn([er]),e.qOj,e.TTD]}),k})(),Do=(()=>{class k{}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Lt]}),k})(),gt=(()=>{class k{static withConfig(I){var V;return{ngModule:k,providers:[{provide:rt,useValue:null!==(V=I.callSetDisabledState)&&void 0!==V?V:at}]}}}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Do]}),k})(),bt=(()=>{class k{static withConfig(I){var V,ft;return{ngModule:k,providers:[{provide:tt,useValue:null!==(V=I.warnOnNgModelWithFormControl)&&void 0!==V?V:"always"},{provide:rt,useValue:null!==(ft=I.callSetDisabledState)&&void 0!==ft?ft:at}]}}}return k.\u0275fac=function(I){return new(I||k)},k.\u0275mod=e.oAB({type:k}),k.\u0275inj=e.cJS({imports:[Do]}),k})()},5998:(Ve,ae,s)=>{"use strict";s.d(ae,{Dx:()=>ke,H7:()=>vt,b2:()=>ut,q6:()=>sn,s3:()=>z,se:()=>G});var e=s(8692),o=s(4537);class p extends e.w_{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class _ extends p{static makeCurrent(){(0,e.HT)(new _)}onAndCancel(re,Y,fe){return re.addEventListener(Y,fe,!1),()=>{re.removeEventListener(Y,fe,!1)}}dispatchEvent(re,Y){re.dispatchEvent(Y)}remove(re){re.parentNode&&re.parentNode.removeChild(re)}createElement(re,Y){return(Y=Y||this.getDefaultDocument()).createElement(re)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(re){return re.nodeType===Node.ELEMENT_NODE}isShadowRoot(re){return re instanceof DocumentFragment}getGlobalEventTarget(re,Y){return"window"===Y?window:"document"===Y?re:"body"===Y?re.body:null}getBaseHref(re){const Y=function f(){return g=g||document.querySelector("base"),g?g.getAttribute("href"):null}();return null==Y?null:function C(se){m=m||document.createElement("a"),m.setAttribute("href",se);const re=m.pathname;return"/"===re.charAt(0)?re:`/${re}`}(Y)}resetBaseElement(){g=null}getUserAgent(){return window.navigator.userAgent}getCookie(re){return(0,e.Mx)(document.cookie,re)}}let m,g=null;const O=new o.OlP("TRANSITION_ID"),S=[{provide:o.ip1,useFactory:function w(se,re,Y){return()=>{Y.get(o.CZH).donePromise.then(()=>{const fe=(0,e.q)(),Ue=re.querySelectorAll(`style[ng-transition="${se}"]`);for(let dt=0;dt<Ue.length;dt++)fe.remove(Ue[dt])})}},deps:[O,e.K0,o.zs3],multi:!0}];let U=(()=>{class se{build(){return new XMLHttpRequest}}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const z=new o.OlP("EventManagerPlugins");let Z=(()=>{class se{constructor(Y,fe){this._zone=fe,this._eventNameToPlugin=new Map,Y.forEach(Ue=>{Ue.manager=this}),this._plugins=Y.slice().reverse()}addEventListener(Y,fe,Ue){return this._findPluginFor(fe).addEventListener(Y,fe,Ue)}addGlobalEventListener(Y,fe,Ue){return this._findPluginFor(fe).addGlobalEventListener(Y,fe,Ue)}getZone(){return this._zone}_findPluginFor(Y){const fe=this._eventNameToPlugin.get(Y);if(fe)return fe;const Ue=this._plugins;for(let dt=0;dt<Ue.length;dt++){const rt=Ue[dt];if(rt.supports(Y))return this._eventNameToPlugin.set(Y,rt),rt}throw new Error(`No event manager plugin found for event ${Y}`)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(z),o.LFG(o.R0b))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();class le{constructor(re){this._doc=re}addGlobalEventListener(re,Y,fe){const Ue=(0,e.q)().getGlobalEventTarget(this._doc,re);if(!Ue)throw new Error(`Unsupported event target ${Ue} for event ${Y}`);return this.addEventListener(Ue,Y,fe)}}let Q=(()=>{class se{constructor(){this.usageCount=new Map}addStyles(Y){for(const fe of Y)1===this.changeUsageCount(fe,1)&&this.onStyleAdded(fe)}removeStyles(Y){for(const fe of Y)0===this.changeUsageCount(fe,-1)&&this.onStyleRemoved(fe)}onStyleRemoved(Y){}onStyleAdded(Y){}getAllStyles(){return this.usageCount.keys()}changeUsageCount(Y,fe){var Ue;const dt=this.usageCount;let rt=null!==(Ue=dt.get(Y))&&void 0!==Ue?Ue:0;return rt+=fe,rt>0?dt.set(Y,rt):dt.delete(Y),rt}ngOnDestroy(){for(const Y of this.getAllStyles())this.onStyleRemoved(Y);this.usageCount.clear()}}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})(),ue=(()=>{class se extends Q{constructor(Y){super(),this.doc=Y,this.styleRef=new Map,this.hostNodes=new Set,this.resetHostNodes()}onStyleAdded(Y){for(const fe of this.hostNodes)this.addStyleToHost(fe,Y)}onStyleRemoved(Y){const fe=this.styleRef,Ue=fe.get(Y);null==Ue||Ue.forEach(dt=>dt.remove()),fe.delete(Y)}ngOnDestroy(){super.ngOnDestroy(),this.styleRef.clear(),this.resetHostNodes()}addHost(Y){this.hostNodes.add(Y);for(const fe of this.getAllStyles())this.addStyleToHost(Y,fe)}removeHost(Y){this.hostNodes.delete(Y)}addStyleToHost(Y,fe){const Ue=this.doc.createElement("style");Ue.textContent=fe,Y.appendChild(Ue);const dt=this.styleRef.get(fe);dt?dt.push(Ue):this.styleRef.set(fe,[Ue])}resetHostNodes(){const Y=this.hostNodes;Y.clear(),Y.add(this.doc.head)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const de={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},X=/%COMP%/g,K="%COMP%",ne=`_nghost-${K}`,We=`_ngcontent-${K}`,Je=new o.OlP("RemoveStylesOnCompDestory",{providedIn:"root",factory:()=>!1});function $e(se,re){return re.flat(100).map(Y=>Y.replace(X,se))}function Ie(se){return re=>{if("__ngUnwrap__"===re)return se;!1===se(re)&&(re.preventDefault(),re.returnValue=!1)}}let G=(()=>{class se{constructor(Y,fe,Ue,dt){this.eventManager=Y,this.sharedStylesHost=fe,this.appId=Ue,this.removeStylesOnCompDestory=dt,this.rendererByCompId=new Map,this.defaultRenderer=new he(Y)}createRenderer(Y,fe){if(!Y||!fe)return this.defaultRenderer;const Ue=this.getOrCreateRenderer(Y,fe);return Ue instanceof be?Ue.applyToHost(Y):Ue instanceof ce&&Ue.applyStyles(),Ue}getOrCreateRenderer(Y,fe){const Ue=this.rendererByCompId;let dt=Ue.get(fe.id);if(!dt){const rt=this.eventManager,at=this.sharedStylesHost,He=this.removeStylesOnCompDestory;switch(fe.encapsulation){case o.ifc.Emulated:dt=new be(rt,at,fe,this.appId,He);break;case o.ifc.ShadowDom:return new q(rt,at,Y,fe);default:dt=new ce(rt,at,fe,He)}dt.onDestroy=()=>Ue.delete(fe.id),Ue.set(fe.id,dt)}return dt}ngOnDestroy(){this.rendererByCompId.clear()}begin(){}end(){}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(Z),o.LFG(ue),o.LFG(o.AFp),o.LFG(Je))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();class he{constructor(re){this.eventManager=re,this.data=Object.create(null),this.destroyNode=null}destroy(){}createElement(re,Y){return Y?document.createElementNS(de[Y]||Y,re):document.createElement(re)}createComment(re){return document.createComment(re)}createText(re){return document.createTextNode(re)}appendChild(re,Y){(Re(re)?re.content:re).appendChild(Y)}insertBefore(re,Y,fe){re&&(Re(re)?re.content:re).insertBefore(Y,fe)}removeChild(re,Y){re&&re.removeChild(Y)}selectRootElement(re,Y){let fe="string"==typeof re?document.querySelector(re):re;if(!fe)throw new Error(`The selector "${re}" did not match any elements`);return Y||(fe.textContent=""),fe}parentNode(re){return re.parentNode}nextSibling(re){return re.nextSibling}setAttribute(re,Y,fe,Ue){if(Ue){Y=Ue+":"+Y;const dt=de[Ue];dt?re.setAttributeNS(dt,Y,fe):re.setAttribute(Y,fe)}else re.setAttribute(Y,fe)}removeAttribute(re,Y,fe){if(fe){const Ue=de[fe];Ue?re.removeAttributeNS(Ue,Y):re.removeAttribute(`${fe}:${Y}`)}else re.removeAttribute(Y)}addClass(re,Y){re.classList.add(Y)}removeClass(re,Y){re.classList.remove(Y)}setStyle(re,Y,fe,Ue){Ue&(o.JOm.DashCase|o.JOm.Important)?re.style.setProperty(Y,fe,Ue&o.JOm.Important?"important":""):re.style[Y]=fe}removeStyle(re,Y,fe){fe&o.JOm.DashCase?re.style.removeProperty(Y):re.style[Y]=""}setProperty(re,Y,fe){re[Y]=fe}setValue(re,Y){re.nodeValue=Y}listen(re,Y,fe){return"string"==typeof re?this.eventManager.addGlobalEventListener(re,Y,Ie(fe)):this.eventManager.addEventListener(re,Y,Ie(fe))}}function Re(se){return"TEMPLATE"===se.tagName&&void 0!==se.content}class q extends he{constructor(re,Y,fe,Ue){super(re),this.sharedStylesHost=Y,this.hostEl=fe,this.shadowRoot=fe.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const dt=$e(Ue.id,Ue.styles);for(const rt of dt){const at=document.createElement("style");at.textContent=rt,this.shadowRoot.appendChild(at)}}nodeOrShadowRoot(re){return re===this.hostEl?this.shadowRoot:re}appendChild(re,Y){return super.appendChild(this.nodeOrShadowRoot(re),Y)}insertBefore(re,Y,fe){return super.insertBefore(this.nodeOrShadowRoot(re),Y,fe)}removeChild(re,Y){return super.removeChild(this.nodeOrShadowRoot(re),Y)}parentNode(re){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(re)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class ce extends he{constructor(re,Y,fe,Ue,dt=fe.id){super(re),this.sharedStylesHost=Y,this.removeStylesOnCompDestory=Ue,this.rendererUsageCount=0,this.styles=$e(dt,fe.styles)}applyStyles(){this.sharedStylesHost.addStyles(this.styles),this.rendererUsageCount++}destroy(){var re;this.removeStylesOnCompDestory&&(this.sharedStylesHost.removeStyles(this.styles),this.rendererUsageCount--,0===this.rendererUsageCount)&&(null===(re=this.onDestroy)||void 0===re||re.call(this))}}class be extends ce{constructor(re,Y,fe,Ue,dt){const rt=Ue+"-"+fe.id;super(re,Y,fe,dt,rt),this.contentAttr=function we(se){return We.replace(X,se)}(rt),this.hostAttr=function Te(se){return ne.replace(X,se)}(rt)}applyToHost(re){this.applyStyles(),this.setAttribute(re,this.hostAttr,"")}createElement(re,Y){const fe=super.createElement(re,Y);return super.setAttribute(fe,this.contentAttr,""),fe}}let N=(()=>{class se extends le{constructor(Y){super(Y)}supports(Y){return!0}addEventListener(Y,fe,Ue){return Y.addEventListener(fe,Ue,!1),()=>this.removeEventListener(Y,fe,Ue)}removeEventListener(Y,fe,Ue){return Y.removeEventListener(fe,Ue)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const _e=["alt","control","meta","shift"],ze={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},_t={alt:se=>se.altKey,control:se=>se.ctrlKey,meta:se=>se.metaKey,shift:se=>se.shiftKey};let Et=(()=>{class se extends le{constructor(Y){super(Y)}supports(Y){return null!=se.parseEventName(Y)}addEventListener(Y,fe,Ue){const dt=se.parseEventName(fe),rt=se.eventCallback(dt.fullKey,Ue,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>(0,e.q)().onAndCancel(Y,dt.domEventName,rt))}static parseEventName(Y){const fe=Y.toLowerCase().split("."),Ue=fe.shift();if(0===fe.length||"keydown"!==Ue&&"keyup"!==Ue)return null;const dt=se._normalizeKey(fe.pop());let rt="",at=fe.indexOf("code");if(at>-1&&(fe.splice(at,1),rt="code."),_e.forEach(zt=>{const tn=fe.indexOf(zt);tn>-1&&(fe.splice(tn,1),rt+=zt+".")}),rt+=dt,0!=fe.length||0===dt.length)return null;const He={};return He.domEventName=Ue,He.fullKey=rt,He}static matchEventFullKeyCode(Y,fe){let Ue=ze[Y.key]||Y.key,dt="";return fe.indexOf("code.")>-1&&(Ue=Y.code,dt="code."),!(null==Ue||!Ue)&&(Ue=Ue.toLowerCase()," "===Ue?Ue="space":"."===Ue&&(Ue="dot"),_e.forEach(rt=>{rt!==Ue&&(0,_t[rt])(Y)&&(dt+=rt+".")}),dt+=Ue,dt===fe)}static eventCallback(Y,fe,Ue){return dt=>{se.matchEventFullKeyCode(dt,Y)&&Ue.runGuarded(()=>fe(dt))}}static _normalizeKey(Y){return"esc"===Y?"escape":Y}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:se.\u0275fac}),se})();const sn=(0,o.eFA)(o._c5,"browser",[{provide:o.Lbi,useValue:e.bD},{provide:o.g9A,useValue:function Pt(){_.makeCurrent()},multi:!0},{provide:e.K0,useFactory:function xt(){return(0,o.RDi)(document),document},deps:[]}]),_n=new o.OlP(""),Jt=[{provide:o.rWj,useClass:class y{addToWindow(re){o.dqk.getAngularTestability=(fe,Ue=!0)=>{const dt=re.findTestabilityInTree(fe,Ue);if(null==dt)throw new Error("Could not find testability for element.");return dt},o.dqk.getAllAngularTestabilities=()=>re.getAllTestabilities(),o.dqk.getAllAngularRootElements=()=>re.getAllRootElements(),o.dqk.frameworkStabilizers||(o.dqk.frameworkStabilizers=[]),o.dqk.frameworkStabilizers.push(fe=>{const Ue=o.dqk.getAllAngularTestabilities();let dt=Ue.length,rt=!1;const at=function(He){rt=rt||He,dt--,0==dt&&fe(rt)};Ue.forEach(function(He){He.whenStable(at)})})}findTestabilityInTree(re,Y,fe){if(null==Y)return null;const Ue=re.getTestability(Y);return null!=Ue?Ue:fe?(0,e.q)().isShadowRoot(Y)?this.findTestabilityInTree(re,Y.host,!0):this.findTestabilityInTree(re,Y.parentElement,!0):null}},deps:[]},{provide:o.lri,useClass:o.dDg,deps:[o.R0b,o.eoX,o.rWj]},{provide:o.dDg,useClass:o.dDg,deps:[o.R0b,o.eoX,o.rWj]}],yt=[{provide:o.zSh,useValue:"root"},{provide:o.qLn,useFactory:function Tt(){return new o.qLn},deps:[]},{provide:z,useClass:N,multi:!0,deps:[e.K0,o.R0b,o.Lbi]},{provide:z,useClass:Et,multi:!0,deps:[e.K0]},{provide:G,useClass:G,deps:[Z,ue,o.AFp,Je]},{provide:o.FYo,useExisting:G},{provide:Q,useExisting:ue},{provide:ue,useClass:ue,deps:[e.K0]},{provide:Z,useClass:Z,deps:[z,o.R0b]},{provide:e.JF,useClass:U,deps:[]},[]];let ut=(()=>{class se{constructor(Y){}static withServerTransition(Y){return{ngModule:se,providers:[{provide:o.AFp,useValue:Y.appId},{provide:O,useExisting:o.AFp},S]}}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(_n,12))},se.\u0275mod=o.oAB({type:se}),se.\u0275inj=o.cJS({providers:[...yt,...Jt],imports:[e.ez,o.hGG]}),se})(),ke=(()=>{class se{constructor(Y){this._doc=Y}getTitle(){return this._doc.title}setTitle(Y){this._doc.title=Y||""}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new Y:function Ge(){return new ke((0,o.LFG)(e.K0))}(),fe},providedIn:"root"}),se})();typeof window<"u"&&window;let vt=(()=>{class se{}return se.\u0275fac=function(Y){return new(Y||se)},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new(Y||se):o.LFG(Se),fe},providedIn:"root"}),se})(),Se=(()=>{class se extends vt{constructor(Y){super(),this._doc=Y}sanitize(Y,fe){if(null==fe)return null;switch(Y){case o.q3G.NONE:return fe;case o.q3G.HTML:return(0,o.qzn)(fe,"HTML")?(0,o.z3N)(fe):(0,o.EiD)(this._doc,String(fe)).toString();case o.q3G.STYLE:return(0,o.qzn)(fe,"Style")?(0,o.z3N)(fe):fe;case o.q3G.SCRIPT:if((0,o.qzn)(fe,"Script"))return(0,o.z3N)(fe);throw new Error("unsafe value used in a script context");case o.q3G.URL:return(0,o.qzn)(fe,"URL")?(0,o.z3N)(fe):(0,o.mCW)(String(fe));case o.q3G.RESOURCE_URL:if((0,o.qzn)(fe,"ResourceURL"))return(0,o.z3N)(fe);throw new Error(`unsafe value used in a resource URL context (see ${o.JZr})`);default:throw new Error(`Unexpected SecurityContext ${Y} (see ${o.JZr})`)}}bypassSecurityTrustHtml(Y){return(0,o.JVY)(Y)}bypassSecurityTrustStyle(Y){return(0,o.L6k)(Y)}bypassSecurityTrustScript(Y){return(0,o.eBb)(Y)}bypassSecurityTrustUrl(Y){return(0,o.LAX)(Y)}bypassSecurityTrustResourceUrl(Y){return(0,o.pB0)(Y)}}return se.\u0275fac=function(Y){return new(Y||se)(o.LFG(e.K0))},se.\u0275prov=o.Yz7({token:se,factory:function(Y){let fe=null;return fe=Y?new Y:function At(se){return new Se(se.get(e.K0))}(o.LFG(o.zs3)),fe},providedIn:"root"}),se})()},1862:(Ve,ae,s)=>{"use strict";s.d(ae,{gz:()=>Kn,m2:()=>Sn,F0:()=>Mo,rH:()=>Hr,Od:()=>ks,yS:()=>Hr,Bz:()=>Gn,lC:()=>Ki,Hx:()=>Yt});var e=s(4537),o=s(6666),p=s(5917),_=s(6215),g=s(3410),f=s(9112),m=s(6481),C=s(1439),O=s(4022),w=s(205),S=s(882),y=s(9193),U=s(2441),z=s(9765),Z=s(8692),le=s(8002),Q=s(3190),ue=s(5257),de=s(9761),X=s(5435),B=s(9773),K=s(8049),ne=s(4612),We=s(8307),Le=s(5304),Je=s(7393);function we(D,T){let h=!1;return arguments.length>=2&&(h=!0),function(j){return j.lift(new Te(D,T,h))}}class Te{constructor(T,h,P=!1){this.accumulator=T,this.seed=h,this.hasSeed=P}call(T,h){return h.subscribe(new $e(T,this.accumulator,this.seed,this.hasSeed))}}class $e extends Je.L{constructor(T,h,P,j){super(T),this.accumulator=h,this._seed=P,this.hasSeed=j,this.index=0}get seed(){return this._seed}set seed(T){this.hasSeed=!0,this._seed=T}_next(T){if(this.hasSeed)return this._tryNext(T);this.seed=T,this.destination.next(T)}_tryNext(T){const h=this.index++;let P;try{P=this.accumulator(this.seed,T,h)}catch(j){this.destination.error(j)}this.seed=P,this.destination.next(P)}}var Ie=s(7108);function G(D){return function(h){return 0===D?(0,y.c)():h.lift(new he(D))}}class he{constructor(T){if(this.total=T,this.total<0)throw new Ie.W}call(T,h){return h.subscribe(new ye(T,this.total))}}class ye extends Je.L{constructor(T,h){super(T),this.total=h,this.ring=new Array,this.count=0}_next(T){const h=this.ring,P=this.total,j=this.count++;h.length<P?h.push(T):h[j%P]=T}_complete(){const T=this.destination;let h=this.count;if(h>0){const P=this.count>=this.total?this.total:this.count,j=this.ring;for(let me=0;me<P;me++){const Ae=h++%P;T.next(j[Ae])}}T.complete()}}var te=s(4635),Re=s(5242),q=s(4487);function ce(D,T){const h=arguments.length>=2;return P=>P.pipe(D?(0,X.h)((j,me)=>D(j,me,P)):q.y,G(1),h?(0,Re.d)(T):(0,te.T)(()=>new g.K))}var be=s(409),N=s(6736),_e=s(197),ze=s(1307),_t=s(3282),Et=s(5998);const Gt="primary",St=Symbol("RouteTitle");class qt{constructor(T){this.params=T||{}}has(T){return Object.prototype.hasOwnProperty.call(this.params,T)}get(T){if(this.has(T)){const h=this.params[T];return Array.isArray(h)?h[0]:h}return null}getAll(T){if(this.has(T)){const h=this.params[T];return Array.isArray(h)?h:[h]}return[]}get keys(){return Object.keys(this.params)}}function Ot(D){return new qt(D)}function Ht(D,T,h){const P=h.path.split("/");if(P.length>D.length||"full"===h.pathMatch&&(T.hasChildren()||P.length<D.length))return null;const j={};for(let me=0;me<P.length;me++){const Ae=P[me],Ct=D[me];if(Ae.startsWith(":"))j[Ae.substring(1)]=Ct;else if(Ae!==Ct.path)return null}return{consumed:D.slice(0,P.length),posParams:j}}function Tt(D,T){const h=D?Object.keys(D):void 0,P=T?Object.keys(T):void 0;if(!h||!P||h.length!=P.length)return!1;let j;for(let me=0;me<h.length;me++)if(j=h[me],!xt(D[j],T[j]))return!1;return!0}function xt(D,T){if(Array.isArray(D)&&Array.isArray(T)){if(D.length!==T.length)return!1;const h=[...D].sort(),P=[...T].sort();return h.every((j,me)=>P[me]===j)}return D===T}function Wt(D){return Array.prototype.concat.apply([],D)}function sn(D){return D.length>0?D[D.length-1]:null}function Jt(D,T){for(const h in D)D.hasOwnProperty(h)&&T(D[h],h)}function yt(D){return(0,e.CqO)(D)?D:(0,e.QGY)(D)?(0,o.D)(Promise.resolve(D)):(0,p.of)(D)}const ut=!1,Ee={exact:function ke(D,T,h){if(!kt(D.segments,T.segments)||!Vt(D.segments,T.segments,h)||D.numberOfChildren!==T.numberOfChildren)return!1;for(const P in T.children)if(!D.children[P]||!ke(D.children[P],T.children[P],h))return!1;return!0},subset:Fe},Pe={exact:function Ge(D,T){return Tt(D,T)},subset:function Ke(D,T){return Object.keys(T).length<=Object.keys(D).length&&Object.keys(T).every(h=>xt(D[h],T[h]))},ignored:()=>!0};function et(D,T,h){return Ee[h.paths](D.root,T.root,h.matrixParams)&&Pe[h.queryParams](D.queryParams,T.queryParams)&&!("exact"===h.fragment&&D.fragment!==T.fragment)}function Fe(D,T,h){return ht(D,T,T.segments,h)}function ht(D,T,h,P){if(D.segments.length>h.length){const j=D.segments.slice(0,h.length);return!(!kt(j,h)||T.hasChildren()||!Vt(j,h,P))}if(D.segments.length===h.length){if(!kt(D.segments,h)||!Vt(D.segments,h,P))return!1;for(const j in T.children)if(!D.children[j]||!Fe(D.children[j],T.children[j],P))return!1;return!0}{const j=h.slice(0,D.segments.length),me=h.slice(D.segments.length);return!!(kt(D.segments,j)&&Vt(D.segments,j,P)&&D.children[Gt])&&ht(D.children[Gt],T,me,P)}}function Vt(D,T,h){return T.every((P,j)=>Pe[h](D[j].parameters,P.parameters))}class $t{constructor(T=new Ye([],{}),h={},P=null){this.root=T,this.queryParams=h,this.fragment=P}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Ot(this.queryParams)),this._queryParamMap}toString(){return lt.serialize(this)}}class Ye{constructor(T,h){this.segments=T,this.children=h,this.parent=null,Jt(h,(P,j)=>P.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return ot(this)}}class wt{constructor(T,h){this.path=T,this.parameters=h}get parameterMap(){return this._parameterMap||(this._parameterMap=Ot(this.parameters)),this._parameterMap}toString(){return ct(this)}}function kt(D,T){return D.length===T.length&&D.every((h,P)=>h.path===T[P].path)}let Yt=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return new Qe},providedIn:"root"}),D})();class Qe{parse(T){const h=new Ue(T);return new $t(h.parseRootSegment(),h.parseQueryParams(),h.parseFragment())}serialize(T){const h=`/${st(T.root,!0)}`,P=function At(D){const T=Object.keys(D).map(h=>{const P=D[h];return Array.isArray(P)?P.map(j=>`${W(h)}=${W(j)}`).join("&"):`${W(h)}=${W(P)}`}).filter(h=>!!h);return T.length?`?${T.join("&")}`:""}(T.queryParams);return`${h}${P}${"string"==typeof T.fragment?`#${function $(D){return encodeURI(D)}(T.fragment)}`:""}`}}const lt=new Qe;function ot(D){return D.segments.map(T=>ct(T)).join("/")}function st(D,T){if(!D.hasChildren())return ot(D);if(T){const h=D.children[Gt]?st(D.children[Gt],!1):"",P=[];return Jt(D.children,(j,me)=>{me!==Gt&&P.push(`${me}:${st(j,!1)}`)}),P.length>0?`${h}(${P.join("//")})`:h}{const h=function cn(D,T){let h=[];return Jt(D.children,(P,j)=>{j===Gt&&(h=h.concat(T(P,j)))}),Jt(D.children,(P,j)=>{j!==Gt&&(h=h.concat(T(P,j)))}),h}(D,(P,j)=>j===Gt?[st(D.children[Gt],!1)]:[`${j}:${st(P,!1)}`]);return 1===Object.keys(D.children).length&&null!=D.children[Gt]?`${ot(D)}/${h[0]}`:`${ot(D)}/(${h.join("//")})`}}function it(D){return encodeURIComponent(D).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function W(D){return it(D).replace(/%3B/gi,";")}function Ne(D){return it(D).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function De(D){return decodeURIComponent(D)}function pt(D){return De(D.replace(/\+/g,"%20"))}function ct(D){return`${Ne(D.path)}${function vt(D){return Object.keys(D).map(T=>`;${Ne(T)}=${Ne(D[T])}`).join("")}(D.parameters)}`}const Se=/^[^\/()?;=#]+/;function Be(D){const T=D.match(Se);return T?T[0]:""}const se=/^[^=?&#]+/,Y=/^[^&#]+/;class Ue{constructor(T){this.url=T,this.remaining=T}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new Ye([],{}):new Ye([],this.parseChildren())}parseQueryParams(){const T={};if(this.consumeOptional("?"))do{this.parseQueryParam(T)}while(this.consumeOptional("&"));return T}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const T=[];for(this.peekStartsWith("(")||T.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),T.push(this.parseSegment());let h={};this.peekStartsWith("/(")&&(this.capture("/"),h=this.parseParens(!0));let P={};return this.peekStartsWith("(")&&(P=this.parseParens(!1)),(T.length>0||Object.keys(h).length>0)&&(P[Gt]=new Ye(T,h)),P}parseSegment(){const T=Be(this.remaining);if(""===T&&this.peekStartsWith(";"))throw new e.vHH(4009,ut);return this.capture(T),new wt(De(T),this.parseMatrixParams())}parseMatrixParams(){const T={};for(;this.consumeOptional(";");)this.parseParam(T);return T}parseParam(T){const h=Be(this.remaining);if(!h)return;this.capture(h);let P="";if(this.consumeOptional("=")){const j=Be(this.remaining);j&&(P=j,this.capture(P))}T[De(h)]=De(P)}parseQueryParam(T){const h=function re(D){const T=D.match(se);return T?T[0]:""}(this.remaining);if(!h)return;this.capture(h);let P="";if(this.consumeOptional("=")){const Ae=function fe(D){const T=D.match(Y);return T?T[0]:""}(this.remaining);Ae&&(P=Ae,this.capture(P))}const j=pt(h),me=pt(P);if(T.hasOwnProperty(j)){let Ae=T[j];Array.isArray(Ae)||(Ae=[Ae],T[j]=Ae),Ae.push(me)}else T[j]=me}parseParens(T){const h={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const P=Be(this.remaining),j=this.remaining[P.length];if("/"!==j&&")"!==j&&";"!==j)throw new e.vHH(4010,ut);let me;P.indexOf(":")>-1?(me=P.slice(0,P.indexOf(":")),this.capture(me),this.capture(":")):T&&(me=Gt);const Ae=this.parseChildren();h[me]=1===Object.keys(Ae).length?Ae[Gt]:new Ye([],Ae),this.consumeOptional("//")}return h}peekStartsWith(T){return this.remaining.startsWith(T)}consumeOptional(T){return!!this.peekStartsWith(T)&&(this.remaining=this.remaining.substring(T.length),!0)}capture(T){if(!this.consumeOptional(T))throw new e.vHH(4011,ut)}}function dt(D){return D.segments.length>0?new Ye([],{[Gt]:D}):D}function rt(D){const T={};for(const P of Object.keys(D.children)){const me=rt(D.children[P]);(me.segments.length>0||me.hasChildren())&&(T[P]=me)}return function at(D){if(1===D.numberOfChildren&&D.children[Gt]){const T=D.children[Gt];return new Ye(D.segments.concat(T.segments),T.children)}return D}(new Ye(D.segments,T))}function He(D){return D instanceof $t}const zt=!1;function en(D,T,h,P,j){var me;if(0===h.length)return on(T.root,T.root,T.root,P,j);const Ae=function Dn(D){if("string"==typeof D[0]&&1===D.length&&"/"===D[0])return new dn(!0,0,D);let T=0,h=!1;const P=D.reduce((j,me,Ae)=>{if("object"==typeof me&&null!=me){if(me.outlets){const Ct={};return Jt(me.outlets,(jt,gn)=>{Ct[gn]="string"==typeof jt?jt.split("/"):jt}),[...j,{outlets:Ct}]}if(me.segmentPath)return[...j,me.segmentPath]}return"string"!=typeof me?[...j,me]:0===Ae?(me.split("/").forEach((Ct,jt)=>{0==jt&&"."===Ct||(0==jt&&""===Ct?h=!0:".."===Ct?T++:""!=Ct&&j.push(Ct))}),j):[...j,me]},[]);return new dn(h,T,P)}(h);return Ae.toRoot()?on(T.root,T.root,new Ye([],{}),P,j):function Ct(gn){var Pn;const En=function Qn(D,T,h,P){if(D.isAbsolute)return new Cn(T.root,!0,0);if(-1===P)return new Cn(h,h===T.root,0);return function Hn(D,T,h){let P=D,j=T,me=h;for(;me>j;){if(me-=j,P=P.parent,!P)throw new e.vHH(4005,zt&&"Invalid number of '../'");j=P.segments.length}return new Cn(P,!1,j-me)}(h,P+(Ft(D.commands[0])?0:1),D.numberOfDoubleDots)}(Ae,T,null===(Pn=D.snapshot)||void 0===Pn?void 0:Pn._urlSegment,gn),bi=En.processChildren?wn(En.segmentGroup,En.index,Ae.commands):pn(En.segmentGroup,En.index,Ae.commands);return on(T.root,En.segmentGroup,bi,P,j)}(null===(me=D.snapshot)||void 0===me?void 0:me._lastPathIndex)}function Ft(D){return"object"==typeof D&&null!=D&&!D.outlets&&!D.segmentPath}function nn(D){return"object"==typeof D&&null!=D&&D.outlets}function on(D,T,h,P,j){let Ae,me={};P&&Jt(P,(jt,gn)=>{me[gn]=Array.isArray(jt)?jt.map(Pn=>`${Pn}`):`${jt}`}),Ae=D===T?h:fn(D,T,h);const Ct=dt(rt(Ae));return new $t(Ct,me,j)}function fn(D,T,h){const P={};return Jt(D.children,(j,me)=>{P[me]=j===T?h:fn(j,T,h)}),new Ye(D.segments,P)}class dn{constructor(T,h,P){if(this.isAbsolute=T,this.numberOfDoubleDots=h,this.commands=P,T&&P.length>0&&Ft(P[0]))throw new e.vHH(4003,zt&&"Root segment cannot have matrix parameters");const j=P.find(nn);if(j&&j!==sn(P))throw new e.vHH(4004,zt&&"{outlets:{}} has to be the last command")}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class Cn{constructor(T,h,P){this.segmentGroup=T,this.processChildren=h,this.index=P}}function pn(D,T,h){if(D||(D=new Ye([],{})),0===D.segments.length&&D.hasChildren())return wn(D,T,h);const P=function ti(D,T,h){let P=0,j=T;const me={match:!1,pathIndex:0,commandIndex:0};for(;j<D.segments.length;){if(P>=h.length)return me;const Ae=D.segments[j],Ct=h[P];if(nn(Ct))break;const jt=`${Ct}`,gn=P<h.length-1?h[P+1]:null;if(j>0&&void 0===jt)break;if(jt&&gn&&"object"==typeof gn&&void 0===gn.outlets){if(!_i(jt,gn,Ae))return me;P+=2}else{if(!_i(jt,{},Ae))return me;P++}j++}return{match:!0,pathIndex:j,commandIndex:P}}(D,T,h),j=h.slice(P.commandIndex);if(P.match&&P.pathIndex<D.segments.length){const me=new Ye(D.segments.slice(0,P.pathIndex),{});return me.children[Gt]=new Ye(D.segments.slice(P.pathIndex),D.children),wn(me,0,j)}return P.match&&0===j.length?new Ye(D.segments,{}):P.match&&!D.hasChildren()?ai(D,T,h):P.match?wn(D,0,j):ai(D,T,h)}function wn(D,T,h){if(0===h.length)return new Ye(D.segments,{});{const P=function li(D){return nn(D[0])?D[0].outlets:{[Gt]:D}}(h),j={};if(!P[Gt]&&D.children[Gt]&&1===D.numberOfChildren&&0===D.children[Gt].segments.length){const me=wn(D.children[Gt],T,h);return new Ye(D.segments,me.children)}return Jt(P,(me,Ae)=>{"string"==typeof me&&(me=[me]),null!==me&&(j[Ae]=pn(D.children[Ae],T,me))}),Jt(D.children,(me,Ae)=>{void 0===P[Ae]&&(j[Ae]=me)}),new Ye(D.segments,j)}}function ai(D,T,h){const P=D.segments.slice(0,T);let j=0;for(;j<h.length;){const me=h[j];if(nn(me)){const jt=yi(me.outlets);return new Ye(P,jt)}if(0===j&&Ft(h[0])){P.push(new wt(D.segments[T].path,hi(h[0]))),j++;continue}const Ae=nn(me)?me.outlets[Gt]:`${me}`,Ct=j<h.length-1?h[j+1]:null;Ae&&Ct&&Ft(Ct)?(P.push(new wt(Ae,hi(Ct))),j+=2):(P.push(new wt(Ae,{})),j++)}return new Ye(P,{})}function yi(D){const T={};return Jt(D,(h,P)=>{"string"==typeof h&&(h=[h]),null!==h&&(T[P]=ai(new Ye([],{}),0,h))}),T}function hi(D){const T={};return Jt(D,(h,P)=>T[P]=`${h}`),T}function _i(D,T,h){return D==h.path&&Tt(T,h.parameters)}const ni="imperative";class ii{constructor(T,h){this.id=T,this.url=h}}class Ci extends ii{constructor(T,h,P="imperative",j=null){super(T,h),this.type=0,this.navigationTrigger=P,this.restoredState=j}toString(){return`NavigationStart(id: ${this.id}, url: '${this.url}')`}}class Sn extends ii{constructor(T,h,P){super(T,h),this.urlAfterRedirects=P,this.type=1}toString(){return`NavigationEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}')`}}class zn extends ii{constructor(T,h,P,j){super(T,h),this.reason=P,this.code=j,this.type=2}toString(){return`NavigationCancel(id: ${this.id}, url: '${this.url}')`}}class oi extends ii{constructor(T,h,P,j){super(T,h),this.reason=P,this.code=j,this.type=16}}class Mi extends ii{constructor(T,h,P,j){super(T,h),this.error=P,this.target=j,this.type=3}toString(){return`NavigationError(id: ${this.id}, url: '${this.url}', error: ${this.error})`}}class ki extends ii{constructor(T,h,P,j){super(T,h),this.urlAfterRedirects=P,this.state=j,this.type=4}toString(){return`RoutesRecognized(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Ti extends ii{constructor(T,h,P,j){super(T,h),this.urlAfterRedirects=P,this.state=j,this.type=7}toString(){return`GuardsCheckStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class io extends ii{constructor(T,h,P,j,me){super(T,h),this.urlAfterRedirects=P,this.state=j,this.shouldActivate=me,this.type=8}toString(){return`GuardsCheckEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state}, shouldActivate: ${this.shouldActivate})`}}class zi extends ii{constructor(T,h,P,j){super(T,h),this.urlAfterRedirects=P,this.state=j,this.type=5}toString(){return`ResolveStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class oo extends ii{constructor(T,h,P,j){super(T,h),this.urlAfterRedirects=P,this.state=j,this.type=6}toString(){return`ResolveEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class ro{constructor(T){this.route=T,this.type=9}toString(){return`RouteConfigLoadStart(path: ${this.route.path})`}}class lo{constructor(T){this.route=T,this.type=10}toString(){return`RouteConfigLoadEnd(path: ${this.route.path})`}}class ui{constructor(T){this.snapshot=T,this.type=11}toString(){return`ChildActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class fi{constructor(T){this.snapshot=T,this.type=12}toString(){return`ChildActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Ut{constructor(T){this.snapshot=T,this.type=13}toString(){return`ActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class Me{constructor(T){this.snapshot=T,this.type=14}toString(){return`ActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class ee{constructor(T,h,P){this.routerEvent=T,this.position=h,this.anchor=P,this.type=15}toString(){return`Scroll(anchor: '${this.anchor}', position: '${this.position?`${this.position[0]}, ${this.position[1]}`:null}')`}}let qe=(()=>{class D{createUrlTree(h,P,j,me,Ae,Ct){return en(h||P.root,j,me,Ae,Ct)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac}),D})(),Lt=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(T){return qe.\u0275fac(T)},providedIn:"root"}),D})();class rn{constructor(T){this._root=T}get root(){return this._root.value}parent(T){const h=this.pathFromRoot(T);return h.length>1?h[h.length-2]:null}children(T){const h=On(T,this._root);return h?h.children.map(P=>P.value):[]}firstChild(T){const h=On(T,this._root);return h&&h.children.length>0?h.children[0].value:null}siblings(T){const h=yn(T,this._root);return h.length<2?[]:h[h.length-2].children.map(j=>j.value).filter(j=>j!==T)}pathFromRoot(T){return yn(T,this._root).map(h=>h.value)}}function On(D,T){if(D===T.value)return T;for(const h of T.children){const P=On(D,h);if(P)return P}return null}function yn(D,T){if(D===T.value)return[T];for(const h of T.children){const P=yn(D,h);if(P.length)return P.unshift(T),P}return[]}class Zt{constructor(T,h){this.value=T,this.children=h}toString(){return`TreeNode(${this.value})`}}function tt(D){const T={};return D&&D.children.forEach(h=>T[h.value.outlet]=h),T}class Kt extends rn{constructor(T,h){super(T),this.snapshot=h,Ei(this,T)}toString(){return this.snapshot.toString()}}function mn(D,T){const h=function jn(D,T){const Ae=new Fi([],{},{},"",{},Gt,T,null,D.root,-1,{});return new ji("",new Zt(Ae,[]))}(D,T),P=new _.X([new wt("",{})]),j=new _.X({}),me=new _.X({}),Ae=new _.X({}),Ct=new _.X(""),jt=new Kn(P,j,Ae,Ct,me,Gt,T,h.root);return jt.snapshot=h.root,new Kt(new Zt(jt,[]),h)}class Kn{constructor(T,h,P,j,me,Ae,Ct,jt){var gn,Pn;this.url=T,this.params=h,this.queryParams=P,this.fragment=j,this.data=me,this.outlet=Ae,this.component=Ct,this.title=null!==(gn=null===(Pn=this.data)||void 0===Pn?void 0:Pn.pipe((0,le.U)(En=>En[St])))&&void 0!==gn?gn:(0,p.of)(void 0),this._futureSnapshot=jt}get routeConfig(){return this._futureSnapshot.routeConfig}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=this.params.pipe((0,le.U)(T=>Ot(T)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe((0,le.U)(T=>Ot(T)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():`Future(${this._futureSnapshot})`}}function Di(D,T="emptyOnly"){const h=D.pathFromRoot;let P=0;if("always"!==T)for(P=h.length-1;P>=1;){const j=h[P],me=h[P-1];if(j.routeConfig&&""===j.routeConfig.path)P--;else{if(me.component)break;P--}}return function Oi(D){return D.reduce((T,h)=>{var P;return{params:{...T.params,...h.params},data:{...T.data,...h.data},resolve:{...h.data,...T.resolve,...null===(P=h.routeConfig)||void 0===P?void 0:P.data,...h._resolvedData}}},{params:{},data:{},resolve:{}})}(h.slice(P))}class Fi{get title(){var T;return null===(T=this.data)||void 0===T?void 0:T[St]}constructor(T,h,P,j,me,Ae,Ct,jt,gn,Pn,En){this.url=T,this.params=h,this.queryParams=P,this.fragment=j,this.data=me,this.outlet=Ae,this.component=Ct,this.routeConfig=jt,this._urlSegment=gn,this._lastPathIndex=Pn,this._resolve=En}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=Ot(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Ot(this.queryParams)),this._queryParamMap}toString(){return`Route(url:'${this.url.map(P=>P.toString()).join("/")}', path:'${this.routeConfig?this.routeConfig.path:""}')`}}class ji extends rn{constructor(T,h){super(h),this.url=T,Ei(this,h)}toString(){return er(this._root)}}function Ei(D,T){T.value._routerState=D,T.children.forEach(h=>Ei(D,h))}function er(D){const T=D.children.length>0?` { ${D.children.map(er).join(", ")} } `:"";return`${D.value}${T}`}function so(D){if(D.snapshot){const T=D.snapshot,h=D._futureSnapshot;D.snapshot=h,Tt(T.queryParams,h.queryParams)||D.queryParams.next(h.queryParams),T.fragment!==h.fragment&&D.fragment.next(h.fragment),Tt(T.params,h.params)||D.params.next(h.params),function Pt(D,T){if(D.length!==T.length)return!1;for(let h=0;h<D.length;++h)if(!Tt(D[h],T[h]))return!1;return!0}(T.url,h.url)||D.url.next(h.url),Tt(T.data,h.data)||D.data.next(h.data)}else D.snapshot=D._futureSnapshot,D.data.next(D._futureSnapshot.data)}function tr(D,T){const h=Tt(D.params,T.params)&&function Mt(D,T){return kt(D,T)&&D.every((h,P)=>Tt(h.parameters,T[P].parameters))}(D.url,T.url);return h&&!(!D.parent!=!T.parent)&&(!D.parent||tr(D.parent,T.parent))}function lr(D,T,h){if(h&&D.shouldReuseRoute(T.value,h.value.snapshot)){const P=h.value;P._futureSnapshot=T.value;const j=function _r(D,T,h){return T.children.map(P=>{for(const j of h.children)if(D.shouldReuseRoute(P.value,j.value.snapshot))return lr(D,P,j);return lr(D,P)})}(D,T,h);return new Zt(P,j)}{if(D.shouldAttach(T.value)){const me=D.retrieve(T.value);if(null!==me){const Ae=me.route;return Ae.value._futureSnapshot=T.value,Ae.children=T.children.map(Ct=>lr(D,Ct)),Ae}}const P=function vr(D){return new Kn(new _.X(D.url),new _.X(D.params),new _.X(D.queryParams),new _.X(D.fragment),new _.X(D.data),D.outlet,D.component,D)}(T.value),j=T.children.map(me=>lr(D,me));return new Zt(P,j)}}const $i="ngNavigationCancelingError";function Fo(D,T){const{redirectTo:h,navigationBehaviorOptions:P}=He(T)?{redirectTo:T,navigationBehaviorOptions:void 0}:T,j=Or(!1,0,T);return j.url=h,j.navigationBehaviorOptions=P,j}function Or(D,T,h){const P=new Error("NavigationCancelingError: "+(D||""));return P[$i]=!0,P.cancellationCode=T,h&&(P.url=h),P}function Gi(D){return Go(D)&&He(D.url)}function Go(D){return D&&D[$i]}class co{constructor(){this.outlet=null,this.route=null,this.resolver=null,this.injector=null,this.children=new Po,this.attachRef=null}}let Po=(()=>{class D{constructor(){this.contexts=new Map}onChildOutletCreated(h,P){const j=this.getOrCreateContext(h);j.outlet=P,this.contexts.set(h,j)}onChildOutletDestroyed(h){const P=this.getContext(h);P&&(P.outlet=null,P.attachRef=null)}onOutletDeactivated(){const h=this.contexts;return this.contexts=new Map,h}onOutletReAttached(h){this.contexts=h}getOrCreateContext(h){let P=this.getContext(h);return P||(P=new co,this.contexts.set(h,P)),P}getContext(h){return this.contexts.get(h)||null}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const No=!1;let Ki=(()=>{class D{constructor(){this.activated=null,this._activatedRoute=null,this.name=Gt,this.activateEvents=new e.vpe,this.deactivateEvents=new e.vpe,this.attachEvents=new e.vpe,this.detachEvents=new e.vpe,this.parentContexts=(0,e.f3M)(Po),this.location=(0,e.f3M)(e.s_b),this.changeDetector=(0,e.f3M)(e.sBO),this.environmentInjector=(0,e.f3M)(e.lqb)}ngOnChanges(h){if(h.name){const{firstChange:P,previousValue:j}=h.name;if(P)return;this.isTrackedInParentContexts(j)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(j)),this.initializeOutletWithName()}}ngOnDestroy(){this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name)}isTrackedInParentContexts(h){var P;return(null===(P=this.parentContexts.getContext(h))||void 0===P?void 0:P.outlet)===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const h=this.parentContexts.getContext(this.name);null!=h&&h.route&&(h.attachRef?this.attach(h.attachRef,h.route):this.activateWith(h.route,h.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new e.vHH(4012,No);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new e.vHH(4012,No);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new e.vHH(4012,No);this.location.detach();const h=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(h.instance),h}attach(h,P){this.activated=h,this._activatedRoute=P,this.location.insert(h.hostView),this.attachEvents.emit(h.instance)}deactivate(){if(this.activated){const h=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(h)}}activateWith(h,P){if(this.isActivated)throw new e.vHH(4013,No);this._activatedRoute=h;const j=this.location,Ae=h.snapshot.component,Ct=this.parentContexts.getOrCreateContext(this.name).children,jt=new cr(h,Ct,j.injector);if(P&&function dr(D){return!!D.resolveComponentFactory}(P)){const gn=P.resolveComponentFactory(Ae);this.activated=j.createComponent(gn,j.length,jt)}else this.activated=j.createComponent(Ae,{index:j.length,injector:jt,environmentInjector:null!=P?P:this.environmentInjector});this.changeDetector.markForCheck(),this.activateEvents.emit(this.activated.instance)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275dir=e.lG2({type:D,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[e.TTD]}),D})();class cr{constructor(T,h,P){this.route=T,this.childContexts=h,this.parent=P}get(T,h){return T===Kn?this.route:T===Po?this.childContexts:this.parent.get(T,h)}}let nr=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275cmp=e.Xpm({type:D,selectors:[["ng-component"]],standalone:!0,features:[e.jDz],decls:1,vars:0,template:function(h,P){1&h&&e._UZ(0,"router-outlet")},dependencies:[Ki],encapsulation:2}),D})();function ao(D,T){var h;return D.providers&&!D._injector&&(D._injector=(0,e.MMx)(D.providers,T,`Route: ${D.path}`)),null!==(h=D._injector)&&void 0!==h?h:T}function fo(D){const T=D.children&&D.children.map(fo),h=T?{...D,children:T}:{...D};return!h.component&&!h.loadComponent&&(T||h.loadChildren)&&h.outlet&&h.outlet!==Gt&&(h.component=nr),h}function di(D){return D.outlet||Gt}function Io(D,T){const h=D.filter(P=>di(P)===T);return h.push(...D.filter(P=>di(P)!==T)),h}function Lo(D){var T;if(!D)return null;if(null!==(T=D.routeConfig)&&void 0!==T&&T._injector)return D.routeConfig._injector;for(let h=D.parent;h;h=h.parent){const P=h.routeConfig;if(null!=P&&P._loadedInjector)return P._loadedInjector;if(null!=P&&P._injector)return P._injector}return null}class Ji{constructor(T,h,P,j){this.routeReuseStrategy=T,this.futureState=h,this.currState=P,this.forwardEvent=j}activate(T){const h=this.futureState._root,P=this.currState?this.currState._root:null;this.deactivateChildRoutes(h,P,T),so(this.futureState.root),this.activateChildRoutes(h,P,T)}deactivateChildRoutes(T,h,P){const j=tt(h);T.children.forEach(me=>{const Ae=me.value.outlet;this.deactivateRoutes(me,j[Ae],P),delete j[Ae]}),Jt(j,(me,Ae)=>{this.deactivateRouteAndItsChildren(me,P)})}deactivateRoutes(T,h,P){const j=T.value,me=h?h.value:null;if(j===me)if(j.component){const Ae=P.getContext(j.outlet);Ae&&this.deactivateChildRoutes(T,h,Ae.children)}else this.deactivateChildRoutes(T,h,P);else me&&this.deactivateRouteAndItsChildren(h,P)}deactivateRouteAndItsChildren(T,h){T.value.component&&this.routeReuseStrategy.shouldDetach(T.value.snapshot)?this.detachAndStoreRouteSubtree(T,h):this.deactivateRouteAndOutlet(T,h)}detachAndStoreRouteSubtree(T,h){const P=h.getContext(T.value.outlet),j=P&&T.value.component?P.children:h,me=tt(T);for(const Ae of Object.keys(me))this.deactivateRouteAndItsChildren(me[Ae],j);if(P&&P.outlet){const Ae=P.outlet.detach(),Ct=P.children.onOutletDeactivated();this.routeReuseStrategy.store(T.value.snapshot,{componentRef:Ae,route:T,contexts:Ct})}}deactivateRouteAndOutlet(T,h){const P=h.getContext(T.value.outlet),j=P&&T.value.component?P.children:h,me=tt(T);for(const Ae of Object.keys(me))this.deactivateRouteAndItsChildren(me[Ae],j);P&&(P.outlet&&(P.outlet.deactivate(),P.children.onOutletDeactivated()),P.attachRef=null,P.resolver=null,P.route=null)}activateChildRoutes(T,h,P){const j=tt(h);T.children.forEach(me=>{this.activateRoutes(me,j[me.value.outlet],P),this.forwardEvent(new Me(me.value.snapshot))}),T.children.length&&this.forwardEvent(new fi(T.value.snapshot))}activateRoutes(T,h,P){const j=T.value,me=h?h.value:null;if(so(j),j===me)if(j.component){const Ct=P.getOrCreateContext(j.outlet);this.activateChildRoutes(T,h,Ct.children)}else this.activateChildRoutes(T,h,P);else if(j.component){const Ct=P.getOrCreateContext(j.outlet);if(this.routeReuseStrategy.shouldAttach(j.snapshot)){const jt=this.routeReuseStrategy.retrieve(j.snapshot);this.routeReuseStrategy.store(j.snapshot,null),Ct.children.onOutletReAttached(jt.contexts),Ct.attachRef=jt.componentRef,Ct.route=jt.route.value,Ct.outlet&&Ct.outlet.attach(jt.componentRef,jt.route.value),so(jt.route.value),this.activateChildRoutes(T,null,Ct.children)}else{var Ae;const jt=Lo(j.snapshot),gn=null!==(Ae=null==jt?void 0:jt.get(e._Vd))&&void 0!==Ae?Ae:null;Ct.attachRef=null,Ct.route=j,Ct.resolver=gn,Ct.injector=jt,Ct.outlet&&Ct.outlet.activateWith(j,Ct.injector),this.activateChildRoutes(T,null,Ct.children)}}else this.activateChildRoutes(T,null,P)}}class yr{constructor(T){this.path=T,this.route=this.path[this.path.length-1]}}class Do{constructor(T,h){this.component=T,this.route=h}}function po(D,T,h){const P=D._root;return b(P,T?T._root:null,h,[P.value])}function Oe(D,T){const h=Symbol(),P=T.get(D,h);return P===h?"function"!=typeof D||(0,e.Z0I)(D)?T.get(D):D:P}function b(D,T,h,P,j={canDeactivateChecks:[],canActivateChecks:[]}){const me=tt(T);return D.children.forEach(Ae=>{(function M(D,T,h,P,j={canDeactivateChecks:[],canActivateChecks:[]}){const me=D.value,Ae=T?T.value:null,Ct=h?h.getContext(D.value.outlet):null;if(Ae&&me.routeConfig===Ae.routeConfig){const jt=function J(D,T,h){if("function"==typeof h)return h(D,T);switch(h){case"pathParamsChange":return!kt(D.url,T.url);case"pathParamsOrQueryParamsChange":return!kt(D.url,T.url)||!Tt(D.queryParams,T.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!tr(D,T)||!Tt(D.queryParams,T.queryParams);default:return!tr(D,T)}}(Ae,me,me.routeConfig.runGuardsAndResolvers);jt?j.canActivateChecks.push(new yr(P)):(me.data=Ae.data,me._resolvedData=Ae._resolvedData),b(D,T,me.component?Ct?Ct.children:null:h,P,j),jt&&Ct&&Ct.outlet&&Ct.outlet.isActivated&&j.canDeactivateChecks.push(new Do(Ct.outlet.component,Ae))}else Ae&&ve(T,Ct,j),j.canActivateChecks.push(new yr(P)),b(D,null,me.component?Ct?Ct.children:null:h,P,j)})(Ae,me[Ae.value.outlet],h,P.concat([Ae.value]),j),delete me[Ae.value.outlet]}),Jt(me,(Ae,Ct)=>ve(Ae,h.getContext(Ct),j)),j}function ve(D,T,h){const P=tt(D),j=D.value;Jt(P,(me,Ae)=>{ve(me,j.component?T?T.children.getContext(Ae):null:T,h)}),h.canDeactivateChecks.push(new Do(j.component&&T&&T.outlet&&T.outlet.isActivated?T.outlet.component:null,j))}function je(D){return"function"==typeof D}function bn(D){return D instanceof g.K||"EmptyError"===(null==D?void 0:D.name)}const vn=Symbol("INITIAL_VALUE");function $n(){return(0,Q.w)(D=>(0,f.aj)(D.map(T=>T.pipe((0,ue.q)(1),(0,de.O)(vn)))).pipe((0,le.U)(T=>{for(const h of T)if(!0!==h){if(h===vn)return vn;if(!1===h||h instanceof $t)return h}return!0}),(0,X.h)(T=>T!==vn),(0,ue.q)(1)))}function Li(D){return(0,O.z)((0,We.b)(T=>{if(He(T))throw Fo(0,T)}),(0,le.U)(T=>!0===T))}const Qi={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Uo(D,T,h,P,j){const me=go(D,T,h);return me.matched?function bo(D,T,h,P){const j=T.canMatch;if(!j||0===j.length)return(0,p.of)(!0);const me=j.map(Ae=>{const Ct=Oe(Ae,D);return yt(function V(D){return D&&je(D.canMatch)}(Ct)?Ct.canMatch(T,h):D.runInContext(()=>Ct(T,h)))});return(0,p.of)(me).pipe($n(),Li())}(P=ao(T,P),T,h).pipe((0,le.U)(Ae=>!0===Ae?me:{...Qi})):(0,p.of)(me)}function go(D,T,h){var P;if(""===T.path)return"full"===T.pathMatch&&(D.hasChildren()||h.length>0)?{...Qi}:{matched:!0,consumedSegments:[],remainingSegments:h,parameters:{},positionalParamSegments:{}};const me=(T.matcher||Ht)(h,D,T);if(!me)return{...Qi};const Ae={};Jt(me.posParams,(jt,gn)=>{Ae[gn]=jt.path});const Ct=me.consumed.length>0?{...Ae,...me.consumed[me.consumed.length-1].parameters}:Ae;return{matched:!0,consumedSegments:me.consumed,remainingSegments:h.slice(me.consumed.length),parameters:Ct,positionalParamSegments:null!==(P=me.posParams)&&void 0!==P?P:{}}}function wr(D,T,h,P){if(h.length>0&&function Rn(D,T,h){return h.some(P=>vi(D,T,P)&&di(P)!==Gt)}(D,h,P)){const me=new Ye(T,function In(D,T,h,P){const j={};j[Gt]=P,P._sourceSegment=D,P._segmentIndexShift=T.length;for(const me of h)if(""===me.path&&di(me)!==Gt){const Ae=new Ye([],{});Ae._sourceSegment=D,Ae._segmentIndexShift=T.length,j[di(me)]=Ae}return j}(D,T,P,new Ye(h,D.children)));return me._sourceSegment=D,me._segmentIndexShift=T.length,{segmentGroup:me,slicedSegments:[]}}if(0===h.length&&function Jn(D,T,h){return h.some(P=>vi(D,T,P))}(D,h,P)){const me=new Ye(D.segments,function An(D,T,h,P,j){const me={};for(const Ae of P)if(vi(D,h,Ae)&&!j[di(Ae)]){const Ct=new Ye([],{});Ct._sourceSegment=D,Ct._segmentIndexShift=T.length,me[di(Ae)]=Ct}return{...j,...me}}(D,T,h,P,D.children));return me._sourceSegment=D,me._segmentIndexShift=T.length,{segmentGroup:me,slicedSegments:h}}const j=new Ye(D.segments,D.children);return j._sourceSegment=D,j._segmentIndexShift=T.length,{segmentGroup:j,slicedSegments:h}}function vi(D,T,h){return(!(D.hasChildren()||T.length>0)||"full"!==h.pathMatch)&&""===h.path}function To(D,T,h,P){return!!(di(D)===P||P!==Gt&&vi(T,h,D))&&("**"===D.path||go(T,D,h).matched)}function qi(D,T,h){return 0===T.length&&!D.children[h]}const ho=!1;class pi{constructor(T){this.segmentGroup=T||null}}class Lr{constructor(T){this.urlTree=T}}function Cr(D){return(0,w._)(new pi(D))}function Hi(D){return(0,w._)(new Lr(D))}class Vi{constructor(T,h,P,j,me){this.injector=T,this.configLoader=h,this.urlSerializer=P,this.urlTree=j,this.config=me,this.allowRedirects=!0}apply(){const T=wr(this.urlTree.root,[],[],this.config).segmentGroup,h=new Ye(T.segments,T.children);return this.expandSegmentGroup(this.injector,this.config,h,Gt).pipe((0,le.U)(me=>this.createUrlTree(rt(me),this.urlTree.queryParams,this.urlTree.fragment))).pipe((0,Le.K)(me=>{if(me instanceof Lr)return this.allowRedirects=!1,this.match(me.urlTree);throw me instanceof pi?this.noMatchError(me):me}))}match(T){return this.expandSegmentGroup(this.injector,this.config,T.root,Gt).pipe((0,le.U)(j=>this.createUrlTree(rt(j),T.queryParams,T.fragment))).pipe((0,Le.K)(j=>{throw j instanceof pi?this.noMatchError(j):j}))}noMatchError(T){return new e.vHH(4002,ho)}createUrlTree(T,h,P){const j=dt(T);return new $t(j,h,P)}expandSegmentGroup(T,h,P,j){return 0===P.segments.length&&P.hasChildren()?this.expandChildren(T,h,P).pipe((0,le.U)(me=>new Ye([],me))):this.expandSegment(T,P,h,P.segments,j,!0)}expandChildren(T,h,P){const j=[];for(const me of Object.keys(P.children))"primary"===me?j.unshift(me):j.push(me);return(0,o.D)(j).pipe((0,ne.b)(me=>{const Ae=P.children[me],Ct=Io(h,me);return this.expandSegmentGroup(T,Ct,Ae,me).pipe((0,le.U)(jt=>({segment:jt,outlet:me})))}),we((me,Ae)=>(me[Ae.outlet]=Ae.segment,me),{}),ce())}expandSegment(T,h,P,j,me,Ae){return(0,o.D)(P).pipe((0,ne.b)(Ct=>this.expandSegmentAgainstRoute(T,h,P,Ct,j,me,Ae).pipe((0,Le.K)(gn=>{if(gn instanceof pi)return(0,p.of)(null);throw gn}))),(0,K.P)(Ct=>!!Ct),(0,Le.K)((Ct,jt)=>{if(bn(Ct))return qi(h,j,me)?(0,p.of)(new Ye([],{})):Cr(h);throw Ct}))}expandSegmentAgainstRoute(T,h,P,j,me,Ae,Ct){return To(j,h,me,Ae)?void 0===j.redirectTo?this.matchSegmentAgainstRoute(T,h,j,me,Ae):Ct&&this.allowRedirects?this.expandSegmentAgainstRouteUsingRedirect(T,h,P,j,me,Ae):Cr(h):Cr(h)}expandSegmentAgainstRouteUsingRedirect(T,h,P,j,me,Ae){return"**"===j.path?this.expandWildCardWithParamsAgainstRouteUsingRedirect(T,P,j,Ae):this.expandRegularSegmentAgainstRouteUsingRedirect(T,h,P,j,me,Ae)}expandWildCardWithParamsAgainstRouteUsingRedirect(T,h,P,j){const me=this.applyRedirectCommands([],P.redirectTo,{});return P.redirectTo.startsWith("/")?Hi(me):this.lineralizeSegments(P,me).pipe((0,B.zg)(Ae=>{const Ct=new Ye(Ae,{});return this.expandSegment(T,Ct,h,Ae,j,!1)}))}expandRegularSegmentAgainstRouteUsingRedirect(T,h,P,j,me,Ae){const{matched:Ct,consumedSegments:jt,remainingSegments:gn,positionalParamSegments:Pn}=go(h,j,me);if(!Ct)return Cr(h);const En=this.applyRedirectCommands(jt,j.redirectTo,Pn);return j.redirectTo.startsWith("/")?Hi(En):this.lineralizeSegments(j,En).pipe((0,B.zg)(bi=>this.expandSegment(T,h,P,bi.concat(gn),Ae,!1)))}matchSegmentAgainstRoute(T,h,P,j,me){return"**"===P.path?(T=ao(P,T),P.loadChildren?(P._loadedRoutes?(0,p.of)({routes:P._loadedRoutes,injector:P._loadedInjector}):this.configLoader.loadChildren(T,P)).pipe((0,le.U)(Ct=>(P._loadedRoutes=Ct.routes,P._loadedInjector=Ct.injector,new Ye(j,{})))):(0,p.of)(new Ye(j,{}))):Uo(h,P,j,T).pipe((0,Q.w)(({matched:Ae,consumedSegments:Ct,remainingSegments:jt})=>{var gn;return Ae?(T=null!==(gn=P._injector)&&void 0!==gn?gn:T,this.getChildConfig(T,P,j).pipe((0,B.zg)(En=>{var bi;const to=null!==(bi=En.injector)&&void 0!==bi?bi:T,Oo=En.routes,{segmentGroup:Qo,slicedSegments:wo}=wr(h,Ct,jt,Oo),zo=new Ye(Qo.segments,Qo.children);if(0===wo.length&&zo.hasChildren())return this.expandChildren(to,Oo,zo).pipe((0,le.U)(oa=>new Ye(Ct,oa)));if(0===Oo.length&&0===wo.length)return(0,p.of)(new Ye(Ct,{}));const pr=di(P)===me;return this.expandSegment(to,zo,Oo,wo,pr?Gt:me,!0).pipe((0,le.U)(Wi=>new Ye(Ct.concat(Wi.segments),Wi.children)))}))):Cr(h)}))}getChildConfig(T,h,P){return h.children?(0,p.of)({routes:h.children,injector:T}):h.loadChildren?void 0!==h._loadedRoutes?(0,p.of)({routes:h._loadedRoutes,injector:h._loadedInjector}):function uo(D,T,h,P){const j=T.canLoad;if(void 0===j||0===j.length)return(0,p.of)(!0);const me=j.map(Ae=>{const Ct=Oe(Ae,D);return yt(function bt(D){return D&&je(D.canLoad)}(Ct)?Ct.canLoad(T,h):D.runInContext(()=>Ct(T,h)))});return(0,p.of)(me).pipe($n(),Li())}(T,h,P).pipe((0,B.zg)(j=>j?this.configLoader.loadChildren(T,h).pipe((0,We.b)(me=>{h._loadedRoutes=me.routes,h._loadedInjector=me.injector})):function mo(D){return(0,w._)(Or(ho,3))}())):(0,p.of)({routes:[],injector:T})}lineralizeSegments(T,h){let P=[],j=h.root;for(;;){if(P=P.concat(j.segments),0===j.numberOfChildren)return(0,p.of)(P);if(j.numberOfChildren>1||!j.children[Gt])return T.redirectTo,(0,w._)(new e.vHH(4e3,ho));j=j.children[Gt]}}applyRedirectCommands(T,h,P){return this.applyRedirectCreateUrlTree(h,this.urlSerializer.parse(h),T,P)}applyRedirectCreateUrlTree(T,h,P,j){const me=this.createSegmentGroup(T,h.root,P,j);return new $t(me,this.createQueryParams(h.queryParams,this.urlTree.queryParams),h.fragment)}createQueryParams(T,h){const P={};return Jt(T,(j,me)=>{if("string"==typeof j&&j.startsWith(":")){const Ct=j.substring(1);P[me]=h[Ct]}else P[me]=j}),P}createSegmentGroup(T,h,P,j){const me=this.createSegments(T,h.segments,P,j);let Ae={};return Jt(h.children,(Ct,jt)=>{Ae[jt]=this.createSegmentGroup(T,Ct,P,j)}),new Ye(me,Ae)}createSegments(T,h,P,j){return h.map(me=>me.path.startsWith(":")?this.findPosParam(T,me,j):this.findOrReturn(me,P))}findPosParam(T,h,P){const j=P[h.path.substring(1)];if(!j)throw new e.vHH(4001,ho);return j}findOrReturn(T,h){let P=0;for(const j of h){if(j.path===T.path)return h.splice(P),j;P++}return T}}class Os{}class Zs{constructor(T,h,P,j,me,Ae,Ct){this.injector=T,this.rootComponentType=h,this.config=P,this.urlTree=j,this.url=me,this.paramsInheritanceStrategy=Ae,this.urlSerializer=Ct}recognize(){const T=wr(this.urlTree.root,[],[],this.config.filter(h=>void 0===h.redirectTo)).segmentGroup;return this.processSegmentGroup(this.injector,this.config,T,Gt).pipe((0,le.U)(h=>{if(null===h)return null;const P=new Fi([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},Gt,this.rootComponentType,null,this.urlTree.root,-1,{}),j=new Zt(P,h),me=new ji(this.url,j);return this.inheritParamsAndData(me._root),me}))}inheritParamsAndData(T){const h=T.value,P=Di(h,this.paramsInheritanceStrategy);h.params=Object.freeze(P.params),h.data=Object.freeze(P.data),T.children.forEach(j=>this.inheritParamsAndData(j))}processSegmentGroup(T,h,P,j){return 0===P.segments.length&&P.hasChildren()?this.processChildren(T,h,P):this.processSegment(T,h,P,P.segments,j)}processChildren(T,h,P){return(0,o.D)(Object.keys(P.children)).pipe((0,ne.b)(j=>{const me=P.children[j],Ae=Io(h,j);return this.processSegmentGroup(T,Ae,me,j)}),we((j,me)=>j&&me?(j.push(...me),j):null),(0,be.o)(j=>null!==j),(0,Re.d)(null),ce(),(0,le.U)(j=>{if(null===j)return null;const me=Br(j);return function Ks(D){D.sort((T,h)=>T.value.outlet===Gt?-1:h.value.outlet===Gt?1:T.value.outlet.localeCompare(h.value.outlet))}(me),me}))}processSegment(T,h,P,j,me){return(0,o.D)(h).pipe((0,ne.b)(Ae=>{var Ct;return this.processSegmentAgainstRoute(null!==(Ct=Ae._injector)&&void 0!==Ct?Ct:T,Ae,P,j,me)}),(0,K.P)(Ae=>!!Ae),(0,Le.K)(Ae=>{if(bn(Ae))return qi(P,j,me)?(0,p.of)([]):(0,p.of)(null);throw Ae}))}processSegmentAgainstRoute(T,h,P,j,me){if(h.redirectTo||!To(h,P,j,me))return(0,p.of)(null);let Ae;if("**"===h.path){var Ct,jt;const gn=j.length>0?sn(j).parameters:{},Pn=oe(P)+j.length,En=new Fi(j,gn,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,pe(h),di(h),null!==(Ct=null!==(jt=h.component)&&void 0!==jt?jt:h._loadedComponent)&&void 0!==Ct?Ct:null,h,R(P),Pn,Xe(h));Ae=(0,p.of)({snapshot:En,consumedSegments:[],remainingSegments:[]})}else Ae=Uo(P,h,j,T).pipe((0,le.U)(({matched:gn,consumedSegments:Pn,remainingSegments:En,parameters:bi})=>{var to,Oo;if(!gn)return null;const Qo=oe(P)+Pn.length;return{snapshot:new Fi(Pn,bi,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,pe(h),di(h),null!==(to=null!==(Oo=h.component)&&void 0!==Oo?Oo:h._loadedComponent)&&void 0!==to?to:null,h,R(P),Qo,Xe(h)),consumedSegments:Pn,remainingSegments:En}}));return Ae.pipe((0,Q.w)(gn=>{var Pn,En;if(null===gn)return(0,p.of)(null);const{snapshot:bi,consumedSegments:to,remainingSegments:Oo}=gn;T=null!==(Pn=h._injector)&&void 0!==Pn?Pn:T;const Qo=null!==(En=h._loadedInjector)&&void 0!==En?En:T,wo=function Xs(D){return D.children?D.children:D.loadChildren?D._loadedRoutes:[]}(h),{segmentGroup:zo,slicedSegments:pr}=wr(P,to,Oo,wo.filter(Wi=>void 0===Wi.redirectTo));if(0===pr.length&&zo.hasChildren())return this.processChildren(Qo,wo,zo).pipe((0,le.U)(Wi=>null===Wi?null:[new Zt(bi,Wi)]));if(0===wo.length&&0===pr.length)return(0,p.of)([new Zt(bi,[])]);const ys=di(h)===me;return this.processSegment(Qo,wo,zo,pr,ys?Gt:me).pipe((0,le.U)(Wi=>null===Wi?null:[new Zt(bi,Wi)]))}))}}function Jr(D){const T=D.value.routeConfig;return T&&""===T.path&&void 0===T.redirectTo}function Br(D){const T=[],h=new Set;for(const P of D){if(!Jr(P)){T.push(P);continue}const j=T.find(me=>P.value.routeConfig===me.value.routeConfig);void 0!==j?(j.children.push(...P.children),h.add(j)):T.push(P)}for(const P of h){const j=Br(P.children);T.push(new Zt(P.value,j))}return T.filter(P=>!h.has(P))}function R(D){let T=D;for(;T._sourceSegment;)T=T._sourceSegment;return T}function oe(D){var T;let h=D,P=null!==(T=h._segmentIndexShift)&&void 0!==T?T:0;for(;h._sourceSegment;){var j;h=h._sourceSegment,P+=null!==(j=h._segmentIndexShift)&&void 0!==j?j:0}return P-1}function pe(D){return D.data||{}}function Xe(D){return D.resolve||{}}function Bn(D){return"string"==typeof D.title||null===D.title}function gi(D){return(0,Q.w)(T=>{const h=D(T);return h?(0,o.D)(h).pipe((0,le.U)(()=>T)):(0,p.of)(T)})}const xi=new e.OlP("ROUTES");let Ho=(()=>{class D{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=(0,e.f3M)(e.Sil)}loadComponent(h){if(this.componentLoaders.get(h))return this.componentLoaders.get(h);if(h._loadedComponent)return(0,p.of)(h._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(h);const P=yt(h.loadComponent()).pipe((0,le.U)(Ko),(0,We.b)(me=>{this.onLoadEndListener&&this.onLoadEndListener(h),h._loadedComponent=me}),(0,_e.x)(()=>{this.componentLoaders.delete(h)})),j=new U.c(P,()=>new z.xQ).pipe((0,ze.x)());return this.componentLoaders.set(h,j),j}loadChildren(h,P){if(this.childrenLoaders.get(P))return this.childrenLoaders.get(P);if(P._loadedRoutes)return(0,p.of)({routes:P._loadedRoutes,injector:P._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(P);const me=this.loadModuleFactoryOrRoutes(P.loadChildren).pipe((0,le.U)(Ct=>{this.onLoadEndListener&&this.onLoadEndListener(P);let jt,gn,Pn=!1;Array.isArray(Ct)?gn=Ct:(jt=Ct.create(h).injector,gn=Wt(jt.get(xi,[],e.XFs.Self|e.XFs.Optional)));return{routes:gn.map(fo),injector:jt}}),(0,_e.x)(()=>{this.childrenLoaders.delete(P)})),Ae=new U.c(me,()=>new z.xQ).pipe((0,ze.x)());return this.childrenLoaders.set(P,Ae),Ae}loadModuleFactoryOrRoutes(h){return yt(h()).pipe((0,le.U)(Ko),(0,B.zg)(P=>P instanceof e.YKP||Array.isArray(P)?(0,p.of)(P):(0,o.D)(this.compiler.compileModuleAsync(P))))}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Ko(D){return function _o(D){return D&&"object"==typeof D&&"default"in D}(D)?D.default:D}let Eo=(()=>{class D{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.lastSuccessfulNavigation=null,this.events=new z.xQ,this.configLoader=(0,e.f3M)(Ho),this.environmentInjector=(0,e.f3M)(e.lqb),this.urlSerializer=(0,e.f3M)(Yt),this.rootContexts=(0,e.f3M)(Po),this.navigationId=0,this.afterPreactivation=()=>(0,p.of)(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=j=>this.events.next(new lo(j)),this.configLoader.onLoadStartListener=j=>this.events.next(new ro(j))}complete(){var h;null===(h=this.transitions)||void 0===h||h.complete()}handleNavigationRequest(h){var P;const j=++this.navigationId;null===(P=this.transitions)||void 0===P||P.next({...this.transitions.value,...h,id:j})}setupNavigations(h){return this.transitions=new _.X({id:0,targetPageId:0,currentUrlTree:h.currentUrlTree,currentRawUrl:h.currentUrlTree,extractedUrl:h.urlHandlingStrategy.extract(h.currentUrlTree),urlAfterRedirects:h.urlHandlingStrategy.extract(h.currentUrlTree),rawUrl:h.currentUrlTree,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:ni,restoredState:null,currentSnapshot:h.routerState.snapshot,targetSnapshot:null,currentRouterState:h.routerState,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe((0,X.h)(P=>0!==P.id),(0,le.U)(P=>({...P,extractedUrl:h.urlHandlingStrategy.extract(P.rawUrl)})),(0,Q.w)(P=>{let j=!1,me=!1;return(0,p.of)(P).pipe((0,We.b)(Ae=>{this.currentNavigation={id:Ae.id,initialUrl:Ae.rawUrl,extractedUrl:Ae.extractedUrl,trigger:Ae.source,extras:Ae.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),(0,Q.w)(Ae=>{var Ct;const jt=h.browserUrlTree.toString(),gn=!h.navigated||Ae.extractedUrl.toString()!==jt||jt!==h.currentUrlTree.toString(),Pn=null!==(Ct=Ae.extras.onSameUrlNavigation)&&void 0!==Ct?Ct:h.onSameUrlNavigation;if(!gn&&"reload"!==Pn){const En="";return this.events.next(new oi(Ae.id,h.serializeUrl(P.rawUrl),En,0)),h.rawUrlTree=Ae.rawUrl,Ae.resolve(null),y.E}if(h.urlHandlingStrategy.shouldProcessUrl(Ae.rawUrl))return Xo(Ae.source)&&(h.browserUrlTree=Ae.extractedUrl),(0,p.of)(Ae).pipe((0,Q.w)(En=>{var bi,to;const Oo=null===(bi=this.transitions)||void 0===bi?void 0:bi.getValue();return this.events.next(new Ci(En.id,this.urlSerializer.serialize(En.extractedUrl),En.source,En.restoredState)),Oo!==(null===(to=this.transitions)||void 0===to?void 0:to.getValue())?y.E:Promise.resolve(En)}),function Dr(D,T,h,P){return(0,Q.w)(j=>function xr(D,T,h,P,j){return new Vi(D,T,h,P,j).apply()}(D,T,h,j.extractedUrl,P).pipe((0,le.U)(me=>({...j,urlAfterRedirects:me}))))}(this.environmentInjector,this.configLoader,this.urlSerializer,h.config),(0,We.b)(En=>{this.currentNavigation={...this.currentNavigation,finalUrl:En.urlAfterRedirects},P.urlAfterRedirects=En.urlAfterRedirects}),function Bt(D,T,h,P,j){return(0,B.zg)(me=>function ws(D,T,h,P,j,me,Ae="emptyOnly"){return new Zs(D,T,h,P,j,Ae,me).recognize().pipe((0,Q.w)(Ct=>null===Ct?function Ys(D){return new S.y(T=>T.error(D))}(new Os):(0,p.of)(Ct)))}(D,T,h,me.urlAfterRedirects,P.serialize(me.urlAfterRedirects),P,j).pipe((0,le.U)(Ae=>({...me,targetSnapshot:Ae}))))}(this.environmentInjector,this.rootComponentType,h.config,this.urlSerializer,h.paramsInheritanceStrategy),(0,We.b)(En=>{if(P.targetSnapshot=En.targetSnapshot,"eager"===h.urlUpdateStrategy){if(!En.extras.skipLocationChange){const to=h.urlHandlingStrategy.merge(En.urlAfterRedirects,En.rawUrl);h.setBrowserUrl(to,En)}h.browserUrlTree=En.urlAfterRedirects}const bi=new ki(En.id,this.urlSerializer.serialize(En.extractedUrl),this.urlSerializer.serialize(En.urlAfterRedirects),En.targetSnapshot);this.events.next(bi)}));if(gn&&h.urlHandlingStrategy.shouldProcessUrl(h.rawUrlTree)){const{id:En,extractedUrl:bi,source:to,restoredState:Oo,extras:Qo}=Ae,wo=new Ci(En,this.urlSerializer.serialize(bi),to,Oo);this.events.next(wo);const zo=mn(bi,this.rootComponentType).snapshot;return P={...Ae,targetSnapshot:zo,urlAfterRedirects:bi,extras:{...Qo,skipLocationChange:!1,replaceUrl:!1}},(0,p.of)(P)}{const En="";return this.events.next(new oi(Ae.id,h.serializeUrl(P.extractedUrl),En,1)),h.rawUrlTree=Ae.rawUrl,Ae.resolve(null),y.E}}),(0,We.b)(Ae=>{const Ct=new Ti(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(Ae.urlAfterRedirects),Ae.targetSnapshot);this.events.next(Ct)}),(0,le.U)(Ae=>P={...Ae,guards:po(Ae.targetSnapshot,Ae.currentSnapshot,this.rootContexts)}),function Xn(D,T){return(0,B.zg)(h=>{const{targetSnapshot:P,currentSnapshot:j,guards:{canActivateChecks:me,canDeactivateChecks:Ae}}=h;return 0===Ae.length&&0===me.length?(0,p.of)({...h,guardsResult:!0}):function ri(D,T,h,P){return(0,o.D)(D).pipe((0,B.zg)(j=>function ci(D,T,h,P,j){const me=T&&T.routeConfig?T.routeConfig.canDeactivate:null;if(!me||0===me.length)return(0,p.of)(!0);const Ae=me.map(Ct=>{var jt;const gn=null!==(jt=Lo(T))&&void 0!==jt?jt:j,Pn=Oe(Ct,gn);return yt(function I(D){return D&&je(D.canDeactivate)}(Pn)?Pn.canDeactivate(D,T,h,P):gn.runInContext(()=>Pn(D,T,h,P))).pipe((0,K.P)())});return(0,p.of)(Ae).pipe($n())}(j.component,j.route,h,T,P)),(0,K.P)(j=>!0!==j,!0))}(Ae,P,j,D).pipe((0,B.zg)(Ct=>Ct&&function gt(D){return"boolean"==typeof D}(Ct)?function Ln(D,T,h,P){return(0,o.D)(T).pipe((0,ne.b)(j=>(0,m.z)(function or(D,T){return null!==D&&T&&T(new ui(D)),(0,p.of)(!0)}(j.route.parent,P),function wi(D,T){return null!==D&&T&&T(new Ut(D)),(0,p.of)(!0)}(j.route,P),function Ui(D,T,h){const P=T[T.length-1],me=T.slice(0,T.length-1).reverse().map(Ae=>function ko(D){const T=D.routeConfig?D.routeConfig.canActivateChild:null;return T&&0!==T.length?{node:D,guards:T}:null}(Ae)).filter(Ae=>null!==Ae).map(Ae=>(0,C.P)(()=>{const Ct=Ae.guards.map(jt=>{var gn;const Pn=null!==(gn=Lo(Ae.node))&&void 0!==gn?gn:h,En=Oe(jt,Pn);return yt(function A(D){return D&&je(D.canActivateChild)}(En)?En.canActivateChild(P,D):Pn.runInContext(()=>En(P,D))).pipe((0,K.P)())});return(0,p.of)(Ct).pipe($n())}));return(0,p.of)(me).pipe($n())}(D,j.path,h),function Bo(D,T,h){const P=T.routeConfig?T.routeConfig.canActivate:null;if(!P||0===P.length)return(0,p.of)(!0);const j=P.map(me=>(0,C.P)(()=>{var Ae;const Ct=null!==(Ae=Lo(T))&&void 0!==Ae?Ae:h,jt=Oe(me,Ct);return yt(function k(D){return D&&je(D.canActivate)}(jt)?jt.canActivate(T,D):Ct.runInContext(()=>jt(T,D))).pipe((0,K.P)())}));return(0,p.of)(j).pipe($n())}(D,j.route,h))),(0,K.P)(j=>!0!==j,!0))}(P,me,D,T):(0,p.of)(Ct)),(0,le.U)(Ct=>({...h,guardsResult:Ct})))})}(this.environmentInjector,Ae=>this.events.next(Ae)),(0,We.b)(Ae=>{if(P.guardsResult=Ae.guardsResult,He(Ae.guardsResult))throw Fo(0,Ae.guardsResult);const Ct=new io(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(Ae.urlAfterRedirects),Ae.targetSnapshot,!!Ae.guardsResult);this.events.next(Ct)}),(0,X.h)(Ae=>!!Ae.guardsResult||(h.restoreHistory(Ae),this.cancelNavigationTransition(Ae,"",3),!1)),gi(Ae=>{if(Ae.guards.canActivateChecks.length)return(0,p.of)(Ae).pipe((0,We.b)(Ct=>{const jt=new zi(Ct.id,this.urlSerializer.serialize(Ct.extractedUrl),this.urlSerializer.serialize(Ct.urlAfterRedirects),Ct.targetSnapshot);this.events.next(jt)}),(0,Q.w)(Ct=>{let jt=!1;return(0,p.of)(Ct).pipe(function Xt(D,T){return(0,B.zg)(h=>{const{targetSnapshot:P,guards:{canActivateChecks:j}}=h;if(!j.length)return(0,p.of)(h);let me=0;return(0,o.D)(j).pipe((0,ne.b)(Ae=>function xn(D,T,h,P){const j=D.routeConfig,me=D._resolve;return void 0!==(null==j?void 0:j.title)&&!Bn(j)&&(me[St]=j.title),function qn(D,T,h,P){const j=function si(D){return[...Object.keys(D),...Object.getOwnPropertySymbols(D)]}(D);if(0===j.length)return(0,p.of)({});const me={};return(0,o.D)(j).pipe((0,B.zg)(Ae=>function Wn(D,T,h,P){var j;const me=null!==(j=Lo(T))&&void 0!==j?j:P,Ae=Oe(D,me);return yt(Ae.resolve?Ae.resolve(T,h):me.runInContext(()=>Ae(T,h)))}(D[Ae],T,h,P).pipe((0,K.P)(),(0,We.b)(Ct=>{me[Ae]=Ct}))),G(1),(0,N.h)(me),(0,Le.K)(Ae=>bn(Ae)?y.E:(0,w._)(Ae)))}(me,D,T,P).pipe((0,le.U)(Ae=>(D._resolvedData=Ae,D.data=Di(D,h).resolve,j&&Bn(j)&&(D.data[St]=j.title),null)))}(Ae.route,P,D,T)),(0,We.b)(()=>me++),G(1),(0,B.zg)(Ae=>me===j.length?(0,p.of)(h):y.E))})}(h.paramsInheritanceStrategy,this.environmentInjector),(0,We.b)({next:()=>jt=!0,complete:()=>{jt||(h.restoreHistory(Ct),this.cancelNavigationTransition(Ct,"",2))}}))}),(0,We.b)(Ct=>{const jt=new oo(Ct.id,this.urlSerializer.serialize(Ct.extractedUrl),this.urlSerializer.serialize(Ct.urlAfterRedirects),Ct.targetSnapshot);this.events.next(jt)}))}),gi(Ae=>{const Ct=jt=>{var gn;const Pn=[];null!==(gn=jt.routeConfig)&&void 0!==gn&&gn.loadComponent&&!jt.routeConfig._loadedComponent&&Pn.push(this.configLoader.loadComponent(jt.routeConfig).pipe((0,We.b)(En=>{jt.component=En}),(0,le.U)(()=>{})));for(const En of jt.children)Pn.push(...Ct(En));return Pn};return(0,f.aj)(Ct(Ae.targetSnapshot.root)).pipe((0,Re.d)(),(0,ue.q)(1))}),gi(()=>this.afterPreactivation()),(0,le.U)(Ae=>{const Ct=function ur(D,T,h){const P=lr(D,T._root,h?h._root:void 0);return new Kt(P,T)}(h.routeReuseStrategy,Ae.targetSnapshot,Ae.currentRouterState);return P={...Ae,targetRouterState:Ct}}),(0,We.b)(Ae=>{h.currentUrlTree=Ae.urlAfterRedirects,h.rawUrlTree=h.urlHandlingStrategy.merge(Ae.urlAfterRedirects,Ae.rawUrl),h.routerState=Ae.targetRouterState,"deferred"===h.urlUpdateStrategy&&(Ae.extras.skipLocationChange||h.setBrowserUrl(h.rawUrlTree,Ae),h.browserUrlTree=Ae.urlAfterRedirects)}),((D,T,h)=>(0,le.U)(P=>(new Ji(T,P.targetRouterState,P.currentRouterState,h).activate(D),P)))(this.rootContexts,h.routeReuseStrategy,Ae=>this.events.next(Ae)),(0,ue.q)(1),(0,We.b)({next:Ae=>{var Ct;j=!0,this.lastSuccessfulNavigation=this.currentNavigation,h.navigated=!0,this.events.next(new Sn(Ae.id,this.urlSerializer.serialize(Ae.extractedUrl),this.urlSerializer.serialize(h.currentUrlTree))),null===(Ct=h.titleStrategy)||void 0===Ct||Ct.updateTitle(Ae.targetRouterState.snapshot),Ae.resolve(!0)},complete:()=>{j=!0}}),(0,_e.x)(()=>{var Ae;j||me||this.cancelNavigationTransition(P,"",1),(null===(Ae=this.currentNavigation)||void 0===Ae?void 0:Ae.id)===P.id&&(this.currentNavigation=null)}),(0,Le.K)(Ae=>{if(me=!0,Go(Ae)){Gi(Ae)||(h.navigated=!0,h.restoreHistory(P,!0));const jt=new zn(P.id,this.urlSerializer.serialize(P.extractedUrl),Ae.message,Ae.cancellationCode);if(this.events.next(jt),Gi(Ae)){const gn=h.urlHandlingStrategy.merge(Ae.url,h.rawUrlTree),Pn={skipLocationChange:P.extras.skipLocationChange,replaceUrl:"eager"===h.urlUpdateStrategy||Xo(P.source)};h.scheduleNavigation(gn,ni,null,Pn,{resolve:P.resolve,reject:P.reject,promise:P.promise})}else P.resolve(!1)}else{var Ct;h.restoreHistory(P,!0);const jt=new Mi(P.id,this.urlSerializer.serialize(P.extractedUrl),Ae,null!==(Ct=P.targetSnapshot)&&void 0!==Ct?Ct:void 0);this.events.next(jt);try{P.resolve(h.errorHandler(Ae))}catch(gn){P.reject(gn)}}return y.E}))}))}cancelNavigationTransition(h,P,j){const me=new zn(h.id,this.urlSerializer.serialize(h.extractedUrl),P,j);this.events.next(me),h.resolve(!1)}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Xo(D){return D!==ni}let Vo=(()=>{class D{buildTitle(h){let P,j=h.root;for(;void 0!==j;){var me;P=null!==(me=this.getResolvedTitleForRoute(j))&&void 0!==me?me:P,j=j.children.find(Ae=>Ae.outlet===Gt)}return P}getResolvedTitleForRoute(h){return h.data[St]}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(xs)},providedIn:"root"}),D})(),xs=(()=>{class D extends Vo{constructor(h){super(),this.title=h}updateTitle(h){const P=this.buildTitle(h);void 0!==P&&this.title.setTitle(P)}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(Et.Dx))},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})(),hs=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(Js)},providedIn:"root"}),D})();class Bu{shouldDetach(T){return!1}store(T,h){}shouldAttach(T){return!1}retrieve(T){return null}shouldReuseRoute(T,h){return T.routeConfig===h.routeConfig}}let Js=(()=>{class D extends Bu{}return D.\u0275fac=function(){let T;return function(P){return(T||(T=e.n5z(D)))(P||D)}}(),D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const br=new e.OlP("",{providedIn:"root",factory:()=>({})});let rr=(()=>{class D{}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:function(){return(0,e.f3M)(Va)},providedIn:"root"}),D})(),Va=(()=>{class D{shouldProcessUrl(h){return!0}extract(h){return h}merge(h,P){return h}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();function Qs(D){throw D}function qs(D,T,h){return T.parse("/")}const Ps={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},Ss={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let Mo=(()=>{class D{get navigationId(){return this.navigationTransitions.navigationId}get browserPageId(){var h;if("computed"===this.canceledNavigationResolution)return null===(h=this.location.getState())||void 0===h?void 0:h.\u0275routerPageId}get events(){return this.navigationTransitions.events}constructor(){var h;this.disposed=!1,this.currentPageId=0,this.console=(0,e.f3M)(e.c2e),this.isNgZoneEnabled=!1,this.options=(0,e.f3M)(br,{optional:!0})||{},this.errorHandler=this.options.errorHandler||Qs,this.malformedUriErrorHandler=this.options.malformedUriErrorHandler||qs,this.navigated=!1,this.lastSuccessfulId=-1,this.urlHandlingStrategy=(0,e.f3M)(rr),this.routeReuseStrategy=(0,e.f3M)(hs),this.urlCreationStrategy=(0,e.f3M)(Lt),this.titleStrategy=(0,e.f3M)(Vo),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.config=Wt(null!==(h=(0,e.f3M)(xi,{optional:!0}))&&void 0!==h?h:[]),this.navigationTransitions=(0,e.f3M)(Eo),this.urlSerializer=(0,e.f3M)(Yt),this.location=(0,e.f3M)(Z.Ye),this.isNgZoneEnabled=(0,e.f3M)(e.R0b)instanceof e.R0b&&e.R0b.isInAngularZone(),this.resetConfig(this.config),this.currentUrlTree=new $t,this.rawUrlTree=this.currentUrlTree,this.browserUrlTree=this.currentUrlTree,this.routerState=mn(this.currentUrlTree,null),this.navigationTransitions.setupNavigations(this).subscribe(P=>{var j;this.lastSuccessfulId=P.id,this.currentPageId=null!==(j=this.browserPageId)&&void 0!==j?j:0},P=>{this.console.warn(`Unhandled Navigation Error: ${P}`)})}resetRootComponentType(h){this.routerState.root.component=h,this.navigationTransitions.rootComponentType=h}initialNavigation(){if(this.setUpLocationChangeListener(),!this.navigationTransitions.hasRequestedNavigation){const h=this.location.getState();this.navigateToSyncWithBrowser(this.location.path(!0),ni,h)}}setUpLocationChangeListener(){this.locationSubscription||(this.locationSubscription=this.location.subscribe(h=>{const P="popstate"===h.type?"popstate":"hashchange";"popstate"===P&&setTimeout(()=>{this.navigateToSyncWithBrowser(h.url,P,h.state)},0)}))}navigateToSyncWithBrowser(h,P,j){const me={replaceUrl:!0},Ae=null!=j&&j.navigationId?j:null;if(j){const jt={...j};delete jt.navigationId,delete jt.\u0275routerPageId,0!==Object.keys(jt).length&&(me.state=jt)}const Ct=this.parseUrl(h);this.scheduleNavigation(Ct,P,Ae,me)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}resetConfig(h){this.config=h.map(fo),this.navigated=!1,this.lastSuccessfulId=-1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.locationSubscription&&(this.locationSubscription.unsubscribe(),this.locationSubscription=void 0),this.disposed=!0}createUrlTree(h,P={}){const{relativeTo:j,queryParams:me,fragment:Ae,queryParamsHandling:Ct,preserveFragment:jt}=P,gn=jt?this.currentUrlTree.fragment:Ae;let Pn=null;switch(Ct){case"merge":Pn={...this.currentUrlTree.queryParams,...me};break;case"preserve":Pn=this.currentUrlTree.queryParams;break;default:Pn=me||null}return null!==Pn&&(Pn=this.removeEmptyProps(Pn)),this.urlCreationStrategy.createUrlTree(j,this.routerState,this.currentUrlTree,h,Pn,null!=gn?gn:null)}navigateByUrl(h,P={skipLocationChange:!1}){const j=He(h)?h:this.parseUrl(h),me=this.urlHandlingStrategy.merge(j,this.rawUrlTree);return this.scheduleNavigation(me,ni,null,P)}navigate(h,P={skipLocationChange:!1}){return function Is(D){for(let T=0;T<D.length;T++){const h=D[T];if(null==h)throw new e.vHH(4008,false)}}(h),this.navigateByUrl(this.createUrlTree(h,P),P)}serializeUrl(h){return this.urlSerializer.serialize(h)}parseUrl(h){let P;try{P=this.urlSerializer.parse(h)}catch(j){P=this.malformedUriErrorHandler(j,this.urlSerializer,h)}return P}isActive(h,P){let j;if(j=!0===P?{...Ps}:!1===P?{...Ss}:P,He(h))return et(this.currentUrlTree,h,j);const me=this.parseUrl(h);return et(this.currentUrlTree,me,j)}removeEmptyProps(h){return Object.keys(h).reduce((P,j)=>{const me=h[j];return null!=me&&(P[j]=me),P},{})}scheduleNavigation(h,P,j,me,Ae){if(this.disposed)return Promise.resolve(!1);let Ct,jt,gn,Pn;if(Ae?(Ct=Ae.resolve,jt=Ae.reject,gn=Ae.promise):gn=new Promise((bi,to)=>{Ct=bi,jt=to}),"computed"===this.canceledNavigationResolution)if(j&&j.\u0275routerPageId)Pn=j.\u0275routerPageId;else{var En;Pn=(null!==(En=this.browserPageId)&&void 0!==En?En:0)+1}else Pn=0;return this.navigationTransitions.handleNavigationRequest({targetPageId:Pn,source:P,restoredState:j,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,rawUrl:h,extras:me,resolve:Ct,reject:jt,promise:gn,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),gn.catch(bi=>Promise.reject(bi))}setBrowserUrl(h,P){const j=this.urlSerializer.serialize(h);if(this.location.isCurrentPathEqualTo(j)||P.extras.replaceUrl){const Ae={...P.extras.state,...this.generateNgRouterState(P.id,this.browserPageId)};this.location.replaceState(j,"",Ae)}else{const me={...P.extras.state,...this.generateNgRouterState(P.id,P.targetPageId)};this.location.go(j,"",me)}}restoreHistory(h,P=!1){if("computed"===this.canceledNavigationResolution){var j,me;const Ae=null!==(j=this.browserPageId)&&void 0!==j?j:this.currentPageId,Ct=this.currentPageId-Ae;0!==Ct?this.location.historyGo(Ct):this.currentUrlTree===(null===(me=this.getCurrentNavigation())||void 0===me?void 0:me.finalUrl)&&0===Ct&&(this.resetState(h),this.browserUrlTree=h.currentUrlTree,this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(P&&this.resetState(h),this.resetUrlToCurrentUrlTree())}resetState(h){this.routerState=h.currentRouterState,this.currentUrlTree=h.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,h.rawUrl)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(h,P){return"computed"===this.canceledNavigationResolution?{navigationId:h,\u0275routerPageId:P}:{navigationId:h}}}return D.\u0275fac=function(h){return new(h||D)},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})(),Hr=(()=>{class D{constructor(h,P,j,me,Ae,Ct){var jt;this.router=h,this.route=P,this.tabIndexAttribute=j,this.renderer=me,this.el=Ae,this.locationStrategy=Ct,this._preserveFragment=!1,this._skipLocationChange=!1,this._replaceUrl=!1,this.href=null,this.commands=null,this.onChanges=new z.xQ;const gn=null===(jt=Ae.nativeElement.tagName)||void 0===jt?void 0:jt.toLowerCase();this.isAnchorElement="a"===gn||"area"===gn,this.isAnchorElement?this.subscription=h.events.subscribe(Pn=>{Pn instanceof Sn&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}set preserveFragment(h){this._preserveFragment=(0,e.D6c)(h)}get preserveFragment(){return this._preserveFragment}set skipLocationChange(h){this._skipLocationChange=(0,e.D6c)(h)}get skipLocationChange(){return this._skipLocationChange}set replaceUrl(h){this._replaceUrl=(0,e.D6c)(h)}get replaceUrl(){return this._replaceUrl}setTabIndexIfNotOnNativeEl(h){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",h)}ngOnChanges(h){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(h){null!=h?(this.commands=Array.isArray(h)?h:[h],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(h,P,j,me,Ae){return!!(null===this.urlTree||this.isAnchorElement&&(0!==h||P||j||me||Ae||"string"==typeof this.target&&"_self"!=this.target))||(this.router.navigateByUrl(this.urlTree,{skipLocationChange:this.skipLocationChange,replaceUrl:this.replaceUrl,state:this.state}),!this.isAnchorElement)}ngOnDestroy(){var h;null===(h=this.subscription)||void 0===h||h.unsubscribe()}updateHref(){var h;this.href=null!==this.urlTree&&this.locationStrategy?null===(h=this.locationStrategy)||void 0===h?void 0:h.prepareExternalUrl(this.router.serializeUrl(this.urlTree)):null;const P=null===this.href?null:(0,e.P3R)(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",P)}applyAttributeValue(h,P){const j=this.renderer,me=this.el.nativeElement;null!==P?j.setAttribute(me,h,P):j.removeAttribute(me,h)}get urlTree(){return null===this.commands?null:this.router.createUrlTree(this.commands,{relativeTo:void 0!==this.relativeTo?this.relativeTo:this.route,queryParams:this.queryParams,fragment:this.fragment,queryParamsHandling:this.queryParamsHandling,preserveFragment:this.preserveFragment})}}return D.\u0275fac=function(h){return new(h||D)(e.Y36(Mo),e.Y36(Kn),e.$8M("tabindex"),e.Y36(e.Qsj),e.Y36(e.SBq),e.Y36(Z.S$))},D.\u0275dir=e.lG2({type:D,selectors:[["","routerLink",""]],hostVars:1,hostBindings:function(h,P){1&h&&e.NdJ("click",function(me){return P.onClick(me.button,me.ctrlKey,me.shiftKey,me.altKey,me.metaKey)}),2&h&&e.uIk("target",P.target)},inputs:{target:"target",queryParams:"queryParams",fragment:"fragment",queryParamsHandling:"queryParamsHandling",state:"state",relativeTo:"relativeTo",preserveFragment:"preserveFragment",skipLocationChange:"skipLocationChange",replaceUrl:"replaceUrl",routerLink:"routerLink"},standalone:!0,features:[e.TTD]}),D})(),ks=(()=>{class D{get isActive(){return this._isActive}constructor(h,P,j,me,Ae){this.router=h,this.element=P,this.renderer=j,this.cdr=me,this.link=Ae,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new e.vpe,this.routerEventsSubscription=h.events.subscribe(Ct=>{Ct instanceof Sn&&this.update()})}ngAfterContentInit(){(0,p.of)(this.links.changes,(0,p.of)(null)).pipe((0,_t.J)()).subscribe(h=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){var h;null===(h=this.linkInputChangesSubscription)||void 0===h||h.unsubscribe();const P=[...this.links.toArray(),this.link].filter(j=>!!j).map(j=>j.onChanges);this.linkInputChangesSubscription=(0,o.D)(P).pipe((0,_t.J)()).subscribe(j=>{this._isActive!==this.isLinkActive(this.router)(j)&&this.update()})}set routerLinkActive(h){const P=Array.isArray(h)?h:h.split(" ");this.classes=P.filter(j=>!!j)}ngOnChanges(h){this.update()}ngOnDestroy(){var h;this.routerEventsSubscription.unsubscribe(),null===(h=this.linkInputChangesSubscription)||void 0===h||h.unsubscribe()}update(){!this.links||!this.router.navigated||Promise.resolve().then(()=>{const h=this.hasActiveLinks();this._isActive!==h&&(this._isActive=h,this.cdr.markForCheck(),this.classes.forEach(P=>{h?this.renderer.addClass(this.element.nativeElement,P):this.renderer.removeClass(this.element.nativeElement,P)}),h&&void 0!==this.ariaCurrentWhenActive?this.renderer.setAttribute(this.element.nativeElement,"aria-current",this.ariaCurrentWhenActive.toString()):this.renderer.removeAttribute(this.element.nativeElement,"aria-current"),this.isActiveChange.emit(h))})}isLinkActive(h){const P=function ea(D){return!!D.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return j=>!!j.urlTree&&h.isActive(j.urlTree,P)}hasActiveLinks(){const h=this.isLinkActive(this.router);return this.link&&h(this.link)||this.links.some(h)}}return D.\u0275fac=function(h){return new(h||D)(e.Y36(Mo),e.Y36(e.SBq),e.Y36(e.Qsj),e.Y36(e.sBO),e.Y36(Hr,8))},D.\u0275dir=e.lG2({type:D,selectors:[["","routerLinkActive",""]],contentQueries:function(h,P,j){if(1&h&&e.Suo(j,Hr,5),2&h){let me;e.iGM(me=e.CRH())&&(P.links=me)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[e.TTD]}),D})();class ta{}let Uu=(()=>{class D{constructor(h,P,j,me,Ae){this.router=h,this.injector=j,this.preloadingStrategy=me,this.loader=Ae}setUpPreloading(){this.subscription=this.router.events.pipe((0,X.h)(h=>h instanceof Sn),(0,ne.b)(()=>this.preload())).subscribe(()=>{})}preload(){return this.processRoutes(this.injector,this.router.config)}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}processRoutes(h,P){const j=[];for(const jt of P){var me,Ae;jt.providers&&!jt._injector&&(jt._injector=(0,e.MMx)(jt.providers,h,`Route: ${jt.path}`));const gn=null!==(me=jt._injector)&&void 0!==me?me:h,Pn=null!==(Ae=jt._loadedInjector)&&void 0!==Ae?Ae:gn;var Ct;(jt.loadChildren&&!jt._loadedRoutes&&void 0===jt.canLoad||jt.loadComponent&&!jt._loadedComponent)&&j.push(this.preloadConfig(gn,jt)),(jt.children||jt._loadedRoutes)&&j.push(this.processRoutes(Pn,null!==(Ct=jt.children)&&void 0!==Ct?Ct:jt._loadedRoutes))}return(0,o.D)(j).pipe((0,_t.J)())}preloadConfig(h,P){return this.preloadingStrategy.preload(P,()=>{let j;j=P.loadChildren&&void 0===P.canLoad?this.loader.loadChildren(h,P):(0,p.of)(null);const me=j.pipe((0,B.zg)(Ae=>{var Ct;return null===Ae?(0,p.of)(void 0):(P._loadedRoutes=Ae.routes,P._loadedInjector=Ae.injector,this.processRoutes(null!==(Ct=Ae.injector)&&void 0!==Ct?Ct:h,Ae.routes))}));if(P.loadComponent&&!P._loadedComponent){const Ae=this.loader.loadComponent(P);return(0,o.D)([me,Ae]).pipe((0,_t.J)())}return me})}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(Mo),e.LFG(e.Sil),e.LFG(e.lqb),e.LFG(ta),e.LFG(Ho))},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac,providedIn:"root"}),D})();const ps=new e.OlP("");let Rs=(()=>{class D{constructor(h,P,j,me,Ae={}){this.urlSerializer=h,this.transitions=P,this.viewportScroller=j,this.zone=me,this.options=Ae,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},Ae.scrollPositionRestoration=Ae.scrollPositionRestoration||"disabled",Ae.anchorScrolling=Ae.anchorScrolling||"disabled"}init(){"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.setHistoryScrollRestoration("manual"),this.routerEventsSubscription=this.createScrollEvents(),this.scrollEventsSubscription=this.consumeScrollEvents()}createScrollEvents(){return this.transitions.events.subscribe(h=>{h instanceof Ci?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=h.navigationTrigger,this.restoredId=h.restoredState?h.restoredState.navigationId:0):h instanceof Sn&&(this.lastId=h.id,this.scheduleScrollEvent(h,this.urlSerializer.parse(h.urlAfterRedirects).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(h=>{h instanceof ee&&(h.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(h.position):h.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(h.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(h,P){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new ee(h,"popstate"===this.lastSource?this.store[this.restoredId]:null,P))})},0)})}ngOnDestroy(){var h,P;null===(h=this.routerEventsSubscription)||void 0===h||h.unsubscribe(),null===(P=this.scrollEventsSubscription)||void 0===P||P.unsubscribe()}}return D.\u0275fac=function(h){e.$Z()},D.\u0275prov=e.Yz7({token:D,factory:D.\u0275fac}),D})();var Ri=(()=>((Ri=Ri||{})[Ri.COMPLETE=0]="COMPLETE",Ri[Ri.FAILED=1]="FAILED",Ri[Ri.REDIRECTING=2]="REDIRECTING",Ri))();const Vr=!1;function fr(D,T){return{\u0275kind:D,\u0275providers:T}}const gs=new e.OlP("",{providedIn:"root",factory:()=>!1});function ms(){const D=(0,e.f3M)(e.zs3);return T=>{var h,P;const j=D.get(e.z2F);if(T!==j.components[0])return;const me=D.get(Mo),Ae=D.get(_s);1===D.get(Tr)&&me.initialNavigation(),null===(h=D.get(ja,null,e.XFs.Optional))||void 0===h||h.setUpPreloading(),null===(P=D.get(ps,null,e.XFs.Optional))||void 0===P||P.init(),me.resetRootComponentType(j.componentTypes[0]),Ae.closed||(Ae.next(),Ae.complete(),Ae.unsubscribe())}}const _s=new e.OlP(Vr?"bootstrap done indicator":"",{factory:()=>new z.xQ}),Tr=new e.OlP(Vr?"initial navigation":"",{providedIn:"root",factory:()=>1});function Ai(){let D=[];return D=Vr?[{provide:e.Xts,multi:!0,useFactory:()=>{const T=(0,e.f3M)(Mo);return()=>T.events.subscribe(h=>{var P,j,me,Ae;null===(P=(j=console).group)||void 0===P||P.call(j,`Router Event: ${h.constructor.name}`),console.log(function ge(D){var T,h,P,j;if(!("type"in D))return`Unknown Router Event: ${D.constructor.name}`;switch(D.type){case 14:return`ActivationEnd(path: '${(null===(T=D.snapshot.routeConfig)||void 0===T?void 0:T.path)||""}')`;case 13:return`ActivationStart(path: '${(null===(h=D.snapshot.routeConfig)||void 0===h?void 0:h.path)||""}')`;case 12:return`ChildActivationEnd(path: '${(null===(P=D.snapshot.routeConfig)||void 0===P?void 0:P.path)||""}')`;case 11:return`ChildActivationStart(path: '${(null===(j=D.snapshot.routeConfig)||void 0===j?void 0:j.path)||""}')`;case 8:return`GuardsCheckEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state}, shouldActivate: ${D.shouldActivate})`;case 7:return`GuardsCheckStart(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 2:return`NavigationCancel(id: ${D.id}, url: '${D.url}')`;case 16:return`NavigationSkipped(id: ${D.id}, url: '${D.url}')`;case 1:return`NavigationEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}')`;case 3:return`NavigationError(id: ${D.id}, url: '${D.url}', error: ${D.error})`;case 0:return`NavigationStart(id: ${D.id}, url: '${D.url}')`;case 6:return`ResolveEnd(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 5:return`ResolveStart(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 10:return`RouteConfigLoadEnd(path: ${D.route.path})`;case 9:return`RouteConfigLoadStart(path: ${D.route.path})`;case 4:return`RoutesRecognized(id: ${D.id}, url: '${D.url}', urlAfterRedirects: '${D.urlAfterRedirects}', state: ${D.state})`;case 15:return`Scroll(anchor: '${D.anchor}', position: '${D.position?`${D.position[0]}, ${D.position[1]}`:null}')`}}(h)),console.log(h),null===(me=(Ae=console).groupEnd)||void 0===me||me.call(Ae)})}}]:[],fr(1,D)}const ja=new e.OlP(Vr?"router preloader":"");function zu(D){return fr(0,[{provide:ja,useExisting:Uu},{provide:ta,useExisting:D}])}const vs=!1,zr=new e.OlP(vs?"router duplicate forRoot guard":"ROUTER_FORROOT_GUARD"),Gu=[Z.Ye,{provide:Yt,useClass:Qe},Mo,Po,{provide:Kn,useFactory:function Fs(D){return D.routerState.root},deps:[Mo]},Ho,vs?{provide:gs,useValue:!0}:[]];function Wu(){return new e.PXZ("Router",Mo)}let Gn=(()=>{class D{constructor(h){}static forRoot(h,P){return{ngModule:D,providers:[Gu,vs&&null!=P&&P.enableTracing?Ai().\u0275providers:[],{provide:xi,multi:!0,useValue:h},{provide:zr,useFactory:Jo,deps:[[Mo,new e.FiY,new e.tp0]]},{provide:br,useValue:P||{}},null!=P&&P.useHash?{provide:Z.S$,useClass:Z.Do}:{provide:Z.S$,useClass:Z.b0},{provide:ps,useFactory:()=>{const D=(0,e.f3M)(Z.EM),T=(0,e.f3M)(e.R0b),h=(0,e.f3M)(br),P=(0,e.f3M)(Eo),j=(0,e.f3M)(Yt);return h.scrollOffset&&D.setOffset(h.scrollOffset),new Rs(j,P,D,T,h)}},null!=P&&P.preloadingStrategy?zu(P.preloadingStrategy).\u0275providers:[],{provide:e.PXZ,multi:!0,useFactory:Wu},null!=P&&P.initialNavigation?ar(P):[],[{provide:ia,useFactory:ms},{provide:e.tb,multi:!0,useExisting:ia}]]}}static forChild(h){return{ngModule:D,providers:[{provide:xi,multi:!0,useValue:h}]}}}return D.\u0275fac=function(h){return new(h||D)(e.LFG(zr,8))},D.\u0275mod=e.oAB({type:D}),D.\u0275inj=e.cJS({imports:[nr]}),D})();function Jo(D){if(vs&&D)throw new e.vHH(4007,"The Router was provided more than once. This can happen if 'forRoot' is used outside of the root injector. Lazy loaded modules should use RouterModule.forChild() instead.");return"guarded"}function ar(D){return["disabled"===D.initialNavigation?fr(3,[{provide:e.ip1,multi:!0,useFactory:()=>{const T=(0,e.f3M)(Mo);return()=>{T.setUpLocationChangeListener()}}},{provide:Tr,useValue:2}]).\u0275providers:[],"enabledBlocking"===D.initialNavigation?fr(2,[{provide:Tr,useValue:0},{provide:e.ip1,multi:!0,deps:[e.zs3],useFactory:T=>{const h=T.get(Z.V_,Promise.resolve());return()=>h.then(()=>new Promise(P=>{const j=T.get(Mo),me=T.get(_s);(function Hu(D,T){D.events.pipe((0,X.h)(h=>h instanceof Sn||h instanceof zn||h instanceof Mi||h instanceof oi),(0,le.U)(h=>h instanceof Sn||h instanceof oi?Ri.COMPLETE:h instanceof zn&&(0===h.code||1===h.code)?Ri.REDIRECTING:Ri.FAILED),(0,X.h)(h=>h!==Ri.REDIRECTING),(0,ue.q)(1)).subscribe(()=>{T()})})(j,()=>{P(!0)}),T.get(Eo).afterPreactivation=()=>(P(!0),me.closed?(0,p.of)(void 0):me),j.initialNavigation()}))}}]).\u0275providers:[]]}const ia=new e.OlP(vs?"Router Initializer":"")},972:(Ve,ae,s)=>{"use strict";s.d(ae,{lF:()=>zi,JP:()=>ui});var e=s(4537),o=s(9765),p=s(6682),_=s(5917),g=s(8653),f=s(3190),m=s(6736),C=s(7519),O=s(7349),w=s(9761),S=s(8002),y=s(6782),z=(s(8049),s(8692));function le(Ut,Me){(function Z(Ut,Me){if(Me.has(Ut))throw new TypeError("Cannot initialize the same private elements twice on an object")})(Ut,Me),Me.add(Ut)}function Q(Ut,Me,ee){if(!Me.has(Ut))throw new TypeError("attempted to get private field on non-instance");return ee}function ue(Ut){return(ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(Me){return typeof Me}:function(Me){return Me&&"function"==typeof Symbol&&Me.constructor===Symbol&&Me!==Symbol.prototype?"symbol":typeof Me})(Ut)}function B(Ut,Me,ee){return(Me=function X(Ut){var Me=function de(Ut,Me){if("object"!==ue(Ut)||null===Ut)return Ut;var ee=Ut[Symbol.toPrimitive];if(void 0!==ee){var ge=ee.call(Ut,Me||"default");if("object"!==ue(ge))return ge;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===Me?String:Number)(Ut)}(Ut,"string");return"symbol"===ue(Me)?Me:String(Me)}(Me))in Ut?Object.defineProperty(Ut,Me,{value:ee,enumerable:!0,configurable:!0,writable:!0}):Ut[Me]=ee,Ut}let ne={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};function We(Ut){ne=Ut}const Le=/[&<>"']/,Je=new RegExp(Le.source,"g"),we=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,Te=new RegExp(we.source,"g"),$e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},Ie=Ut=>$e[Ut];function G(Ut,Me){if(Me){if(Le.test(Ut))return Ut.replace(Je,Ie)}else if(we.test(Ut))return Ut.replace(Te,Ie);return Ut}const he=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi,te=/(^|[^\[])\^/g;function Re(Ut,Me){let ee="string"==typeof Ut?Ut:Ut.source;Me=Me||"";const ge={replace:(nt,qe)=>{let Dt="string"==typeof qe?qe:qe.source;return Dt=Dt.replace(te,"$1"),ee=ee.replace(nt,Dt),ge},getRegex:()=>new RegExp(ee,Me)};return ge}function q(Ut){try{Ut=encodeURI(Ut).replace(/%25/g,"%")}catch{return null}return Ut}const ce={exec:()=>null};function be(Ut,Me){const ge=Ut.replace(/\|/g,(qe,Dt,Lt)=>{let rn=!1,On=Dt;for(;--On>=0&&"\\"===Lt[On];)rn=!rn;return rn?"|":" |"}).split(/ \|/);let nt=0;if(ge[0].trim()||ge.shift(),ge.length>0&&!ge[ge.length-1].trim()&&ge.pop(),Me)if(ge.length>Me)ge.splice(Me);else for(;ge.length<Me;)ge.push("");for(;nt<ge.length;nt++)ge[nt]=ge[nt].trim().replace(/\\\|/g,"|");return ge}function N(Ut,Me,ee){const ge=Ut.length;if(0===ge)return"";let nt=0;for(;nt<ge;){const qe=Ut.charAt(ge-nt-1);if(qe!==Me||ee){if(qe===Me||!ee)break;nt++}else nt++}return Ut.slice(0,ge-nt)}function ze(Ut,Me,ee,ge){const nt=Me.href,qe=Me.title?G(Me.title):null,Dt=Ut[1].replace(/\\([\[\]])/g,"$1");if("!"!==Ut[0].charAt(0)){ge.state.inLink=!0;const Lt={type:"link",raw:ee,href:nt,title:qe,text:Dt,tokens:ge.inlineTokens(Dt)};return ge.state.inLink=!1,Lt}return{type:"image",raw:ee,href:nt,title:qe,text:G(Dt)}}class Et{constructor(Me){B(this,"options",void 0),B(this,"rules",void 0),B(this,"lexer",void 0),this.options=Me||ne}space(Me){const ee=this.rules.block.newline.exec(Me);if(ee&&ee[0].length>0)return{type:"space",raw:ee[0]}}code(Me){const ee=this.rules.block.code.exec(Me);if(ee){const ge=ee[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:ee[0],codeBlockStyle:"indented",text:this.options.pedantic?ge:N(ge,"\n")}}}fences(Me){const ee=this.rules.block.fences.exec(Me);if(ee){const ge=ee[0],nt=function _t(Ut,Me){const ee=Ut.match(/^(\s+)(?:```)/);if(null===ee)return Me;const ge=ee[1];return Me.split("\n").map(nt=>{const qe=nt.match(/^\s+/);if(null===qe)return nt;const[Dt]=qe;return Dt.length>=ge.length?nt.slice(ge.length):nt}).join("\n")}(ge,ee[3]||"");return{type:"code",raw:ge,lang:ee[2]?ee[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):ee[2],text:nt}}}heading(Me){const ee=this.rules.block.heading.exec(Me);if(ee){let ge=ee[2].trim();if(/#$/.test(ge)){const nt=N(ge,"#");(this.options.pedantic||!nt||/ $/.test(nt))&&(ge=nt.trim())}return{type:"heading",raw:ee[0],depth:ee[1].length,text:ge,tokens:this.lexer.inline(ge)}}}hr(Me){const ee=this.rules.block.hr.exec(Me);if(ee)return{type:"hr",raw:ee[0]}}blockquote(Me){const ee=this.rules.block.blockquote.exec(Me);if(ee){const ge=N(ee[0].replace(/^ *>[ \t]?/gm,""),"\n"),nt=this.lexer.state.top;this.lexer.state.top=!0;const qe=this.lexer.blockTokens(ge);return this.lexer.state.top=nt,{type:"blockquote",raw:ee[0],tokens:qe,text:ge}}}list(Me){let ee=this.rules.block.list.exec(Me);if(ee){let ge=ee[1].trim();const nt=ge.length>1,qe={type:"list",raw:"",ordered:nt,start:nt?+ge.slice(0,-1):"",loose:!1,items:[]};ge=nt?`\\d{1,9}\\${ge.slice(-1)}`:`\\${ge}`,this.options.pedantic&&(ge=nt?ge:"[*+-]");const Dt=new RegExp(`^( {0,3}${ge})((?:[\t ][^\\n]*)?(?:\\n|$))`);let Lt="",rn="",On=!1;for(;Me;){let yn=!1;if(!(ee=Dt.exec(Me))||this.rules.block.hr.test(Me))break;Lt=ee[0],Me=Me.substring(Lt.length);let Zt=ee[2].split("\n",1)[0].replace(/^\t+/,Di=>" ".repeat(3*Di.length)),tt=Me.split("\n",1)[0],Kt=0;this.options.pedantic?(Kt=2,rn=Zt.trimStart()):(Kt=ee[2].search(/[^ ]/),Kt=Kt>4?1:Kt,rn=Zt.slice(Kt),Kt+=ee[1].length);let mn=!1;if(!Zt&&/^ *$/.test(tt)&&(Lt+=tt+"\n",Me=Me.substring(tt.length+1),yn=!0),!yn){const Di=new RegExp(`^ {0,${Math.min(3,Kt-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`),Oi=new RegExp(`^ {0,${Math.min(3,Kt-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),Fi=new RegExp(`^ {0,${Math.min(3,Kt-1)}}(?:\`\`\`|~~~)`),ji=new RegExp(`^ {0,${Math.min(3,Kt-1)}}#`);for(;Me;){const Ei=Me.split("\n",1)[0];if(tt=Ei,this.options.pedantic&&(tt=tt.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),Fi.test(tt)||ji.test(tt)||Di.test(tt)||Oi.test(Me))break;if(tt.search(/[^ ]/)>=Kt||!tt.trim())rn+="\n"+tt.slice(Kt);else{if(mn||Zt.search(/[^ ]/)>=4||Fi.test(Zt)||ji.test(Zt)||Oi.test(Zt))break;rn+="\n"+tt}!mn&&!tt.trim()&&(mn=!0),Lt+=Ei+"\n",Me=Me.substring(Ei.length+1),Zt=tt.slice(Kt)}}qe.loose||(On?qe.loose=!0:/\n *\n *$/.test(Lt)&&(On=!0));let Kn,jn=null;this.options.gfm&&(jn=/^\[[ xX]\] /.exec(rn),jn&&(Kn="[ ] "!==jn[0],rn=rn.replace(/^\[[ xX]\] +/,""))),qe.items.push({type:"list_item",raw:Lt,task:!!jn,checked:Kn,loose:!1,text:rn,tokens:[]}),qe.raw+=Lt}qe.items[qe.items.length-1].raw=Lt.trimEnd(),qe.items[qe.items.length-1].text=rn.trimEnd(),qe.raw=qe.raw.trimEnd();for(let yn=0;yn<qe.items.length;yn++)if(this.lexer.state.top=!1,qe.items[yn].tokens=this.lexer.blockTokens(qe.items[yn].text,[]),!qe.loose){const Zt=qe.items[yn].tokens.filter(Kt=>"space"===Kt.type),tt=Zt.length>0&&Zt.some(Kt=>/\n.*\n/.test(Kt.raw));qe.loose=tt}if(qe.loose)for(let yn=0;yn<qe.items.length;yn++)qe.items[yn].loose=!0;return qe}}html(Me){const ee=this.rules.block.html.exec(Me);if(ee)return{type:"html",block:!0,raw:ee[0],pre:"pre"===ee[1]||"script"===ee[1]||"style"===ee[1],text:ee[0]}}def(Me){const ee=this.rules.block.def.exec(Me);if(ee){const ge=ee[1].toLowerCase().replace(/\s+/g," "),nt=ee[2]?ee[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",qe=ee[3]?ee[3].substring(1,ee[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):ee[3];return{type:"def",tag:ge,raw:ee[0],href:nt,title:qe}}}table(Me){const ee=this.rules.block.table.exec(Me);if(!ee||!/[:|]/.test(ee[2]))return;const ge=be(ee[1]),nt=ee[2].replace(/^\||\| *$/g,"").split("|"),qe=ee[3]&&ee[3].trim()?ee[3].replace(/\n[ \t]*$/,"").split("\n"):[],Dt={type:"table",raw:ee[0],header:[],align:[],rows:[]};if(ge.length===nt.length){for(const Lt of nt)/^ *-+: *$/.test(Lt)?Dt.align.push("right"):/^ *:-+: *$/.test(Lt)?Dt.align.push("center"):/^ *:-+ *$/.test(Lt)?Dt.align.push("left"):Dt.align.push(null);for(const Lt of ge)Dt.header.push({text:Lt,tokens:this.lexer.inline(Lt)});for(const Lt of qe)Dt.rows.push(be(Lt,Dt.header.length).map(rn=>({text:rn,tokens:this.lexer.inline(rn)})));return Dt}}lheading(Me){const ee=this.rules.block.lheading.exec(Me);if(ee)return{type:"heading",raw:ee[0],depth:"="===ee[2].charAt(0)?1:2,text:ee[1],tokens:this.lexer.inline(ee[1])}}paragraph(Me){const ee=this.rules.block.paragraph.exec(Me);if(ee){const ge="\n"===ee[1].charAt(ee[1].length-1)?ee[1].slice(0,-1):ee[1];return{type:"paragraph",raw:ee[0],text:ge,tokens:this.lexer.inline(ge)}}}text(Me){const ee=this.rules.block.text.exec(Me);if(ee)return{type:"text",raw:ee[0],text:ee[0],tokens:this.lexer.inline(ee[0])}}escape(Me){const ee=this.rules.inline.escape.exec(Me);if(ee)return{type:"escape",raw:ee[0],text:G(ee[1])}}tag(Me){const ee=this.rules.inline.tag.exec(Me);if(ee)return!this.lexer.state.inLink&&/^<a /i.test(ee[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(ee[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(ee[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(ee[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:ee[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:ee[0]}}link(Me){const ee=this.rules.inline.link.exec(Me);if(ee){const ge=ee[2].trim();if(!this.options.pedantic&&/^</.test(ge)){if(!/>$/.test(ge))return;const Dt=N(ge.slice(0,-1),"\\");if((ge.length-Dt.length)%2==0)return}else{const Dt=function _e(Ut,Me){if(-1===Ut.indexOf(Me[1]))return-1;let ee=0;for(let ge=0;ge<Ut.length;ge++)if("\\"===Ut[ge])ge++;else if(Ut[ge]===Me[0])ee++;else if(Ut[ge]===Me[1]&&(ee--,ee<0))return ge;return-1}(ee[2],"()");if(Dt>-1){const rn=(0===ee[0].indexOf("!")?5:4)+ee[1].length+Dt;ee[2]=ee[2].substring(0,Dt),ee[0]=ee[0].substring(0,rn).trim(),ee[3]=""}}let nt=ee[2],qe="";if(this.options.pedantic){const Dt=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(nt);Dt&&(nt=Dt[1],qe=Dt[3])}else qe=ee[3]?ee[3].slice(1,-1):"";return nt=nt.trim(),/^</.test(nt)&&(nt=this.options.pedantic&&!/>$/.test(ge)?nt.slice(1):nt.slice(1,-1)),ze(ee,{href:nt&&nt.replace(this.rules.inline.anyPunctuation,"$1"),title:qe&&qe.replace(this.rules.inline.anyPunctuation,"$1")},ee[0],this.lexer)}}reflink(Me,ee){let ge;if((ge=this.rules.inline.reflink.exec(Me))||(ge=this.rules.inline.nolink.exec(Me))){const qe=ee[(ge[2]||ge[1]).replace(/\s+/g," ").toLowerCase()];if(!qe){const Dt=ge[0].charAt(0);return{type:"text",raw:Dt,text:Dt}}return ze(ge,qe,ge[0],this.lexer)}}emStrong(Me,ee,ge=""){let nt=this.rules.inline.emStrongLDelim.exec(Me);if(!(!nt||nt[3]&&ge.match(/[0-9A-Za-z\xAA\xB2\xB3\xB5\xB9\xBA\xBC-\xBE\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\u{10000}-\u{1000B}\u{1000D}-\u{10026}\u{10028}-\u{1003A}\u{1003C}\u{1003D}\u{1003F}-\u{1004D}\u{10050}-\u{1005D}\u{10080}-\u{100FA}\u{10107}-\u{10133}\u{10140}-\u{10178}\u{1018A}\u{1018B}\u{10280}-\u{1029C}\u{102A0}-\u{102D0}\u{102E1}-\u{102FB}\u{10300}-\u{10323}\u{1032D}-\u{1034A}\u{10350}-\u{10375}\u{10380}-\u{1039D}\u{103A0}-\u{103C3}\u{103C8}-\u{103CF}\u{103D1}-\u{103D5}\u{10400}-\u{1049D}\u{104A0}-\u{104A9}\u{104B0}-\u{104D3}\u{104D8}-\u{104FB}\u{10500}-\u{10527}\u{10530}-\u{10563}\u{10570}-\u{1057A}\u{1057C}-\u{1058A}\u{1058C}-\u{10592}\u{10594}\u{10595}\u{10597}-\u{105A1}\u{105A3}-\u{105B1}\u{105B3}-\u{105B9}\u{105BB}\u{105BC}\u{10600}-\u{10736}\u{10740}-\u{10755}\u{10760}-\u{10767}\u{10780}-\u{10785}\u{10787}-\u{107B0}\u{107B2}-\u{107BA}\u{10800}-\u{10805}\u{10808}\u{1080A}-\u{10835}\u{10837}\u{10838}\u{1083C}\u{1083F}-\u{10855}\u{10858}-\u{10876}\u{10879}-\u{1089E}\u{108A7}-\u{108AF}\u{108E0}-\u{108F2}\u{108F4}\u{108F5}\u{108FB}-\u{1091B}\u{10920}-\u{10939}\u{10980}-\u{109B7}\u{109BC}-\u{109CF}\u{109D2}-\u{10A00}\u{10A10}-\u{10A13}\u{10A15}-\u{10A17}\u{10A19}-\u{10A35}\u{10A40}-\u{10A48}\u{10A60}-\u{10A7E}\u{10A80}-\u{10A9F}\u{10AC0}-\u{10AC7}\u{10AC9}-\u{10AE4}\u{10AEB}-\u{10AEF}\u{10B00}-\u{10B35}\u{10B40}-\u{10B55}\u{10B58}-\u{10B72}\u{10B78}-\u{10B91}\u{10BA9}-\u{10BAF}\u{10C00}-\u{10C48}\u{10C80}-\u{10CB2}\u{10CC0}-\u{10CF2}\u{10CFA}-\u{10D23}\u{10D30}-\u{10D39}\u{10E60}-\u{10E7E}\u{10E80}-\u{10EA9}\u{10EB0}\u{10EB1}\u{10F00}-\u{10F27}\u{10F30}-\u{10F45}\u{10F51}-\u{10F54}\u{10F70}-\u{10F81}\u{10FB0}-\u{10FCB}\u{10FE0}-\u{10FF6}\u{11003}-\u{11037}\u{11052}-\u{1106F}\u{11071}\u{11072}\u{11075}\u{11083}-\u{110AF}\u{110D0}-\u{110E8}\u{110F0}-\u{110F9}\u{11103}-\u{11126}\u{11136}-\u{1113F}\u{11144}\u{11147}\u{11150}-\u{11172}\u{11176}\u{11183}-\u{111B2}\u{111C1}-\u{111C4}\u{111D0}-\u{111DA}\u{111DC}\u{111E1}-\u{111F4}\u{11200}-\u{11211}\u{11213}-\u{1122B}\u{1123F}\u{11240}\u{11280}-\u{11286}\u{11288}\u{1128A}-\u{1128D}\u{1128F}-\u{1129D}\u{1129F}-\u{112A8}\u{112B0}-\u{112DE}\u{112F0}-\u{112F9}\u{11305}-\u{1130C}\u{1130F}\u{11310}\u{11313}-\u{11328}\u{1132A}-\u{11330}\u{11332}\u{11333}\u{11335}-\u{11339}\u{1133D}\u{11350}\u{1135D}-\u{11361}\u{11400}-\u{11434}\u{11447}-\u{1144A}\u{11450}-\u{11459}\u{1145F}-\u{11461}\u{11480}-\u{114AF}\u{114C4}\u{114C5}\u{114C7}\u{114D0}-\u{114D9}\u{11580}-\u{115AE}\u{115D8}-\u{115DB}\u{11600}-\u{1162F}\u{11644}\u{11650}-\u{11659}\u{11680}-\u{116AA}\u{116B8}\u{116C0}-\u{116C9}\u{11700}-\u{1171A}\u{11730}-\u{1173B}\u{11740}-\u{11746}\u{11800}-\u{1182B}\u{118A0}-\u{118F2}\u{118FF}-\u{11906}\u{11909}\u{1190C}-\u{11913}\u{11915}\u{11916}\u{11918}-\u{1192F}\u{1193F}\u{11941}\u{11950}-\u{11959}\u{119A0}-\u{119A7}\u{119AA}-\u{119D0}\u{119E1}\u{119E3}\u{11A00}\u{11A0B}-\u{11A32}\u{11A3A}\u{11A50}\u{11A5C}-\u{11A89}\u{11A9D}\u{11AB0}-\u{11AF8}\u{11C00}-\u{11C08}\u{11C0A}-\u{11C2E}\u{11C40}\u{11C50}-\u{11C6C}\u{11C72}-\u{11C8F}\u{11D00}-\u{11D06}\u{11D08}\u{11D09}\u{11D0B}-\u{11D30}\u{11D46}\u{11D50}-\u{11D59}\u{11D60}-\u{11D65}\u{11D67}\u{11D68}\u{11D6A}-\u{11D89}\u{11D98}\u{11DA0}-\u{11DA9}\u{11EE0}-\u{11EF2}\u{11F02}\u{11F04}-\u{11F10}\u{11F12}-\u{11F33}\u{11F50}-\u{11F59}\u{11FB0}\u{11FC0}-\u{11FD4}\u{12000}-\u{12399}\u{12400}-\u{1246E}\u{12480}-\u{12543}\u{12F90}-\u{12FF0}\u{13000}-\u{1342F}\u{13441}-\u{13446}\u{14400}-\u{14646}\u{16800}-\u{16A38}\u{16A40}-\u{16A5E}\u{16A60}-\u{16A69}\u{16A70}-\u{16ABE}\u{16AC0}-\u{16AC9}\u{16AD0}-\u{16AED}\u{16B00}-\u{16B2F}\u{16B40}-\u{16B43}\u{16B50}-\u{16B59}\u{16B5B}-\u{16B61}\u{16B63}-\u{16B77}\u{16B7D}-\u{16B8F}\u{16E40}-\u{16E96}\u{16F00}-\u{16F4A}\u{16F50}\u{16F93}-\u{16F9F}\u{16FE0}\u{16FE1}\u{16FE3}\u{17000}-\u{187F7}\u{18800}-\u{18CD5}\u{18D00}-\u{18D08}\u{1AFF0}-\u{1AFF3}\u{1AFF5}-\u{1AFFB}\u{1AFFD}\u{1AFFE}\u{1B000}-\u{1B122}\u{1B132}\u{1B150}-\u{1B152}\u{1B155}\u{1B164}-\u{1B167}\u{1B170}-\u{1B2FB}\u{1BC00}-\u{1BC6A}\u{1BC70}-\u{1BC7C}\u{1BC80}-\u{1BC88}\u{1BC90}-\u{1BC99}\u{1D2C0}-\u{1D2D3}\u{1D2E0}-\u{1D2F3}\u{1D360}-\u{1D378}\u{1D400}-\u{1D454}\u{1D456}-\u{1D49C}\u{1D49E}\u{1D49F}\u{1D4A2}\u{1D4A5}\u{1D4A6}\u{1D4A9}-\u{1D4AC}\u{1D4AE}-\u{1D4B9}\u{1D4BB}\u{1D4BD}-\u{1D4C3}\u{1D4C5}-\u{1D505}\u{1D507}-\u{1D50A}\u{1D50D}-\u{1D514}\u{1D516}-\u{1D51C}\u{1D51E}-\u{1D539}\u{1D53B}-\u{1D53E}\u{1D540}-\u{1D544}\u{1D546}\u{1D54A}-\u{1D550}\u{1D552}-\u{1D6A5}\u{1D6A8}-\u{1D6C0}\u{1D6C2}-\u{1D6DA}\u{1D6DC}-\u{1D6FA}\u{1D6FC}-\u{1D714}\u{1D716}-\u{1D734}\u{1D736}-\u{1D74E}\u{1D750}-\u{1D76E}\u{1D770}-\u{1D788}\u{1D78A}-\u{1D7A8}\u{1D7AA}-\u{1D7C2}\u{1D7C4}-\u{1D7CB}\u{1D7CE}-\u{1D7FF}\u{1DF00}-\u{1DF1E}\u{1DF25}-\u{1DF2A}\u{1E030}-\u{1E06D}\u{1E100}-\u{1E12C}\u{1E137}-\u{1E13D}\u{1E140}-\u{1E149}\u{1E14E}\u{1E290}-\u{1E2AD}\u{1E2C0}-\u{1E2EB}\u{1E2F0}-\u{1E2F9}\u{1E4D0}-\u{1E4EB}\u{1E4F0}-\u{1E4F9}\u{1E7E0}-\u{1E7E6}\u{1E7E8}-\u{1E7EB}\u{1E7ED}\u{1E7EE}\u{1E7F0}-\u{1E7FE}\u{1E800}-\u{1E8C4}\u{1E8C7}-\u{1E8CF}\u{1E900}-\u{1E943}\u{1E94B}\u{1E950}-\u{1E959}\u{1EC71}-\u{1ECAB}\u{1ECAD}-\u{1ECAF}\u{1ECB1}-\u{1ECB4}\u{1ED01}-\u{1ED2D}\u{1ED2F}-\u{1ED3D}\u{1EE00}-\u{1EE03}\u{1EE05}-\u{1EE1F}\u{1EE21}\u{1EE22}\u{1EE24}\u{1EE27}\u{1EE29}-\u{1EE32}\u{1EE34}-\u{1EE37}\u{1EE39}\u{1EE3B}\u{1EE42}\u{1EE47}\u{1EE49}\u{1EE4B}\u{1EE4D}-\u{1EE4F}\u{1EE51}\u{1EE52}\u{1EE54}\u{1EE57}\u{1EE59}\u{1EE5B}\u{1EE5D}\u{1EE5F}\u{1EE61}\u{1EE62}\u{1EE64}\u{1EE67}-\u{1EE6A}\u{1EE6C}-\u{1EE72}\u{1EE74}-\u{1EE77}\u{1EE79}-\u{1EE7C}\u{1EE7E}\u{1EE80}-\u{1EE89}\u{1EE8B}-\u{1EE9B}\u{1EEA1}-\u{1EEA3}\u{1EEA5}-\u{1EEA9}\u{1EEAB}-\u{1EEBB}\u{1F100}-\u{1F10C}\u{1FBF0}-\u{1FBF9}\u{20000}-\u{2A6DF}\u{2A700}-\u{2B739}\u{2B740}-\u{2B81D}\u{2B820}-\u{2CEA1}\u{2CEB0}-\u{2EBE0}\u{2EBF0}-\u{2EE5D}\u{2F800}-\u{2FA1D}\u{30000}-\u{3134A}\u{31350}-\u{323AF}]/u))&&(!nt[1]&&!nt[2]||!ge||this.rules.inline.punctuation.exec(ge))){const Dt=[...nt[0]].length-1;let Lt,rn,On=Dt,yn=0;const Zt="*"===nt[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(Zt.lastIndex=0,ee=ee.slice(-1*Me.length+Dt);null!=(nt=Zt.exec(ee));){if(Lt=nt[1]||nt[2]||nt[3]||nt[4]||nt[5]||nt[6],!Lt)continue;if(rn=[...Lt].length,nt[3]||nt[4]){On+=rn;continue}if((nt[5]||nt[6])&&Dt%3&&!((Dt+rn)%3)){yn+=rn;continue}if(On-=rn,On>0)continue;rn=Math.min(rn,rn+On+yn);const tt=[...nt[0]][0].length,Kt=Me.slice(0,Dt+nt.index+tt+rn);if(Math.min(Dt,rn)%2){const jn=Kt.slice(1,-1);return{type:"em",raw:Kt,text:jn,tokens:this.lexer.inlineTokens(jn)}}const mn=Kt.slice(2,-2);return{type:"strong",raw:Kt,text:mn,tokens:this.lexer.inlineTokens(mn)}}}}codespan(Me){const ee=this.rules.inline.code.exec(Me);if(ee){let ge=ee[2].replace(/\n/g," ");const nt=/[^ ]/.test(ge),qe=/^ /.test(ge)&&/ $/.test(ge);return nt&&qe&&(ge=ge.substring(1,ge.length-1)),ge=G(ge,!0),{type:"codespan",raw:ee[0],text:ge}}}br(Me){const ee=this.rules.inline.br.exec(Me);if(ee)return{type:"br",raw:ee[0]}}del(Me){const ee=this.rules.inline.del.exec(Me);if(ee)return{type:"del",raw:ee[0],text:ee[2],tokens:this.lexer.inlineTokens(ee[2])}}autolink(Me){const ee=this.rules.inline.autolink.exec(Me);if(ee){let ge,nt;return"@"===ee[2]?(ge=G(ee[1]),nt="mailto:"+ge):(ge=G(ee[1]),nt=ge),{type:"link",raw:ee[0],text:ge,href:nt,tokens:[{type:"text",raw:ge,text:ge}]}}}url(Me){let ee;if(ee=this.rules.inline.url.exec(Me)){let qe,Dt;if("@"===ee[2])qe=G(ee[0]),Dt="mailto:"+qe;else{let Lt;do{var ge,nt;Lt=ee[0],ee[0]=null!==(ge=null===(nt=this.rules.inline._backpedal.exec(ee[0]))||void 0===nt?void 0:nt[0])&&void 0!==ge?ge:""}while(Lt!==ee[0]);qe=G(ee[0]),Dt="www."===ee[1]?"http://"+ee[0]:ee[0]}return{type:"link",raw:ee[0],text:qe,href:Dt,tokens:[{type:"text",raw:qe,text:qe}]}}}inlineText(Me){const ee=this.rules.inline.text.exec(Me);if(ee){let ge;return ge=this.lexer.state.inRawBlock?ee[0]:G(ee[0]),{type:"text",raw:ee[0],text:ge}}}}const Ot=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,Pt=/(?:[*+-]|\d{1,9}[.)])/,Tt=Re(/^(?!bull )((?:.|\n(?!\s*?\n|bull ))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,Pt).getRegex(),xt=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,sn=/(?!\s*\])(?:\\.|[^\[\]\\])+/,_n=Re(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label",sn).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Jt=Re(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,Pt).getRegex(),yt="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",ut=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,Ee=Re("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))","i").replace("comment",ut).replace("tag",yt).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),Pe=Re(xt).replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",yt).getRegex(),Ge={blockquote:Re(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",Pe).getRegex(),code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,def:_n,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,hr:Ot,html:Ee,lheading:Tt,list:Jt,newline:/^(?: *(?:\n|$))+/,paragraph:Pe,table:ce,text:/^[^\n]+/},ke=Re("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",yt).getRegex(),Ke={...Ge,table:ke,paragraph:Re(xt).replace("hr",Ot).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",ke).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",yt).getRegex()},Fe={...Ge,html:Re("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",ut).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:ce,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:Re(xt).replace("hr",Ot).replace("heading"," *#{1,6} *[^\n]").replace("lheading",Tt).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},ht=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,$t=/^( {2,}|\\)\n(?!\s*$)/,wt="\\p{P}$+<=>`^|~",Mt=Re(/^((?![*_])[\spunctuation])/,"u").replace(/punctuation/g,wt).getRegex(),cn=Re(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/,"u").replace(/punct/g,wt).getRegex(),Yt=Re("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])","gu").replace(/punct/g,wt).getRegex(),Qe=Re("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])","gu").replace(/punct/g,wt).getRegex(),lt=Re(/\\([punct])/,"gu").replace(/punct/g,wt).getRegex(),ot=Re(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),st=Re(ut).replace("(?:--\x3e|$)","--\x3e").getRegex(),it=Re("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",st).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),W=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,$=Re(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",W).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),Ne=Re(/^!?\[(label)\]\[(ref)\]/).replace("label",W).replace("ref",sn).getRegex(),De=Re(/^!?\[(ref)\](?:\[\])?/).replace("ref",sn).getRegex(),ct={_backpedal:ce,anyPunctuation:lt,autolink:ot,blockSkip:/\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g,br:$t,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,del:ce,emStrongLDelim:cn,emStrongRDelimAst:Yt,emStrongRDelimUnd:Qe,escape:ht,link:$,nolink:De,punctuation:Mt,reflink:Ne,reflinkSearch:Re("reflink|nolink(?!\\()","g").replace("reflink",Ne).replace("nolink",De).getRegex(),tag:it,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,url:ce},vt={...ct,link:Re(/^!?\[(label)\]\((.*?)\)/).replace("label",W).getRegex(),reflink:Re(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",W).getRegex()},At={...ct,escape:Re(ht).replace("])","~|])").getRegex(),url:Re(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},Se={...At,br:Re($t).replace("{2,}","*").getRegex(),text:Re(At.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},Be={normal:Ge,gfm:Ke,pedantic:Fe},se={normal:ct,gfm:At,breaks:Se,pedantic:vt};class re{constructor(Me){B(this,"tokens",void 0),B(this,"options",void 0),B(this,"state",void 0),B(this,"tokenizer",void 0),B(this,"inlineQueue",void 0),this.tokens=[],this.tokens.links=Object.create(null),this.options=Me||ne,this.options.tokenizer=this.options.tokenizer||new Et,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const ee={block:Be.normal,inline:se.normal};this.options.pedantic?(ee.block=Be.pedantic,ee.inline=se.pedantic):this.options.gfm&&(ee.block=Be.gfm,ee.inline=this.options.breaks?se.breaks:se.gfm),this.tokenizer.rules=ee}static get rules(){return{block:Be,inline:se}}static lex(Me,ee){return new re(ee).lex(Me)}static lexInline(Me,ee){return new re(ee).inlineTokens(Me)}lex(Me){let ee;for(Me=Me.replace(/\r\n|\r/g,"\n"),this.blockTokens(Me,this.tokens);ee=this.inlineQueue.shift();)this.inlineTokens(ee.src,ee.tokens);return this.tokens}blockTokens(Me,ee=[]){let ge,nt,qe,Dt;for(Me=this.options.pedantic?Me.replace(/\t/g,"    ").replace(/^ +$/gm,""):Me.replace(/^( *)(\t+)/gm,(Lt,rn,On)=>rn+"    ".repeat(On.length));Me;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(Lt=>!!(ge=Lt.call({lexer:this},Me,ee))&&(Me=Me.substring(ge.raw.length),ee.push(ge),!0)))){if(ge=this.tokenizer.space(Me)){Me=Me.substring(ge.raw.length),1===ge.raw.length&&ee.length>0?ee[ee.length-1].raw+="\n":ee.push(ge);continue}if(ge=this.tokenizer.code(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],!nt||"paragraph"!==nt.type&&"text"!==nt.type?ee.push(ge):(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue[this.inlineQueue.length-1].src=nt.text);continue}if(ge=this.tokenizer.fences(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.heading(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.hr(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.blockquote(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.list(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.html(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.def(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],!nt||"paragraph"!==nt.type&&"text"!==nt.type?this.tokens.links[ge.tag]||(this.tokens.links[ge.tag]={href:ge.href,title:ge.title}):(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.raw,this.inlineQueue[this.inlineQueue.length-1].src=nt.text);continue}if(ge=this.tokenizer.table(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.lheading(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(qe=Me,this.options.extensions&&this.options.extensions.startBlock){let Lt=1/0;const rn=Me.slice(1);let On;this.options.extensions.startBlock.forEach(yn=>{On=yn.call({lexer:this},rn),"number"==typeof On&&On>=0&&(Lt=Math.min(Lt,On))}),Lt<1/0&&Lt>=0&&(qe=Me.substring(0,Lt+1))}if(this.state.top&&(ge=this.tokenizer.paragraph(qe))){nt=ee[ee.length-1],Dt&&"paragraph"===nt.type?(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=nt.text):ee.push(ge),Dt=qe.length!==Me.length,Me=Me.substring(ge.raw.length);continue}if(ge=this.tokenizer.text(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===nt.type?(nt.raw+="\n"+ge.raw,nt.text+="\n"+ge.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=nt.text):ee.push(ge);continue}if(Me){const Lt="Infinite loop on byte: "+Me.charCodeAt(0);if(this.options.silent){console.error(Lt);break}throw new Error(Lt)}}return this.state.top=!0,ee}inline(Me,ee=[]){return this.inlineQueue.push({src:Me,tokens:ee}),ee}inlineTokens(Me,ee=[]){let ge,nt,qe,Lt,rn,On,Dt=Me;if(this.tokens.links){const yn=Object.keys(this.tokens.links);if(yn.length>0)for(;null!=(Lt=this.tokenizer.rules.inline.reflinkSearch.exec(Dt));)yn.includes(Lt[0].slice(Lt[0].lastIndexOf("[")+1,-1))&&(Dt=Dt.slice(0,Lt.index)+"["+"a".repeat(Lt[0].length-2)+"]"+Dt.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(Lt=this.tokenizer.rules.inline.blockSkip.exec(Dt));)Dt=Dt.slice(0,Lt.index)+"["+"a".repeat(Lt[0].length-2)+"]"+Dt.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(Lt=this.tokenizer.rules.inline.anyPunctuation.exec(Dt));)Dt=Dt.slice(0,Lt.index)+"++"+Dt.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;Me;)if(rn||(On=""),rn=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(yn=>!!(ge=yn.call({lexer:this},Me,ee))&&(Me=Me.substring(ge.raw.length),ee.push(ge),!0)))){if(ge=this.tokenizer.escape(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.tag(Me)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===ge.type&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(ge=this.tokenizer.link(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.reflink(Me,this.tokens.links)){Me=Me.substring(ge.raw.length),nt=ee[ee.length-1],nt&&"text"===ge.type&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(ge=this.tokenizer.emStrong(Me,Dt,On)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.codespan(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.br(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.del(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(ge=this.tokenizer.autolink(Me)){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(!this.state.inLink&&(ge=this.tokenizer.url(Me))){Me=Me.substring(ge.raw.length),ee.push(ge);continue}if(qe=Me,this.options.extensions&&this.options.extensions.startInline){let yn=1/0;const Zt=Me.slice(1);let tt;this.options.extensions.startInline.forEach(Kt=>{tt=Kt.call({lexer:this},Zt),"number"==typeof tt&&tt>=0&&(yn=Math.min(yn,tt))}),yn<1/0&&yn>=0&&(qe=Me.substring(0,yn+1))}if(ge=this.tokenizer.inlineText(qe)){Me=Me.substring(ge.raw.length),"_"!==ge.raw.slice(-1)&&(On=ge.raw.slice(-1)),rn=!0,nt=ee[ee.length-1],nt&&"text"===nt.type?(nt.raw+=ge.raw,nt.text+=ge.text):ee.push(ge);continue}if(Me){const yn="Infinite loop on byte: "+Me.charCodeAt(0);if(this.options.silent){console.error(yn);break}throw new Error(yn)}}return ee}}class Y{constructor(Me){B(this,"options",void 0),this.options=Me||ne}code(Me,ee,ge){var nt;const qe=null===(nt=(ee||"").match(/^\S*/))||void 0===nt?void 0:nt[0];return Me=Me.replace(/\n$/,"")+"\n",qe?'<pre><code class="language-'+G(qe)+'">'+(ge?Me:G(Me,!0))+"</code></pre>\n":"<pre><code>"+(ge?Me:G(Me,!0))+"</code></pre>\n"}blockquote(Me){return`<blockquote>\n${Me}</blockquote>\n`}html(Me,ee){return Me}heading(Me,ee,ge){return`<h${ee}>${Me}</h${ee}>\n`}hr(){return"<hr>\n"}list(Me,ee,ge){const nt=ee?"ol":"ul";return"<"+nt+(ee&&1!==ge?' start="'+ge+'"':"")+">\n"+Me+"</"+nt+">\n"}listitem(Me,ee,ge){return`<li>${Me}</li>\n`}checkbox(Me){return"<input "+(Me?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph(Me){return`<p>${Me}</p>\n`}table(Me,ee){return ee&&(ee=`<tbody>${ee}</tbody>`),"<table>\n<thead>\n"+Me+"</thead>\n"+ee+"</table>\n"}tablerow(Me){return`<tr>\n${Me}</tr>\n`}tablecell(Me,ee){const ge=ee.header?"th":"td";return(ee.align?`<${ge} align="${ee.align}">`:`<${ge}>`)+Me+`</${ge}>\n`}strong(Me){return`<strong>${Me}</strong>`}em(Me){return`<em>${Me}</em>`}codespan(Me){return`<code>${Me}</code>`}br(){return"<br>"}del(Me){return`<del>${Me}</del>`}link(Me,ee,ge){const nt=q(Me);if(null===nt)return ge;let qe='<a href="'+(Me=nt)+'"';return ee&&(qe+=' title="'+ee+'"'),qe+=">"+ge+"</a>",qe}image(Me,ee,ge){const nt=q(Me);if(null===nt)return ge;let qe=`<img src="${Me=nt}" alt="${ge}"`;return ee&&(qe+=` title="${ee}"`),qe+=">",qe}text(Me){return Me}}class fe{strong(Me){return Me}em(Me){return Me}codespan(Me){return Me}del(Me){return Me}html(Me){return Me}text(Me){return Me}link(Me,ee,ge){return""+ge}image(Me,ee,ge){return""+ge}br(){return""}}class Ue{constructor(Me){B(this,"options",void 0),B(this,"renderer",void 0),B(this,"textRenderer",void 0),this.options=Me||ne,this.options.renderer=this.options.renderer||new Y,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new fe}static parse(Me,ee){return new Ue(ee).parse(Me)}static parseInline(Me,ee){return new Ue(ee).parseInline(Me)}parse(Me,ee=!0){let ge="";for(let nt=0;nt<Me.length;nt++){const qe=Me[nt];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[qe.type]){const Dt=qe,Lt=this.options.extensions.renderers[Dt.type].call({parser:this},Dt);if(!1!==Lt||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(Dt.type)){ge+=Lt||"";continue}}switch(qe.type){case"space":continue;case"hr":ge+=this.renderer.hr();continue;case"heading":{const Dt=qe;ge+=this.renderer.heading(this.parseInline(Dt.tokens),Dt.depth,this.parseInline(Dt.tokens,this.textRenderer).replace(he,(Me,ee)=>"colon"===(ee=ee.toLowerCase())?":":"#"===ee.charAt(0)?"x"===ee.charAt(1)?String.fromCharCode(parseInt(ee.substring(2),16)):String.fromCharCode(+ee.substring(1)):""));continue}case"code":ge+=this.renderer.code(qe.text,qe.lang,!!qe.escaped);continue;case"table":{const Dt=qe;let Lt="",rn="";for(let yn=0;yn<Dt.header.length;yn++)rn+=this.renderer.tablecell(this.parseInline(Dt.header[yn].tokens),{header:!0,align:Dt.align[yn]});Lt+=this.renderer.tablerow(rn);let On="";for(let yn=0;yn<Dt.rows.length;yn++){const Zt=Dt.rows[yn];rn="";for(let tt=0;tt<Zt.length;tt++)rn+=this.renderer.tablecell(this.parseInline(Zt[tt].tokens),{header:!1,align:Dt.align[tt]});On+=this.renderer.tablerow(rn)}ge+=this.renderer.table(Lt,On);continue}case"blockquote":{const Lt=this.parse(qe.tokens);ge+=this.renderer.blockquote(Lt);continue}case"list":{const Dt=qe,Lt=Dt.ordered,rn=Dt.start,On=Dt.loose;let yn="";for(let Zt=0;Zt<Dt.items.length;Zt++){const tt=Dt.items[Zt],Kt=tt.checked,mn=tt.task;let jn="";if(tt.task){const Kn=this.renderer.checkbox(!!Kt);On?tt.tokens.length>0&&"paragraph"===tt.tokens[0].type?(tt.tokens[0].text=Kn+" "+tt.tokens[0].text,tt.tokens[0].tokens&&tt.tokens[0].tokens.length>0&&"text"===tt.tokens[0].tokens[0].type&&(tt.tokens[0].tokens[0].text=Kn+" "+tt.tokens[0].tokens[0].text)):tt.tokens.unshift({type:"text",text:Kn+" "}):jn+=Kn+" "}jn+=this.parse(tt.tokens,On),yn+=this.renderer.listitem(jn,mn,!!Kt)}ge+=this.renderer.list(yn,Lt,rn);continue}case"html":ge+=this.renderer.html(qe.text,qe.block);continue;case"paragraph":ge+=this.renderer.paragraph(this.parseInline(qe.tokens));continue;case"text":{let Dt=qe,Lt=Dt.tokens?this.parseInline(Dt.tokens):Dt.text;for(;nt+1<Me.length&&"text"===Me[nt+1].type;)Dt=Me[++nt],Lt+="\n"+(Dt.tokens?this.parseInline(Dt.tokens):Dt.text);ge+=ee?this.renderer.paragraph(Lt):Lt;continue}default:{const Dt='Token with "'+qe.type+'" type was not found.';if(this.options.silent)return console.error(Dt),"";throw new Error(Dt)}}}return ge}parseInline(Me,ee){ee=ee||this.renderer;let ge="";for(let nt=0;nt<Me.length;nt++){const qe=Me[nt];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[qe.type]){const Dt=this.options.extensions.renderers[qe.type].call({parser:this},qe);if(!1!==Dt||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(qe.type)){ge+=Dt||"";continue}}switch(qe.type){case"escape":case"text":ge+=ee.text(qe.text);break;case"html":ge+=ee.html(qe.text);break;case"link":ge+=ee.link(qe.href,qe.title,this.parseInline(qe.tokens,ee));break;case"image":ge+=ee.image(qe.href,qe.title,qe.text);break;case"strong":ge+=ee.strong(this.parseInline(qe.tokens,ee));break;case"em":ge+=ee.em(this.parseInline(qe.tokens,ee));break;case"codespan":ge+=ee.codespan(qe.text);break;case"br":ge+=ee.br();break;case"del":ge+=ee.del(this.parseInline(qe.tokens,ee));break;default:{const Dt='Token with "'+qe.type+'" type was not found.';if(this.options.silent)return console.error(Dt),"";throw new Error(Dt)}}}return ge}}class dt{constructor(Me){B(this,"options",void 0),this.options=Me||ne}preprocess(Me){return Me}postprocess(Me){return Me}}B(dt,"passThroughHooks",new Set(["preprocess","postprocess"]));var rt=new WeakSet,at=new WeakSet;function zt(Ut,Me){return(ee,ge)=>{const nt={...ge},qe={...this.defaults,...nt};!0===this.defaults.async&&!1===nt.async&&(qe.silent||console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."),qe.async=!0);const Dt=Q(this,at,tn).call(this,!!qe.silent,!!qe.async);if(typeof ee>"u"||null===ee)return Dt(new Error("marked(): input parameter is undefined or null"));if("string"!=typeof ee)return Dt(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(ee)+", string expected"));if(qe.hooks&&(qe.hooks.options=qe),qe.async)return Promise.resolve(qe.hooks?qe.hooks.preprocess(ee):ee).then(Lt=>Ut(Lt,qe)).then(Lt=>qe.walkTokens?Promise.all(this.walkTokens(Lt,qe.walkTokens)).then(()=>Lt):Lt).then(Lt=>Me(Lt,qe)).then(Lt=>qe.hooks?qe.hooks.postprocess(Lt):Lt).catch(Dt);try{qe.hooks&&(ee=qe.hooks.preprocess(ee));const Lt=Ut(ee,qe);qe.walkTokens&&this.walkTokens(Lt,qe.walkTokens);let rn=Me(Lt,qe);return qe.hooks&&(rn=qe.hooks.postprocess(rn)),rn}catch(Lt){return Dt(Lt)}}}function tn(Ut,Me){return ee=>{if(ee.message+="\nPlease report this to https://github.com/markedjs/marked.",Ut){const ge="<p>An error occurred:</p><pre>"+G(ee.message+"",!0)+"</pre>";return Me?Promise.resolve(ge):ge}if(Me)return Promise.reject(ee);throw ee}}const ln=new class He{constructor(...Me){le(this,at),le(this,rt),B(this,"defaults",{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}),B(this,"options",this.setOptions),B(this,"parse",Q(this,rt,zt).call(this,re.lex,Ue.parse)),B(this,"parseInline",Q(this,rt,zt).call(this,re.lexInline,Ue.parseInline)),B(this,"Parser",Ue),B(this,"Renderer",Y),B(this,"TextRenderer",fe),B(this,"Lexer",re),B(this,"Tokenizer",Et),B(this,"Hooks",dt),this.use(...Me)}walkTokens(Me,ee){let ge=[];for(const Dt of Me)switch(ge=ge.concat(ee.call(this,Dt)),Dt.type){case"table":{const Lt=Dt;for(const rn of Lt.header)ge=ge.concat(this.walkTokens(rn.tokens,ee));for(const rn of Lt.rows)for(const On of rn)ge=ge.concat(this.walkTokens(On.tokens,ee));break}case"list":ge=ge.concat(this.walkTokens(Dt.items,ee));break;default:{var nt,qe;const Lt=Dt;null!==(nt=this.defaults.extensions)&&void 0!==nt&&null!==(qe=nt.childTokens)&&void 0!==qe&&qe[Lt.type]?this.defaults.extensions.childTokens[Lt.type].forEach(rn=>{ge=ge.concat(this.walkTokens(Lt[rn],ee))}):Lt.tokens&&(ge=ge.concat(this.walkTokens(Lt.tokens,ee)))}}return ge}use(...Me){const ee=this.defaults.extensions||{renderers:{},childTokens:{}};return Me.forEach(ge=>{const nt={...ge};if(nt.async=this.defaults.async||nt.async||!1,ge.extensions&&(ge.extensions.forEach(qe=>{if(!qe.name)throw new Error("extension name required");if("renderer"in qe){const Dt=ee.renderers[qe.name];ee.renderers[qe.name]=Dt?function(...Lt){let rn=qe.renderer.apply(this,Lt);return!1===rn&&(rn=Dt.apply(this,Lt)),rn}:qe.renderer}if("tokenizer"in qe){if(!qe.level||"block"!==qe.level&&"inline"!==qe.level)throw new Error("extension level must be 'block' or 'inline'");const Dt=ee[qe.level];Dt?Dt.unshift(qe.tokenizer):ee[qe.level]=[qe.tokenizer],qe.start&&("block"===qe.level?ee.startBlock?ee.startBlock.push(qe.start):ee.startBlock=[qe.start]:"inline"===qe.level&&(ee.startInline?ee.startInline.push(qe.start):ee.startInline=[qe.start]))}"childTokens"in qe&&qe.childTokens&&(ee.childTokens[qe.name]=qe.childTokens)}),nt.extensions=ee),ge.renderer){const qe=this.defaults.renderer||new Y(this.defaults);for(const Dt in ge.renderer){if(!(Dt in qe))throw new Error(`renderer '${Dt}' does not exist`);if("options"===Dt)continue;const rn=ge.renderer[Dt],On=qe[Dt];qe[Dt]=(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt||""}}nt.renderer=qe}if(ge.tokenizer){const qe=this.defaults.tokenizer||new Et(this.defaults);for(const Dt in ge.tokenizer){if(!(Dt in qe))throw new Error(`tokenizer '${Dt}' does not exist`);if(["options","rules","lexer"].includes(Dt))continue;const rn=ge.tokenizer[Dt],On=qe[Dt];qe[Dt]=(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt}}nt.tokenizer=qe}if(ge.hooks){const qe=this.defaults.hooks||new dt;for(const Dt in ge.hooks){if(!(Dt in qe))throw new Error(`hook '${Dt}' does not exist`);if("options"===Dt)continue;const rn=ge.hooks[Dt],On=qe[Dt];qe[Dt]=dt.passThroughHooks.has(Dt)?yn=>{if(this.defaults.async)return Promise.resolve(rn.call(qe,yn)).then(tt=>On.call(qe,tt));const Zt=rn.call(qe,yn);return On.call(qe,Zt)}:(...yn)=>{let Zt=rn.apply(qe,yn);return!1===Zt&&(Zt=On.apply(qe,yn)),Zt}}nt.hooks=qe}if(ge.walkTokens){const qe=this.defaults.walkTokens,Dt=ge.walkTokens;nt.walkTokens=function(Lt){let rn=[];return rn.push(Dt.call(this,Lt)),qe&&(rn=rn.concat(qe.call(this,Lt))),rn}}this.defaults={...this.defaults,...nt}}),this}setOptions(Me){return this.defaults={...this.defaults,...Me},this}lexer(Me,ee){return re.lex(Me,null!=ee?ee:this.defaults)}parser(Me,ee){return Ue.parse(Me,null!=ee?ee:this.defaults)}};function Rt(Ut,Me){return ln.parse(Ut,Me)}Rt.options=Rt.setOptions=function(Ut){return ln.setOptions(Ut),We(Rt.defaults=ln.defaults),Rt},Rt.getDefaults=function K(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}},Rt.defaults=ne,Rt.use=function(...Ut){return ln.use(...Ut),We(Rt.defaults=ln.defaults),Rt},Rt.walkTokens=function(Ut,Me){return ln.walkTokens(Ut,Me)},Rt.parseInline=ln.parseInline,Rt.Parser=Ue,Rt.parser=Ue.parse,Rt.Renderer=Y,Rt.TextRenderer=fe,Rt.Lexer=re,Rt.lexer=re.lex,Rt.Tokenizer=Et,Rt.Hooks=dt,Rt.parse=Rt;var Fn=s(5732),Qn=s(5998);const Hn=["*"];let wn=(()=>{class Ut{constructor(){this._buttonClick$=new o.xQ,this.copied$=this._buttonClick$.pipe((0,f.w)(()=>(0,p.T)((0,_.of)(!0),(0,g.H)(3e3).pipe((0,m.h)(!1)))),(0,C.x)(),(0,O.d)(1)),this.copiedText$=this.copied$.pipe((0,w.O)(!1),(0,S.U)(ee=>ee?"Copied":"Copy"))}onCopyToClipboardClick(){this._buttonClick$.next()}}return Ut.\u0275fac=function(ee){return new(ee||Ut)},Ut.\u0275cmp=e.Xpm({type:Ut,selectors:[["markdown-clipboard"]],decls:4,vars:7,consts:[[1,"markdown-clipboard-button",3,"click"]],template:function(ee,ge){1&ee&&(e.TgZ(0,"button",0),e.NdJ("click",function(){return ge.onCopyToClipboardClick()}),e.ALo(1,"async"),e._uU(2),e.ALo(3,"async"),e.qZA()),2&ee&&(e.ekj("copied",e.lcZ(1,3,ge.copied$)),e.xp6(2),e.Oqu(e.lcZ(3,5,ge.copiedText$)))},dependencies:[z.Ov],encapsulation:2,changeDetection:0}),Ut})();class ti{}var _i=(()=>{return(Ut=_i||(_i={})).CommandLine="command-line",Ut.LineHighlight="line-highlight",Ut.LineNumbers="line-numbers",_i;var Ut})();class ni{}const ki=new e.OlP("SECURITY_CONTEXT");let io=(()=>{class Ut{constructor(ee,ge,nt,qe,Dt,Lt){this.platform=ee,this.securityContext=ge,this.http=nt,this.clipboardOptions=qe,this.sanitizer=Lt,this.DEFAULT_MARKED_OPTIONS={renderer:new Y},this.DEFAULT_KATEX_OPTIONS={delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}]},this.DEFAULT_MERMAID_OPTIONS={startOnLoad:!1},this.DEFAULT_CLIPBOARD_OPTIONS={buttonComponent:void 0},this.DEFAULT_PARSE_OPTIONS={decodeHtml:!1,inline:!1,emoji:!1,mermaid:!1,markedOptions:this.DEFAULT_MARKED_OPTIONS,disableSanitizer:!1},this.DEFAULT_RENDER_OPTIONS={clipboard:!1,clipboardOptions:void 0,katex:!1,katexOptions:void 0,mermaid:!1,mermaidOptions:void 0},this._reload$=new o.xQ,this.reload$=this._reload$.asObservable(),this.options=Dt}get options(){return this._options}set options(ee){this._options={...this.DEFAULT_MARKED_OPTIONS,...ee}}get renderer(){return this.options.renderer}set renderer(ee){this.options.renderer=ee}parse(ee,ge=this.DEFAULT_PARSE_OPTIONS){const{decodeHtml:nt,inline:qe,emoji:Dt,mermaid:Lt,disableSanitizer:rn}=ge,On={...this.options,...ge.markedOptions};Lt&&(this.renderer=this.extendRenderer(On.renderer||new Y));const yn=this.trimIndentation(ee),Zt=nt?this.decodeHtml(yn):yn,tt=Dt?this.parseEmoji(Zt):Zt,Kt=this.parseMarked(tt,On,qe);return(rn?Kt:this.sanitizer.sanitize(this.securityContext,Kt))||""}render(ee,ge=this.DEFAULT_RENDER_OPTIONS,nt){const{clipboard:qe,clipboardOptions:Dt,katex:Lt,katexOptions:rn,mermaid:On,mermaidOptions:yn}=ge;qe&&this.renderClipboard(ee,nt,{...this.DEFAULT_CLIPBOARD_OPTIONS,...this.clipboardOptions,...Dt}),Lt&&this.renderKatex(ee,{...this.DEFAULT_KATEX_OPTIONS,...rn}),On&&this.renderMermaid(ee,{...this.DEFAULT_MERMAID_OPTIONS,...yn}),this.highlight(ee)}reload(){this._reload$.next()}getSource(ee){if(!this.http)throw new Error("[ngx-markdown] When using the `src` attribute you *have to* pass the `HttpClient` as a parameter of the `forRoot` method. See README for more information");return this.http.get(ee,{responseType:"text"}).pipe((0,S.U)(ge=>this.handleExtension(ee,ge)))}highlight(ee){if(!(0,z.NF)(this.platform)||typeof Prism>"u"||typeof Prism.highlightAllUnder>"u")return;ee||(ee=document);const ge=ee.querySelectorAll('pre code:not([class*="language-"])');Array.prototype.forEach.call(ge,nt=>nt.classList.add("language-none")),Prism.highlightAllUnder(ee)}decodeHtml(ee){if(!(0,z.NF)(this.platform))return ee;const ge=document.createElement("textarea");return ge.innerHTML=ee,ge.value}extendRenderer(ee){const ge=ee;if(!0===ge.\u0275NgxMarkdownRendererExtended)return ee;const nt=ee.code;return ee.code=function(qe,Dt,Lt){return"mermaid"===Dt?`<div class="mermaid">${qe}</div>`:nt.call(this,qe,Dt,Lt)},ge.\u0275NgxMarkdownRendererExtended=!0,ee}handleExtension(ee,ge){const nt=ee.lastIndexOf("://"),qe=nt>-1?ee.substring(nt+4):ee,Dt=qe.lastIndexOf("/"),Lt=Dt>-1?qe.substring(Dt+1).split("?")[0]:"",rn=Lt.lastIndexOf("."),On=rn>-1?Lt.substring(rn+1):"";return On&&"md"!==On?"```"+On+"\n"+ge+"\n```":ge}parseMarked(ee,ge,nt=!1){return nt?Rt.parseInline(ee,ge):Rt.parse(ee,ge)}parseEmoji(ee){if(!(0,z.NF)(this.platform))return ee;if(typeof joypixels>"u"||typeof joypixels.shortnameToUnicode>"u")throw new Error("[ngx-markdown] When using the `emoji` attribute you *have to* include Emoji-Toolkit files to `angular.json` or use imports. See README for more information");return joypixels.shortnameToUnicode(ee)}renderKatex(ee,ge){if((0,z.NF)(this.platform)){if(typeof katex>"u"||typeof renderMathInElement>"u")throw new Error("[ngx-markdown] When using the `katex` attribute you *have to* include KaTeX files to `angular.json` or use imports. See README for more information");renderMathInElement(ee,ge)}}renderClipboard(ee,ge,nt){if(!(0,z.NF)(this.platform))return;if(typeof ClipboardJS>"u")throw new Error("[ngx-markdown] When using the `clipboard` attribute you *have to* include Clipboard files to `angular.json` or use imports. See README for more information");if(!ge)throw new Error("[ngx-markdown] When using the `clipboard` attribute you *have to* provide the `viewContainerRef` parameter to `MarkdownService.render()` function");const{buttonComponent:qe,buttonTemplate:Dt}=nt,Lt=ee.querySelectorAll("pre");for(let rn=0;rn<Lt.length;rn++){const On=Lt.item(rn),yn=document.createElement("div");yn.style.position="relative",On.parentNode.insertBefore(yn,On),yn.appendChild(On);const Zt=document.createElement("div");let tt,Kt;Zt.style.position="absolute",Zt.style.top=".5em",Zt.style.right=".5em",Zt.style.opacity="0",Zt.style.transition="opacity 250ms ease-out",yn.insertAdjacentElement("beforeend",Zt),On.onmouseover=()=>Zt.style.opacity="1",On.onmouseout=()=>Zt.style.opacity="0",tt=qe?ge.createComponent(qe).hostView:Dt?ge.createEmbeddedView(Dt):ge.createComponent(wn).hostView,tt.rootNodes.forEach(mn=>{mn.onmouseover=()=>Zt.style.opacity="1",Zt.appendChild(mn),Kt=new ClipboardJS(mn,{text:()=>On.innerText})}),tt.onDestroy(()=>Kt.destroy())}}renderMermaid(ee,ge=this.DEFAULT_MERMAID_OPTIONS){if(!(0,z.NF)(this.platform))return;if(typeof mermaid>"u"||typeof mermaid.init>"u")throw new Error("[ngx-markdown] When using the `mermaid` attribute you *have to* include Mermaid files to `angular.json` or use imports. See README for more information");const nt=ee.querySelectorAll(".mermaid");0!==nt.length&&(mermaid.initialize(ge),mermaid.init(nt))}trimIndentation(ee){if(!ee)return"";let ge;return ee.split("\n").map(nt=>{let qe=ge;return nt.length>0&&(qe=isNaN(qe)?nt.search(/\S|$/):Math.min(nt.search(/\S|$/),qe)),isNaN(ge)&&(ge=qe),qe?nt.substring(qe):nt}).join("\n")}}return Ut.\u0275fac=function(ee){return new(ee||Ut)(e.LFG(e.Lbi),e.LFG(ki),e.LFG(Fn.eN,8),e.LFG(ti,8),e.LFG(ni,8),e.LFG(Qn.H7))},Ut.\u0275prov=e.Yz7({token:Ut,factory:Ut.\u0275fac}),Ut})(),zi=(()=>{class Ut{constructor(ee,ge,nt){this.element=ee,this.markdownService=ge,this.viewContainerRef=nt,this.error=new e.vpe,this.load=new e.vpe,this.ready=new e.vpe,this._clipboard=!1,this._commandLine=!1,this._disableSanitizer=!1,this._emoji=!1,this._inline=!1,this._katex=!1,this._lineHighlight=!1,this._lineNumbers=!1,this._mermaid=!1,this._srcRelativeLink=!1,this.destroyed$=new o.xQ}get disableSanitizer(){return this._disableSanitizer}set disableSanitizer(ee){this._disableSanitizer=this.coerceBooleanProperty(ee)}get inline(){return this._inline}set inline(ee){this._inline=this.coerceBooleanProperty(ee)}get srcRelativeLink(){return this._srcRelativeLink}set srcRelativeLink(ee){this._srcRelativeLink=this.coerceBooleanProperty(ee)}get clipboard(){return this._clipboard}set clipboard(ee){this._clipboard=this.coerceBooleanProperty(ee)}get emoji(){return this._emoji}set emoji(ee){this._emoji=this.coerceBooleanProperty(ee)}get katex(){return this._katex}set katex(ee){this._katex=this.coerceBooleanProperty(ee)}get mermaid(){return this._mermaid}set mermaid(ee){this._mermaid=this.coerceBooleanProperty(ee)}get lineHighlight(){return this._lineHighlight}set lineHighlight(ee){this._lineHighlight=this.coerceBooleanProperty(ee)}get lineNumbers(){return this._lineNumbers}set lineNumbers(ee){this._lineNumbers=this.coerceBooleanProperty(ee)}get commandLine(){return this._commandLine}set commandLine(ee){this._commandLine=this.coerceBooleanProperty(ee)}ngOnChanges(){this.loadContent()}loadContent(){null==this.data?null==this.src||this.handleSrc():this.handleData()}ngAfterViewInit(){!this.data&&!this.src&&this.handleTransclusion(),this.markdownService.reload$.pipe((0,y.R)(this.destroyed$)).subscribe(()=>this.loadContent())}ngOnDestroy(){this.destroyed$.next(),this.destroyed$.complete()}render(ee,ge=!1){let nt;this.src&&this.srcRelativeLink&&(nt={baseUrl:new URL(this.src,location.origin).pathname});const Dt={clipboard:this.clipboard,clipboardOptions:{buttonComponent:this.clipboardButtonComponent,buttonTemplate:this.clipboardButtonTemplate},katex:this.katex,katexOptions:this.katexOptions,mermaid:this.mermaid,mermaidOptions:this.mermaidOptions},Lt=this.markdownService.parse(ee,{decodeHtml:ge,inline:this.inline,emoji:this.emoji,mermaid:this.mermaid,markedOptions:nt,disableSanitizer:this.disableSanitizer});this.element.nativeElement.innerHTML=Lt,this.handlePlugins(),this.markdownService.render(this.element.nativeElement,Dt,this.viewContainerRef),this.ready.emit()}coerceBooleanProperty(ee){return null!=ee&&"false"!=`${String(ee)}`}handleData(){this.render(this.data)}handleSrc(){this.markdownService.getSource(this.src).subscribe({next:ee=>{this.render(ee),this.load.emit(ee)},error:ee=>this.error.emit(ee)})}handleTransclusion(){this.render(this.element.nativeElement.innerHTML,!0)}handlePlugins(){this.commandLine&&(this.setPluginClass(this.element.nativeElement,_i.CommandLine),this.setPluginOptions(this.element.nativeElement,{dataFilterOutput:this.filterOutput,dataHost:this.host,dataPrompt:this.prompt,dataOutput:this.output,dataUser:this.user})),this.lineHighlight&&this.setPluginOptions(this.element.nativeElement,{dataLine:this.line,dataLineOffset:this.lineOffset}),this.lineNumbers&&(this.setPluginClass(this.element.nativeElement,_i.LineNumbers),this.setPluginOptions(this.element.nativeElement,{dataStart:this.start}))}setPluginClass(ee,ge){const nt=ee.querySelectorAll("pre");for(let qe=0;qe<nt.length;qe++){const Dt=ge instanceof Array?ge:[ge];nt.item(qe).classList.add(...Dt)}}setPluginOptions(ee,ge){const nt=ee.querySelectorAll("pre");for(let qe=0;qe<nt.length;qe++)Object.keys(ge).forEach(Dt=>{const Lt=ge[Dt];if(Lt){const rn=this.toLispCase(Dt);nt.item(qe).setAttribute(rn,Lt.toString())}})}toLispCase(ee){const ge=ee.match(/([A-Z])/g);if(!ge)return ee;let nt=ee.toString();for(let qe=0,Dt=ge.length;qe<Dt;qe++)nt=nt.replace(new RegExp(ge[qe]),"-"+ge[qe].toLowerCase());return"-"===nt.slice(0,1)&&(nt=nt.slice(1)),nt}}return Ut.\u0275fac=function(ee){return new(ee||Ut)(e.Y36(e.SBq),e.Y36(io),e.Y36(e.s_b))},Ut.\u0275cmp=e.Xpm({type:Ut,selectors:[["markdown"],["","markdown",""]],inputs:{data:"data",src:"src",disableSanitizer:"disableSanitizer",inline:"inline",srcRelativeLink:"srcRelativeLink",clipboard:"clipboard",clipboardButtonComponent:"clipboardButtonComponent",clipboardButtonTemplate:"clipboardButtonTemplate",emoji:"emoji",katex:"katex",katexOptions:"katexOptions",mermaid:"mermaid",mermaidOptions:"mermaidOptions",lineHighlight:"lineHighlight",line:"line",lineOffset:"lineOffset",lineNumbers:"lineNumbers",start:"start",commandLine:"commandLine",filterOutput:"filterOutput",host:"host",prompt:"prompt",output:"output",user:"user"},outputs:{error:"error",load:"load",ready:"ready"},features:[e.TTD],ngContentSelectors:Hn,decls:1,vars:0,template:function(ee,ge){1&ee&&(e.F$t(),e.Hsn(0))},encapsulation:2}),Ut})(),ui=(()=>{class Ut{static forRoot(ee){return{ngModule:Ut,providers:[io,ee&&ee.loader||[],ee&&ee.clipboardOptions||[],ee&&ee.markedOptions||[],{provide:ki,useValue:ee&&null!=ee.sanitize?ee.sanitize:e.q3G.HTML}]}}static forChild(){return{ngModule:Ut}}}return Ut.\u0275fac=function(ee){return new(ee||Ut)},Ut.\u0275mod=e.oAB({type:Ut}),Ut.\u0275inj=e.cJS({imports:[z.ez]}),Ut})();var fi;!function(Ut){let Me;var nt;let ee,ge;(nt=Me=Ut.SecurityLevel||(Ut.SecurityLevel={})).Strict="strict",nt.Loose="loose",nt.Antiscript="antiscript",nt.Sandbox="sandbox",function(nt){nt.Base="base",nt.Forest="forest",nt.Dark="dark",nt.Default="default",nt.Neutral="neutral"}(ee=Ut.Theme||(Ut.Theme={})),function(nt){nt[nt.Debug=1]="Debug",nt[nt.Info=2]="Info",nt[nt.Warn=3]="Warn",nt[nt.Error=4]="Error",nt[nt.Fatal=5]="Fatal"}(ge=Ut.LogLevel||(Ut.LogLevel={}))}(fi||(fi={}))},4911:(Ve,ae,s)=>{"use strict";function _(q,ce){var be={};for(var N in q)Object.prototype.hasOwnProperty.call(q,N)&&ce.indexOf(N)<0&&(be[N]=q[N]);if(null!=q&&"function"==typeof Object.getOwnPropertySymbols){var _e=0;for(N=Object.getOwnPropertySymbols(q);_e<N.length;_e++)ce.indexOf(N[_e])<0&&Object.prototype.propertyIsEnumerable.call(q,N[_e])&&(be[N[_e]]=q[N[_e]])}return be}function g(q,ce,be,N){var _t,_e=arguments.length,ze=_e<3?ce:null===N?N=Object.getOwnPropertyDescriptor(ce,be):N;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)ze=Reflect.decorate(q,ce,be,N);else for(var Et=q.length-1;Et>=0;Et--)(_t=q[Et])&&(ze=(_e<3?_t(ze):_e>3?_t(ce,be,ze):_t(ce,be))||ze);return _e>3&&ze&&Object.defineProperty(ce,be,ze),ze}function y(q,ce,be,N){return new(be||(be=Promise))(function(ze,_t){function Et(qt){try{St(N.next(qt))}catch(Ot){_t(Ot)}}function Gt(qt){try{St(N.throw(qt))}catch(Ot){_t(Ot)}}function St(qt){qt.done?ze(qt.value):function _e(ze){return ze instanceof be?ze:new be(function(_t){_t(ze)})}(qt.value).then(Et,Gt)}St((N=N.apply(q,ce||[])).next())})}s.d(ae,{_T:()=>_,gn:()=>g,mG:()=>y}),"function"==typeof SuppressedError&&SuppressedError},5485:Ve=>{"use strict";Ve.exports=JSON.parse('{"Aacute":"\xc1","aacute":"\xe1","Abreve":"\u0102","abreve":"\u0103","ac":"\u223e","acd":"\u223f","acE":"\u223e\u0333","Acirc":"\xc2","acirc":"\xe2","acute":"\xb4","Acy":"\u0410","acy":"\u0430","AElig":"\xc6","aelig":"\xe6","af":"\u2061","Afr":"\u{1d504}","afr":"\u{1d51e}","Agrave":"\xc0","agrave":"\xe0","alefsym":"\u2135","aleph":"\u2135","Alpha":"\u0391","alpha":"\u03b1","Amacr":"\u0100","amacr":"\u0101","amalg":"\u2a3f","amp":"&","AMP":"&","andand":"\u2a55","And":"\u2a53","and":"\u2227","andd":"\u2a5c","andslope":"\u2a58","andv":"\u2a5a","ang":"\u2220","ange":"\u29a4","angle":"\u2220","angmsdaa":"\u29a8","angmsdab":"\u29a9","angmsdac":"\u29aa","angmsdad":"\u29ab","angmsdae":"\u29ac","angmsdaf":"\u29ad","angmsdag":"\u29ae","angmsdah":"\u29af","angmsd":"\u2221","angrt":"\u221f","angrtvb":"\u22be","angrtvbd":"\u299d","angsph":"\u2222","angst":"\xc5","angzarr":"\u237c","Aogon":"\u0104","aogon":"\u0105","Aopf":"\u{1d538}","aopf":"\u{1d552}","apacir":"\u2a6f","ap":"\u2248","apE":"\u2a70","ape":"\u224a","apid":"\u224b","apos":"\'","ApplyFunction":"\u2061","approx":"\u2248","approxeq":"\u224a","Aring":"\xc5","aring":"\xe5","Ascr":"\u{1d49c}","ascr":"\u{1d4b6}","Assign":"\u2254","ast":"*","asymp":"\u2248","asympeq":"\u224d","Atilde":"\xc3","atilde":"\xe3","Auml":"\xc4","auml":"\xe4","awconint":"\u2233","awint":"\u2a11","backcong":"\u224c","backepsilon":"\u03f6","backprime":"\u2035","backsim":"\u223d","backsimeq":"\u22cd","Backslash":"\u2216","Barv":"\u2ae7","barvee":"\u22bd","barwed":"\u2305","Barwed":"\u2306","barwedge":"\u2305","bbrk":"\u23b5","bbrktbrk":"\u23b6","bcong":"\u224c","Bcy":"\u0411","bcy":"\u0431","bdquo":"\u201e","becaus":"\u2235","because":"\u2235","Because":"\u2235","bemptyv":"\u29b0","bepsi":"\u03f6","bernou":"\u212c","Bernoullis":"\u212c","Beta":"\u0392","beta":"\u03b2","beth":"\u2136","between":"\u226c","Bfr":"\u{1d505}","bfr":"\u{1d51f}","bigcap":"\u22c2","bigcirc":"\u25ef","bigcup":"\u22c3","bigodot":"\u2a00","bigoplus":"\u2a01","bigotimes":"\u2a02","bigsqcup":"\u2a06","bigstar":"\u2605","bigtriangledown":"\u25bd","bigtriangleup":"\u25b3","biguplus":"\u2a04","bigvee":"\u22c1","bigwedge":"\u22c0","bkarow":"\u290d","blacklozenge":"\u29eb","blacksquare":"\u25aa","blacktriangle":"\u25b4","blacktriangledown":"\u25be","blacktriangleleft":"\u25c2","blacktriangleright":"\u25b8","blank":"\u2423","blk12":"\u2592","blk14":"\u2591","blk34":"\u2593","block":"\u2588","bne":"=\u20e5","bnequiv":"\u2261\u20e5","bNot":"\u2aed","bnot":"\u2310","Bopf":"\u{1d539}","bopf":"\u{1d553}","bot":"\u22a5","bottom":"\u22a5","bowtie":"\u22c8","boxbox":"\u29c9","boxdl":"\u2510","boxdL":"\u2555","boxDl":"\u2556","boxDL":"\u2557","boxdr":"\u250c","boxdR":"\u2552","boxDr":"\u2553","boxDR":"\u2554","boxh":"\u2500","boxH":"\u2550","boxhd":"\u252c","boxHd":"\u2564","boxhD":"\u2565","boxHD":"\u2566","boxhu":"\u2534","boxHu":"\u2567","boxhU":"\u2568","boxHU":"\u2569","boxminus":"\u229f","boxplus":"\u229e","boxtimes":"\u22a0","boxul":"\u2518","boxuL":"\u255b","boxUl":"\u255c","boxUL":"\u255d","boxur":"\u2514","boxuR":"\u2558","boxUr":"\u2559","boxUR":"\u255a","boxv":"\u2502","boxV":"\u2551","boxvh":"\u253c","boxvH":"\u256a","boxVh":"\u256b","boxVH":"\u256c","boxvl":"\u2524","boxvL":"\u2561","boxVl":"\u2562","boxVL":"\u2563","boxvr":"\u251c","boxvR":"\u255e","boxVr":"\u255f","boxVR":"\u2560","bprime":"\u2035","breve":"\u02d8","Breve":"\u02d8","brvbar":"\xa6","bscr":"\u{1d4b7}","Bscr":"\u212c","bsemi":"\u204f","bsim":"\u223d","bsime":"\u22cd","bsolb":"\u29c5","bsol":"\\\\","bsolhsub":"\u27c8","bull":"\u2022","bullet":"\u2022","bump":"\u224e","bumpE":"\u2aae","bumpe":"\u224f","Bumpeq":"\u224e","bumpeq":"\u224f","Cacute":"\u0106","cacute":"\u0107","capand":"\u2a44","capbrcup":"\u2a49","capcap":"\u2a4b","cap":"\u2229","Cap":"\u22d2","capcup":"\u2a47","capdot":"\u2a40","CapitalDifferentialD":"\u2145","caps":"\u2229\ufe00","caret":"\u2041","caron":"\u02c7","Cayleys":"\u212d","ccaps":"\u2a4d","Ccaron":"\u010c","ccaron":"\u010d","Ccedil":"\xc7","ccedil":"\xe7","Ccirc":"\u0108","ccirc":"\u0109","Cconint":"\u2230","ccups":"\u2a4c","ccupssm":"\u2a50","Cdot":"\u010a","cdot":"\u010b","cedil":"\xb8","Cedilla":"\xb8","cemptyv":"\u29b2","cent":"\xa2","centerdot":"\xb7","CenterDot":"\xb7","cfr":"\u{1d520}","Cfr":"\u212d","CHcy":"\u0427","chcy":"\u0447","check":"\u2713","checkmark":"\u2713","Chi":"\u03a7","chi":"\u03c7","circ":"\u02c6","circeq":"\u2257","circlearrowleft":"\u21ba","circlearrowright":"\u21bb","circledast":"\u229b","circledcirc":"\u229a","circleddash":"\u229d","CircleDot":"\u2299","circledR":"\xae","circledS":"\u24c8","CircleMinus":"\u2296","CirclePlus":"\u2295","CircleTimes":"\u2297","cir":"\u25cb","cirE":"\u29c3","cire":"\u2257","cirfnint":"\u2a10","cirmid":"\u2aef","cirscir":"\u29c2","ClockwiseContourIntegral":"\u2232","CloseCurlyDoubleQuote":"\u201d","CloseCurlyQuote":"\u2019","clubs":"\u2663","clubsuit":"\u2663","colon":":","Colon":"\u2237","Colone":"\u2a74","colone":"\u2254","coloneq":"\u2254","comma":",","commat":"@","comp":"\u2201","compfn":"\u2218","complement":"\u2201","complexes":"\u2102","cong":"\u2245","congdot":"\u2a6d","Congruent":"\u2261","conint":"\u222e","Conint":"\u222f","ContourIntegral":"\u222e","copf":"\u{1d554}","Copf":"\u2102","coprod":"\u2210","Coproduct":"\u2210","copy":"\xa9","COPY":"\xa9","copysr":"\u2117","CounterClockwiseContourIntegral":"\u2233","crarr":"\u21b5","cross":"\u2717","Cross":"\u2a2f","Cscr":"\u{1d49e}","cscr":"\u{1d4b8}","csub":"\u2acf","csube":"\u2ad1","csup":"\u2ad0","csupe":"\u2ad2","ctdot":"\u22ef","cudarrl":"\u2938","cudarrr":"\u2935","cuepr":"\u22de","cuesc":"\u22df","cularr":"\u21b6","cularrp":"\u293d","cupbrcap":"\u2a48","cupcap":"\u2a46","CupCap":"\u224d","cup":"\u222a","Cup":"\u22d3","cupcup":"\u2a4a","cupdot":"\u228d","cupor":"\u2a45","cups":"\u222a\ufe00","curarr":"\u21b7","curarrm":"\u293c","curlyeqprec":"\u22de","curlyeqsucc":"\u22df","curlyvee":"\u22ce","curlywedge":"\u22cf","curren":"\xa4","curvearrowleft":"\u21b6","curvearrowright":"\u21b7","cuvee":"\u22ce","cuwed":"\u22cf","cwconint":"\u2232","cwint":"\u2231","cylcty":"\u232d","dagger":"\u2020","Dagger":"\u2021","daleth":"\u2138","darr":"\u2193","Darr":"\u21a1","dArr":"\u21d3","dash":"\u2010","Dashv":"\u2ae4","dashv":"\u22a3","dbkarow":"\u290f","dblac":"\u02dd","Dcaron":"\u010e","dcaron":"\u010f","Dcy":"\u0414","dcy":"\u0434","ddagger":"\u2021","ddarr":"\u21ca","DD":"\u2145","dd":"\u2146","DDotrahd":"\u2911","ddotseq":"\u2a77","deg":"\xb0","Del":"\u2207","Delta":"\u0394","delta":"\u03b4","demptyv":"\u29b1","dfisht":"\u297f","Dfr":"\u{1d507}","dfr":"\u{1d521}","dHar":"\u2965","dharl":"\u21c3","dharr":"\u21c2","DiacriticalAcute":"\xb4","DiacriticalDot":"\u02d9","DiacriticalDoubleAcute":"\u02dd","DiacriticalGrave":"`","DiacriticalTilde":"\u02dc","diam":"\u22c4","diamond":"\u22c4","Diamond":"\u22c4","diamondsuit":"\u2666","diams":"\u2666","die":"\xa8","DifferentialD":"\u2146","digamma":"\u03dd","disin":"\u22f2","div":"\xf7","divide":"\xf7","divideontimes":"\u22c7","divonx":"\u22c7","DJcy":"\u0402","djcy":"\u0452","dlcorn":"\u231e","dlcrop":"\u230d","dollar":"$","Dopf":"\u{1d53b}","dopf":"\u{1d555}","Dot":"\xa8","dot":"\u02d9","DotDot":"\u20dc","doteq":"\u2250","doteqdot":"\u2251","DotEqual":"\u2250","dotminus":"\u2238","dotplus":"\u2214","dotsquare":"\u22a1","doublebarwedge":"\u2306","DoubleContourIntegral":"\u222f","DoubleDot":"\xa8","DoubleDownArrow":"\u21d3","DoubleLeftArrow":"\u21d0","DoubleLeftRightArrow":"\u21d4","DoubleLeftTee":"\u2ae4","DoubleLongLeftArrow":"\u27f8","DoubleLongLeftRightArrow":"\u27fa","DoubleLongRightArrow":"\u27f9","DoubleRightArrow":"\u21d2","DoubleRightTee":"\u22a8","DoubleUpArrow":"\u21d1","DoubleUpDownArrow":"\u21d5","DoubleVerticalBar":"\u2225","DownArrowBar":"\u2913","downarrow":"\u2193","DownArrow":"\u2193","Downarrow":"\u21d3","DownArrowUpArrow":"\u21f5","DownBreve":"\u0311","downdownarrows":"\u21ca","downharpoonleft":"\u21c3","downharpoonright":"\u21c2","DownLeftRightVector":"\u2950","DownLeftTeeVector":"\u295e","DownLeftVectorBar":"\u2956","DownLeftVector":"\u21bd","DownRightTeeVector":"\u295f","DownRightVectorBar":"\u2957","DownRightVector":"\u21c1","DownTeeArrow":"\u21a7","DownTee":"\u22a4","drbkarow":"\u2910","drcorn":"\u231f","drcrop":"\u230c","Dscr":"\u{1d49f}","dscr":"\u{1d4b9}","DScy":"\u0405","dscy":"\u0455","dsol":"\u29f6","Dstrok":"\u0110","dstrok":"\u0111","dtdot":"\u22f1","dtri":"\u25bf","dtrif":"\u25be","duarr":"\u21f5","duhar":"\u296f","dwangle":"\u29a6","DZcy":"\u040f","dzcy":"\u045f","dzigrarr":"\u27ff","Eacute":"\xc9","eacute":"\xe9","easter":"\u2a6e","Ecaron":"\u011a","ecaron":"\u011b","Ecirc":"\xca","ecirc":"\xea","ecir":"\u2256","ecolon":"\u2255","Ecy":"\u042d","ecy":"\u044d","eDDot":"\u2a77","Edot":"\u0116","edot":"\u0117","eDot":"\u2251","ee":"\u2147","efDot":"\u2252","Efr":"\u{1d508}","efr":"\u{1d522}","eg":"\u2a9a","Egrave":"\xc8","egrave":"\xe8","egs":"\u2a96","egsdot":"\u2a98","el":"\u2a99","Element":"\u2208","elinters":"\u23e7","ell":"\u2113","els":"\u2a95","elsdot":"\u2a97","Emacr":"\u0112","emacr":"\u0113","empty":"\u2205","emptyset":"\u2205","EmptySmallSquare":"\u25fb","emptyv":"\u2205","EmptyVerySmallSquare":"\u25ab","emsp13":"\u2004","emsp14":"\u2005","emsp":"\u2003","ENG":"\u014a","eng":"\u014b","ensp":"\u2002","Eogon":"\u0118","eogon":"\u0119","Eopf":"\u{1d53c}","eopf":"\u{1d556}","epar":"\u22d5","eparsl":"\u29e3","eplus":"\u2a71","epsi":"\u03b5","Epsilon":"\u0395","epsilon":"\u03b5","epsiv":"\u03f5","eqcirc":"\u2256","eqcolon":"\u2255","eqsim":"\u2242","eqslantgtr":"\u2a96","eqslantless":"\u2a95","Equal":"\u2a75","equals":"=","EqualTilde":"\u2242","equest":"\u225f","Equilibrium":"\u21cc","equiv":"\u2261","equivDD":"\u2a78","eqvparsl":"\u29e5","erarr":"\u2971","erDot":"\u2253","escr":"\u212f","Escr":"\u2130","esdot":"\u2250","Esim":"\u2a73","esim":"\u2242","Eta":"\u0397","eta":"\u03b7","ETH":"\xd0","eth":"\xf0","Euml":"\xcb","euml":"\xeb","euro":"\u20ac","excl":"!","exist":"\u2203","Exists":"\u2203","expectation":"\u2130","exponentiale":"\u2147","ExponentialE":"\u2147","fallingdotseq":"\u2252","Fcy":"\u0424","fcy":"\u0444","female":"\u2640","ffilig":"\ufb03","fflig":"\ufb00","ffllig":"\ufb04","Ffr":"\u{1d509}","ffr":"\u{1d523}","filig":"\ufb01","FilledSmallSquare":"\u25fc","FilledVerySmallSquare":"\u25aa","fjlig":"fj","flat":"\u266d","fllig":"\ufb02","fltns":"\u25b1","fnof":"\u0192","Fopf":"\u{1d53d}","fopf":"\u{1d557}","forall":"\u2200","ForAll":"\u2200","fork":"\u22d4","forkv":"\u2ad9","Fouriertrf":"\u2131","fpartint":"\u2a0d","frac12":"\xbd","frac13":"\u2153","frac14":"\xbc","frac15":"\u2155","frac16":"\u2159","frac18":"\u215b","frac23":"\u2154","frac25":"\u2156","frac34":"\xbe","frac35":"\u2157","frac38":"\u215c","frac45":"\u2158","frac56":"\u215a","frac58":"\u215d","frac78":"\u215e","frasl":"\u2044","frown":"\u2322","fscr":"\u{1d4bb}","Fscr":"\u2131","gacute":"\u01f5","Gamma":"\u0393","gamma":"\u03b3","Gammad":"\u03dc","gammad":"\u03dd","gap":"\u2a86","Gbreve":"\u011e","gbreve":"\u011f","Gcedil":"\u0122","Gcirc":"\u011c","gcirc":"\u011d","Gcy":"\u0413","gcy":"\u0433","Gdot":"\u0120","gdot":"\u0121","ge":"\u2265","gE":"\u2267","gEl":"\u2a8c","gel":"\u22db","geq":"\u2265","geqq":"\u2267","geqslant":"\u2a7e","gescc":"\u2aa9","ges":"\u2a7e","gesdot":"\u2a80","gesdoto":"\u2a82","gesdotol":"\u2a84","gesl":"\u22db\ufe00","gesles":"\u2a94","Gfr":"\u{1d50a}","gfr":"\u{1d524}","gg":"\u226b","Gg":"\u22d9","ggg":"\u22d9","gimel":"\u2137","GJcy":"\u0403","gjcy":"\u0453","gla":"\u2aa5","gl":"\u2277","glE":"\u2a92","glj":"\u2aa4","gnap":"\u2a8a","gnapprox":"\u2a8a","gne":"\u2a88","gnE":"\u2269","gneq":"\u2a88","gneqq":"\u2269","gnsim":"\u22e7","Gopf":"\u{1d53e}","gopf":"\u{1d558}","grave":"`","GreaterEqual":"\u2265","GreaterEqualLess":"\u22db","GreaterFullEqual":"\u2267","GreaterGreater":"\u2aa2","GreaterLess":"\u2277","GreaterSlantEqual":"\u2a7e","GreaterTilde":"\u2273","Gscr":"\u{1d4a2}","gscr":"\u210a","gsim":"\u2273","gsime":"\u2a8e","gsiml":"\u2a90","gtcc":"\u2aa7","gtcir":"\u2a7a","gt":">","GT":">","Gt":"\u226b","gtdot":"\u22d7","gtlPar":"\u2995","gtquest":"\u2a7c","gtrapprox":"\u2a86","gtrarr":"\u2978","gtrdot":"\u22d7","gtreqless":"\u22db","gtreqqless":"\u2a8c","gtrless":"\u2277","gtrsim":"\u2273","gvertneqq":"\u2269\ufe00","gvnE":"\u2269\ufe00","Hacek":"\u02c7","hairsp":"\u200a","half":"\xbd","hamilt":"\u210b","HARDcy":"\u042a","hardcy":"\u044a","harrcir":"\u2948","harr":"\u2194","hArr":"\u21d4","harrw":"\u21ad","Hat":"^","hbar":"\u210f","Hcirc":"\u0124","hcirc":"\u0125","hearts":"\u2665","heartsuit":"\u2665","hellip":"\u2026","hercon":"\u22b9","hfr":"\u{1d525}","Hfr":"\u210c","HilbertSpace":"\u210b","hksearow":"\u2925","hkswarow":"\u2926","hoarr":"\u21ff","homtht":"\u223b","hookleftarrow":"\u21a9","hookrightarrow":"\u21aa","hopf":"\u{1d559}","Hopf":"\u210d","horbar":"\u2015","HorizontalLine":"\u2500","hscr":"\u{1d4bd}","Hscr":"\u210b","hslash":"\u210f","Hstrok":"\u0126","hstrok":"\u0127","HumpDownHump":"\u224e","HumpEqual":"\u224f","hybull":"\u2043","hyphen":"\u2010","Iacute":"\xcd","iacute":"\xed","ic":"\u2063","Icirc":"\xce","icirc":"\xee","Icy":"\u0418","icy":"\u0438","Idot":"\u0130","IEcy":"\u0415","iecy":"\u0435","iexcl":"\xa1","iff":"\u21d4","ifr":"\u{1d526}","Ifr":"\u2111","Igrave":"\xcc","igrave":"\xec","ii":"\u2148","iiiint":"\u2a0c","iiint":"\u222d","iinfin":"\u29dc","iiota":"\u2129","IJlig":"\u0132","ijlig":"\u0133","Imacr":"\u012a","imacr":"\u012b","image":"\u2111","ImaginaryI":"\u2148","imagline":"\u2110","imagpart":"\u2111","imath":"\u0131","Im":"\u2111","imof":"\u22b7","imped":"\u01b5","Implies":"\u21d2","incare":"\u2105","in":"\u2208","infin":"\u221e","infintie":"\u29dd","inodot":"\u0131","intcal":"\u22ba","int":"\u222b","Int":"\u222c","integers":"\u2124","Integral":"\u222b","intercal":"\u22ba","Intersection":"\u22c2","intlarhk":"\u2a17","intprod":"\u2a3c","InvisibleComma":"\u2063","InvisibleTimes":"\u2062","IOcy":"\u0401","iocy":"\u0451","Iogon":"\u012e","iogon":"\u012f","Iopf":"\u{1d540}","iopf":"\u{1d55a}","Iota":"\u0399","iota":"\u03b9","iprod":"\u2a3c","iquest":"\xbf","iscr":"\u{1d4be}","Iscr":"\u2110","isin":"\u2208","isindot":"\u22f5","isinE":"\u22f9","isins":"\u22f4","isinsv":"\u22f3","isinv":"\u2208","it":"\u2062","Itilde":"\u0128","itilde":"\u0129","Iukcy":"\u0406","iukcy":"\u0456","Iuml":"\xcf","iuml":"\xef","Jcirc":"\u0134","jcirc":"\u0135","Jcy":"\u0419","jcy":"\u0439","Jfr":"\u{1d50d}","jfr":"\u{1d527}","jmath":"\u0237","Jopf":"\u{1d541}","jopf":"\u{1d55b}","Jscr":"\u{1d4a5}","jscr":"\u{1d4bf}","Jsercy":"\u0408","jsercy":"\u0458","Jukcy":"\u0404","jukcy":"\u0454","Kappa":"\u039a","kappa":"\u03ba","kappav":"\u03f0","Kcedil":"\u0136","kcedil":"\u0137","Kcy":"\u041a","kcy":"\u043a","Kfr":"\u{1d50e}","kfr":"\u{1d528}","kgreen":"\u0138","KHcy":"\u0425","khcy":"\u0445","KJcy":"\u040c","kjcy":"\u045c","Kopf":"\u{1d542}","kopf":"\u{1d55c}","Kscr":"\u{1d4a6}","kscr":"\u{1d4c0}","lAarr":"\u21da","Lacute":"\u0139","lacute":"\u013a","laemptyv":"\u29b4","lagran":"\u2112","Lambda":"\u039b","lambda":"\u03bb","lang":"\u27e8","Lang":"\u27ea","langd":"\u2991","langle":"\u27e8","lap":"\u2a85","Laplacetrf":"\u2112","laquo":"\xab","larrb":"\u21e4","larrbfs":"\u291f","larr":"\u2190","Larr":"\u219e","lArr":"\u21d0","larrfs":"\u291d","larrhk":"\u21a9","larrlp":"\u21ab","larrpl":"\u2939","larrsim":"\u2973","larrtl":"\u21a2","latail":"\u2919","lAtail":"\u291b","lat":"\u2aab","late":"\u2aad","lates":"\u2aad\ufe00","lbarr":"\u290c","lBarr":"\u290e","lbbrk":"\u2772","lbrace":"{","lbrack":"[","lbrke":"\u298b","lbrksld":"\u298f","lbrkslu":"\u298d","Lcaron":"\u013d","lcaron":"\u013e","Lcedil":"\u013b","lcedil":"\u013c","lceil":"\u2308","lcub":"{","Lcy":"\u041b","lcy":"\u043b","ldca":"\u2936","ldquo":"\u201c","ldquor":"\u201e","ldrdhar":"\u2967","ldrushar":"\u294b","ldsh":"\u21b2","le":"\u2264","lE":"\u2266","LeftAngleBracket":"\u27e8","LeftArrowBar":"\u21e4","leftarrow":"\u2190","LeftArrow":"\u2190","Leftarrow":"\u21d0","LeftArrowRightArrow":"\u21c6","leftarrowtail":"\u21a2","LeftCeiling":"\u2308","LeftDoubleBracket":"\u27e6","LeftDownTeeVector":"\u2961","LeftDownVectorBar":"\u2959","LeftDownVector":"\u21c3","LeftFloor":"\u230a","leftharpoondown":"\u21bd","leftharpoonup":"\u21bc","leftleftarrows":"\u21c7","leftrightarrow":"\u2194","LeftRightArrow":"\u2194","Leftrightarrow":"\u21d4","leftrightarrows":"\u21c6","leftrightharpoons":"\u21cb","leftrightsquigarrow":"\u21ad","LeftRightVector":"\u294e","LeftTeeArrow":"\u21a4","LeftTee":"\u22a3","LeftTeeVector":"\u295a","leftthreetimes":"\u22cb","LeftTriangleBar":"\u29cf","LeftTriangle":"\u22b2","LeftTriangleEqual":"\u22b4","LeftUpDownVector":"\u2951","LeftUpTeeVector":"\u2960","LeftUpVectorBar":"\u2958","LeftUpVector":"\u21bf","LeftVectorBar":"\u2952","LeftVector":"\u21bc","lEg":"\u2a8b","leg":"\u22da","leq":"\u2264","leqq":"\u2266","leqslant":"\u2a7d","lescc":"\u2aa8","les":"\u2a7d","lesdot":"\u2a7f","lesdoto":"\u2a81","lesdotor":"\u2a83","lesg":"\u22da\ufe00","lesges":"\u2a93","lessapprox":"\u2a85","lessdot":"\u22d6","lesseqgtr":"\u22da","lesseqqgtr":"\u2a8b","LessEqualGreater":"\u22da","LessFullEqual":"\u2266","LessGreater":"\u2276","lessgtr":"\u2276","LessLess":"\u2aa1","lesssim":"\u2272","LessSlantEqual":"\u2a7d","LessTilde":"\u2272","lfisht":"\u297c","lfloor":"\u230a","Lfr":"\u{1d50f}","lfr":"\u{1d529}","lg":"\u2276","lgE":"\u2a91","lHar":"\u2962","lhard":"\u21bd","lharu":"\u21bc","lharul":"\u296a","lhblk":"\u2584","LJcy":"\u0409","ljcy":"\u0459","llarr":"\u21c7","ll":"\u226a","Ll":"\u22d8","llcorner":"\u231e","Lleftarrow":"\u21da","llhard":"\u296b","lltri":"\u25fa","Lmidot":"\u013f","lmidot":"\u0140","lmoustache":"\u23b0","lmoust":"\u23b0","lnap":"\u2a89","lnapprox":"\u2a89","lne":"\u2a87","lnE":"\u2268","lneq":"\u2a87","lneqq":"\u2268","lnsim":"\u22e6","loang":"\u27ec","loarr":"\u21fd","lobrk":"\u27e6","longleftarrow":"\u27f5","LongLeftArrow":"\u27f5","Longleftarrow":"\u27f8","longleftrightarrow":"\u27f7","LongLeftRightArrow":"\u27f7","Longleftrightarrow":"\u27fa","longmapsto":"\u27fc","longrightarrow":"\u27f6","LongRightArrow":"\u27f6","Longrightarrow":"\u27f9","looparrowleft":"\u21ab","looparrowright":"\u21ac","lopar":"\u2985","Lopf":"\u{1d543}","lopf":"\u{1d55d}","loplus":"\u2a2d","lotimes":"\u2a34","lowast":"\u2217","lowbar":"_","LowerLeftArrow":"\u2199","LowerRightArrow":"\u2198","loz":"\u25ca","lozenge":"\u25ca","lozf":"\u29eb","lpar":"(","lparlt":"\u2993","lrarr":"\u21c6","lrcorner":"\u231f","lrhar":"\u21cb","lrhard":"\u296d","lrm":"\u200e","lrtri":"\u22bf","lsaquo":"\u2039","lscr":"\u{1d4c1}","Lscr":"\u2112","lsh":"\u21b0","Lsh":"\u21b0","lsim":"\u2272","lsime":"\u2a8d","lsimg":"\u2a8f","lsqb":"[","lsquo":"\u2018","lsquor":"\u201a","Lstrok":"\u0141","lstrok":"\u0142","ltcc":"\u2aa6","ltcir":"\u2a79","lt":"<","LT":"<","Lt":"\u226a","ltdot":"\u22d6","lthree":"\u22cb","ltimes":"\u22c9","ltlarr":"\u2976","ltquest":"\u2a7b","ltri":"\u25c3","ltrie":"\u22b4","ltrif":"\u25c2","ltrPar":"\u2996","lurdshar":"\u294a","luruhar":"\u2966","lvertneqq":"\u2268\ufe00","lvnE":"\u2268\ufe00","macr":"\xaf","male":"\u2642","malt":"\u2720","maltese":"\u2720","Map":"\u2905","map":"\u21a6","mapsto":"\u21a6","mapstodown":"\u21a7","mapstoleft":"\u21a4","mapstoup":"\u21a5","marker":"\u25ae","mcomma":"\u2a29","Mcy":"\u041c","mcy":"\u043c","mdash":"\u2014","mDDot":"\u223a","measuredangle":"\u2221","MediumSpace":"\u205f","Mellintrf":"\u2133","Mfr":"\u{1d510}","mfr":"\u{1d52a}","mho":"\u2127","micro":"\xb5","midast":"*","midcir":"\u2af0","mid":"\u2223","middot":"\xb7","minusb":"\u229f","minus":"\u2212","minusd":"\u2238","minusdu":"\u2a2a","MinusPlus":"\u2213","mlcp":"\u2adb","mldr":"\u2026","mnplus":"\u2213","models":"\u22a7","Mopf":"\u{1d544}","mopf":"\u{1d55e}","mp":"\u2213","mscr":"\u{1d4c2}","Mscr":"\u2133","mstpos":"\u223e","Mu":"\u039c","mu":"\u03bc","multimap":"\u22b8","mumap":"\u22b8","nabla":"\u2207","Nacute":"\u0143","nacute":"\u0144","nang":"\u2220\u20d2","nap":"\u2249","napE":"\u2a70\u0338","napid":"\u224b\u0338","napos":"\u0149","napprox":"\u2249","natural":"\u266e","naturals":"\u2115","natur":"\u266e","nbsp":"\xa0","nbump":"\u224e\u0338","nbumpe":"\u224f\u0338","ncap":"\u2a43","Ncaron":"\u0147","ncaron":"\u0148","Ncedil":"\u0145","ncedil":"\u0146","ncong":"\u2247","ncongdot":"\u2a6d\u0338","ncup":"\u2a42","Ncy":"\u041d","ncy":"\u043d","ndash":"\u2013","nearhk":"\u2924","nearr":"\u2197","neArr":"\u21d7","nearrow":"\u2197","ne":"\u2260","nedot":"\u2250\u0338","NegativeMediumSpace":"\u200b","NegativeThickSpace":"\u200b","NegativeThinSpace":"\u200b","NegativeVeryThinSpace":"\u200b","nequiv":"\u2262","nesear":"\u2928","nesim":"\u2242\u0338","NestedGreaterGreater":"\u226b","NestedLessLess":"\u226a","NewLine":"\\n","nexist":"\u2204","nexists":"\u2204","Nfr":"\u{1d511}","nfr":"\u{1d52b}","ngE":"\u2267\u0338","nge":"\u2271","ngeq":"\u2271","ngeqq":"\u2267\u0338","ngeqslant":"\u2a7e\u0338","nges":"\u2a7e\u0338","nGg":"\u22d9\u0338","ngsim":"\u2275","nGt":"\u226b\u20d2","ngt":"\u226f","ngtr":"\u226f","nGtv":"\u226b\u0338","nharr":"\u21ae","nhArr":"\u21ce","nhpar":"\u2af2","ni":"\u220b","nis":"\u22fc","nisd":"\u22fa","niv":"\u220b","NJcy":"\u040a","njcy":"\u045a","nlarr":"\u219a","nlArr":"\u21cd","nldr":"\u2025","nlE":"\u2266\u0338","nle":"\u2270","nleftarrow":"\u219a","nLeftarrow":"\u21cd","nleftrightarrow":"\u21ae","nLeftrightarrow":"\u21ce","nleq":"\u2270","nleqq":"\u2266\u0338","nleqslant":"\u2a7d\u0338","nles":"\u2a7d\u0338","nless":"\u226e","nLl":"\u22d8\u0338","nlsim":"\u2274","nLt":"\u226a\u20d2","nlt":"\u226e","nltri":"\u22ea","nltrie":"\u22ec","nLtv":"\u226a\u0338","nmid":"\u2224","NoBreak":"\u2060","NonBreakingSpace":"\xa0","nopf":"\u{1d55f}","Nopf":"\u2115","Not":"\u2aec","not":"\xac","NotCongruent":"\u2262","NotCupCap":"\u226d","NotDoubleVerticalBar":"\u2226","NotElement":"\u2209","NotEqual":"\u2260","NotEqualTilde":"\u2242\u0338","NotExists":"\u2204","NotGreater":"\u226f","NotGreaterEqual":"\u2271","NotGreaterFullEqual":"\u2267\u0338","NotGreaterGreater":"\u226b\u0338","NotGreaterLess":"\u2279","NotGreaterSlantEqual":"\u2a7e\u0338","NotGreaterTilde":"\u2275","NotHumpDownHump":"\u224e\u0338","NotHumpEqual":"\u224f\u0338","notin":"\u2209","notindot":"\u22f5\u0338","notinE":"\u22f9\u0338","notinva":"\u2209","notinvb":"\u22f7","notinvc":"\u22f6","NotLeftTriangleBar":"\u29cf\u0338","NotLeftTriangle":"\u22ea","NotLeftTriangleEqual":"\u22ec","NotLess":"\u226e","NotLessEqual":"\u2270","NotLessGreater":"\u2278","NotLessLess":"\u226a\u0338","NotLessSlantEqual":"\u2a7d\u0338","NotLessTilde":"\u2274","NotNestedGreaterGreater":"\u2aa2\u0338","NotNestedLessLess":"\u2aa1\u0338","notni":"\u220c","notniva":"\u220c","notnivb":"\u22fe","notnivc":"\u22fd","NotPrecedes":"\u2280","NotPrecedesEqual":"\u2aaf\u0338","NotPrecedesSlantEqual":"\u22e0","NotReverseElement":"\u220c","NotRightTriangleBar":"\u29d0\u0338","NotRightTriangle":"\u22eb","NotRightTriangleEqual":"\u22ed","NotSquareSubset":"\u228f\u0338","NotSquareSubsetEqual":"\u22e2","NotSquareSuperset":"\u2290\u0338","NotSquareSupersetEqual":"\u22e3","NotSubset":"\u2282\u20d2","NotSubsetEqual":"\u2288","NotSucceeds":"\u2281","NotSucceedsEqual":"\u2ab0\u0338","NotSucceedsSlantEqual":"\u22e1","NotSucceedsTilde":"\u227f\u0338","NotSuperset":"\u2283\u20d2","NotSupersetEqual":"\u2289","NotTilde":"\u2241","NotTildeEqual":"\u2244","NotTildeFullEqual":"\u2247","NotTildeTilde":"\u2249","NotVerticalBar":"\u2224","nparallel":"\u2226","npar":"\u2226","nparsl":"\u2afd\u20e5","npart":"\u2202\u0338","npolint":"\u2a14","npr":"\u2280","nprcue":"\u22e0","nprec":"\u2280","npreceq":"\u2aaf\u0338","npre":"\u2aaf\u0338","nrarrc":"\u2933\u0338","nrarr":"\u219b","nrArr":"\u21cf","nrarrw":"\u219d\u0338","nrightarrow":"\u219b","nRightarrow":"\u21cf","nrtri":"\u22eb","nrtrie":"\u22ed","nsc":"\u2281","nsccue":"\u22e1","nsce":"\u2ab0\u0338","Nscr":"\u{1d4a9}","nscr":"\u{1d4c3}","nshortmid":"\u2224","nshortparallel":"\u2226","nsim":"\u2241","nsime":"\u2244","nsimeq":"\u2244","nsmid":"\u2224","nspar":"\u2226","nsqsube":"\u22e2","nsqsupe":"\u22e3","nsub":"\u2284","nsubE":"\u2ac5\u0338","nsube":"\u2288","nsubset":"\u2282\u20d2","nsubseteq":"\u2288","nsubseteqq":"\u2ac5\u0338","nsucc":"\u2281","nsucceq":"\u2ab0\u0338","nsup":"\u2285","nsupE":"\u2ac6\u0338","nsupe":"\u2289","nsupset":"\u2283\u20d2","nsupseteq":"\u2289","nsupseteqq":"\u2ac6\u0338","ntgl":"\u2279","Ntilde":"\xd1","ntilde":"\xf1","ntlg":"\u2278","ntriangleleft":"\u22ea","ntrianglelefteq":"\u22ec","ntriangleright":"\u22eb","ntrianglerighteq":"\u22ed","Nu":"\u039d","nu":"\u03bd","num":"#","numero":"\u2116","numsp":"\u2007","nvap":"\u224d\u20d2","nvdash":"\u22ac","nvDash":"\u22ad","nVdash":"\u22ae","nVDash":"\u22af","nvge":"\u2265\u20d2","nvgt":">\u20d2","nvHarr":"\u2904","nvinfin":"\u29de","nvlArr":"\u2902","nvle":"\u2264\u20d2","nvlt":"<\u20d2","nvltrie":"\u22b4\u20d2","nvrArr":"\u2903","nvrtrie":"\u22b5\u20d2","nvsim":"\u223c\u20d2","nwarhk":"\u2923","nwarr":"\u2196","nwArr":"\u21d6","nwarrow":"\u2196","nwnear":"\u2927","Oacute":"\xd3","oacute":"\xf3","oast":"\u229b","Ocirc":"\xd4","ocirc":"\xf4","ocir":"\u229a","Ocy":"\u041e","ocy":"\u043e","odash":"\u229d","Odblac":"\u0150","odblac":"\u0151","odiv":"\u2a38","odot":"\u2299","odsold":"\u29bc","OElig":"\u0152","oelig":"\u0153","ofcir":"\u29bf","Ofr":"\u{1d512}","ofr":"\u{1d52c}","ogon":"\u02db","Ograve":"\xd2","ograve":"\xf2","ogt":"\u29c1","ohbar":"\u29b5","ohm":"\u03a9","oint":"\u222e","olarr":"\u21ba","olcir":"\u29be","olcross":"\u29bb","oline":"\u203e","olt":"\u29c0","Omacr":"\u014c","omacr":"\u014d","Omega":"\u03a9","omega":"\u03c9","Omicron":"\u039f","omicron":"\u03bf","omid":"\u29b6","ominus":"\u2296","Oopf":"\u{1d546}","oopf":"\u{1d560}","opar":"\u29b7","OpenCurlyDoubleQuote":"\u201c","OpenCurlyQuote":"\u2018","operp":"\u29b9","oplus":"\u2295","orarr":"\u21bb","Or":"\u2a54","or":"\u2228","ord":"\u2a5d","order":"\u2134","orderof":"\u2134","ordf":"\xaa","ordm":"\xba","origof":"\u22b6","oror":"\u2a56","orslope":"\u2a57","orv":"\u2a5b","oS":"\u24c8","Oscr":"\u{1d4aa}","oscr":"\u2134","Oslash":"\xd8","oslash":"\xf8","osol":"\u2298","Otilde":"\xd5","otilde":"\xf5","otimesas":"\u2a36","Otimes":"\u2a37","otimes":"\u2297","Ouml":"\xd6","ouml":"\xf6","ovbar":"\u233d","OverBar":"\u203e","OverBrace":"\u23de","OverBracket":"\u23b4","OverParenthesis":"\u23dc","para":"\xb6","parallel":"\u2225","par":"\u2225","parsim":"\u2af3","parsl":"\u2afd","part":"\u2202","PartialD":"\u2202","Pcy":"\u041f","pcy":"\u043f","percnt":"%","period":".","permil":"\u2030","perp":"\u22a5","pertenk":"\u2031","Pfr":"\u{1d513}","pfr":"\u{1d52d}","Phi":"\u03a6","phi":"\u03c6","phiv":"\u03d5","phmmat":"\u2133","phone":"\u260e","Pi":"\u03a0","pi":"\u03c0","pitchfork":"\u22d4","piv":"\u03d6","planck":"\u210f","planckh":"\u210e","plankv":"\u210f","plusacir":"\u2a23","plusb":"\u229e","pluscir":"\u2a22","plus":"+","plusdo":"\u2214","plusdu":"\u2a25","pluse":"\u2a72","PlusMinus":"\xb1","plusmn":"\xb1","plussim":"\u2a26","plustwo":"\u2a27","pm":"\xb1","Poincareplane":"\u210c","pointint":"\u2a15","popf":"\u{1d561}","Popf":"\u2119","pound":"\xa3","prap":"\u2ab7","Pr":"\u2abb","pr":"\u227a","prcue":"\u227c","precapprox":"\u2ab7","prec":"\u227a","preccurlyeq":"\u227c","Precedes":"\u227a","PrecedesEqual":"\u2aaf","PrecedesSlantEqual":"\u227c","PrecedesTilde":"\u227e","preceq":"\u2aaf","precnapprox":"\u2ab9","precneqq":"\u2ab5","precnsim":"\u22e8","pre":"\u2aaf","prE":"\u2ab3","precsim":"\u227e","prime":"\u2032","Prime":"\u2033","primes":"\u2119","prnap":"\u2ab9","prnE":"\u2ab5","prnsim":"\u22e8","prod":"\u220f","Product":"\u220f","profalar":"\u232e","profline":"\u2312","profsurf":"\u2313","prop":"\u221d","Proportional":"\u221d","Proportion":"\u2237","propto":"\u221d","prsim":"\u227e","prurel":"\u22b0","Pscr":"\u{1d4ab}","pscr":"\u{1d4c5}","Psi":"\u03a8","psi":"\u03c8","puncsp":"\u2008","Qfr":"\u{1d514}","qfr":"\u{1d52e}","qint":"\u2a0c","qopf":"\u{1d562}","Qopf":"\u211a","qprime":"\u2057","Qscr":"\u{1d4ac}","qscr":"\u{1d4c6}","quaternions":"\u210d","quatint":"\u2a16","quest":"?","questeq":"\u225f","quot":"\\"","QUOT":"\\"","rAarr":"\u21db","race":"\u223d\u0331","Racute":"\u0154","racute":"\u0155","radic":"\u221a","raemptyv":"\u29b3","rang":"\u27e9","Rang":"\u27eb","rangd":"\u2992","range":"\u29a5","rangle":"\u27e9","raquo":"\xbb","rarrap":"\u2975","rarrb":"\u21e5","rarrbfs":"\u2920","rarrc":"\u2933","rarr":"\u2192","Rarr":"\u21a0","rArr":"\u21d2","rarrfs":"\u291e","rarrhk":"\u21aa","rarrlp":"\u21ac","rarrpl":"\u2945","rarrsim":"\u2974","Rarrtl":"\u2916","rarrtl":"\u21a3","rarrw":"\u219d","ratail":"\u291a","rAtail":"\u291c","ratio":"\u2236","rationals":"\u211a","rbarr":"\u290d","rBarr":"\u290f","RBarr":"\u2910","rbbrk":"\u2773","rbrace":"}","rbrack":"]","rbrke":"\u298c","rbrksld":"\u298e","rbrkslu":"\u2990","Rcaron":"\u0158","rcaron":"\u0159","Rcedil":"\u0156","rcedil":"\u0157","rceil":"\u2309","rcub":"}","Rcy":"\u0420","rcy":"\u0440","rdca":"\u2937","rdldhar":"\u2969","rdquo":"\u201d","rdquor":"\u201d","rdsh":"\u21b3","real":"\u211c","realine":"\u211b","realpart":"\u211c","reals":"\u211d","Re":"\u211c","rect":"\u25ad","reg":"\xae","REG":"\xae","ReverseElement":"\u220b","ReverseEquilibrium":"\u21cb","ReverseUpEquilibrium":"\u296f","rfisht":"\u297d","rfloor":"\u230b","rfr":"\u{1d52f}","Rfr":"\u211c","rHar":"\u2964","rhard":"\u21c1","rharu":"\u21c0","rharul":"\u296c","Rho":"\u03a1","rho":"\u03c1","rhov":"\u03f1","RightAngleBracket":"\u27e9","RightArrowBar":"\u21e5","rightarrow":"\u2192","RightArrow":"\u2192","Rightarrow":"\u21d2","RightArrowLeftArrow":"\u21c4","rightarrowtail":"\u21a3","RightCeiling":"\u2309","RightDoubleBracket":"\u27e7","RightDownTeeVector":"\u295d","RightDownVectorBar":"\u2955","RightDownVector":"\u21c2","RightFloor":"\u230b","rightharpoondown":"\u21c1","rightharpoonup":"\u21c0","rightleftarrows":"\u21c4","rightleftharpoons":"\u21cc","rightrightarrows":"\u21c9","rightsquigarrow":"\u219d","RightTeeArrow":"\u21a6","RightTee":"\u22a2","RightTeeVector":"\u295b","rightthreetimes":"\u22cc","RightTriangleBar":"\u29d0","RightTriangle":"\u22b3","RightTriangleEqual":"\u22b5","RightUpDownVector":"\u294f","RightUpTeeVector":"\u295c","RightUpVectorBar":"\u2954","RightUpVector":"\u21be","RightVectorBar":"\u2953","RightVector":"\u21c0","ring":"\u02da","risingdotseq":"\u2253","rlarr":"\u21c4","rlhar":"\u21cc","rlm":"\u200f","rmoustache":"\u23b1","rmoust":"\u23b1","rnmid":"\u2aee","roang":"\u27ed","roarr":"\u21fe","robrk":"\u27e7","ropar":"\u2986","ropf":"\u{1d563}","Ropf":"\u211d","roplus":"\u2a2e","rotimes":"\u2a35","RoundImplies":"\u2970","rpar":")","rpargt":"\u2994","rppolint":"\u2a12","rrarr":"\u21c9","Rrightarrow":"\u21db","rsaquo":"\u203a","rscr":"\u{1d4c7}","Rscr":"\u211b","rsh":"\u21b1","Rsh":"\u21b1","rsqb":"]","rsquo":"\u2019","rsquor":"\u2019","rthree":"\u22cc","rtimes":"\u22ca","rtri":"\u25b9","rtrie":"\u22b5","rtrif":"\u25b8","rtriltri":"\u29ce","RuleDelayed":"\u29f4","ruluhar":"\u2968","rx":"\u211e","Sacute":"\u015a","sacute":"\u015b","sbquo":"\u201a","scap":"\u2ab8","Scaron":"\u0160","scaron":"\u0161","Sc":"\u2abc","sc":"\u227b","sccue":"\u227d","sce":"\u2ab0","scE":"\u2ab4","Scedil":"\u015e","scedil":"\u015f","Scirc":"\u015c","scirc":"\u015d","scnap":"\u2aba","scnE":"\u2ab6","scnsim":"\u22e9","scpolint":"\u2a13","scsim":"\u227f","Scy":"\u0421","scy":"\u0441","sdotb":"\u22a1","sdot":"\u22c5","sdote":"\u2a66","searhk":"\u2925","searr":"\u2198","seArr":"\u21d8","searrow":"\u2198","sect":"\xa7","semi":";","seswar":"\u2929","setminus":"\u2216","setmn":"\u2216","sext":"\u2736","Sfr":"\u{1d516}","sfr":"\u{1d530}","sfrown":"\u2322","sharp":"\u266f","SHCHcy":"\u0429","shchcy":"\u0449","SHcy":"\u0428","shcy":"\u0448","ShortDownArrow":"\u2193","ShortLeftArrow":"\u2190","shortmid":"\u2223","shortparallel":"\u2225","ShortRightArrow":"\u2192","ShortUpArrow":"\u2191","shy":"\xad","Sigma":"\u03a3","sigma":"\u03c3","sigmaf":"\u03c2","sigmav":"\u03c2","sim":"\u223c","simdot":"\u2a6a","sime":"\u2243","simeq":"\u2243","simg":"\u2a9e","simgE":"\u2aa0","siml":"\u2a9d","simlE":"\u2a9f","simne":"\u2246","simplus":"\u2a24","simrarr":"\u2972","slarr":"\u2190","SmallCircle":"\u2218","smallsetminus":"\u2216","smashp":"\u2a33","smeparsl":"\u29e4","smid":"\u2223","smile":"\u2323","smt":"\u2aaa","smte":"\u2aac","smtes":"\u2aac\ufe00","SOFTcy":"\u042c","softcy":"\u044c","solbar":"\u233f","solb":"\u29c4","sol":"/","Sopf":"\u{1d54a}","sopf":"\u{1d564}","spades":"\u2660","spadesuit":"\u2660","spar":"\u2225","sqcap":"\u2293","sqcaps":"\u2293\ufe00","sqcup":"\u2294","sqcups":"\u2294\ufe00","Sqrt":"\u221a","sqsub":"\u228f","sqsube":"\u2291","sqsubset":"\u228f","sqsubseteq":"\u2291","sqsup":"\u2290","sqsupe":"\u2292","sqsupset":"\u2290","sqsupseteq":"\u2292","square":"\u25a1","Square":"\u25a1","SquareIntersection":"\u2293","SquareSubset":"\u228f","SquareSubsetEqual":"\u2291","SquareSuperset":"\u2290","SquareSupersetEqual":"\u2292","SquareUnion":"\u2294","squarf":"\u25aa","squ":"\u25a1","squf":"\u25aa","srarr":"\u2192","Sscr":"\u{1d4ae}","sscr":"\u{1d4c8}","ssetmn":"\u2216","ssmile":"\u2323","sstarf":"\u22c6","Star":"\u22c6","star":"\u2606","starf":"\u2605","straightepsilon":"\u03f5","straightphi":"\u03d5","strns":"\xaf","sub":"\u2282","Sub":"\u22d0","subdot":"\u2abd","subE":"\u2ac5","sube":"\u2286","subedot":"\u2ac3","submult":"\u2ac1","subnE":"\u2acb","subne":"\u228a","subplus":"\u2abf","subrarr":"\u2979","subset":"\u2282","Subset":"\u22d0","subseteq":"\u2286","subseteqq":"\u2ac5","SubsetEqual":"\u2286","subsetneq":"\u228a","subsetneqq":"\u2acb","subsim":"\u2ac7","subsub":"\u2ad5","subsup":"\u2ad3","succapprox":"\u2ab8","succ":"\u227b","succcurlyeq":"\u227d","Succeeds":"\u227b","SucceedsEqual":"\u2ab0","SucceedsSlantEqual":"\u227d","SucceedsTilde":"\u227f","succeq":"\u2ab0","succnapprox":"\u2aba","succneqq":"\u2ab6","succnsim":"\u22e9","succsim":"\u227f","SuchThat":"\u220b","sum":"\u2211","Sum":"\u2211","sung":"\u266a","sup1":"\xb9","sup2":"\xb2","sup3":"\xb3","sup":"\u2283","Sup":"\u22d1","supdot":"\u2abe","supdsub":"\u2ad8","supE":"\u2ac6","supe":"\u2287","supedot":"\u2ac4","Superset":"\u2283","SupersetEqual":"\u2287","suphsol":"\u27c9","suphsub":"\u2ad7","suplarr":"\u297b","supmult":"\u2ac2","supnE":"\u2acc","supne":"\u228b","supplus":"\u2ac0","supset":"\u2283","Supset":"\u22d1","supseteq":"\u2287","supseteqq":"\u2ac6","supsetneq":"\u228b","supsetneqq":"\u2acc","supsim":"\u2ac8","supsub":"\u2ad4","supsup":"\u2ad6","swarhk":"\u2926","swarr":"\u2199","swArr":"\u21d9","swarrow":"\u2199","swnwar":"\u292a","szlig":"\xdf","Tab":"\\t","target":"\u2316","Tau":"\u03a4","tau":"\u03c4","tbrk":"\u23b4","Tcaron":"\u0164","tcaron":"\u0165","Tcedil":"\u0162","tcedil":"\u0163","Tcy":"\u0422","tcy":"\u0442","tdot":"\u20db","telrec":"\u2315","Tfr":"\u{1d517}","tfr":"\u{1d531}","there4":"\u2234","therefore":"\u2234","Therefore":"\u2234","Theta":"\u0398","theta":"\u03b8","thetasym":"\u03d1","thetav":"\u03d1","thickapprox":"\u2248","thicksim":"\u223c","ThickSpace":"\u205f\u200a","ThinSpace":"\u2009","thinsp":"\u2009","thkap":"\u2248","thksim":"\u223c","THORN":"\xde","thorn":"\xfe","tilde":"\u02dc","Tilde":"\u223c","TildeEqual":"\u2243","TildeFullEqual":"\u2245","TildeTilde":"\u2248","timesbar":"\u2a31","timesb":"\u22a0","times":"\xd7","timesd":"\u2a30","tint":"\u222d","toea":"\u2928","topbot":"\u2336","topcir":"\u2af1","top":"\u22a4","Topf":"\u{1d54b}","topf":"\u{1d565}","topfork":"\u2ada","tosa":"\u2929","tprime":"\u2034","trade":"\u2122","TRADE":"\u2122","triangle":"\u25b5","triangledown":"\u25bf","triangleleft":"\u25c3","trianglelefteq":"\u22b4","triangleq":"\u225c","triangleright":"\u25b9","trianglerighteq":"\u22b5","tridot":"\u25ec","trie":"\u225c","triminus":"\u2a3a","TripleDot":"\u20db","triplus":"\u2a39","trisb":"\u29cd","tritime":"\u2a3b","trpezium":"\u23e2","Tscr":"\u{1d4af}","tscr":"\u{1d4c9}","TScy":"\u0426","tscy":"\u0446","TSHcy":"\u040b","tshcy":"\u045b","Tstrok":"\u0166","tstrok":"\u0167","twixt":"\u226c","twoheadleftarrow":"\u219e","twoheadrightarrow":"\u21a0","Uacute":"\xda","uacute":"\xfa","uarr":"\u2191","Uarr":"\u219f","uArr":"\u21d1","Uarrocir":"\u2949","Ubrcy":"\u040e","ubrcy":"\u045e","Ubreve":"\u016c","ubreve":"\u016d","Ucirc":"\xdb","ucirc":"\xfb","Ucy":"\u0423","ucy":"\u0443","udarr":"\u21c5","Udblac":"\u0170","udblac":"\u0171","udhar":"\u296e","ufisht":"\u297e","Ufr":"\u{1d518}","ufr":"\u{1d532}","Ugrave":"\xd9","ugrave":"\xf9","uHar":"\u2963","uharl":"\u21bf","uharr":"\u21be","uhblk":"\u2580","ulcorn":"\u231c","ulcorner":"\u231c","ulcrop":"\u230f","ultri":"\u25f8","Umacr":"\u016a","umacr":"\u016b","uml":"\xa8","UnderBar":"_","UnderBrace":"\u23df","UnderBracket":"\u23b5","UnderParenthesis":"\u23dd","Union":"\u22c3","UnionPlus":"\u228e","Uogon":"\u0172","uogon":"\u0173","Uopf":"\u{1d54c}","uopf":"\u{1d566}","UpArrowBar":"\u2912","uparrow":"\u2191","UpArrow":"\u2191","Uparrow":"\u21d1","UpArrowDownArrow":"\u21c5","updownarrow":"\u2195","UpDownArrow":"\u2195","Updownarrow":"\u21d5","UpEquilibrium":"\u296e","upharpoonleft":"\u21bf","upharpoonright":"\u21be","uplus":"\u228e","UpperLeftArrow":"\u2196","UpperRightArrow":"\u2197","upsi":"\u03c5","Upsi":"\u03d2","upsih":"\u03d2","Upsilon":"\u03a5","upsilon":"\u03c5","UpTeeArrow":"\u21a5","UpTee":"\u22a5","upuparrows":"\u21c8","urcorn":"\u231d","urcorner":"\u231d","urcrop":"\u230e","Uring":"\u016e","uring":"\u016f","urtri":"\u25f9","Uscr":"\u{1d4b0}","uscr":"\u{1d4ca}","utdot":"\u22f0","Utilde":"\u0168","utilde":"\u0169","utri":"\u25b5","utrif":"\u25b4","uuarr":"\u21c8","Uuml":"\xdc","uuml":"\xfc","uwangle":"\u29a7","vangrt":"\u299c","varepsilon":"\u03f5","varkappa":"\u03f0","varnothing":"\u2205","varphi":"\u03d5","varpi":"\u03d6","varpropto":"\u221d","varr":"\u2195","vArr":"\u21d5","varrho":"\u03f1","varsigma":"\u03c2","varsubsetneq":"\u228a\ufe00","varsubsetneqq":"\u2acb\ufe00","varsupsetneq":"\u228b\ufe00","varsupsetneqq":"\u2acc\ufe00","vartheta":"\u03d1","vartriangleleft":"\u22b2","vartriangleright":"\u22b3","vBar":"\u2ae8","Vbar":"\u2aeb","vBarv":"\u2ae9","Vcy":"\u0412","vcy":"\u0432","vdash":"\u22a2","vDash":"\u22a8","Vdash":"\u22a9","VDash":"\u22ab","Vdashl":"\u2ae6","veebar":"\u22bb","vee":"\u2228","Vee":"\u22c1","veeeq":"\u225a","vellip":"\u22ee","verbar":"|","Verbar":"\u2016","vert":"|","Vert":"\u2016","VerticalBar":"\u2223","VerticalLine":"|","VerticalSeparator":"\u2758","VerticalTilde":"\u2240","VeryThinSpace":"\u200a","Vfr":"\u{1d519}","vfr":"\u{1d533}","vltri":"\u22b2","vnsub":"\u2282\u20d2","vnsup":"\u2283\u20d2","Vopf":"\u{1d54d}","vopf":"\u{1d567}","vprop":"\u221d","vrtri":"\u22b3","Vscr":"\u{1d4b1}","vscr":"\u{1d4cb}","vsubnE":"\u2acb\ufe00","vsubne":"\u228a\ufe00","vsupnE":"\u2acc\ufe00","vsupne":"\u228b\ufe00","Vvdash":"\u22aa","vzigzag":"\u299a","Wcirc":"\u0174","wcirc":"\u0175","wedbar":"\u2a5f","wedge":"\u2227","Wedge":"\u22c0","wedgeq":"\u2259","weierp":"\u2118","Wfr":"\u{1d51a}","wfr":"\u{1d534}","Wopf":"\u{1d54e}","wopf":"\u{1d568}","wp":"\u2118","wr":"\u2240","wreath":"\u2240","Wscr":"\u{1d4b2}","wscr":"\u{1d4cc}","xcap":"\u22c2","xcirc":"\u25ef","xcup":"\u22c3","xdtri":"\u25bd","Xfr":"\u{1d51b}","xfr":"\u{1d535}","xharr":"\u27f7","xhArr":"\u27fa","Xi":"\u039e","xi":"\u03be","xlarr":"\u27f5","xlArr":"\u27f8","xmap":"\u27fc","xnis":"\u22fb","xodot":"\u2a00","Xopf":"\u{1d54f}","xopf":"\u{1d569}","xoplus":"\u2a01","xotime":"\u2a02","xrarr":"\u27f6","xrArr":"\u27f9","Xscr":"\u{1d4b3}","xscr":"\u{1d4cd}","xsqcup":"\u2a06","xuplus":"\u2a04","xutri":"\u25b3","xvee":"\u22c1","xwedge":"\u22c0","Yacute":"\xdd","yacute":"\xfd","YAcy":"\u042f","yacy":"\u044f","Ycirc":"\u0176","ycirc":"\u0177","Ycy":"\u042b","ycy":"\u044b","yen":"\xa5","Yfr":"\u{1d51c}","yfr":"\u{1d536}","YIcy":"\u0407","yicy":"\u0457","Yopf":"\u{1d550}","yopf":"\u{1d56a}","Yscr":"\u{1d4b4}","yscr":"\u{1d4ce}","YUcy":"\u042e","yucy":"\u044e","yuml":"\xff","Yuml":"\u0178","Zacute":"\u0179","zacute":"\u017a","Zcaron":"\u017d","zcaron":"\u017e","Zcy":"\u0417","zcy":"\u0437","Zdot":"\u017b","zdot":"\u017c","zeetrf":"\u2128","ZeroWidthSpace":"\u200b","Zeta":"\u0396","zeta":"\u03b6","zfr":"\u{1d537}","Zfr":"\u2128","ZHcy":"\u0416","zhcy":"\u0436","zigrarr":"\u21dd","zopf":"\u{1d56b}","Zopf":"\u2124","Zscr":"\u{1d4b5}","zscr":"\u{1d4cf}","zwj":"\u200d","zwnj":"\u200c"}')}},Ve=>{Ve(Ve.s=374)}]);
\ No newline at end of file
diff --git a/recipes/card/index.html b/recipes/card/index.html
index 71d37925a..243bb0157 100644
--- a/recipes/card/index.html
+++ b/recipes/card/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">.wrapper[_ngcontent-sc104]{display:flex;max-width:30rem}.number[_ngcontent-sc104]{flex:1 1 11rem}.cvv[_ngcontent-sc104]{flex:1 0 4rem}.expired[_ngcontent-sc104]{flex:1 0 5rem}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2011702025373168" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2011702025373168" htmlfor="tui_interactive_2011702025373168"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><card-doc class="ng-star-inserted"><tui-doc-page header="Card" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Card <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"> Creating mask for credit card input requires basic understanding of the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Pattern&nbsp;mask&nbsp;expression </span><!----></a></li><li class="tui-list__item"> How to use <a tuilink="" _nghost-sc4="" href="/kit/date" class=""><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> mask from <code>@maskito/kit</code></li></ul></section><tui-doc-example id="card" _nghost-sc60="" style="padding:0px;" class="_fullsize"><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> TypeScript <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> HTML <!----><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><card-doc-example-1 _nghost-sc104=""><form _ngcontent-sc104="" novalidate="" role="group" autocomplete="on" tuigroup="" class="tui-group wrapper ng-untouched ng-pristine ng-valid tui-group_rounded tui-group_orientation_horizontal"><tui-input _ngcontent-sc104="" formcontrolname="cardNumber" class="number ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-number" inputmode="numeric" placeholder="0000 0000 0000 0000" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_101702025373196" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2131702025373190" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_101702025373196" htmlfor="tui_101702025373196"> Card number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _ngcontent-sc104="" formcontrolname="expire" class="expired ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-exp" inputmode="numeric" placeholder="mm/yy" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_111702025373196" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2141702025373192" aria-invalid="false" value="" tabindex="0" name="ccexpiryyear"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_111702025373196" htmlfor="tui_111702025373196"> EXP </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _ngcontent-sc104="" formcontrolname="cvv" class="cvv ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-csc" inputmode="numeric" placeholder="000" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_121702025373196" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2151702025373192" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_121702025373196" htmlfor="tui_121702025373196"> CVV </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></form></card-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2011702045819012" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2011702045819012" htmlfor="tui_interactive_2011702045819012"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><card-doc class="ng-star-inserted"><tui-doc-page header="Card" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Card <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"> Creating mask for credit card input requires basic understanding of the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> Pattern&nbsp;mask&nbsp;expression </span><!----></a></li><li class="tui-list__item"> How to use <a tuilink="" _nghost-sc4="" href="/kit/date" class=""><!----><span _ngcontent-sc4="" class="t-content"> Date </span><!----></a> mask from <code>@maskito/kit</code></li></ul></section><tui-doc-example id="card" _nghost-sc60="" style="padding:0px;" class="_fullsize"><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> TypeScript <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> HTML <!----><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><card-doc-example-1 _nghost-sc104=""><form _ngcontent-sc104="" novalidate="" role="group" autocomplete="on" tuigroup="" class="tui-group wrapper ng-untouched ng-pristine ng-valid tui-group_rounded tui-group_orientation_horizontal"><tui-input _ngcontent-sc104="" formcontrolname="cardNumber" class="number ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-number" inputmode="numeric" placeholder="0000 0000 0000 0000" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_101702045819034" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2131702045819029" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_101702045819034" htmlfor="tui_101702045819034"> Card number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _ngcontent-sc104="" formcontrolname="expire" class="expired ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-exp" inputmode="numeric" placeholder="mm/yy" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_111702045819034" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2141702045819030" aria-invalid="false" value="" tabindex="0" name="ccexpiryyear"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_111702045819034" htmlfor="tui_111702045819034"> EXP </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><tui-input _ngcontent-sc104="" formcontrolname="cvv" class="cvv ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc104="" type="text" autocomplete="cc-csc" inputmode="numeric" placeholder="000" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_121702045819034" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2151702045819030" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_121702045819034" htmlfor="tui_121702045819034"> CVV </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></form></card-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -35,6 +35,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></card-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/phone/index.html b/recipes/phone/index.html
index 561cd52ce..652e84b58 100644
--- a/recipes/phone/index.html
+++ b/recipes/phone/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2421702025373553" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2421702025373553" htmlfor="tui_interactive_2421702025373553"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc class="ng-star-inserted"><tui-doc-page header="Phone" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"> Creating mask for a phone number is simple. The only required knowledge is the <strong>pattern&nbsp;mask&nbsp;expression</strong> with <strong>fixed&nbsp;characters</strong> . Read more about it in <a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Mask&nbsp;expression" </span><!----></a> section. </p><p class="tui-space_bottom-0">This page demonstrates some examples for different countries.</p><tui-doc-example id="us" heading="United States" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="United States" class="ng-star-inserted">United States</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+1 (212) 555-2368" id="tui_131702025373577" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2521702025373572" aria-invalid="false" value="+1 (212) 555-2368" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131702025373577" htmlfor="tui_131702025373577"> Enter a phone number <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+1 (212) 555-2368">+1 (212) 555-2368</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" src="assets/taiga-ui/icons/US.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2421702045819305" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2421702045819305" htmlfor="tui_interactive_2421702045819305"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc class="ng-star-inserted"><tui-doc-page header="Phone" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Phone <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"> Creating mask for a phone number is simple. The only required knowledge is the <strong>pattern&nbsp;mask&nbsp;expression</strong> with <strong>fixed&nbsp;characters</strong> . Read more about it in <a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Mask&nbsp;expression" </span><!----></a> section. </p><p class="tui-space_bottom-0">This page demonstrates some examples for different countries.</p><tui-doc-example id="us" heading="United States" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="United States" class="ng-star-inserted">United States</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="+1 (212) 555-2368" id="tui_131702045819325" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2521702045819321" aria-invalid="false" value="+1 (212) 555-2368" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131702045819325" htmlfor="tui_131702045819325"> Enter a phone number <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="+1 (212) 555-2368">+1 (212) 555-2368</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" src="assets/taiga-ui/icons/US.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></phone-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="kz" heading="Kazakhstan" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Kazakhstan" class="ng-star-inserted">Kazakhstan</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> The following example demonstrates a more complex mask. It shows how to make the country prefix non-removable. It is achieved by built-in <strong>postprocessor</strong> from <code>@maskito/kit</code> . </p><p class="ng-star-inserted"> Read more about it in <a fragment="by-postprocessor" tuilink="" _nghost-sc4="" href="/recipes/prefix#by-postprocessor" class=""><!----><span _ngcontent-sc4="" class="t-content"> "With prefix" </span><!----></a> section. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><phone-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_141702025373579" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2541702025373573" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141702025373579" htmlfor="tui_141702025373579"> Enter a phone number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of Kazakhstan" width="28" src="assets/taiga-ui/icons/KZ.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></phone-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="kz" heading="Kazakhstan" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Kazakhstan" class="ng-star-inserted">Kazakhstan</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> The following example demonstrates a more complex mask. It shows how to make the country prefix non-removable. It is achieved by built-in <strong>postprocessor</strong> from <code>@maskito/kit</code> . </p><p class="ng-star-inserted"> Read more about it in <a fragment="by-postprocessor" tuilink="" _nghost-sc4="" href="/recipes/prefix#by-postprocessor" class=""><!----><span _ngcontent-sc4="" class="t-content"> "With prefix" </span><!----></a> section. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><phone-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" autocomplete="tel" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_141702045819328" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2541702045819322" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141702045819328" htmlfor="tui_141702045819328"> Enter a phone number </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of Kazakhstan" width="28" src="assets/taiga-ui/icons/KZ.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><!----></phone-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/placeholder/index.html b/recipes/placeholder/index.html
index 065277208..d6a1fa8b5 100644
--- a/recipes/placeholder/index.html
+++ b/recipes/placeholder/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3001702025375816" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3001702025375816" htmlfor="tui_interactive_3001702025375816"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><placeholder-doc class="ng-star-inserted"><tui-doc-page header="With placeholder" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With placeholder <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>maskitoWithPlaceholder</code> helps to show placeholder mask characters. The placeholder character represents the fillable spot in the mask. </p><tui-doc-example id="cvc" heading="Card Verification Code" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Card Verification Code" class="ng-star-inserted">Card Verification Code</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> This example is the simplest demonstration how to create masked input with <strong>placeholder</strong> . </p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> The only required prerequisite is basic understanding of <a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Mask&nbsp;expression" </span><!----></a> concept. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCreditCardLarge" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="xxx" id="tui_171702025375838" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3101702025375832" aria-invalid="false" value="xxx" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_171702025375838" htmlfor="tui_171702025375838"> Enter CVC code </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="xxx">xxx</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCreditCardLarge.svg?v=3.57.0#tuiIconCreditCardLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3001702045821492" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_3001702045821492" htmlfor="tui_interactive_3001702045821492"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><placeholder-doc class="ng-star-inserted"><tui-doc-page header="With placeholder" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With placeholder <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><p class="tui-space_top-0"><code>maskitoWithPlaceholder</code> helps to show placeholder mask characters. The placeholder character represents the fillable spot in the mask. </p><tui-doc-example id="cvc" heading="Card Verification Code" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Card Verification Code" class="ng-star-inserted">Card Verification Code</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> This example is the simplest demonstration how to create masked input with <strong>placeholder</strong> . </p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> The only required prerequisite is basic understanding of <a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Mask&nbsp;expression" </span><!----></a> concept. </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-1><tui-input tuitextfieldcustomcontent="tuiIconCreditCardLarge" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="xxx" id="tui_171702045821514" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3101702045821508" aria-invalid="false" value="xxx" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_171702045821514" htmlfor="tui_171702045821514"> Enter CVC code </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent="xxx">xxx</span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCreditCardLarge.svg?v=3.57.0#tuiIconCreditCardLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="phone" heading="Phone" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Phone" class="ng-star-inserted">Phone</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> The following example explains return type of <code>maskitoWithPlaceholder</code> utility — an&nbsp;object which partially implements <code>MaskitoOptions</code> interface. It contains its own <a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> processor and postprocessor </span><!----></a> and <a tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> plugins </span><!----></a> to keep caret from getting into placeholder part of the value. </p><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"></p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> Also, this complex example uses built-in postprocessor <a fragment="by-postprocessor" tuilink="" _nghost-sc4="" href="/recipes/prefix#by-postprocessor" class=""><!----><span _ngcontent-sc4="" class="t-content"> maskitoPrefixPostprocessorGenerator </span><!----></a> from <code>@maskito/kit</code> . </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_181702025375841" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3121702025375833" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_181702025375841" htmlfor="tui_181702025375841"> Enter US phone number <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" src="assets/taiga-ui/icons/US.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="phone" heading="Phone" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Phone" class="ng-star-inserted">Phone</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> The following example explains return type of <code>maskitoWithPlaceholder</code> utility — an&nbsp;object which partially implements <code>MaskitoOptions</code> interface. It contains its own <a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> processor and postprocessor </span><!----></a> and <a tuilink="" _nghost-sc4="" href="/core-concepts/plugins" class=""><!----><span _ngcontent-sc4="" class="t-content"> plugins </span><!----></a> to keep caret from getting into placeholder part of the value. </p><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"></p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> Also, this complex example uses built-in postprocessor <a fragment="by-postprocessor" tuilink="" _nghost-sc4="" href="/recipes/prefix#by-postprocessor" class=""><!----><span _ngcontent-sc4="" class="t-content"> maskitoPrefixPostprocessorGenerator </span><!----></a> from <code>@maskito/kit</code> . </p><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_181702045821517" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3121702045821509" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_181702045821517" htmlfor="tui_181702045821517"> Enter US phone number <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" src="assets/taiga-ui/icons/US.png" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -64,7 +64,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date" heading="Date" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date" class="ng-star-inserted">Date</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This last example demonstrates how to integrate <code class="ng-star-inserted">maskitoWithPlaceholder</code> with any built-in mask from <code class="ng-star-inserted">@maskito/kit</code> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-3><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_191702025375843" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3141702025375834" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_191702025375843" htmlfor="tui_191702025375843"> Enter date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date" heading="Date" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Date" class="ng-star-inserted">Date</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This last example demonstrates how to integrate <code class="ng-star-inserted">maskitoWithPlaceholder</code> with any built-in mask from <code class="ng-star-inserted">@maskito/kit</code> . <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-3><tui-input tuitextfieldcustomcontent="tuiIconCalendarLarge" _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:2.75rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_191702045821518" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_3141702045821510" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_191702045821518" htmlfor="tui_191702045821518"> Enter date </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-svg _ngcontent-sc18="" class="t-custom-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCalendarLarge.svg?v=3.57.0#tuiIconCalendarLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></placeholder-doc-example-3></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -95,6 +95,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></placeholder-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/postfix/index.html b/recipes/postfix/index.html
index 9609045ba..1bef96b49 100644
--- a/recipes/postfix/index.html
+++ b/recipes/postfix/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2401702025375363" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2401702025375363" htmlfor="tui_interactive_2401702025375363"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><postfix-doc class="ng-star-inserted"><tui-doc-page header="With postfix" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With postfix <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"> There are two approaches to add <strong>postfix</strong> for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. <tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By pattern mask expression" class="ng-star-inserted">By pattern mask expression</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This example demonstrates how to create postfix via dynamic <strong class="ng-star-inserted"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> pattern&nbsp;mask&nbsp;expression </span><!----></a></strong> . Percent symbol is a trailing fixed character, which will be automatically added when user enters the first digit. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_141702025375386" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2501702025375381" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141702025375386" htmlfor="tui_141702025375386"> Enter percentage amount </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></postfix-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2401702045821162" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2401702045821162" htmlfor="tui_interactive_2401702045821162"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><postfix-doc class="ng-star-inserted"><tui-doc-page header="With postfix" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With postfix <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"> There are two approaches to add <strong>postfix</strong> for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. <tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By pattern mask expression" class="ng-star-inserted">By pattern mask expression</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This example demonstrates how to create postfix via dynamic <strong class="ng-star-inserted"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> pattern&nbsp;mask&nbsp;expression </span><!----></a></strong> . Percent symbol is a trailing fixed character, which will be automatically added when user enters the first digit. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_141702045821190" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2501702045821183" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141702045821190" htmlfor="tui_141702045821190"> Enter percentage amount </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></postfix-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By postprocessor" class="ng-star-inserted">By postprocessor</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create postfix via <strong><a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> postprocessor </span><!----></a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPostfixPostprocessorGenerator</code> or create your own. </p><tui-notification status="warning" _nghost-sc20="" data-status="warning" data-size="m" class="ng-star-inserted"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Don't forget that <code>mask</code> property should be compatible with a new prefix / postfix! </div><!----></tui-notification><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_151702025375389" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2521702025375383" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151702025375389" htmlfor="tui_151702025375389"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></postfix-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By postprocessor" class="ng-star-inserted">By postprocessor</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create postfix via <strong><a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> postprocessor </span><!----></a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPostfixPostprocessorGenerator</code> or create your own. </p><tui-notification status="warning" _nghost-sc20="" data-status="warning" data-size="m" class="ng-star-inserted"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Don't forget that <code>mask</code> property should be compatible with a new prefix / postfix! </div><!----></tui-notification><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="numeric" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_151702045821193" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2521702045821185" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151702045821193" htmlfor="tui_151702045821193"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></postfix-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></postfix-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/prefix/index.html b/recipes/prefix/index.html
index 4a4612d6a..76dd507a4 100644
--- a/recipes/prefix/index.html
+++ b/recipes/prefix/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc20]{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:flex;padding:.75rem 1rem;border-radius:var(--tui-radius-m);background:#fff;background:var(--tui-base-01);box-sizing:border-box;overflow:hidden}[data-size=s][_nghost-sc20]{padding:.375rem .625rem}[data-size=s][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1rem;height:1.25rem;margin:0 .375rem 0 -.125rem}[data-size=s][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.375rem -.125rem .75rem}[data-size=m][_nghost-sc20]{padding:.75rem}[data-size=m][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.25rem;height:1.25rem;margin-right:.5rem}[data-size=m][_nghost-sc20]   .t-close[_ngcontent-sc20]{margin:-.125rem -.125rem -.125rem 1rem}[data-size=l][_nghost-sc20]{padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l)}[data-size=l][_nghost-sc20]   .t-icon[_ngcontent-sc20]{width:1.5rem;height:1.5rem;margin-right:.5rem}[data-status=info][_nghost-sc20]{color:var(--tui-info-fill);background:linear-gradient(var(--tui-info-bg),var(--tui-info-bg)),var(--tui-base-01)}[data-status=success][_nghost-sc20]{color:var(--tui-success-fill);background:linear-gradient(var(--tui-success-bg),var(--tui-success-bg)),var(--tui-base-01)}[data-status=error][_nghost-sc20]{color:var(--tui-error-fill);background:linear-gradient(var(--tui-error-bg),var(--tui-error-bg)),var(--tui-base-01)}[data-status=warning][_nghost-sc20]{color:var(--tui-warning-fill);background:linear-gradient(var(--tui-warning-bg),var(--tui-warning-bg)),var(--tui-base-01)}[data-status=neutral][_nghost-sc20]{color:var(--tui-neutral-fill);background:linear-gradient(var(--tui-neutral-bg),var(--tui-neutral-bg)),var(--tui-base-01)}.t-content[_ngcontent-sc20]{flex:1;word-wrap:break-word;overflow-wrap:anywhere;color:var(--tui-text-01)}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2711702025374667" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2711702025374667" htmlfor="tui_interactive_2711702025374667"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><prefix-doc class="ng-star-inserted"><tui-doc-page header="With prefix" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With prefix <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"> Use prefixes to indicate things like currencies, area / phone country codes and etc. </p><p class="tui-space_bottom-0"> There are two approaches to add prefix for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. </p></section><tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By pattern mask expression" class="ng-star-inserted">By pattern mask expression</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This example demonstrates how to create prefix via dynamic <strong class="ng-star-inserted"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> pattern&nbsp;mask&nbsp;expression </span><!----></a></strong> . Dollar symbol is a fixed character, which will be automatically added when user forgets to type it or deleted when user erase all digits. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_151702025374694" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2811702025374688" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151702025374694" htmlfor="tui_151702025374694"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></prefix-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2711702045820398" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2711702045820398" htmlfor="tui_interactive_2711702045820398"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><prefix-doc class="ng-star-inserted"><tui-doc-page header="With prefix" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> With prefix <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0"> Use prefixes to indicate things like currencies, area / phone country codes and etc. </p><p class="tui-space_bottom-0"> There are two approaches to add prefix for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. </p></section><tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By pattern mask expression" class="ng-star-inserted">By pattern mask expression</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"> This example demonstrates how to create prefix via dynamic <strong class="ng-star-inserted"><a tuilink="" _nghost-sc4="" href="/core-concepts/mask-expression" class=""><!----><span _ngcontent-sc4="" class="t-content"> pattern&nbsp;mask&nbsp;expression </span><!----></a></strong> . Dollar symbol is a fixed character, which will be automatically added when user forgets to type it or deleted when user erase all digits. <!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-1><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_151702045820417" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2811702045820412" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151702045820417" htmlfor="tui_151702045820417"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></prefix-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -52,7 +52,7 @@
         <!----></span><!----></div></button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By postprocessor" class="ng-star-inserted">By postprocessor</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create prefix via <strong><a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> postprocessor </span><!----></a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPrefixPostprocessorGenerator</code> or create your own. </p><tui-notification status="warning" _nghost-sc20="" data-status="warning" data-size="m" class="ng-star-inserted"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Don't forget that <code>mask</code> property should be compatible with a new prefix! </div><!----></tui-notification><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_161702025374702" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2831702025374690" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161702025374702" htmlfor="tui_161702025374702"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></prefix-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="By postprocessor" class="ng-star-inserted">By postprocessor</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><h4 _ngcontent-sc60="" class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create prefix via <strong><a tuilink="" _nghost-sc4="" href="/core-concepts/processors" class=""><!----><span _ngcontent-sc4="" class="t-content"> postprocessor </span><!----></a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPrefixPostprocessorGenerator</code> or create your own. </p><tui-notification status="warning" _nghost-sc20="" data-status="warning" data-size="m" class="ng-star-inserted"><tui-svg _ngcontent-sc20="" automation-id="tui-notification__icon" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconAlertCircle.svg?v=3.57.0#tuiIconAlertCircle"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----><div _ngcontent-sc20="" class="t-content"> Don't forget that <code>mask</code> property should be compatible with a new prefix! </div><!----></tui-notification><!----></h4><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-2><tui-input _nghost-sc51="" style="max-width:20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield" _nghost-sc18="" data-focused="false" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input type="text" inputmode="tel" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_161702045820419" aria-invalid="false"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2831702045820414" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161702045820419" htmlfor="tui_161702045820419"> Enter price </label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input></prefix-doc-example-2></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -83,6 +83,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></prefix-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/textarea/index.html b/recipes/textarea/index.html
index c42ba99f4..5249e6d78 100644
--- a/recipes/textarea/index.html
+++ b/recipes/textarea/index.html
@@ -22,13 +22,13 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">[_nghost-sc67]{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-sc67]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-header[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-header[_ngcontent-sc67]{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title[_ngcontent-sc67]{min-width:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-sc67]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-sc67]{background-color:var(--tui-error-fill)}.t-tag.t-tag_package[_ngcontent-sc67]{color:#000}.t-tabs[_ngcontent-sc67]{flex:1;margin:1.125rem .3125rem 0 0}tui-root._mobile[_nghost-sc67]   .t-tabs[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-tabs[_ngcontent-sc67]{margin-top:.25rem}.t-content[_ngcontent-sc67]{padding:2rem 0;margin:0 min(10vw,8.75rem)}tui-root._mobile[_nghost-sc67]   .t-content[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-content[_ngcontent-sc67]{padding:2rem 1.25rem;margin:0}.t-see-also[_ngcontent-sc67]{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}tui-root._mobile[_nghost-sc67]   .t-see-also[_ngcontent-sc67], tui-root._mobile   [_nghost-sc67]   .t-see-also[_ngcontent-sc67]{float:none;width:100%;margin:0 0 1.5rem}.t-source-code[_ngcontent-sc67]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-transition="demo">[_nghost-sc56]{display:block}.t-header[_ngcontent-sc56]{font:var(--tui-font-text-s);font-weight:bold}.t-header[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{border-radius:.25rem}.t-code[_ngcontent-sc56]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-base-03)}.t-code[_ngcontent-sc56]     .hljs-ln{width:-webkit-max-content;width:max-content}.t-code[_ngcontent-sc56] + .t-code[_ngcontent-sc56]{margin-top:1rem}.t-code-actions[_ngcontent-sc56]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}tui-root._mobile[_nghost-sc56]   .t-code-actions[_ngcontent-sc56], tui-root._mobile   [_nghost-sc56]   .t-code-actions[_ngcontent-sc56]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-base-04)}.t-copy-button[_ngcontent-sc56] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-sc56]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs[_ngcontent-sc56]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty), tui-root._mobile   [_nghost-sc56]   .hljs[_ngcontent-sc56]:not(:empty){padding:1rem}.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:var(--tui-base-01)}@supports (background: color-mix(in srgb,var(--tui-base-01),#222 2%)){.t-code-actions[_ngcontent-sc56], .hljs[_ngcontent-sc56]:not(:empty){background:color-mix(in srgb,var(--tui-base-01),#222 2%)}}</style><style ng-transition="demo">[_nghost-sc60]{position:relative;display:block;padding-top:3.5rem;clear:right}[_nghost-sc60]   tui-root._mobile[_nghost-sc60], tui-root._mobile   [_nghost-sc60]{padding-top:2rem}.t-title[_ngcontent-sc60]{font:var(--tui-font-heading-5);margin:0 0 .5rem}tui-root._mobile[_nghost-sc60]   .t-title[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-title[_ngcontent-sc60]{font:var(--tui-font-heading-6)}.t-description[_ngcontent-sc60]{font:var(--tui-font-text-m);font-weight:normal;margin:0}.t-title[_ngcontent-sc60]:first-letter, .t-description[_ngcontent-sc60]:first-letter{text-transform:capitalize}.t-example[_ngcontent-sc60]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}tui-root._mobile[_nghost-sc60]   .t-example[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-example[_ngcontent-sc60]{margin-top:.75rem}.t-tabs-wrapper[_ngcontent-sc60]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}tui-root._mobile[_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-tabs-wrapper[_ngcontent-sc60]{padding:0 .875rem 0 1rem}.t-tabs[_ngcontent-sc60]{flex-grow:1}.t-demo[_ngcontent-sc60]{padding:2rem;max-width:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-sc60]::-webkit-scrollbar, .t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo[_ngcontent-sc60]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}tui-root._mobile[_nghost-sc60]   .t-demo[_ngcontent-sc60], tui-root._mobile   [_nghost-sc60]   .t-demo[_ngcontent-sc60]{padding:1rem}[_nghost-sc60]:not(._fullsize)   .t-demo[_ngcontent-sc60]{width:-webkit-min-content;width:min-content;min-width:20rem}.t-link-icon[_ngcontent-sc60]{margin-left:.3rem;vertical-align:baseline}.t-content[_ngcontent-sc60]{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-sc60]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-sc60]{height:auto;visibility:visible;opacity:1}</style><style ng-transition="demo">[_nghost-sc106]{position:relative;z-index:0;display:flex;flex-direction:column;min-height:var(--tui-textarea-height);border-radius:var(--tui-radius-m);color:var(--tui-text-01)}[data-mode=onDark][_nghost-sc106]{color:var(--tui-text-01-night)}[data-size=s][_nghost-sc106]{--tui-height: var(--tui-height-s);--tui-textarea-height: 4.5625rem;font:var(--tui-font-text-s)}[data-size=m][_nghost-sc106]{--tui-height: var(--tui-height-m);--tui-textarea-height: 5.5rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-sc106]{--tui-height: var(--tui-height-l);--tui-textarea-height: 6.75rem;font:var(--tui-font-text-m)}[data-size=m]._has-counter[_nghost-sc106]{--tui-textarea-height: 6.625rem}[data-size=l]._has-counter[_nghost-sc106]{--tui-textarea-height: 7.875rem}.t-outline[_ngcontent-sc106]{min-height:inherit}.t-content[_ngcontent-sc106]{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}._disabled[_nghost-sc106]   .t-content[_ngcontent-sc106]{cursor:auto;opacity:var(--tui-disabled-opacity)}[_nghost-sc106]:not(._expandable)   .t-content[_ngcontent-sc106]{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}._has-counter[_nghost-sc106]:not(._expandable)   .t-content[_ngcontent-sc106]{bottom:1.6875rem}._label-outside._has-counter[_nghost-sc106]:not(._expandable)   .t-content[_ngcontent-sc106]{bottom:1rem}.t-wrapper[_ngcontent-sc106]{position:relative;width:100%;height:100%;min-height:inherit;box-sizing:border-box;padding:calc((var(--tui-height) - 1.25rem) / 2) 0}[data-size=l]._label-outside[_nghost-sc106]   .t-wrapper[_ngcontent-sc106]{padding:calc((var(--tui-height) - 1.5rem) / 2) 0}[data-size=m][_nghost-sc106]:not(._label-outside)   .t-wrapper[_ngcontent-sc106]{padding:calc((var(--tui-height) - 2.25rem) / 2) 0}[data-size=l][_nghost-sc106]:not(._label-outside)   .t-wrapper[_ngcontent-sc106]{padding:calc((var(--tui-height) - 2.625rem) / 2) 0}table[data-size=m]._label-outside[_nghost-sc106]   .t-wrapper[_ngcontent-sc106], table   [data-size=m]._label-outside[_nghost-sc106]   .t-wrapper[_ngcontent-sc106]{padding-bottom:.75rem}table[data-size=l]._label-outside[_nghost-sc106]   .t-wrapper[_ngcontent-sc106], table   [data-size=l]._label-outside[_nghost-sc106]   .t-wrapper[_ngcontent-sc106]{padding-bottom:1rem}.t-input-wrapper[_ngcontent-sc106]{min-height:inherit;width:100%;flex:1}.t-relative[_ngcontent-sc106]{position:relative;min-height:inherit}.t-box[_ngcontent-sc106]{display:flex;min-height:calc(100% - 1rem);width:100%}[_nghost-sc106]:not(._expandable)   .t-box[_ngcontent-sc106]{height:calc(100% - 1rem)}[_nghost-sc106]:not(._expandable)._label-outside   .t-box[_ngcontent-sc106]{height:100%}._has-counter._expandable[_nghost-sc106]   .t-box[_ngcontent-sc106]{margin-bottom:1.25rem}[data-size=m][_nghost-sc106]:not(._label-outside)   .t-box[_ngcontent-sc106]{border-top:1rem solid transparent}[data-size=l][_nghost-sc106]:not(._label-outside)   .t-box[_ngcontent-sc106]{border-top:1.25rem solid transparent}.t-pseudo-content[_ngcontent-sc106]{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-top:0;border-bottom:0;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}[data-size=s][_nghost-sc106]   .t-pseudo-content[_ngcontent-sc106], [data-size=m][_nghost-sc106]   .t-pseudo-content[_ngcontent-sc106]{padding:0 .75rem}[data-size=l][_nghost-sc106]   .t-pseudo-content[_ngcontent-sc106]{padding:0 1rem}.t-pseudo-content__extra[_ngcontent-sc106]{background-color:var(--tui-error-bg-night)}.t-input[_ngcontent-sc106]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:none;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}.t-input[_ngcontent-sc106]:-webkit-autofill, .t-input[_ngcontent-sc106]:-webkit-autofill:hover, .t-input[_ngcontent-sc106]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input[_ngcontent-sc106]:not(:last-of-type){display:none}.t-input[_ngcontent-sc106]::placeholder{color:var(--tui-text-03);opacity:0}[data-mode=onDark][_nghost-sc106]   .t-input[_ngcontent-sc106]::placeholder{color:var(--tui-text-03-night)}._focused[_nghost-sc106]   .t-input[_ngcontent-sc106]:not(:-moz-read-only)::placeholder{opacity:1}._focused[_nghost-sc106]   .t-input[_ngcontent-sc106]:not(:read-only)::placeholder{opacity:1}[data-size=s][_nghost-sc106]   .t-input[_ngcontent-sc106], [data-size=m][_nghost-sc106]   .t-input[_ngcontent-sc106]{padding:0 .75rem}[data-size=l][_nghost-sc106]   .t-input[_ngcontent-sc106]{padding:0 1rem}[data-mode=onDark]._disabled[_nghost-sc106]   .t-input[_ngcontent-sc106]{color:var(--tui-text-03-night)}@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill){._ios[_nghost-sc106]   .t-input[_ngcontent-sc106]{padding-left:.8125rem}}.t-placeholder[_ngcontent-sc106]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;top:calc(var(--tui-height) / 2 - .625rem);left:0;max-width:100%;border:solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);box-sizing:border-box}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-sc106]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-sc106]{transform:translateY(-.625rem)}[data-size=m][_nghost-sc106]   .t-placeholder_raised[_ngcontent-sc106]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-sc106]:not(._focused)   .t-placeholder_raised[_ngcontent-sc106], ._invalid[_nghost-sc106]:not(._focused):hover   .t-placeholder_raised[_ngcontent-sc106]{color:var(--tui-error-fill)}._invalid[_nghost-sc106]:not(._focused)   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder_raised[_ngcontent-sc106], ._invalid[_nghost-sc106]:not(._focused):hover   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder_raised[_ngcontent-sc106]{color:var(--tui-error-fill-night)}._focused[_nghost-sc106]   .t-placeholder[_ngcontent-sc106], [data-size=m]._focused._label-outside[_nghost-sc106]   .t-placeholder[_ngcontent-sc106], [data-size=l]._focused._label-outside[_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{color:var(--tui-text-03)}[data-size=l][_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-sc106]   .t-placeholder_raised[_ngcontent-sc106]{font-size:.8156rem}[data-size=m]._focused[_nghost-sc106]:not(._label-outside)   .t-placeholder[_ngcontent-sc106], [data-size=l]._focused[_nghost-sc106]:not(._label-outside)   .t-placeholder[_ngcontent-sc106]{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106]{color:var(--tui-text-02-night)}[data-size=m]._focused[_nghost-sc106]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106], [data-size=l]._focused[_nghost-sc106]:not(._label-outside)   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106]{color:var(--tui-text-01-night)}._focused[_nghost-sc106]   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106], [data-size=m]._focused._label-outside[_nghost-sc106]   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106], [data-size=l]._focused._label-outside[_nghost-sc106]   [tuiWrapper][data-mode=onDark][_ngcontent-sc106]   .t-placeholder[_ngcontent-sc106]{color:var(--tui-text-02-night)}[data-size=s][_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{padding:0 .75rem}[data-size=m][_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{padding:0 .75rem}[data-size=l][_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{padding:0 1rem}._label-outside[_nghost-sc106]   .t-placeholder[_ngcontent-sc106]{overflow:initial;height:auto;white-space:initial}.t-icons[_ngcontent-sc106]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:calc((var(--tui-height) - 1.5rem) / 2) 1rem}[data-size=m][_nghost-sc106]   .t-icons[_ngcontent-sc106]{padding:calc((var(--tui-height) - 1.5rem) / 2) .625rem}.t-icons[_ngcontent-sc106] > [_ngcontent-sc106]:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}.t-icon[_ngcontent-sc106]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}.t-icon_left[_ngcontent-sc106]{-webkit-margin-end:auto;margin-inline-end:auto}.t-cleaner[_ngcontent-sc106]{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}._readonly[_nghost-sc106]   .t-cleaner[_ngcontent-sc106], ._disabled[_nghost-sc106]   .t-cleaner[_ngcontent-sc106]{pointer-events:none}.t-caret[_ngcontent-sc106]{display:inline-block;height:1rem;width:0}.t-counter[_ngcontent-sc106]{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}[data-mode=onDark][_nghost-sc106]   .t-counter[_ngcontent-sc106]{color:var(--tui-text-03-night)}</style><style ng-transition="demo">[_nghost-sc19]{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[_nghost-sc19]:-webkit-autofill, [_nghost-sc19]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-sc19]::-webkit-caps-lock-indicator, [_nghost-sc19]::-webkit-contacts-auto-fill-button, [_nghost-sc19]::-webkit-credit-card-auto-fill-button, [_nghost-sc19]::-webkit-credentials-auto-fill-button, [_nghost-sc19]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-sc19]::placeholder{color:var(--tui-text-03);opacity:0}._focused[_nghost-sc19]:not(._readonly)   [_ngcontent-sc19]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-sc19]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-sc19]::placeholder{opacity:1}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:hover, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:hover, [tuiWrapper][data-mode=onDark]   [_nghost-sc19]:-webkit-autofill:focus, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]:-webkit-autofill:focus, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark]   [_nghost-sc19]::placeholder, [_nghost-sc19]   [tuiWrapper][data-mode="onDark"][_nghost-sc19]::placeholder, [tuiWrapper][data-mode="onDark"]   [_nghost-sc19]::placeholder{color:var(--tui-text-03-night)}[data-size=s][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="s"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="s"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="s"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="m"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="m"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"][_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-sc19]:not(tui-primitive-textfield), [_nghost-sc19]   tui-textarea[data-size="l"][_nghost-sc19]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-sc19]:not(tui-textarea), [_nghost-sc19]   tui-text-area[data-size="l"][_nghost-sc19]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-sc19]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-sc19]   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield._disabled[_nghost-sc19], tui-primitive-textfield._disabled   [_nghost-sc19], [_nghost-sc19]   tui-textarea._disabled[_nghost-sc19], tui-textarea._disabled   [_nghost-sc19], [_nghost-sc19]   tui-text-area._disabled[_nghost-sc19], tui-text-area._disabled   [_nghost-sc19]{pointer-events:none}[data-size=l][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=l][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-sc19]:not(._label-outside)   -shadowcsshost, [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield){padding-top:1rem}[data-size=m][_nghost-sc19]:not(._label-outside)   [_ngcontent-sc19]:-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19], tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc19]:not(tui-primitive-textfield):-webkit-autofill + .t-content[_ngcontent-sc19]   .t-placeholder[_ngcontent-sc19]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-sc19]   input[_ngcontent-sc19], [_nghost-sc19]   tui-primitive-textfield._hidden[_nghost-sc19], tui-primitive-textfield._hidden   [_nghost-sc19]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-sc19]{white-space:pre-wrap}textarea[_nghost-sc19]   tui-textarea._ios[_nghost-sc19], tui-textarea._ios   [_nghost-sc19], textarea[_nghost-sc19]   tui-text-area._ios[_nghost-sc19], tui-text-area._ios   [_nghost-sc19]{padding-left:.8125rem}</style><style ng-transition="demo">[_nghost-sc54]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);line-height:1.25rem;max-width:100%;cursor:default;outline:none;text-decoration:none;padding:0;border:0}[_nghost-sc54]:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;pointer-events:none}._hoverable[_nghost-sc54]:hover[data-status=custom]:after, ._hoverable[_nghost-sc54]:active[data-status=custom]:after{background-color:var(--tui-clear)}[_nghost-sc54]:focus:after{border:2px solid var(--tui-focus)}[data-size=s][_nghost-sc54]{font:var(--tui-font-text-xs);line-height:1.25rem;border-radius:var(--tui-radius-xs)}[data-size=m][_nghost-sc54]{border-radius:var(--tui-radius-xs)}[data-size=l][_nghost-sc54]{border-radius:var(--tui-radius-s)}[data-status=primary][_nghost-sc54]{background-color:var(--tui-primary);color:var(--tui-primary-text)}[data-status=primary]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-primary-hover)}[data-status=primary]._hoverable[_nghost-sc54]:active{background-color:var(--tui-primary-active)}[data-status=error][_nghost-sc54]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}[data-status=error]._hoverable[_nghost-sc54]:hover, [data-status=error]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-hover)}[data-status=error][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}[data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=error][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-error-bg-night-hover)}[data-status=success][_nghost-sc54]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}[data-status=success]._hoverable[_nghost-sc54]:hover, [data-status=success]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-hover)}[data-status=success][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}[data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=success][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-success-bg-night-hover)}[data-status=warning][_nghost-sc54]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}[data-status=warning]._hoverable[_nghost-sc54]:hover, [data-status=warning]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-hover)}[data-status=warning][data-mode=onDark][_nghost-sc54]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}[data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:hover, [data-status=warning][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-warning-bg-night-hover)}[data-status=default][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}[data-status=default][_nghost-sc54]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}[data-status=default][data-mode=onDark][_nghost-sc54]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-inverse-hover)}[data-status=default][data-mode=onDark]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-inverse-active)}[data-status=default][data-mode=onDark][_nghost-sc54]:focus:after{border:2px solid var(--tui-base-01)}[data-status=default][data-mode=onLight][_nghost-sc54]{background-color:var(--tui-clear);color:var(--tui-text-01)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:hover{background-color:var(--tui-clear-hover)}[data-status=default][data-mode=onLight]._hoverable[_nghost-sc54]:active{background-color:var(--tui-clear-active)}._editing[_nghost-sc54]{background:transparent!important}._disabled[_nghost-sc54]{pointer-events:none;opacity:var(--tui-disabled-opacity)}._hoverable[_nghost-sc54]{cursor:pointer}._autocolor[_nghost-sc54]{color:#000c}.t-text[_ngcontent-sc54]{white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.t-tag[_ngcontent-sc54]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:flex;width:auto;align-items:center;font:inherit;border-radius:inherit}[data-size=s][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:1.25rem;padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-xs);padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-tag[_ngcontent-sc54]{height:var(--tui-height-s);padding:0 .75rem}._editing[_nghost-sc54]   .t-tag[_ngcontent-sc54]{visibility:hidden}.t-edit[_ngcontent-sc54]{margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:inherit;color:var(--tui-text-01);width:100%;height:100%;box-sizing:border-box;padding:0 .5rem}.t-edit[_ngcontent-sc54]:-webkit-autofill, .t-edit[_ngcontent-sc54]:-webkit-autofill:hover, .t-edit[_ngcontent-sc54]:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}[data-size=s][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .375rem}[data-size=m][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .5rem}[data-size=l][_nghost-sc54]   .t-edit[_ngcontent-sc54]{padding:0 .75rem}.t-icon[_ngcontent-sc54]{width:1rem;height:100%;cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity);-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}.t-icon[_ngcontent-sc54]:hover{opacity:1}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]{-webkit-margin-start:0;margin-inline-start:0}[data-size=s][_nghost-sc54]   .t-icon[_ngcontent-sc54]     svg{transform:scale(.75)}.t-content[_ngcontent-sc54]{width:1rem;height:1rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}</style><style ng-transition="demo">[_nghost-sc50]{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper[_ngcontent-sc50]{position:relative;display:flex}.t-tabs[_ngcontent-sc50]{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown[_ngcontent-sc50]{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper[_ngcontent-sc50]{height:100%;pointer-events:none}.t-more_wrapper[_ngcontent-sc50]   button[_ngcontent-sc50]{pointer-events:auto}.t-icon[_ngcontent-sc50]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-sc50]{transform:rotate(180deg)}.t-dropdown[_ngcontent-sc50]{padding:.25rem 0}.t-dropdown[_ngcontent-sc50]     *[tuiTab]{width:calc(100% - .75rem);height:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-01)}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-sc50]     *[tuiTab]:hover, .t-dropdown[_ngcontent-sc50]     *[tuiTab]:focus, .t-dropdown[_ngcontent-sc50]     *[tuiTab]._active{box-shadow:none;background:var(--tui-clear)}.t-no-margin[_ngcontent-sc50]{margin-left:0}</style><style ng-transition="demo">[_nghost-sc48]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto;isolation:isolate}[_nghost-sc48]::-webkit-scrollbar, [_nghost-sc48]::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}.t-underline[_ngcontent-sc48]{z-index:-1}</style><style ng-transition="demo">._underline[_nghost-sc46]:hover, ._underline   [_nghost-sc46]:hover{box-shadow:inset 0 -2px var(--tui-base-03)}tui-tabs    > [_nghost-sc46]:first-child, tui-tabs    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, [tuiTabs]    > [_nghost-sc46]:first-child, tui-tabs    > :first-child[_nghost-sc46], tui-tabs    > :first-child   [_nghost-sc46], [tuiTabs]    > :first-child[_nghost-sc46], [tuiTabs]    > :first-child   [_nghost-sc46]{margin-left:0}[_nghost-sc46]{transition-property:color,box-shadow,opacity,background;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;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:var(--tui-tab-margin, 1.5rem)}[_nghost-sc46]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[_nghost-sc46]:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}[data-mode=onDark][_nghost-sc46]{color:#ffffffb8}[data-mode=onDark][_nghost-sc46]:hover, [data-mode=onDark]._active[_nghost-sc46]{color:#fff}[data-mode=onDark]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-clear-inverse);color:var(--tui-text-01)}[data-mode=onLight][_nghost-sc46]{color:var(--tui-text-02)}[data-mode=onLight][_nghost-sc46]:hover, [data-mode=onLight]._active[_nghost-sc46]{color:var(--tui-text-01)}[data-mode=onLight]._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-text-01);color:#fff}._focus-visible[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{background:var(--tui-selection)}._android[_nghost-sc46]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._android[_nghost-sc46]:hover{box-shadow:none}._android._active[_nghost-sc46]{opacity:1;color:var(--tui-base-09)}._android[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}._ios[_nghost-sc46]{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}._ios[_nghost-sc46]:hover{box-shadow:none}._ios._active[_nghost-sc46]{font-size:.875rem;font-weight:600;color:var(--tui-link)}._ios[_nghost-sc46]   .t-highlight[_ngcontent-sc46]{width:auto}@media (hover: hover){[_nghost-sc46]:hover{color:var(--tui-text-01)}}.t-highlight[_ngcontent-sc46]{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight[_ngcontent-sc46]    >*{flex-shrink:0}tui-tabs[data-vertical][_nghost-sc46], tui-tabs[data-vertical]   [_nghost-sc46], [tuiTabs][data-vertical][_nghost-sc46], [tuiTabs][data-vertical]   [_nghost-sc46]{min-height:2.75rem;height:auto;white-space:normal;margin:0;text-align:left;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical][_nghost-sc46]:after, tui-tabs[data-vertical]   [_nghost-sc46]:after, [tuiTabs][data-vertical][_nghost-sc46]:after, [tuiTabs][data-vertical]   [_nghost-sc46]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:var(--tui-primary);transform:scaleX(0);transform-origin:right}tui-tabs[data-vertical][_nghost-sc46]:hover, tui-tabs[data-vertical]   [_nghost-sc46]:hover, [tuiTabs][data-vertical][_nghost-sc46]:hover, [tuiTabs][data-vertical]   [_nghost-sc46]:hover{box-shadow:inset -2px 0 var(--tui-base-03)}tui-tabs[data-vertical]._active[_nghost-sc46]:after, tui-tabs[data-vertical]   ._active[_nghost-sc46]:after, [tuiTabs][data-vertical]._active[_nghost-sc46]:after, [tuiTabs][data-vertical]   ._active[_nghost-sc46]:after{transform:none}tui-tabs[data-vertical="right"][_nghost-sc46], tui-tabs[data-vertical="right"]   [_nghost-sc46], [tuiTabs][data-vertical="right"][_nghost-sc46], [tuiTabs][data-vertical="right"]   [_nghost-sc46]{text-align:right;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical="right"][_nghost-sc46]:after, tui-tabs[data-vertical="right"]   [_nghost-sc46]:after, [tuiTabs][data-vertical="right"][_nghost-sc46]:after, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical="right"][_nghost-sc46]:hover, tui-tabs[data-vertical="right"]   [_nghost-sc46]:hover, [tuiTabs][data-vertical="right"][_nghost-sc46]:hover, [tuiTabs][data-vertical="right"]   [_nghost-sc46]:hover{box-shadow:inset 2px 0 var(--tui-base-03)}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">@media screen and (max-width: 47.9625em){button[_ngcontent-sc70]{font-size:0;margin-right:-1rem}}</style><style ng-transition="demo">[_nghost-sc47]{transition-property:none;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:0;height:100%;color:var(--tui-primary);transform:scale(0);box-shadow:inset 0 -.1875rem 0 -.0625rem;pointer-events:none}[data-mode=onDark][_nghost-sc47]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc47]{color:var(--tui-text-02)}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2201702025374281" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2201702025374281" htmlfor="tui_interactive_2201702025374281"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><textarea-doc class="ng-star-inserted"><tui-doc-page header="Textarea" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Textarea <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <code>HTMLTextAreaElement</code> too. API is the same as for <code>HTMLInputElement</code> . </p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2201702045820083" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2201702045820083" htmlfor="tui_interactive_2201702045820083"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted t-icon_open" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted _expanded _overflow" aria-expanded="true"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled" style=""><!----><!----><div _ngcontent-sc52="" automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-sc61="" class="t-section ng-star-inserted"><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/card"><!----><span _ngcontent-sc4="" class="t-content"> Card <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/phone"><!----><span _ngcontent-sc4="" class="t-content"> Phone <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted t-sublink_active" _nghost-sc4="" href="/recipes/textarea"><!----><span _ngcontent-sc4="" class="t-content"> Textarea <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/prefix"><!----><span _ngcontent-sc4="" class="t-content"> With prefix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/postfix"><!----><span _ngcontent-sc4="" class="t-content"> With postfix <!----></span><!----></a><!----><!----><!----><a _ngcontent-sc61="" routerlinkactive="t-sublink_active" tuilink="" class="t-sublink ng-star-inserted" _nghost-sc4="" href="/recipes/placeholder"><!----><span _ngcontent-sc4="" class="t-content"> With placeholder <!----></span><!----></a><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><textarea-doc class="ng-star-inserted"><tui-doc-page header="Textarea" package="Recipes" _nghost-sc67=""><header _ngcontent-sc67="" class="t-header"><h1 _ngcontent-sc67="" class="t-title"> Textarea <!----><tui-tag _ngcontent-sc67="" status="custom" class="t-tag t-tag_package _autocolor ng-star-inserted" _nghost-sc54="" data-size="m" data-status="custom"><div _ngcontent-sc54="" class="t-tag" style="background-color:hsl(-323,57%,77%);"><!----><span _ngcontent-sc54="" automation-id="tui-tag__text" class="t-text" textcontent="Recipes">Recipes</span><!----><!----></div><!----></tui-tag><!----></h1><!----><tui-doc-source-code _ngcontent-sc67="" class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-sc67="" class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <code>HTMLTextAreaElement</code> too. API is the same as for <code>HTMLInputElement</code> . </p><tui-doc-code _nghost-sc56="" class=""><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
         
     </div>
-</pre><!----></tui-doc-code><p class="tui-space_bottom-0"> Learn more in the <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> section. </p></section><tui-doc-example id="latin" heading="Latin letters and digits" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Latin letters and digits" class="ng-star-inserted">Latin letters and digits</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><textarea-doc-example-1><tui-textarea _nghost-sc106="" class="ng-untouched ng-pristine ng-valid" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><div _ngcontent-sc106="" automation-id="tui-text-area__wrapper" tuiwrapper="" class="t-outline" data-appearance="textfield"><!----><label _ngcontent-sc106="" class="t-content"><div _ngcontent-sc106="" class="t-wrapper"><div _ngcontent-sc106="" automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-sc106="" automation-id="tui-text-area__scrollbar" class="t-box _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><div _ngcontent-sc106="" class="t-input-wrapper"><div _ngcontent-sc106="" class="t-relative"><div _ngcontent-sc106="" aria-hidden="true" class="t-pseudo-content"><span _ngcontent-sc106="" textcontent="Only latin letters and digits are allowed">Only latin letters and digits are allowed</span><span _ngcontent-sc106="" class="t-pseudo-content__extra" textcontent=""></span><span _ngcontent-sc106="" class="t-caret"></span></div><textarea _ngcontent-sc106="" automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2291702025374300" value="" tabindex="0"></textarea><textarea type="text" autocomplete="street-address" placeholder="Only latin letters and digits are allowed" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_131702025374304" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-sc106="" class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></textarea-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
+</pre><!----></tui-doc-code><p class="tui-space_bottom-0"> Learn more in the <a tuilink="" _nghost-sc4="" href="/core-concepts/overview" class=""><!----><span _ngcontent-sc4="" class="t-content"> "Core&nbsp;Concepts" </span><!----></a> section. </p></section><tui-doc-example id="latin" heading="Latin letters and digits" _nghost-sc60="" class="_fullsize"><h3 _ngcontent-sc60="" class="t-title ng-star-inserted"><span _ngcontent-sc60="" textcontent="Latin letters and digits" class="ng-star-inserted">Latin letters and digits</span><!----><button _ngcontent-sc60="" appearance="icon" size="xs" tuiiconbutton="" type="button" class="t-link-icon ng-star-inserted" _nghost-sc3="" title="Copy" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconLink.svg?v=3.57.0#tuiIconLink"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button><!----></h3><!----><!----><div _ngcontent-sc60="" class="t-example ng-star-inserted"><div _ngcontent-sc60="" class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-sc60="" class="t-tabs _underline" _nghost-sc50=""><!----><div _ngcontent-sc50="" class="t-wrapper"><tui-tabs _ngcontent-sc50="" class="t-tabs" _nghost-sc48=""><!----><div _ngcontent-sc50="" class="ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted _active" tabindex="0"><!----><span _ngcontent-sc46="" class="t-highlight"> Preview <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> mask <!----><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><javascript-logo class="ng-star-inserted"><tui-svg src="assets/icons/javascript.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></javascript-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><angular-logo class="ng-star-inserted"><tui-svg src="assets/icons/angular.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></angular-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><react-logo class="ng-star-inserted"><tui-svg src="assets/icons/react.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></react-logo><!----></span></button><!----></div><!----><!----><!----><div _ngcontent-sc50="" class="t-overflown ng-star-inserted"><button _ngcontent-sc60="" type="button" tuitab="" _nghost-sc46="" style="cursor:pointer;--tui-tab-margin:24px;" class="ng-star-inserted" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"><vue-logo class="ng-star-inserted"><tui-svg src="assets/icons/vue.svg" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg></vue-logo><!----></span></button><!----></div><!----><!----><!----><!----><!----></tui-tabs><tui-hosted-dropdown _ngcontent-sc50="" class="t-more_wrapper" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><button _ngcontent-sc50="" type="button" tuitab="" _nghost-sc46="" class="" style="cursor:pointer;--tui-tab-margin:24px;" tabindex="-1"><!----><span _ngcontent-sc46="" class="t-highlight"> More <tui-svg _ngcontent-sc50="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDown.svg?v=3.57.0#tuiIconChevronDown"></use></svg><!----><!----><!----><!----></tui-svg><!----></span></button><!----><!----></div><!----></tui-hosted-dropdown><!----><tui-underline _ngcontent-sc50="" _nghost-sc47="" class="ng-star-inserted"></tui-underline><!----></div></tui-tabs-with-more><tui-loader _ngcontent-sc60="" size="xs" _nghost-sc2="" class="ng-star-inserted"><fieldset _ngcontent-sc2="" class="t-content"><stackblitz-edit-button _nghost-sc70="" class="ng-star-inserted"><button _ngcontent-sc70="" appearance="flat" icon="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton="" type="button" _nghost-sc3="" class="" tabindex="0" data-size="s" data-appearance="flat"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="flat"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----></span><!----> Edit <!----></span><!----></div></button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-sc60="" class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-sc60="" automation-id="tui-doc-example" class="t-demo ng-star-inserted"><textarea-doc-example-1><tui-textarea _nghost-sc106="" class="ng-untouched ng-pristine ng-valid" data-size="l" style="--border-start:0rem;--border-end:0rem;"><!----><div _ngcontent-sc106="" automation-id="tui-text-area__wrapper" tuiwrapper="" class="t-outline" data-appearance="textfield"><!----><label _ngcontent-sc106="" class="t-content"><div _ngcontent-sc106="" class="t-wrapper"><div _ngcontent-sc106="" automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-sc106="" automation-id="tui-text-area__scrollbar" class="t-box _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><div _ngcontent-sc106="" class="t-input-wrapper"><div _ngcontent-sc106="" class="t-relative"><div _ngcontent-sc106="" aria-hidden="true" class="t-pseudo-content"><span _ngcontent-sc106="" textcontent="Only latin letters and digits are allowed">Only latin letters and digits are allowed</span><span _ngcontent-sc106="" class="t-pseudo-content__extra" textcontent=""></span><span _ngcontent-sc106="" class="t-caret"></span></div><textarea _ngcontent-sc106="" automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2291702045820097" value="" tabindex="0"></textarea><textarea type="text" autocomplete="street-address" placeholder="Only latin letters and digits are allowed" tuitextfield="" _nghost-sc19="" tabindex="0" value="" id="tui_131702045820102" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-sc106="" class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></textarea-doc-example-1></div><!----><!----><!----></div><div _ngcontent-sc60="" class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-sc60="" _nghost-sc56="" class="ng-star-inserted"><!----><pre _ngcontent-sc56="" class="t-code ng-star-inserted">    <code _ngcontent-sc56="" class="hljs"></code>
     <div _ngcontent-sc56="" class="t-code-actions">
         <button _ngcontent-sc56="" tuiiconbutton="" appearance="icon" size="xs" class="t-copy-button" _nghost-sc3="" tabindex="0" data-size="xs" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconCopyLarge.svg?v=3.57.0#tuiIconCopyLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!---->
         <!----></span><!----></div></button>
@@ -59,6 +59,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></textarea-doc><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/runtime.13c16d7c224e5d6f.js b/runtime.aea586df79702c64.js
similarity index 94%
rename from runtime.13c16d7c224e5d6f.js
rename to runtime.aea586df79702c64.js
index b0f05f2fa..088aafd5b 100644
--- a/runtime.13c16d7c224e5d6f.js
+++ b/runtime.aea586df79702c64.js
@@ -1 +1 @@
-(()=>{"use strict";var e,m={},v={};function f(e){var c=v[e];if(void 0!==c)return c.exports;var a=v[e]={exports:{}};return m[e].call(a.exports,a,a.exports,f),a.exports}f.m=m,e=[],f.O=(c,a,b,r)=>{if(!a){var d=1/0;for(t=0;t<e.length;t++){for(var[a,b,r]=e[t],u=!0,n=0;n<a.length;n++)(!1&r||d>=r)&&Object.keys(f.O).every(p=>f.O[p](a[n]))?a.splice(n--,1):(u=!1,r<d&&(d=r));if(u){e.splice(t--,1);var i=b();void 0!==i&&(c=i)}}return c}r=r||0;for(var t=e.length;t>0&&e[t-1][2]>r;t--)e[t]=e[t-1];e[t]=[a,b,r]},f.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return f.d(c,{a:c}),c},(()=>{var c,e=Object.getPrototypeOf?a=>Object.getPrototypeOf(a):a=>a.__proto__;f.t=function(a,b){if(1&b&&(a=this(a)),8&b||"object"==typeof a&&a&&(4&b&&a.__esModule||16&b&&"function"==typeof a.then))return a;var r=Object.create(null);f.r(r);var t={};c=c||[null,e({}),e([]),e(e)];for(var d=2&b&&a;"object"==typeof d&&!~c.indexOf(d);d=e(d))Object.getOwnPropertyNames(d).forEach(u=>t[u]=()=>a[u]);return t.default=()=>a,f.d(r,t),r}})(),f.d=(e,c)=>{for(var a in c)f.o(c,a)&&!f.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce((c,a)=>(f.f[a](e,c),c),[])),f.u=e=>(8592===e?"common":e)+"."+{18:"a3abc72d85bb9026",87:"ee1655a32d824a27",131:"35d7c50c0dd36d40",169:"055a26a4129b6c39",269:"6e4fe08514d2e104",608:"0847c38215689f5a",664:"1c47d83731b45138",793:"49cd9861dec31bca",904:"84e323c7cfeb0cc8",960:"5d029c736c6a2b15",1026:"1e5ca030db1c4787",1069:"17b68f25139c5605",1127:"f7fee2a02ffd672e",1165:"d276b62c8565ffa7",1223:"670510bbbdd71a71",1226:"cffe780e87afae72",1335:"4eb50c241c3a963a",1351:"582848e3f4c17290",1465:"f3111bb458272129",1508:"fb793d7fc751b592",1541:"0aa5b1970708c73c",1759:"8fcbfc3222254c6a",1865:"8d2c45a819abae0a",2049:"97c6d4b6ba693ee2",2089:"86747f3fc5db5c16",2092:"5e4d959d342c7594",2362:"2021d3d2d6924a8d",2391:"df82bb30b58af2c1",2472:"48f949e1db50185e",2742:"fab7d2673fcabca5",2830:"6251e61a6448f834",2888:"a7e98161335da404",2921:"8ff1c02aa4fed3d1",3088:"d522cda5bb77f00b",3245:"2d30d34d9d988578",3360:"e562100688cc3a11",3377:"233a2739c13a79c3",3381:"e621a3272023158e",3506:"dd84147d1a8831d2",3533:"3b7d7e3987ae0a46",3716:"ff811ddfc7d61da2",4047:"7a3933052b85da32",4088:"4a567e4c9d61c70f",4173:"d56d4a0dbb48f2ab",4220:"0a42bcbf9ad1d396",4249:"193b009cdf57cfbf",4338:"f9aed5608093f9d6",4356:"a929c17f74bf51a2",4701:"de7a89818abdb677",4930:"8ccadc306a1a2273",4947:"a76a473ab8031cbe",4992:"2f2b2d12503cbbc6",5017:"122fde49ab66caec",5034:"02b089f444ef1c15",5088:"3925281975010f83",5097:"9b9bd0f1c5d4ad1d",5113:"83be28908feba4de",5168:"b03a51d6e4ee616b",5445:"9447488113cd1d42",5539:"081ce6af4be3a2e4",5564:"4ad4cd52d19acea7",5580:"f1b9ec9d6062eeb1",5608:"d56891ed94b039d3",5691:"9a9492e9823b6cfc",6054:"da388176e4fbbea0",6233:"b7b3bcd298b96cdc",6304:"5ea8777c2e6b2f1a",6597:"79f85d281eefd893",6793:"a32db330d83be329",6880:"faecec5c401e3133",6901:"7298b4eee94fac57",6916:"4be7f6d9fe6a7f9b",6976:"ff85e31233a6387f",6988:"6c400c0825cdc27d",6990:"e8d963285fc0e85f",7072:"744bf1572293dee1",7089:"3f4db62a96b31710",7217:"4a765176d8d6d995",7316:"960680a7fa683205",7383:"62ab7d17ea41c561",7435:"343bd9da8baf9b27",7648:"850f328ac3fd5585",7674:"672923287bc10bca",7681:"3bcdd1a3eb2fde38",7698:"6d9be0cd52ac636f",7792:"44e00711bacbe87e",7891:"7d0df5f5dd60afd5",7948:"fda8e861278e874f",8210:"17354bf6a6bf62d2",8307:"50fd0ac9d3e69c9f",8354:"c7748065d9f2295a",8372:"3ab40bac3582a20d",8507:"edc823a0fec8f564",8592:"478435dfc6b25395",8602:"1ccb7e75d4e659f8",8644:"2b31bce6f133d93e",8660:"c127f2c57814ed45",8729:"83d4018f5b8f2c37",8884:"ddfa1739fb094839",8929:"92fb4a9948619e13",8935:"9901766bd27ea182",8945:"83d3b189e9a1cbba",9022:"927b7f510fea205a",9057:"46b6f1216fee07c6",9328:"7f4b115dc3b60a91",9358:"59cc7d1231aac1dc",9748:"20a95406f3af36c2",9899:"59d4d9dd1b68f7c8",9935:"d9674e8bb1693ac4"}[e]+".js",f.miniCssF=e=>{},f.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),(()=>{var e={},c="demo:";f.l=(a,b,r,t)=>{if(e[a])e[a].push(b);else{var d,u;if(void 0!==r)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var o=n[i];if(o.getAttribute("src")==a||o.getAttribute("data-webpack")==c+r){d=o;break}}d||(u=!0,(d=document.createElement("script")).type="module",d.charset="utf-8",d.timeout=120,f.nc&&d.setAttribute("nonce",f.nc),d.setAttribute("data-webpack",c+r),d.src=f.tu(a)),e[a]=[b];var l=(g,p)=>{d.onerror=d.onload=null,clearTimeout(s);var _=e[a];if(delete e[a],d.parentNode&&d.parentNode.removeChild(d),_&&_.forEach(y=>y(p)),g)return g(p)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=l.bind(null,d.onerror),d.onload=l.bind(null,d.onload),u&&document.head.appendChild(d)}}})(),f.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;f.tt=()=>(void 0===e&&(e={createScriptURL:c=>c},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),f.tu=e=>f.tt().createScriptURL(e),f.p="",(()=>{var e={3666:0};f.f.j=(b,r)=>{var t=f.o(e,b)?e[b]:void 0;if(0!==t)if(t)r.push(t[2]);else if(3666!=b){var d=new Promise((o,l)=>t=e[b]=[o,l]);r.push(t[2]=d);var u=f.p+f.u(b),n=new Error;f.l(u,o=>{if(f.o(e,b)&&(0!==(t=e[b])&&(e[b]=void 0),t)){var l=o&&("load"===o.type?"missing":o.type),s=o&&o.target&&o.target.src;n.message="Loading chunk "+b+" failed.\n("+l+": "+s+")",n.name="ChunkLoadError",n.type=l,n.request=s,t[1](n)}},"chunk-"+b,b)}else e[b]=0},f.O.j=b=>0===e[b];var c=(b,r)=>{var n,i,[t,d,u]=r,o=0;if(t.some(s=>0!==e[s])){for(n in d)f.o(d,n)&&(f.m[n]=d[n]);if(u)var l=u(f)}for(b&&b(r);o<t.length;o++)f.o(e,i=t[o])&&e[i]&&e[i][0](),e[i]=0;return f.O(l)},a=self.webpackChunkdemo=self.webpackChunkdemo||[];a.forEach(c.bind(null,0)),a.push=c.bind(null,a.push.bind(a))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,m={},v={};function f(e){var c=v[e];if(void 0!==c)return c.exports;var a=v[e]={exports:{}};return m[e].call(a.exports,a,a.exports,f),a.exports}f.m=m,e=[],f.O=(c,a,b,r)=>{if(!a){var d=1/0;for(t=0;t<e.length;t++){for(var[a,b,r]=e[t],u=!0,n=0;n<a.length;n++)(!1&r||d>=r)&&Object.keys(f.O).every(p=>f.O[p](a[n]))?a.splice(n--,1):(u=!1,r<d&&(d=r));if(u){e.splice(t--,1);var i=b();void 0!==i&&(c=i)}}return c}r=r||0;for(var t=e.length;t>0&&e[t-1][2]>r;t--)e[t]=e[t-1];e[t]=[a,b,r]},f.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return f.d(c,{a:c}),c},(()=>{var c,e=Object.getPrototypeOf?a=>Object.getPrototypeOf(a):a=>a.__proto__;f.t=function(a,b){if(1&b&&(a=this(a)),8&b||"object"==typeof a&&a&&(4&b&&a.__esModule||16&b&&"function"==typeof a.then))return a;var r=Object.create(null);f.r(r);var t={};c=c||[null,e({}),e([]),e(e)];for(var d=2&b&&a;"object"==typeof d&&!~c.indexOf(d);d=e(d))Object.getOwnPropertyNames(d).forEach(u=>t[u]=()=>a[u]);return t.default=()=>a,f.d(r,t),r}})(),f.d=(e,c)=>{for(var a in c)f.o(c,a)&&!f.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce((c,a)=>(f.f[a](e,c),c),[])),f.u=e=>(8592===e?"common":e)+"."+{18:"a3abc72d85bb9026",87:"ee1655a32d824a27",131:"35d7c50c0dd36d40",169:"055a26a4129b6c39",269:"6e4fe08514d2e104",608:"0847c38215689f5a",664:"1c47d83731b45138",793:"49cd9861dec31bca",904:"84e323c7cfeb0cc8",960:"5d029c736c6a2b15",1026:"1e5ca030db1c4787",1069:"17b68f25139c5605",1127:"f7fee2a02ffd672e",1165:"d276b62c8565ffa7",1223:"670510bbbdd71a71",1226:"cffe780e87afae72",1335:"4eb50c241c3a963a",1351:"582848e3f4c17290",1465:"f3111bb458272129",1508:"fb793d7fc751b592",1541:"0aa5b1970708c73c",1759:"8fcbfc3222254c6a",1865:"8d2c45a819abae0a",2049:"97c6d4b6ba693ee2",2089:"86747f3fc5db5c16",2092:"5e4d959d342c7594",2362:"2021d3d2d6924a8d",2391:"df82bb30b58af2c1",2472:"48f949e1db50185e",2742:"fab7d2673fcabca5",2830:"6251e61a6448f834",2888:"a7e98161335da404",2921:"8ff1c02aa4fed3d1",3088:"cb6f52cfd8821955",3245:"2d30d34d9d988578",3360:"e562100688cc3a11",3377:"3aab3dcd70e82ca2",3381:"e621a3272023158e",3506:"dd84147d1a8831d2",3533:"3b7d7e3987ae0a46",3716:"ff811ddfc7d61da2",4047:"7a3933052b85da32",4088:"4a567e4c9d61c70f",4173:"d56d4a0dbb48f2ab",4220:"0a42bcbf9ad1d396",4249:"bdaeabc37dda0e41",4338:"f9aed5608093f9d6",4356:"a929c17f74bf51a2",4701:"de7a89818abdb677",4930:"8ccadc306a1a2273",4947:"a76a473ab8031cbe",4992:"2f2b2d12503cbbc6",5017:"122fde49ab66caec",5034:"02b089f444ef1c15",5088:"3925281975010f83",5097:"9b9bd0f1c5d4ad1d",5113:"83be28908feba4de",5168:"b03a51d6e4ee616b",5445:"9447488113cd1d42",5539:"081ce6af4be3a2e4",5564:"4ad4cd52d19acea7",5580:"f1b9ec9d6062eeb1",5608:"d56891ed94b039d3",5691:"9a9492e9823b6cfc",6054:"da388176e4fbbea0",6233:"b7b3bcd298b96cdc",6304:"5ea8777c2e6b2f1a",6597:"79f85d281eefd893",6793:"a32db330d83be329",6880:"faecec5c401e3133",6901:"7298b4eee94fac57",6916:"4be7f6d9fe6a7f9b",6976:"ff85e31233a6387f",6988:"6c400c0825cdc27d",6990:"e8d963285fc0e85f",7072:"744bf1572293dee1",7089:"3f4db62a96b31710",7217:"4a765176d8d6d995",7316:"960680a7fa683205",7383:"62ab7d17ea41c561",7435:"343bd9da8baf9b27",7648:"850f328ac3fd5585",7674:"672923287bc10bca",7681:"3bcdd1a3eb2fde38",7698:"6d9be0cd52ac636f",7792:"44e00711bacbe87e",7891:"7d0df5f5dd60afd5",7948:"fda8e861278e874f",8210:"17354bf6a6bf62d2",8307:"50fd0ac9d3e69c9f",8354:"c7748065d9f2295a",8372:"3ab40bac3582a20d",8507:"edc823a0fec8f564",8592:"478435dfc6b25395",8602:"1ccb7e75d4e659f8",8644:"2b31bce6f133d93e",8660:"c127f2c57814ed45",8729:"83d4018f5b8f2c37",8884:"ddfa1739fb094839",8929:"92fb4a9948619e13",8935:"9901766bd27ea182",8945:"83d3b189e9a1cbba",9022:"927b7f510fea205a",9057:"46b6f1216fee07c6",9328:"7f4b115dc3b60a91",9358:"f80cb2e11daaa9a5",9748:"20a95406f3af36c2",9899:"59d4d9dd1b68f7c8",9935:"d9674e8bb1693ac4"}[e]+".js",f.miniCssF=e=>{},f.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),(()=>{var e={},c="demo:";f.l=(a,b,r,t)=>{if(e[a])e[a].push(b);else{var d,u;if(void 0!==r)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var o=n[i];if(o.getAttribute("src")==a||o.getAttribute("data-webpack")==c+r){d=o;break}}d||(u=!0,(d=document.createElement("script")).type="module",d.charset="utf-8",d.timeout=120,f.nc&&d.setAttribute("nonce",f.nc),d.setAttribute("data-webpack",c+r),d.src=f.tu(a)),e[a]=[b];var l=(g,p)=>{d.onerror=d.onload=null,clearTimeout(s);var _=e[a];if(delete e[a],d.parentNode&&d.parentNode.removeChild(d),_&&_.forEach(y=>y(p)),g)return g(p)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=l.bind(null,d.onerror),d.onload=l.bind(null,d.onload),u&&document.head.appendChild(d)}}})(),f.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;f.tt=()=>(void 0===e&&(e={createScriptURL:c=>c},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),f.tu=e=>f.tt().createScriptURL(e),f.p="",(()=>{var e={3666:0};f.f.j=(b,r)=>{var t=f.o(e,b)?e[b]:void 0;if(0!==t)if(t)r.push(t[2]);else if(3666!=b){var d=new Promise((o,l)=>t=e[b]=[o,l]);r.push(t[2]=d);var u=f.p+f.u(b),n=new Error;f.l(u,o=>{if(f.o(e,b)&&(0!==(t=e[b])&&(e[b]=void 0),t)){var l=o&&("load"===o.type?"missing":o.type),s=o&&o.target&&o.target.src;n.message="Loading chunk "+b+" failed.\n("+l+": "+s+")",n.name="ChunkLoadError",n.type=l,n.request=s,t[1](n)}},"chunk-"+b,b)}else e[b]=0},f.O.j=b=>0===e[b];var c=(b,r)=>{var n,i,[t,d,u]=r,o=0;if(t.some(s=>0!==e[s])){for(n in d)f.o(d,n)&&(f.m[n]=d[n]);if(u)var l=u(f)}for(b&&b(r);o<t.length;o++)f.o(e,i=t[o])&&e[i]&&e[i][0](),e[i]=0;return f.O(l)},a=self.webpackChunkdemo=self.webpackChunkdemo||[];a.forEach(c.bind(null,0)),a.push=c.bind(null,a.push.bind(a))})()})();
\ No newline at end of file
diff --git a/stackblitz/index.html b/stackblitz/index.html
index 078eff3da..f4f829e5a 100644
--- a/stackblitz/index.html
+++ b/stackblitz/index.html
@@ -22,7 +22,7 @@
 </style><style ng-transition="demo">[_nghost-sc17]{position:absolute;display:block;width:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-03);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-sc17]{position:static;margin-top:0}._filler[_nghost-sc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]{color:var(--tui-text-03-night)}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-sc17]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-sc17]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-sc17], .t-postfix[_ngcontent-sc17]{white-space:pre;color:var(--tui-text-01)}tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-prefix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"][_nghost-sc17]   .t-postfix[_ngcontent-sc17], tui-primitive-textfield   [tuiWrapper][data-mode="onDark"]   [_nghost-sc17]   .t-postfix[_ngcontent-sc17]{color:var(--tui-text-01-night)}.t-filler[_ngcontent-sc17]{max-width:100%;white-space:nowrap}</style><style ng-transition="demo">.tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}
 </style><style ng-transition="demo">[_nghost-sc52]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-sc52]{border-radius:0!important}.t-wrapper[_ngcontent-sc52]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-sc52]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}[_nghost-sc52]:not([data-borders])   .t-wrapper[_ngcontent-sc52]:after{border-width:0}[data-borders=all][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-width:1px}[data-borders=top-bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0}[data-borders=top][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-bottom-width:0}[data-borders=bottom][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-left-width:0;border-right-width:0;border-top-width:0}[data-mode=onDark][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border-color:var(--tui-text-01)}._focus-visible[_nghost-sc52]   .t-wrapper[_ngcontent-sc52]:after{border:2px solid var(--tui-focus)}[_nghost-sc52]:not([data-mode])   .t-wrapper[_ngcontent-sc52]{background:var(--tui-base-01)}.t-header[_ngcontent-sc52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}[data-mode=onDark][_nghost-sc52]   .t-header[_ngcontent-sc52]{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}[data-mode=onLight][_nghost-sc52]   .t-header[_ngcontent-sc52]{border-color:var(--tui-text-01)}[_nghost-sc52]:not([data-borders])   .t-header[_ngcontent-sc52]{border-bottom-width:0;box-shadow:none}._has-arrow[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-right:.75rem}[data-mode=onDark][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear-inverse)}[data-mode=onLight][_nghost-sc52]   .t-header_open[_ngcontent-sc52]{background:var(--tui-clear)}[data-size=s][_nghost-sc52]   .t-header[_ngcontent-sc52]{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-sc52]   .t-header[_ngcontent-sc52]{padding-left:0;padding-right:0}._disabled[_nghost-sc52]   .t-header[_ngcontent-sc52]{cursor:default}.t-wrapper[_ngcontent-sc52]:hover:not([data-mode]) > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-base-02)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onDark] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear-inverse)}.t-wrapper[_ngcontent-sc52]:hover[data-mode=onLight] > .t-header_hoverable[_ngcontent-sc52]{background:var(--tui-clear)}.t-title[_ngcontent-sc52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-sc52]   .t-title[_ngcontent-sc52]{margin-right:.5rem}.t-icon[_ngcontent-sc52]{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open[_ngcontent-sc52]{transform:rotate(180deg)}[data-mode][_nghost-sc52]   .t-icon[_ngcontent-sc52]{opacity:var(--tui-disabled-opacity)}[_nghost-sc52]:hover[data-mode]   .t-icon[_ngcontent-sc52]{opacity:.8}[data-mode=onDark][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01-night)}[data-mode=onLight][_nghost-sc52]   .t-icon[_ngcontent-sc52]{color:var(--tui-text-01)}[_nghost-sc52]:hover:not([data-mode])   .t-icon[_ngcontent-sc52]{color:var(--tui-base-07)}.t-content[_ngcontent-sc52]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-sc52]   .t-content[_ngcontent-sc52]{font:var(--tui-font-text-s);padding:1rem}</style><style ng-transition="demo">[_nghost-sc8]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-sc8]{overflow:hidden}._expanded[_nghost-sc8]{opacity:1;transform:translate(0)}._loading[_nghost-sc8]{opacity:.99}.t-wrapper[_ngcontent-sc8]:before, .t-wrapper[_ngcontent-sc8]:after{content:"";display:table}</style><style ng-transition="demo">[_nghost-sc1]{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center;line-height:0;height:1.5rem;width:1.5rem;fill:transparent;stroke:transparent;font-size:1rem}.t-src[_ngcontent-sc1]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.t-svg[_ngcontent-sc1]{overflow:visible}</style><style ng-transition="demo">[_nghost-sc77]{display:flex;align-items:center}[_nghost-sc77]   tui-root._mobile[_nghost-sc77], tui-root._mobile   [_nghost-sc77]{font-size:0}.logo-link[_ngcontent-sc77]{display:flex}.logo-name[_ngcontent-sc77]{display:flex;color:var(--tui-text-01)}.logo[_ngcontent-sc77]{margin-right:.625rem}.by[_ngcontent-sc77]{margin-left:.875rem}tui-root._mobile[_nghost-sc77]   .by[_ngcontent-sc77], tui-root._mobile   [_nghost-sc77]   .by[_ngcontent-sc77]{display:none}</style><style ng-transition="demo">.loader[_ngcontent-sc71]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--tui-base-01);z-index:1}</style><style ng-transition="demo">@keyframes _ngcontent-sc2_tuiLoaderDashOffset{0%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}to{stroke-dashoffset:-66}}@keyframes _ngcontent-sc2_tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}to{transform:rotate(3turn)}}[_nghost-sc2]{position:relative;display:flex;min-width:1.5rem}._loading[_nghost-sc2]{overflow:hidden}.t-content[_ngcontent-sc2]{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-sc2]{opacity:.3}.t-content_loading[_ngcontent-sc2]{pointer-events:none}.t-loader[_ngcontent-sc2]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal[_ngcontent-sc2]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-sc2]{color:inherit;stroke:currentColor}.t-loader[data-size=xs][_ngcontent-sc2]{font-size:.75rem;stroke-width:38}.t-loader[data-size=s][_ngcontent-sc2]{font-size:1rem;stroke-width:25}.t-loader[data-size=m][_ngcontent-sc2]{font-size:1.5rem;stroke-width:17}.t-loader[data-size=l][_ngcontent-sc2]{font-size:2.5rem;stroke-width:15}.t-loader[data-size=xl][_ngcontent-sc2]{font-size:3.5rem;stroke-width:14}.t-loader[data-size=xxl][_ngcontent-sc2]{font-size:5rem;stroke-width:10}.t-text[_ngcontent-sc2]{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-sc2]{margin:0 0 0 1rem}.t-icon[_ngcontent-sc2]{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scaleY(-1);animation:_ngcontent-sc2_tuiLoaderRotate 3s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-sc2]{overflow:visible}}.t-circle[_ngcontent-sc2]{fill:none;stroke:inherit;stroke-width:inherit;animation:_ngcontent-sc2_tuiLoaderDashOffset 3s linear infinite}</style><style ng-transition="demo">[_nghost-sc10]{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;min-width:calc(100% - 1px);min-height:calc(100% - 1px);max-width:calc(100% - 1px);max-height:calc(100% - 1px);float:left;-webkit-margin-end:calc(-100% + 1px);margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-sc10]{position:absolute;right:0;bottom:0;pointer-events:auto;animation:tuiFadeIn var(--tui-duration, .3s) ease-in-out}.t-bar_vertical[_ngcontent-sc10]{top:0;width:.875rem}.t-bar_horizontal[_ngcontent-sc10]{left:0;height:.875rem}.t-bar_has-horizontal[_ngcontent-sc10]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-sc10]{right:.5rem}.t-thumb[_ngcontent-sc10]{position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition:all var(--tui-duration, .3s) ease-in-out;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-sc10]:hover{opacity:.24}.t-thumb[_ngcontent-sc10]:active{opacity:.48}.t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{right:0;width:.75rem;min-height:1.25rem}.t-bar_vertical[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_vertical[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{width:.875rem}.t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]{bottom:0;height:.75rem;min-width:1.25rem}.t-bar_horizontal[_ngcontent-sc10]:hover   .t-thumb[_ngcontent-sc10], .t-bar_horizontal[_ngcontent-sc10]   .t-thumb[_ngcontent-sc10]:active{height:.875rem}</style></head>
     <body data-tui-theme="taiga">
-        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2801702025377541" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2801702025377541" htmlfor="tui_interactive_2801702025377541"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><stackblitz-starter _nghost-sc71="" class="ng-star-inserted"><tui-loader _ngcontent-sc71="" size="xxl" textcontent="Stackblitz loading..." class="loader _loading" _nghost-sc2=""><fieldset _ngcontent-sc2="" class="t-content t-content_has-overlay t-content_loading" disabled="" inert="true"></fieldset><div _ngcontent-sc2="" class="t-loader ng-star-inserted" data-size="xxl"><svg _ngcontent-sc2="" automation-id="tui-loader__loader" focusable="false" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="t-icon"><circle _ngcontent-sc2="" cx="50" cy="50" r="50" stroke-dasharray="314" class="t-circle"></circle></svg><div _ngcontent-sc2="" automation-id="tui-loader__text" class="t-text ng-star-inserted"> Stackblitz loading... <!----><!----></div><!----></div><!----></tui-loader></stackblitz-starter><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
-    <script src="runtime.13c16d7c224e5d6f.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.dc9751ac1a628800.js" type="module"></script>
+        <my-app _nghost-sc72="" ng-version="15.2.10" ng-server-context="ssg"><tui-doc-main _ngcontent-sc72=""><!----><tui-root data-tui-version="3.57.0" style="--tui-duration:300ms;" class=""><tui-scroll-controls class="t-root-scrollbar ng-star-inserted" _nghost-sc10=""><!----><!----><!----><!----></tui-scroll-controls><!----><tui-svg-defs-host _nghost-sc25=""><svg _ngcontent-sc25="" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><!----><!----><!----></svg></tui-svg-defs-host><tui-dropdown-host _nghost-sc9=""><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-sc61=""><tui-input _ngcontent-sc61="" tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-sc51="" data-size="m"><tui-hosted-dropdown _ngcontent-sc51="" class="t-hosted" _nghost-sc28=""><div _ngcontent-sc28="" tuiaccessorproxy="" tuidropdownopenmonitor="" class="t-wrapper ng-star-inserted"><tui-primitive-textfield _ngcontent-sc51="" automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-sc18="" data-focused="false" data-size="m" style="--border-start:1.75rem;--border-end:0rem;"><!----><!----><div _ngcontent-sc18="" automation-id="tui-primitive-textfield__wrapper" tuiwrapper="" class="tui-autofill" data-appearance="textfield"><input _ngcontent-sc18="" automation-id="tui-primitive-textfield__native-input" tuimaskaccessor="" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_2801702045823316" aria-invalid="false" value="" tabindex="0"><!----><div _ngcontent-sc18="" class="t-content"><div _ngcontent-sc18="" class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-svg _ngcontent-sc18="" appearance="icon" tuiwrapper="" _nghost-sc1="" data-appearance="icon" class="ng-star-inserted"><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconSearch.svg?v=3.57.0#tuiIconSearch"></use></svg><!----><!----><!----><!----></tui-svg><!----></div><!----><div _ngcontent-sc18="" class="t-wrapper"><label _ngcontent-sc18="" automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_2801702045823316" htmlfor="tui_interactive_2801702045823316"> Search <!----></label><!----><div _ngcontent-sc18="" class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-sc18="" aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-sc17=""><span _ngcontent-sc17="" class="t-prefix" textcontent=""></span><span _ngcontent-sc17="" class="t-ghost" textcontent=""></span><span _ngcontent-sc17="" class="t-filler" textcontent=""></span><span _ngcontent-sc17="" class="t-postfix" textcontent=""></span></tui-value-decoration></div></div><div _ngcontent-sc18="" class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><!----></div><!----></tui-hosted-dropdown></tui-input><nav _ngcontent-sc61="" class="t-navigation"><tui-scrollbar _ngcontent-sc61="" class="t-scrollbar _legacy" _nghost-sc11=""><!----><div _ngcontent-sc11="" class="t-content"><tui-accordion _ngcontent-sc61="" _nghost-sc53=""><div _ngcontent-sc53="" role="group" automation-id="tui-accordion__group" orientation="vertical" size="l" tuigroup="" class="tui-group t-group tui-group_collapsed tui-group_orientation_vertical tui-group_radius_large"><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Getting started</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-3 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Core concepts</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-4 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Frameworks</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-5 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Kit</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-6 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Addons</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-7 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Recipes</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-8 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-sc61="" size="s" _nghost-sc52="" class="_has-arrow ng-star-inserted" data-size="s"><div _ngcontent-sc52="" automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-sc52="" automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable" tabindex="0"><span _ngcontent-sc52="" automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-sc61="" class="t-label"><strong _ngcontent-sc61="">Other</strong></span></span><tui-svg _ngcontent-sc52="" automation-id="tui-accordion__item-arrow" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconChevronDownLarge.svg?v=3.57.0#tuiIconChevronDownLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----><!----><!----></button><tui-expand _ngcontent-sc52="" _nghost-sc8="" class="ng-tns-c8-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-sc8="" class="t-wrapper ng-tns-c8-9 ng-trigger ng-trigger-tuiParentAnimation" style=""><!----></div></tui-expand></div></tui-accordion-item><!----></div></tui-accordion><div _ngcontent-sc61="" class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><stackblitz-starter _nghost-sc71="" class="ng-star-inserted"><tui-loader _ngcontent-sc71="" size="xxl" textcontent="Stackblitz loading..." class="loader _loading" _nghost-sc2=""><fieldset _ngcontent-sc2="" class="t-content t-content_has-overlay t-content_loading" disabled="" inert="true"></fieldset><div _ngcontent-sc2="" class="t-loader ng-star-inserted" data-size="xxl"><svg _ngcontent-sc2="" automation-id="tui-loader__loader" focusable="false" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="t-icon"><circle _ngcontent-sc2="" cx="50" cy="50" r="50" stroke-dasharray="314" class="t-circle"></circle></svg><div _ngcontent-sc2="" automation-id="tui-loader__text" class="t-text ng-star-inserted"> Stackblitz loading... <!----><!----></div><!----></div><!----></tui-loader></stackblitz-starter><!----></div></div><header tuidocheader="" _nghost-sc62=""><button _ngcontent-sc62="" appearance="icon" tuiiconbutton="" type="button" class="t-menu" _nghost-sc3="" title="Menu" tabindex="0" data-size="l" data-appearance="icon"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="icon"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMenuLarge.svg?v=3.57.0#tuiIconMenuLarge"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----><!----></span><!----></div></button><div _ngcontent-sc62="" class="t-logo"><logo _nghost-sc77="" class="ng-star-inserted"><a _ngcontent-sc77="" routerlink="/" tuilink="" class="logo-link" _nghost-sc4="" href="/"><!----><span _ngcontent-sc4="" class="t-content"><span _ngcontent-sc77="" class="logo-name"><img _ngcontent-sc77="" alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></span><!----></a><img _ngcontent-sc77="" alt="by Tinkoff" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-sc72="" href="https://github.com/taiga-family/maskito" icon="assets/icons/github.svg" iconalign="left" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" href="https://t.me/taiga_ui/10600" icon="assets/icons/telegram.svg" iconalign="left" rel="noreferrer" target="_blank" title="Get help on Telegram" tuilink="" tuimode="onLight" class="link" _nghost-sc4=""><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><a _ngcontent-sc72="" icon="assets/icons/stackblitz.svg" iconalign="left" title="Maskito StackBlitz Starter" tuilink="" tuimode="onLight" class="link" _nghost-sc4="" href="/stackblitz"><tui-svg _ngcontent-sc4="" class="t-icon t-icon_left ng-star-inserted" _nghost-sc1=""><div _ngcontent-sc1="" class="t-src ng-star-inserted"></div><!----><!----><!----><!----></tui-svg><!----><span _ngcontent-sc4="" class="t-content"></span><!----></a><!----><button appearance="secondary" shape="rounded" size="s" tuiiconbutton="" tuimode="onLight" type="button" class="tui-doc-night-mode-switch" _nghost-sc3="" tabindex="0" data-shape="rounded" data-size="s" data-appearance="secondary"><!----><!----><div _ngcontent-sc3="" tuiwrapper="" class="t-wrapper" data-appearance="secondary"><span _ngcontent-sc3="" class="t-content"><span _ngcontent-sc3="" class="t-left ng-star-inserted"><tui-svg _ngcontent-sc3="" class="t-icon ng-star-inserted" _nghost-sc1=""><svg _ngcontent-sc1="" focusable="false" height="100%" version="1.1" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="t-svg ng-star-inserted"><use _ngcontent-sc1="" xlink:href="assets/taiga-ui/icons/tuiIconMoon.svg?v=3.57.0#tuiIconMoon"></use></svg><!----><!----><!----><!----></tui-svg><!----></span><!----><!----></span><!----></div></button></header></div><!----><tui-dialog-host _nghost-sc23="" class="ng-tns-c23-0 ng-star-inserted"><!----><div _ngcontent-sc23="" class="t-overlay ng-tns-c23-0 ng-star-inserted"></div><!----></tui-dialog-host><!----><tui-alert-host class="ng-tns-c24-1 ng-star-inserted"><div class="t-wrapper ng-tns-c24-1 ng-trigger ng-trigger-tuiParentAnimation ng-star-inserted" style=""><!----></div><!----></tui-alert-host><!----><!----></tui-dropdown-host><!----><tui-hints-host aria-live="polite" _nghost-sc26="" class="ng-tns-c26-2"><!----></tui-hints-host><!----></tui-root></tui-doc-main></my-app>
+    <script src="runtime.aea586df79702c64.js" type="module"></script><script src="polyfills.d5bfb0375809e971.js" type="module"></script><script src="main.94bffbfe16084479.js" type="module"></script>
 
 </body></html>
\ No newline at end of file