@taiga-ui/addon-doc 2.65.0 → 2.66.0

package/bundles/taiga-ui-addon-doc.umd.js

@@ -1437,7 +1437,7 @@
                     },
                     cdk.TuiSwipeService,
                 ],
-                styles: ["html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@-webkit-keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not([class*=language-]):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}a:focus code,button:focus code{background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;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)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{-webkit-animation:1s .3s tuiShaking;animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}label.night-mode .tui-toggle{margin-left:.5rem}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear-disabled)}.hljs.hljs-line-numbers{background:0 0}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-support-06)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-link-hover)}[data-mode=onDark] .hljs-template-variable,[data-mode=onDark] .hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]
+                styles: ["html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not([class*=language-]):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}a:focus code,button:focus code{background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;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)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}label.night-mode .tui-toggle{margin-left:.5rem}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear-disabled)}.hljs.hljs-line-numbers{background:0 0}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-support-06)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-link-hover)}[data-mode=onDark] .hljs-template-variable,[data-mode=onDark] .hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]
             }),
             __param(0, core.Inject(common$1.LOCAL_STORAGE)),
             __param(1, core.Inject(common$1.WINDOW))

package/bundles/taiga-ui-addon-doc.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("markdown-it"),require("@angular/common"),require("ngx-highlightjs"),require("@taiga-ui/cdk"),require("@taiga-ui/kit"),require("@taiga-ui/core"),require("@angular/forms"),require("@angular/router"),require("@angular/animations"),require("@angular/cdk/clipboard"),require("@ng-web-apis/common"),require("@tinkoff/ng-polymorpheus"),require("@taiga-ui/i18n"),require("@taiga-ui/addon-mobile"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-doc",["exports","@angular/core","rxjs","rxjs/operators","markdown-it","@angular/common","ngx-highlightjs","@taiga-ui/cdk","@taiga-ui/kit","@taiga-ui/core","@angular/forms","@angular/router","@angular/animations","@angular/cdk/clipboard","@ng-web-apis/common","@tinkoff/ng-polymorpheus","@taiga-ui/i18n","@taiga-ui/addon-mobile","@angular/platform-browser"],e):e(((t=t||self)["taiga-ui"]=t["taiga-ui"]||{},t["taiga-ui"]["addon-doc"]={}),t.ng.core,t.rxjs,t.rxjs.operators,t.MarkdownIt,t.ng.common,t.ngxHighlightjs,t.cdk,t.kit,t.core$1,t.ng.forms,t.ng.router,t.ng.animations,t.ng.cdk.clipboard,t.common$1,t.ngPolymorpheus,t.i18n,t.addonMobile,t.ng.platformBrowser)}(this,(function(t,e,n,o,r,i,a,s,c,u,l,p,d,g,m,h,f,y,b){"use strict";r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;var v=function(t,e){return(v=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};var x=function(){return(x=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function I(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function T(t,e){return function(n,o){e(n,o,t)}}function C(t,e,n,o){return new(n||(n=Promise))((function(r,i){function a(t){try{c(o.next(t))}catch(t){i(t)}}function s(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))}function w(t,e){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}Object.create;function k(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function j(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function O(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(j(arguments[e]));return t}Object.create;function P(t){return C(this,void 0,void 0,(function(){var e;return w(this,(function(n){switch(n.label){case 0:return t instanceof Promise?[4,t]:[3,2];case 1:return e=n.sent().default,[3,3];case 2:e=t,n.label=3;case 3:return[2,e]}}))}))}var M=P;function S(t){void 0===t&&(t="");var e=(new r).parse(t,{}).filter((function(t){var e=t.tag,n=t.type;return"code"===e&&"fence"===n})).map((function(t){return t.content}));return e.length?e:[t]}var _=S,D=function(){function t(){this.rawLoader$$=new n.BehaviorSubject(""),this.filename="",this.processor$=this.rawLoader$$.pipe(o.switchMap(P),o.map(S))}return Object.defineProperty(t.prototype,"code",{set:function(t){this.rawLoader$$.next(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),I([e.Input()],t.prototype,"filename",void 0),I([e.Input()],t.prototype,"code",null),I([e.HostBinding("class._has-filename")],t.prototype,"hasFilename",null),t=I([e.Component({selector:"tui-doc-code",template:'<p\n    *ngIf="filename"\n    class="t-header"\n>\n    {{ filename }}\n</p>\n<pre\n    *ngFor="let content of processor$ | async"\n    class="t-code"\n><code [lineNumbers]="true" [highlight]="content"></code></pre>\n',styles:[":host{display:block}.t-header{font:var(--tui-font-text-s);font-weight:700}.t-code{margin:0}.t-code+.t-code{margin-top:1rem}.hljs:not(:empty){font:var(--tui-font-text-m);padding:1.5rem 2rem;font-family:monospace;background:var(--tui-clear-disabled);word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.hljs:not(:empty)::-webkit-scrollbar,.hljs:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.hljs:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host._has-filename .hljs:not(:empty){border-radius:.75rem}:host-context(tui-root._mobile) .hljs:not(:empty){padding:1rem}"]})],t)}(),L=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,a.HighlightModule],declarations:[D],exports:[D]})],t)}(),A=function(){function t(t){this.texts$=t,this.copy$=new n.Subject}return Object.defineProperty(t.prototype,"copied$",{get:function(){return this.copy$.pipe(o.switchMapTo(n.timer(1500).pipe(o.mapTo(!1),o.startWith(!0))))},enumerable:!0,configurable:!0}),t.prototype.onClick=function(){this.copy$.next()},t.ctorParameters=function(){return[{type:n.Observable,decorators:[{type:e.Inject,args:[c.TUI_COPY_TEXTS]}]}]},I([s.tuiPure],t.prototype,"copied$",null),t=I([e.Component({selector:"tui-doc-copy",template:'<button\n    *ngIf="texts$ | async as texts"\n    tuiButton\n    type="button"\n    appearance=""\n    size="s"\n    class="t-copy"\n    [title]="texts[0]"\n    (click)="onClick()"\n>\n    <span\n        class="t-content"\n        [class.t-content_moved]="copied$ | async"\n    >\n        <span\n            class="t-initial"\n            [attr.data-text]="texts[0]"\n        >\n            <ng-content></ng-content>\n        </span>\n        {{ texts[1] }}\n    </span>\n</button>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[s.TuiDestroyService],styles:[":host{position:relative;display:inline-block;vertical-align:middle}.t-copy{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:100%;color:var(--tui-text-01);background:var(--tui-base-01);overflow:hidden}.t-copy:hover{background:var(--tui-base-02)}.t-initial{white-space:nowrap}.t-initial:empty:before{content:attr(data-text)}.t-content{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;flex-direction:column;transform:translateY(1rem);text-align:center;line-height:2rem}.t-content_moved{transform:translateY(-1rem)}"]}),T(0,e.Inject(c.TUI_COPY_TEXTS))],t)}(),R=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,u.TuiButtonModule],declarations:[A],exports:[A]})],t)}(),E=new e.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),N=new e.InjectionToken("tui-doc-documentation i18n texts",{factory:function(){return["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]}}),$=new e.InjectionToken("tui-doc-example i18n texts",{factory:function(){return["Preview","Link to a sample was successfully copied","Done"]}}),z=new e.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),V=new e.InjectionToken("search i18n text",{factory:function(){return"Search"}}),F=new e.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),U=new e.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),B=function(){function t(t,e,r,a,s,c,u){var p=this;this.isMobile=t,this.destroy$=e,this.renderer=r,this.texts=u,this.initialX=0,this.wrapperWidth=0,this.control=null,this.template=null,this.updateOnVariants=["change","blur","submit"],this.updateOn="change",this.expanded=!1,this.opaque=!0,this.modeControl=new l.FormControl,this.mode=null,this.change$=new n.Subject,this.items=["onLight","onDark"],this.isBrowser=i.isPlatformBrowser(a);var d=s.path().match(/tuiMode=(onDark|onLight)/);null!==d&&d.length>0&&this.modeControl.setValue(d[1]),this.modeControl.valueChanges.pipe(o.startWith(this.modeControl.value),o.takeUntil(this.destroy$)).subscribe((function(t){var e=c.parse(s.path());e.queryParams=x(x({},e.queryParams),{tuiMode:t}),s.go(String(e)),p.mode=t,p.change$.next()}))}var r;return r=t,t.prototype.onResize=function(){this.setResizerTextContent()},t.prototype.ngOnInit=function(){this.createForm()},t.prototype.ngAfterViewInit=function(){this.setResizerTextContent()},t.prototype.setResizerTextContent=function(){if(this.content&&this.resizerText){var t=this.isBrowser?getComputedStyle(this.content.nativeElement).paddingLeft:"0",e=this.content.nativeElement.offsetWidth;this.resizerText.nativeElement.textContent=String(e-2*parseInt(t||"0",10))}},t.prototype.onDragStart=function(t){t.preventDefault(),this.initialX=t.clientX,this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},t.prototype.onDragContinues=function(t){var e=this.initialX-t.clientX;this.resizeContent(e),this.setResizerTextContent()},t.prototype.onDragEnd=function(){this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},t.prototype.toggleDetails=function(){this.expanded=!this.expanded},t.prototype.updateOnChange=function(t){this.updateOn=t,this.createForm()},t.prototype.createForm=function(){var t=this.control,e=this.updateOn;t&&(this.testForm=new l.FormGroup({testValue:t},{updateOn:e}))},t.prototype.resizeContent=function(t){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",s.px(Math.max(this.wrapperWidth-t,104)))},t.ctorParameters=function(){return[{type:Boolean,decorators:[{type:e.Inject,args:[s.TUI_IS_MOBILE]}]},{type:s.TuiDestroyService,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]},{type:p.UrlSerializer,decorators:[{type:e.Inject,args:[p.UrlSerializer]}]},{type:Array,decorators:[{type:e.Inject,args:[E]}]}]},I([e.ViewChild("content")],t.prototype,"content",void 0),I([e.ViewChild("wrapper")],t.prototype,"wrapper",void 0),I([e.ViewChild("resizerText")],t.prototype,"resizerText",void 0),I([e.Input()],t.prototype,"control",void 0),I([e.ContentChild(e.TemplateRef)],t.prototype,"template",void 0),I([e.HostListener("window:resize")],t.prototype,"onResize",null),t=r=I([e.Component({selector:"tui-doc-demo",template:'<div\n    class="t-bg-toggle"\n    [tuiMode]="null"\n>\n    <ng-template #tooltip>\n        {{ texts[0] }}\n        <a\n            tuiLink\n            tuiMode="onDark"\n            routerLink="/directives/mode"\n        >\n            <code>tuiMode</code>\n        </a>\n    </ng-template>\n    <ng-container *ngIf="isMobile; else desktop">\n        <tui-select\n            tuiTextfieldSize="s"\n            class="t-mode"\n            [tuiTextfieldCleaner]="true"\n            [tuiHintContent]="tooltip"\n            [formControl]="modeControl"\n        >\n            tuiMode\n            <tui-data-list-wrapper\n                *tuiDataList\n                [items]="items"\n            ></tui-data-list-wrapper>\n        </tui-select>\n    </ng-container>\n    <ng-template #desktop>\n        tuiMode:\n        <tui-tooltip\n            describeId="form"\n            [content]="tooltip"\n        ></tui-tooltip>\n        <div\n            tuiGroup\n            class="t-group"\n            [collapsed]="true"\n        >\n            <tui-radio-block\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [item]="null"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                null\n            </tui-radio-block>\n            <tui-radio-block\n                item="onDark"\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onDark\n            </tui-radio-block>\n            <tui-radio-block\n                item="onLight"\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onLight\n            </tui-radio-block>\n        </div>\n    </ng-template>\n    <tui-checkbox-labeled\n        size="m"\n        class="t-checkbox"\n        [(ngModel)]="opaque"\n    >\n        {{ texts[1] }}\n    </tui-checkbox-labeled>\n</div>\n<div\n    #wrapper\n    class="t-wrapper"\n    [class.t-wrapper_dark]="modeControl.value === \'onDark\'"\n    [class.t-wrapper_gray]="modeControl.value === \'onLight\'"\n    [class.t-wrapper_transparent]="!opaque"\n>\n    <div\n        #content\n        id="demoContent"\n        class="t-content"\n    >\n        <form\n            *ngIf="testForm"\n            class="t-form"\n            [formGroup]="testForm"\n        >\n            <div class="t-input-wrapper">\n                <ng-container [ngTemplateOutlet]="template"></ng-container>\n            </div>\n            <button\n                tuiButton\n                type="button"\n                size="s"\n                class="t-button"\n                [iconRight]="icon"\n                (click)="toggleDetails()"\n            >\n                {{ texts[2] }}\n            </button>\n            <ng-template #icon>\n                <tui-svg\n                    src="tuiIconChevronDown"\n                    class="t-icon"\n                    [class.t-icon_rotated]="expanded"\n                ></tui-svg>\n            </ng-template>\n            <tui-expand\n                class="t-expand"\n                [expanded]="expanded"\n            >\n                <ng-template tuiExpandContent>\n                    <pre class="t-value">Form data: {{ testForm.value | json }}</pre>\n                    <div\n                        tuiGroup\n                        class="t-form-controls"\n                    >\n                        <tui-select\n                            tuiTextfieldSize="s"\n                            class="t-select"\n                            [ngModel]="updateOn"\n                            [ngModelOptions]="{standalone: true}"\n                            (ngModelChange)="updateOnChange($event)"\n                        >\n                            updateOn\n                            <tui-data-list-wrapper\n                                *tuiDataList\n                                [items]="updateOnVariants"\n                            ></tui-data-list-wrapper>\n                        </tui-select>\n                        <button\n                            tuiButton\n                            type="reset"\n                            size="s"\n                            class="tui-group__auto-width-item"\n                        >\n                            Reset\n                        </button>\n                        <button\n                            tuiButton\n                            type="submit"\n                            size="s"\n                            class="tui-group__auto-width-item"\n                        >\n                            Submit\n                        </button>\n                    </div>\n                </ng-template>\n            </tui-expand>\n        </form>\n        <ng-content></ng-content>\n    </div>\n    <button\n        tabindex="-1"\n        class="t-resizer"\n        (tuiDragStart)="onDragStart($event)"\n        (tuiDragContinues)="onDragContinues($event)"\n        (tuiDragEnd)="onDragEnd()"\n    >\n        <span\n            #resizerText\n            class="t-resizer-text"\n        ></span>\n    </button>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[s.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return r}))}],styles:[":host{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle>*{pointer-events:auto}.t-wrapper{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent{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{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent{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{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%)}:host-context(tui-root._mobile) .t-wrapper{min-height:auto}.t-content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}:host-context(tui-root._mobile) .t-content{padding:1rem}.t-form{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper{width:100%;margin-bottom:.5rem}.t-expand{width:100%}.t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-icon_rotated{transform:rotate(180deg)}.t-value{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode{width:12.5rem}.t-select{max-width:15rem}.t-resizer{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:relative;width:3.5rem;min-height:inherit;flex-shrink:0;border-left:1px solid var(--tui-base-03);cursor:col-resize;outline:0;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer:after,.t-resizer:before{content:'';position:absolute;top:.75rem;left:50%;bottom:.75rem;width:1px;background:var(--tui-base-05)}.t-resizer:before{transform:translateX(.125rem)}.t-resizer:after{transform:translateX(-.1875rem)}:host-context(tui-root._mobile) .t-resizer{display:none}.t-resizer-text{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light .t-resizer-text{background:#3e464e}.t-checkbox,.t-group{margin-left:.75rem}.t-button,.t-form-controls{margin-top:.75rem}@supports ((position:-webkit-sticky) or (position:sticky)){@media screen and (min-height:37.5rem){:host{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}"]}),T(0,e.Inject(s.TUI_IS_MOBILE)),T(1,e.Inject(s.TuiDestroyService)),T(2,e.Inject(e.Renderer2)),T(3,e.Inject(e.PLATFORM_ID)),T(4,e.Inject(i.Location)),T(5,e.Inject(p.UrlSerializer)),T(6,e.Inject(E))],t)}(),q=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.ReactiveFormsModule,l.FormsModule,p.RouterModule,u.TuiLinkModule,s.TuiDragModule,u.TuiButtonModule,c.TuiSelectModule,u.TuiExpandModule,u.TuiGroupModule,u.TuiTooltipModule,u.TuiModeModule,c.TuiRadioBlockModule,c.TuiCheckboxLabeledModule,u.TuiSvgModule,c.TuiDataListWrapperModule,u.TuiDataListModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule],declarations:[B],exports:[B]})],t)}();function W(t,e,n){return"#"+[t,e,n].map((function(t){return t.toString(16).padStart(2,"0")})).join("")}function G(t){var e=t.replace("#","").split("").map((function(t,e,n){return 3===n.length?t+t:t})).join("").match(/.{2}/g);return e?e.map((function(t){return Number.parseInt(t,16)})):[0,0,0]}function X(t,e){if(null===t)return"null";switch(typeof t){case"string":return"'"+t+"'";case"undefined":case"number":case"boolean":case"function":return String(t)}return t instanceof RegExp?String(t):Array.isArray(t)?function(t,e){if(0===e)return"[…]";for(var n="",o=!0,r=0;r<t.length;r++)o?o=!1:n+=", ",n+=r in t?X(t[r],e-1):"empty";return"["+n+"]"}(t,e):function(t,e){if(0===e)return"{…}";var n="",o=!0;for(var r in t)t.hasOwnProperty(r)&&(o?o=!1:n+=", ",n+=r+": "+X(t[r],e-1));return"{"+n+"}"}(t,e)}function H(t){var e=String(t).trim();if(function(t){return["undefined","null","NaN","Infinity"].includes(t)}(e))return null;if(function(t){return"true"===t||"false"===t}(e))return"true"===String(e);if(function(t){return/^-?[\d.]+(?:e-?\d+)?$/.test(t)}(e))return Number(e);var n=decodeURIComponent(e);try{return function(t){return t.startsWith("[")&&t.endsWith("]")}(n)||function(t){return t.startsWith("{")&&t.endsWith("}")}(n)?JSON.parse(n):n}catch(t){return n}}var Y=H;var Z=function(){function t(t,o,r,i){this.template=t,this.locationRef=o,this.activatedRoute=r,this.urlSerializer=i,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.EventEmitter,this.changed$=new n.Subject,this.emits$=new n.BehaviorSubject(1)}return t.prototype.ngOnInit=function(){this.parseParams(this.activatedRoute.snapshot.queryParams)},Object.defineProperty(t.prototype,"attrName",{get:function(){switch(this.documentationPropertyMode){case"input":return"["+this.documentationPropertyName+"]";case"output":return"("+this.documentationPropertyName+")";case"input-output":return"[("+this.documentationPropertyName+")]";default:return this.documentationPropertyName}},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasItems",{get:function(){return!!this.documentationPropertyValues},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"shouldShowValues",{get:function(){return"output"!==this.documentationPropertyMode},enumerable:!0,configurable:!0}),t.prototype.ngOnChanges=function(){this.changed$.next()},t.prototype.onValueChange=function(t){this.documentationPropertyValue=t,this.documentationPropertyValueChange.emit(t),this.setQueryParam(t)},t.prototype.emitEvent=function(t){console.info(this.attrName,t),this.emits$.next(this.emits$.value+1)},t.prototype.parseParams=function(t){var e=t[this.documentationPropertyName],n=t[this.documentationPropertyName+"$"];if(e||n){var o=n&&this.documentationPropertyValues?this.documentationPropertyValues[n]:H(e);this.onValueChange(o)}},t.prototype.setQueryParam=function(t){var e,n=this.urlSerializer.parse(this.locationRef.path()),o=t instanceof Object,r=o&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(t):t,i=o?"$":"",a=this.documentationPropertyName+i;n.queryParams=x(x({},n.queryParams),((e={})[a]=r,e)),this.locationRef.go(String(n))},t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:p.UrlSerializer,decorators:[{type:e.Inject,args:[p.UrlSerializer]}]}]},I([e.Input()],t.prototype,"documentationPropertyName",void 0),I([e.Input()],t.prototype,"documentationPropertyMode",void 0),I([e.Input()],t.prototype,"documentationPropertyType",void 0),I([e.Input()],t.prototype,"documentationPropertyValue",void 0),I([e.Input()],t.prototype,"documentationPropertyDeprecated",void 0),I([e.Input()],t.prototype,"documentationPropertyValues",void 0),I([e.Output()],t.prototype,"documentationPropertyValueChange",void 0),t=I([e.Directive({selector:"ng-template[documentationPropertyName]",exportAs:"documentationProperty"}),T(0,e.Inject(e.TemplateRef)),T(1,e.Inject(i.Location)),T(2,e.Inject(p.ActivatedRoute)),T(3,e.Inject(p.UrlSerializer))],t)}(),Q=function(){function t(t,e){this.changeDetectorRef=t,this.texts=e,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=s.EMPTY_QUERY,this.activeItemIndex=0}return t.prototype.ngAfterContentInit=function(){s.itemsQueryListObservable(this.propertiesConnectors).pipe(o.switchMap((function(t){return n.merge.apply(void 0,O(t.map((function(t){return t.changed$}))))})),s.watch(this.changeDetectorRef)).subscribe()},Object.defineProperty(t.prototype,"type",{get:function(){return this.isAPI?this.texts[0]:this.texts[1]},enumerable:!0,configurable:!0}),t.prototype.getColor=function(t){if(4===t.length)return t.split("").reduce((function(t,e){return O(t,[e,e])}),[]).join("").replace("#","");if(t.startsWith("#"))return t;if("transparent"===t)return"#000000";var e=t.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map((function(t){return Number.parseInt(t,10)}));return W.apply(void 0,O(e))},t.prototype.getOpacity=function(t){if(t.startsWith("#")||t.startsWith("rgb("))return 100;if("transparent"===t)return 0;var e=t.lastIndexOf(","),n=t.slice(e).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(n))},t.prototype.onColorChange=function(t,e){var n=this.getOpacity(t.documentationPropertyValue||"");if(100!==n){var o="rgba("+G(e).join(", ")+", "+n/100+")";t.onValueChange(o)}else t.onValueChange(e)},t.prototype.onOpacityChange=function(t,e){var n="rgba("+G(this.getColor(t.documentationPropertyValue||""))+", "+e/100+")";t.onValueChange(n)},t.prototype.stripOptional=function(t){return t.replace("?","")},t.prototype.isOptional=function(t){return t.includes("?")},t.prototype.isPrimitivePolymorpheusContent=function(t){return"string"==typeof t||"number"==typeof t},t.prototype.showCleaner=function(t){return t.includes("null")},t.prototype.showContentTooltip=function(t){return t.includes("PolymorpheusContent")},t.prototype.inspectAny=function(t){return X(t,2)},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:Array,decorators:[{type:e.Inject,args:[N]}]}]},I([e.Input()],t.prototype,"heading",void 0),I([e.Input()],t.prototype,"showValues",void 0),I([e.Input()],t.prototype,"isAPI",void 0),I([e.ContentChildren(Z)],t.prototype,"propertiesConnectors",void 0),t=I([e.Component({selector:"tui-doc-documentation",template:'<h1\n    *ngIf="heading"\n    class="t-heading"\n>\n    {{ heading }}\n</h1>\n<ng-content></ng-content>\n<table class="t-table">\n    <tr class="t-row t-row_header">\n        <th class="t-th t-cell t-cell_prop">{{ texts[2] }}</th>\n        <th class="t-th">{{ type }}</th>\n        <th\n            *ngIf="showValues && !isAPI"\n            class="t-th t-cell t-cell_value"\n        >\n            {{ texts[3] }}\n        </th>\n    </tr>\n    <tr\n        *ngFor="let propertyConnector of propertiesConnectors"\n        class="t-row"\n        [class.t-deprecated]="propertyConnector.documentationPropertyDeprecated"\n    >\n        <td class="t-cell">\n            <div\n                automation-id="tui-documentation__property-name"\n                class="t-property"\n            >\n                {{ stripOptional(propertyConnector.attrName) }}\n                <tui-badge\n                    *ngIf="isOptional(propertyConnector.attrName)"\n                    size="s"\n                    value="Optional"\n                ></tui-badge>\n            </div>\n            <span\n                *ngIf="propertyConnector.documentationPropertyDeprecated"\n                class="t-deprecated-label"\n            >\n                deprecated\n            </span>\n            <ng-container [ngTemplateOutlet]="propertyConnector.template"></ng-container>\n        </td>\n        <td class="t-cell">\n            <span class="type">\n                {{ propertyConnector.documentationPropertyType }}\n                <tui-tooltip\n                    *ngIf="showContentTooltip(propertyConnector.documentationPropertyType)"\n                    [describeId]="propertyConnector.attrName"\n                    [content]="content"\n                >\n                    <ng-template #content>\n                        {{ texts[4] }}\n                        <a\n                            tuiLink\n                            tuiMode="onDark"\n                            target="_blank"\n                            href="https://github.com/tinkoff/ng-polymorpheus"\n                        >\n                            <code>ng-polymorpheus</code>\n                        </a>\n                    </ng-template>\n                </tui-tooltip>\n            </span>\n        </td>\n        <td\n            *ngIf="showValues"\n            class="t-cell"\n        >\n            <ng-container *ngIf="propertyConnector.shouldShowValues; else elseEmitter">\n                <tui-select\n                    *ngIf="propertyConnector.hasItems; else noItems"\n                    tuiTextfieldSize="m"\n                    tuiDropdownLimitWidth="min"\n                    [tuiTextfieldCleaner]="showCleaner(propertyConnector.documentationPropertyType)"\n                    [tuiTextfieldLabelOutside]="true"\n                    [nativeId]="propertyConnector.attrName"\n                    [valueContent]="selectContent"\n                    [ngModel]="propertyConnector.documentationPropertyValue"\n                    (ngModelChange)="propertyConnector.onValueChange($event)"\n                >\n                    <code class="t-exception">null</code>\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]="propertyConnector.documentationPropertyValues"\n                        [itemContent]="selectContent"\n                    ></tui-data-list-wrapper>\n                </tui-select>\n                <ng-template\n                    #selectContent\n                    let-data\n                >\n                    <code>{{ inspectAny(data) }}</code>\n                </ng-template>\n\n                <ng-template #noItems>\n                    <ng-container [ngSwitch]="propertyConnector.documentationPropertyType">\n                        <tui-toggle\n                            *ngSwitchCase="\'boolean\'"\n                            size="l"\n                            [nativeId]="propertyConnector.attrName"\n                            [showIcons]="true"\n                            [ngModel]="propertyConnector.documentationPropertyValue"\n                            (ngModelChange)="propertyConnector.onValueChange($event)"\n                        ></tui-toggle>\n\n                        <tui-primitive-textfield\n                            *ngSwitchCase="\'string\'"\n                            tuiTextfieldSize="m"\n                            [nativeId]="propertyConnector.attrName"\n                            [tuiTextfieldLabelOutside]="true"\n                            [tuiTextfieldCleaner]="true"\n                            [value]="propertyConnector.documentationPropertyValue || \'\'"\n                            (valueChange)="propertyConnector.onValueChange($event)"\n                        ></tui-primitive-textfield>\n\n                        <div\n                            *ngSwitchCase="\'color\'"\n                            tuiGroup\n                        >\n                            <tui-primitive-textfield\n                                tuiTextfieldType="text"\n                                tuiTextfieldSize="m"\n                                [attr.id]="propertyConnector.attrName"\n                                [tuiTextfieldLabelOutside]="true"\n                                [tuiInputOpacity]="getOpacity(propertyConnector.documentationPropertyValue)"\n                                [value]="getColor(propertyConnector.documentationPropertyValue)"\n                                (valueChange)="onColorChange(propertyConnector, $event)"\n                            ></tui-primitive-textfield>\n                            <tui-input-count\n                                tuiTextfieldSize="m"\n                                [max]="100"\n                                [ngModel]="getOpacity(propertyConnector.documentationPropertyValue)"\n                                (ngModelChange)="onOpacityChange(propertyConnector, $event)"\n                            >\n                                Opacity\n                            </tui-input-count>\n                        </div>\n\n                        <tui-input-count\n                            *ngSwitchCase="\'number\'"\n                            tuiTextfieldSize="m"\n                            [nativeId]="propertyConnector.attrName"\n                            [tuiTextfieldLabelOutside]="true"\n                            [ngModel]="propertyConnector.documentationPropertyValue"\n                            (ngModelChange)="propertyConnector.onValueChange($event)"\n                        ></tui-input-count>\n\n                        <ng-container *ngSwitchCase="\'PolymorpheusContent\'">\n                            <tui-primitive-textfield\n                                *ngIf="isPrimitivePolymorpheusContent(propertyConnector.documentationPropertyValue)"\n                                tuiTextfieldSize="m"\n                                [nativeId]="propertyConnector.attrName"\n                                [tuiTextfieldLabelOutside]="true"\n                                [tuiTextfieldCleaner]="true"\n                                [value]="propertyConnector.documentationPropertyValue.toString()"\n                                (valueChange)="propertyConnector.onValueChange($event)"\n                            >\n                                Default content\n                            </tui-primitive-textfield>\n                        </ng-container>\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n\n            <ng-template #elseEmitter>\n                <tui-notification\n                    class="t-output"\n                    [@emitEvent]="propertyConnector.emits$ | async"\n                >\n                    Emit!\n                </tui-notification>\n            </ng-template>\n        </td>\n    </tr>\n</table>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,animations:[d.trigger("emitEvent",[d.transition(":increment",[d.style({opacity:1}),d.animate("500ms ease-in")])])],styles:[":host{display:block;min-width:100%}.t-table{width:100%;table-layout:fixed}.t-row:not(:last-child){border-bottom:1px solid var(--tui-base-03)}:host-context(tui-root._mobile) .t-row{display:flex;flex-wrap:wrap}:host-context(tui-root._mobile) .t-row_header{display:none}.t-cell{padding:1rem 1rem .875rem}.t-cell:first-child{padding-left:0}.t-cell:last-child{padding-right:0;text-align:right}.t-cell_prop{width:40%}.t-cell_value{max-width:20rem}:host-context(tui-root._mobile) .t-cell_value{width:9.375rem}:host-context(tui-root._mobile) .t-cell{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:400;text-align:left}.t-property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}:host-context(tui-root._mobile) .t-property{padding:.5rem 0}.t-type{font-family:monospace}.t-deprecated{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.t-output{text-align:left;opacity:0}.t-heading{font:var(--tui-font-heading-4)}"]}),T(0,e.Inject(e.ChangeDetectorRef)),T(1,e.Inject(N))],t)}(),J=function(){function t(t,e){this.renderer=t,this.tuiFocusableComponent=e}return Object.defineProperty(t.prototype,"tuiInputOpacity",{set:function(t){var e=this.tuiFocusableComponent.nativeFocusableElement;e&&this.renderer.setStyle(e,"opacity",t/100)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:void 0,decorators:[{type:e.Inject,args:[s.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},I([e.Input()],t.prototype,"tuiInputOpacity",null),t=I([e.Directive({selector:"[tuiInputOpacity]"}),T(0,e.Inject(e.Renderer2)),T(1,e.Inject(s.TUI_FOCUSABLE_ITEM_ACCESSOR))],t)}(),K=function(){function t(){}return t=I([e.NgModule({declarations:[J],exports:[J]})],t)}(),tt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.FormsModule,p.RouterModule,c.TuiBadgeModule,c.TuiSelectModule,c.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,c.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,K,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,c.TuiDataListWrapperModule,u.TuiNotificationModule],declarations:[Q,Z],exports:[Q,Z]})],t)}(),et=new e.InjectionToken("Code actions for the opened tab with code example",{factory:function(){return""}}),nt=new e.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),ot=new e.InjectionToken("Processes content in example",{factory:function(){return n.identity}});function rt(t){return C(this,void 0,void 0,(function(){var e,n,o,r,i,a,s,c,u,l,p;return w(this,(function(d){switch(d.label){case 0:e={},d.label=1;case 1:d.trys.push([1,6,7,8]),n=k(Object.entries(t)),o=n.next(),d.label=2;case 2:return o.done?[3,5]:(r=j(o.value,2),i=r[0],(a=r[1])?(s=e,c=i,[4,P(a)]):[3,4]);case 3:s[c]=d.sent(),d.label=4;case 4:return o=n.next(),[3,2];case 5:return[3,8];case 6:return u=d.sent(),l={error:u},[3,8];case 7:try{o&&!o.done&&(p=n.return)&&p.call(n)}finally{if(l)throw l.error}return[7];case 8:return[2,e]}}))}))}var it=rt,at=function(){function t(t,e,r,i,a,s,c,u,l,p,d,g,m){var h=this;this.id=t,this.clipboard=e,this.notifications=r,this.location=i,this.copyTexts$=a,this.texts=s,this.codeEditor=c,this.processContent=u,this.isCypress=l,this.codeActions=p,this.router=d,this.route=g,this.ngLocation=m,this.rawLoader$$=new n.BehaviorSubject({}),this.heading="",this.description="",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(o.map((function(t){return j(t,1)[0]}))),this.processor$=this.rawLoader$$.pipe(o.switchMap(rt),o.map((function(t){return h.processContent(t)}))),this.loading$=new n.Subject}return Object.defineProperty(t.prototype,"content",{set:function(t){this.rawLoader$$.next(t)},enumerable:!0,configurable:!0}),t.prototype.copyExampleLink=function(){var t=this.location.href.indexOf("#"),e=(t>-1?this.location.href.slice(0,Math.max(0,t)):this.location.href)+"#"+this.id;this.setFragmentWithoutRedirect(this.id),this.clipboard.copy(e),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},t.prototype.edit=function(t){var e,n,o=this;this.loading$.next(!0),null===(e=this.codeEditor)||void 0===e||e.edit(this.componentName,null!==(n=this.id)&&void 0!==n?n:"",t).finally((function(){return o.loading$.next(!1)}))},t.prototype.setFragmentWithoutRedirect=function(t){var e=this.router.createUrlTree([],{relativeTo:this.route,fragment:t||""}).toString();this.ngLocation.go(e)},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Attribute,args:["id"]}]},{type:g.Clipboard,decorators:[{type:e.Inject,args:[g.Clipboard]}]},{type:u.TuiNotificationsService,decorators:[{type:e.Inject,args:[u.TuiNotificationsService]}]},{type:Location,decorators:[{type:e.Inject,args:[m.LOCATION]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[c.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:e.Inject,args:[$]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[nt]}]},{type:void 0,decorators:[{type:e.Inject,args:[ot]}]},{type:Boolean,decorators:[{type:e.Inject,args:[s.TUI_IS_CYPRESS]}]},{type:Array,decorators:[{type:e.Inject,args:[et]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]}]},I([e.Input()],t.prototype,"heading",void 0),I([e.Input()],t.prototype,"description",void 0),I([e.Input()],t.prototype,"content",null),I([e.Input()],t.prototype,"componentName",void 0),t=I([e.Component({selector:"tui-doc-example",template:'<h3\n    *ngIf="heading"\n    class="t-title"\n>\n    <span\n        polymorpheus-outlet\n        [content]="heading | tuiDocExampleCapitalize"\n    ></span>\n    <button\n        *ngIf="id"\n        tuiIconButton\n        type="button"\n        size="xs"\n        icon="tuiIconLinkLarge"\n        appearance="icon"\n        class="t-link-icon"\n        [title]="copy$ | async"\n        (click)="copyExampleLink()"\n    ></button>\n</h3>\n<h4\n    *ngIf="description"\n    polymorpheus-outlet\n    class="t-description"\n    [content]="description | tuiDocExampleCapitalize"\n></h4>\n\n<div\n    *ngIf="processor$ | async as files"\n    class="t-example"\n>\n    <ng-container *ngIf="files | tuiDocExampleGetTabs: defaultTab as tabs">\n        <div class="t-tabs-wrapper">\n            <tui-tabs-with-more\n                class="t-tabs"\n                [(activeItemIndex)]="activeItemIndex"\n            >\n                <ng-container *ngFor="let tab of tabs">\n                    <button\n                        *tuiTab\n                        tuiTab\n                    >\n                        {{ tab }}\n                    </button>\n                </ng-container>\n            </tui-tabs-with-more>\n\n            <button\n                *ngIf="codeEditor"\n                tuiButton\n                appearance="flat"\n                size="s"\n                [showLoader]="!!(loading$ | async)"\n                (click)="edit(files)"\n            >\n                Edit on {{ codeEditor.name }}\n            </button>\n        </div>\n\n        <div\n            *ngFor="let tab of tabs; let index = index"\n            class="t-content"\n            [class.t-content_animated]="!isCypress"\n            [class.t-content_visible]="activeItemIndex === index"\n        >\n            <ng-container\n                *ngIf="index === defaultTabIndex; else anotherTab"\n                [ngTemplateOutlet]="preview"\n            ></ng-container>\n            <ng-template #anotherTab>\n                <ng-container\n                    [ngTemplateOutlet]="codeSection"\n                    [ngTemplateOutletContext]="{$implicit: files[tabs[activeItemIndex]] || \'\'}"\n                ></ng-container>\n            </ng-template>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #preview>\n    <div\n        automation-id="tui-doc-example"\n        class="t-demo"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n\n<ng-template\n    #codeSection\n    let-code\n>\n    <section class="t-code-actions">\n        <ng-container *ngFor="let action of codeActions">\n            <div\n                polymorpheus-outlet\n                [content]="action"\n                [context]="{$implicit: code}"\n            ></div>\n        </ng-container>\n        <tui-doc-copy [cdkCopyToClipboard]="code"></tui-doc-copy>\n    </section>\n    <tui-doc-code [code]="code"></tui-doc-code>\n</ng-template>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}:host :host-context(tui-root._mobile){padding-top:2rem}.t-title{font:var(--tui-font-heading-5);margin:0 0 .5rem}:host-context(tui-root._mobile) .t-title{font:var(--tui-font-heading-6)}.t-description{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-example{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem rgba(0,0,0,.1)}:host-context(tui-root._mobile) .t-example{margin-top:.75rem}.t-tabs-wrapper{display:flex;padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}:host-context(tui-root._mobile) .t-tabs-wrapper{padding:0 1rem}.t-tabs{flex-grow:1}.t-demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.t-demo::-webkit-scrollbar,.t-demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.t-demo::-webkit-scrollbar{background-color:transparent}.t-demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host-context(tui-root._mobile) .t-demo{padding:1rem}.t-code-actions{position:absolute;top:4.375rem;right:1rem;display:flex;justify-content:flex-end;align-items:center}.t-code-actions>*{margin-left:.5rem}.t-link-icon{margin-left:.3rem;vertical-align:baseline}.t-content{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated{transition:opacity .3s ease-in-out}.t-content_visible{height:auto;visibility:visible;opacity:1}"]}),T(0,e.Attribute("id")),T(1,e.Inject(g.Clipboard)),T(2,e.Inject(u.TuiNotificationsService)),T(3,e.Inject(m.LOCATION)),T(4,e.Inject(c.TUI_COPY_TEXTS)),T(5,e.Inject($)),T(6,e.Optional()),T(6,e.Inject(nt)),T(7,e.Inject(ot)),T(8,e.Inject(s.TUI_IS_CYPRESS)),T(9,e.Inject(et)),T(10,e.Inject(p.Router)),T(11,e.Inject(p.ActivatedRoute)),T(12,e.Inject(i.Location))],t)}(),st=function(){function t(){}return t.prototype.transform=function(t){return"string"==typeof t?u.capitalizeFirstLetter(t):t},t=I([e.Pipe({name:"tuiDocExampleCapitalize"})],t)}(),ct=function(){function t(){}return t.prototype.transform=function(t,e){return O([e],Object.keys(t))},t=I([e.Pipe({name:"tuiDocExampleGetTabs"})],t)}(),ut=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,g.ClipboardModule,c.TuiTabsModule,u.TuiButtonModule,R,L,h.PolymorpheusModule],declarations:[at,ct,st],exports:[at,ct,st]})],t)}(),lt=function(){function t(t,e){this.switcher=t,this.iconsPath=e,this.path=this.iconsPath("tuiIcon").replace("tuiIcon.svg#tuiIcon",""),this.language=new l.FormControl(u.tuiCapitalizeFirstLetter(this.switcher.language)),this.flags=new Map([["chinese",f.TuiCountryIsoCode.CN],["dutch",f.TuiCountryIsoCode.NL],["english",f.TuiCountryIsoCode.GB],["french",f.TuiCountryIsoCode.FR],["german",f.TuiCountryIsoCode.DE],["italian",f.TuiCountryIsoCode.IT],["polish",f.TuiCountryIsoCode.PL],["portuguese",f.TuiCountryIsoCode.PT],["russian",f.TuiCountryIsoCode.RU],["spanish",f.TuiCountryIsoCode.ES],["turkish",f.TuiCountryIsoCode.TR],["ukrainian",f.TuiCountryIsoCode.UA],["vietnamese",f.TuiCountryIsoCode.VN]]),this.names=Array.from(this.flags.keys())}return t.prototype.getFlagPath=function(t){return t?""+this.path+t+".png":null},t.ctorParameters=function(){return[{type:f.TuiLanguageSwitcher,decorators:[{type:e.Inject,args:[f.TuiLanguageSwitcher]}]},{type:void 0,decorators:[{type:e.Inject,args:[u.TUI_ICONS_PATH]}]}]},t=I([e.Component({selector:"tui-language-switcher",template:'<tui-select [formControl]="language">\n    <ng-content></ng-content>\n    <tui-data-list *tuiDataList>\n        <button\n            *ngFor="let name of names"\n            tuiOption\n            [value]="name | titlecase"\n            (click)="switcher.setLanguage(name)"\n        >\n            <img\n                alt=""\n                class="t-flag"\n                [src]="getFlagPath(flags.get(name))"\n            />\n            {{ name | titlecase }}\n        </button>\n    </tui-data-list>\n</tui-select>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".t-flag{width:1.75rem;height:1.25rem;margin-right:.5rem}"]}),T(0,e.Inject(f.TuiLanguageSwitcher)),T(1,e.Inject(u.TUI_ICONS_PATH))],t)}(),pt=function(){function t(){}return t=I([e.NgModule({exports:[lt],declarations:[lt],imports:[i.CommonModule,c.TuiSelectModule,u.TuiDataListModule,l.ReactiveFormsModule]})],t)}(),dt=function(){function t(t,e){this.storage=t,this.windowRef=e,this.night="true"===this.storage.getItem("night")||null===this.storage.getItem("night")&&this.windowRef.matchMedia("(prefers-color-scheme: dark)").matches,this.change$=new n.Subject}var o;return o=t,Object.defineProperty(t.prototype,"mode",{get:function(){return this.night?"onDark":null},enumerable:!0,configurable:!0}),t.prototype.onMode=function(t){this.night=t,this.change$.next(),this.storage.setItem("night",String(t))},t.ctorParameters=function(){return[{type:Storage,decorators:[{type:e.Inject,args:[m.LOCAL_STORAGE]}]},{type:Window,decorators:[{type:e.Inject,args:[m.WINDOW]}]}]},I([e.HostBinding("attr.data-mode")],t.prototype,"mode",null),t=o=I([e.Component({selector:"tui-doc-main",template:'<tui-theme-night *ngIf="night"></tui-theme-night>\n<tui-root>\n    <div class="tui-doc-page">\n        <tui-doc-navigation class="tui-doc-navigation">\n            <ng-content select="tuiDocNavigation"></ng-content>\n        </tui-doc-navigation>\n        <div class="tui-doc-content">\n            <router-outlet class="tui-doc-outlet"></router-outlet>\n        </div>\n    </div>\n    <header tuiDocHeader>\n        <label class="night-mode">\n            Night mode\n            <tui-toggle\n                class="tui-toggle"\n                [ngModel]="night"\n                (ngModelChange)="onMode($event)"\n            ></tui-toggle>\n        </label>\n        <ng-content select="tuiDocHeader"></ng-content>\n    </header>\n    <ng-container ngProjectAs="tuiOverContent">\n        <ng-content select="tuiOverContent"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverDialogs">\n        <ng-content select="tuiOverDialogs"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverAlerts">\n        <ng-content select="tuiOverAlerts"></ng-content>\n    </ng-container>\n    \x3c!-- TODO: 3.0 Remove--\x3e\n    <ng-container ngProjectAs="tuiOverNotifications">\n        <ng-content select="tuiOverNotifications"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverPortals">\n        <ng-content select="tuiOverPortals"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverHints">\n        <ng-content select="tuiOverHints"></ng-content>\n    </ng-container>\n</tui-root>\n',encapsulation:e.ViewEncapsulation.None,providers:[{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return o}))},s.TuiSwipeService],styles:["html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@-webkit-keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not([class*=language-]):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}a:focus code,button:focus code{background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;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)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{-webkit-animation:1s .3s tuiShaking;animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}label.night-mode .tui-toggle{margin-left:.5rem}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear-disabled)}.hljs.hljs-line-numbers{background:0 0}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-support-06)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-link-hover)}[data-mode=onDark] .hljs-template-variable,[data-mode=onDark] .hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]}),T(0,e.Inject(m.LOCAL_STORAGE)),T(1,e.Inject(m.WINDOW))],t)}(),gt=new e.InjectionToken("[TUI_DOC_PAGE_LOADED] Stream that emits if loading of page is over (for example, to begin scrollIntoView)",{factory:function(){return n.defer((function(){return n.timer(200).pipe(o.switchMapTo(n.of(!0)))}))}}),mt=function(){function t(t,e,r){var i=e.nativeElement;this.readyToScroll$=r,this.scroll$=new n.ReplaySubject(1),this.readyToScroll$.pipe(o.filter(Boolean),o.switchMapTo(this.scroll$),o.debounceTime(750),o.filter((function(t){return t&&!!s.getElementObscurers(i)})),o.takeUntil(t)).subscribe((function(){i.scrollIntoView()}))}return Object.defineProperty(t.prototype,"scrollIntoView",{set:function(t){this.scroll$.next(t)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:s.TuiDestroyService,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:e.ElementRef,decorators:[{type:e.Inject,args:[e.ElementRef]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[gt]}]}]},I([e.Input()],t.prototype,"scrollIntoView",null),t=I([e.Directive({selector:"[scrollIntoView]",providers:[s.TuiDestroyService]}),T(0,e.Inject(s.TuiDestroyService)),T(1,e.Inject(e.ElementRef)),T(2,e.Inject(gt))],t)}(),ht=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}v(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(n,t),n=I([e.Directive({selector:"[tuiScrollIntoViewLink]",providers:[s.TuiDestroyService]})],n)}(mt),ft=function(){function t(){}return t=I([e.NgModule({declarations:[mt],exports:[mt]})],t)}(),yt=function(){function t(){}return t=I([e.NgModule({declarations:[ht],exports:[ht]})],t)}(),bt=new e.InjectionToken("[TUI_DOC_SCROLL_BEHAVIOR] Defines the transition animation for scroll",{factory:function(){return"smooth"}}),vt={"а":"f","б":",","в":"d","г":"u","д":"l","е":"t","ё":"`","ж":";","з":"p","и":"b","й":"q","к":"r","л":"k","м":"v","н":"y","о":"j","п":"g","р":"h","с":"c","т":"n","у":"e","ф":"a","х":"[","ц":"w","ч":"x","ш":"i","щ":"o","ъ":"]","ы":"s","ь":"m","ю":".","я":"z"};function xt(t){for(var e="",n=0;n<t.length;n++)e+=t.charAt(n)in vt?vt[t.charAt(n)]:t.charAt(n);return e}var It=new e.InjectionToken("Documentation pages",{factory:function(){return[]}}),Tt=new e.InjectionToken("Page title",{factory:function(){return""}}),Ct=new e.InjectionToken("Page title"),wt=new e.InjectionToken("Navigation sections labels for search"),kt=new e.InjectionToken("Navigation pages"),jt=[s.TuiDestroyService,{provide:Ct,deps:[p.Router,p.ActivatedRoute,Tt,s.TuiDestroyService],useFactory:Ot},{provide:wt,deps:[It],useFactory:Pt},{provide:kt,deps:[It],useFactory:Mt}];function Ot(t,e,n,r){return t.events.pipe(o.filter((function(t){return t instanceof p.NavigationEnd})),o.map((function(){return e.firstChild})),o.filter(s.isPresent),o.mergeMap((function(t){return t.data})),o.map((function(t){var e=t.title;return n+e})),o.takeUntil(r))}function Pt(t){return t.map((function(t){return t.section})).filter(s.isPresent).filter((function(t,e,n){return n.indexOf(t)===e}))}function Mt(t){return O(Pt(t).map((function(e){return t.filter((function(t){return t.section===e}))})),[t.filter((function(t){return!t.section}))])}var St=function(){function t(t,e,n,r,i,a,s,c,u,l,p,d,g,m){var h=this;this.documentRef=r,this.mode=i,this.sidebar=a,this.labels=s,this.items=c,this.searchText=u,this.router=l,this.activatedRoute=p,this.destroy$=d,this.readyToScroll$=g,this.scrollBehavior=m,this.menuOpen=!1,this.search="",this.open=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.mode$=this.mode.change$.pipe(o.startWith(null),o.map((function(){return h.mode.mode||"onLight"}))),n.subscribe((function(n){t.markForCheck(),e.setTitle(n),h.openActivePageGroup(),h.handleAnchorLink(h.activatedRoute.snapshot.fragment)}))}return Object.defineProperty(t.prototype,"canOpen",{get:function(){return this.search.length>2},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"filteredItems",{get:function(){return this.filterItems(this.flattenSubPages(this.items),this.search)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"itemsWithoutSections",{get:function(){return this.items[this.items.length-1]},enumerable:!0,configurable:!0}),t.prototype.isActive=function(t){return t===this.active},t.prototype.onGroupClick=function(t){this.openPagesGroupsArr[t]=!this.openPagesGroupsArr[t]},t.prototype.closeMenu=function(){this.menuOpen=!1},t.prototype.onSearchChange=function(t){this.search=t,this.open=this.canOpen},t.prototype.onClick=function(){this.open=!1,this.menuOpen=!1,this.search="",this.openActivePageGroup()},t.prototype.filterItems=function(t,e){return t.map((function(t){return s.uniqBy(t.filter((function(t){var n=t.title,o=t.keywords,r=void 0===o?"":o;return n=n.toLowerCase(),e=e.toLowerCase(),r=r.toLowerCase(),n.includes(e)||r.includes(e)||n.includes(xt(e))||r.includes(xt(e))||e.replace(/-/gi,"").includes(n)})),"title")}))},t.prototype.flattenSubPages=function(t){return t.reduce((function(t,e){return O(t,[e.reduce((function(t,e){return O(t,"subPages"in e?e.subPages:[e])}),[])])}),[])},t.prototype.isActiveRoute=function(t){return this.router.isActive(t,!1)},t.prototype.handleAnchorLink=function(t){var e=this;this.readyToScroll$.pipe(o.filter(Boolean),o.take(1),o.takeUntil(this.destroy$)).subscribe((function(){return e.navigateToAnchorLink(t)}))},t.prototype.openActivePageGroup=function(){var t=this;this.items.forEach((function(e,n){e.forEach((function(e,o){"route"in e&&t.isActiveRoute(e.route)&&(t.openPagesArr[n]=!0,t.active=e.route),"subPages"in e&&e.subPages.forEach((function(e){t.isActiveRoute(e.route)&&(t.openPagesArr[n]=!0,t.openPagesGroupsArr[100*n+o]=!0,t.active=e.route)}))}))}))},t.prototype.navigateToAnchorLink=function(t){var e=t&&this.documentRef.querySelector("#"+t);e&&(e.classList.add("tui-doc-animated-example"),e.scrollIntoView({block:"start",inline:"nearest",behavior:this.scrollBehavior}))},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:b.Title,decorators:[{type:e.Inject,args:[b.Title]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[Ct]}]},{type:Document,decorators:[{type:e.Inject,args:[i.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:e.Inject,args:[u.TuiModeDirective]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[y.TuiSidebarDirective]}]},{type:Array,decorators:[{type:e.Inject,args:[wt]}]},{type:void 0,decorators:[{type:e.Inject,args:[kt]}]},{type:String,decorators:[{type:e.Inject,args:[V]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[gt]}]},{type:void 0,decorators:[{type:e.Inject,args:[bt]}]}]},I([e.HostBinding("class._open")],t.prototype,"menuOpen",void 0),I([s.tuiPure],t.prototype,"filterItems",null),I([s.tuiPure],t.prototype,"flattenSubPages",null),t=I([e.Component({selector:"tui-doc-navigation",template:'<tui-hosted-dropdown\n    *tuiLet="filteredItems as filtered"\n    tuiAutoFocus\n    tuiDropdownLimitWidth="fixed"\n    class="t-input"\n    [autoFocus]="!!sidebar"\n    [content]="dropdown"\n    [canOpen]="canOpen"\n    [(open)]="open"\n>\n    <tui-primitive-textfield\n        iconAlign="left"\n        tuiTextfieldSize="m"\n        iconContent="tuiIconSearch"\n        [pseudoFocused]="open || null"\n        [tuiTextfieldCleaner]="true"\n        [tuiTextfieldLabelOutside]="true"\n        [value]="search"\n        (valueChange)="onSearchChange($event)"\n    >\n        {{ searchText }}\n    </tui-primitive-textfield>\n    <ng-template\n        #dropdown\n        let-activeZone\n    >\n        <tui-data-list>\n            <tui-opt-group\n                *ngFor="let group of filtered; let index = index"\n                [label]="labels[index] || \'\'"\n            >\n                <a\n                    *ngFor="let item of group"\n                    tuiOption\n                    [routerLink]="item.route"\n                    (click)="onClick()"\n                >\n                    {{ item.title }}\n                </a>\n            </tui-opt-group>\n        </tui-data-list>\n    </ng-template>\n</tui-hosted-dropdown>\n\n<nav class="t-navigation">\n    <tui-scrollbar\n        class="t-scrollbar"\n        [tuiMode]="mode$ | async"\n    >\n        <tui-accordion\n            [closeOthers]="false"\n            [rounded]="false"\n        >\n            <tui-accordion-item\n                *ngFor="let label of labels; index as index"\n                size="s"\n                [borders]="null"\n                [(open)]="!!openPagesArr[index]"\n            >\n                <span class="t-label">\n                    <strong>{{ label }}</strong>\n                </span>\n                <ng-template tuiAccordionItemContent>\n                    <div class="t-section">\n                        <ng-container\n                            *ngFor="let item of items[index]; index as subIndex"\n                            [ngTemplateOutlet]="pages"\n                            [ngTemplateOutletContext]="{item: item, index: index * 100 + subIndex}"\n                        ></ng-container>\n                    </div>\n                </ng-template>\n            </tui-accordion-item>\n        </tui-accordion>\n        <div class="t-items-container">\n            <ng-container\n                *ngFor="let item of itemsWithoutSections; let index = index"\n                [ngTemplateOutlet]="pages"\n                [ngTemplateOutletContext]="{item: item, index: items.length - 1 + index}"\n            ></ng-container>\n        </div>\n\n        <ng-template\n            #pages\n            let-item="item"\n            let-index="index"\n        >\n            <a\n                *ngIf="!item.subPages; else subPages"\n                tuiLink\n                routerLinkActive="t-sublink_active"\n                class="t-sublink"\n                [routerLink]="item.route"\n                [scrollIntoView]="isActive(item.route)"\n                (click)="closeMenu()"\n            >\n                {{ item.title }}\n            </a>\n            <ng-template #subPages>\n                <div\n                    routerLinkActive\n                    class="t-subsection"\n                    [routerLinkActiveOptions]="{exact: false}"\n                >\n                    <button\n                        *ngIf="item.subPages"\n                        tuiLink\n                        type="button"\n                        class="t-sublink t-sublink_subsection"\n                        (click)="onGroupClick(index)"\n                    >\n                        <tui-svg\n                            src="tuiIconChevronRight"\n                            class="t-chevron"\n                            [class.t-chevron_active]="!!openPagesGroupsArr[index]"\n                        ></tui-svg>\n                        {{ item.title }}\n                    </button>\n                    <tui-expand\n                        class="t-expand"\n                        [expanded]="!!openPagesGroupsArr[index]"\n                    >\n                        <div class="t-section t-section_bordered">\n                            <a\n                                *ngFor="let subPage of item.subPages"\n                                tuiLink\n                                routerLinkActive="t-sublink_active"\n                                class="t-sublink t-sublink_small"\n                                [routerLink]="subPage.route"\n                                [scrollIntoView]="isActive(subPage.route)"\n                                (click)="closeMenu()"\n                            >\n                                {{ subPage.title }}\n                            </a>\n                        </div>\n                    </tui-expand>\n                </div>\n            </ng-template>\n        </ng-template>\n    </tui-scrollbar>\n</nav>\n\n<ng-content></ng-content>\n',providers:jt,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input{display:block;margin:1.25rem}.t-navigation{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar{width:100%;scroll-behavior:smooth}.t-items-container{display:flex;flex-direction:column;padding:0 1rem}.t-label{margin-left:.5rem}.t-expand{margin-left:.25rem}.t-section{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection{margin-left:.5rem}.t-sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:0 0;font-size:inherit;line-height:inherit;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection{margin-left:0;line-height:1.6rem}.t-sublink_active{color:var(--tui-text-01)}.t-chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active{transform:rotate(90deg)}"]}),T(0,e.Inject(e.ChangeDetectorRef)),T(1,e.Inject(b.Title)),T(2,e.Inject(Ct)),T(3,e.Inject(i.DOCUMENT)),T(4,e.Inject(u.TuiModeDirective)),T(5,e.Optional()),T(5,e.Inject(y.TuiSidebarDirective)),T(6,e.Inject(wt)),T(7,e.Inject(kt)),T(8,e.Inject(V)),T(9,e.Inject(p.Router)),T(10,e.Inject(p.ActivatedRoute)),T(11,e.Inject(s.TuiDestroyService)),T(12,e.Inject(gt)),T(13,e.Inject(bt))],t)}(),_t=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.FormsModule,p.RouterModule,ft,yt,u.TuiButtonModule,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,s.TuiActiveZoneModule,s.TuiLetModule,u.TuiModeModule,u.TuiLinkModule,u.TuiExpandModule,u.TuiHostedDropdownModule,u.TuiDropdownControllerModule,c.TuiAccordionModule,u.TuiScrollbarModule,u.TuiSvgModule,u.TuiDataListModule,s.TuiAutoFocusModule],declarations:[St],exports:[St]})],t)}(),Dt=new e.InjectionToken("Main logo",{factory:function(){return""}}),Lt=function(){function t(t,e,r,i){this.logo=t,this.menu=e,this.router=r,this.swipes$=i,this.stream$=new n.Subject,this.open$=n.merge(this.router.events.pipe(o.mapTo(!1)),this.stream$,this.swipes$.pipe(o.filter((function(t){return"left"===t.direction||"right"===t.direction})),o.map((function(t){return"right"===t.direction})))).pipe(o.startWith(!1),o.distinctUntilChanged())}return t.prototype.onClick=function(){this.stream$.next(!0)},t.prototype.onActiveZone=function(t){t||this.stream$.next(!1)},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[Dt]}]},{type:String,decorators:[{type:e.Inject,args:[z]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:s.TuiSwipeService,decorators:[{type:e.Inject,args:[s.TuiSwipeService]}]}]},t=I([e.Component({selector:"header[tuiDocHeader]",template:'<button\n    tuiIconButton\n    icon="tuiIconMenuLarge"\n    appearance="icon"\n    class="t-menu"\n    [title]="menu"\n    (click)="onClick()"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n>\n    <tui-doc-navigation\n        *tuiSidebar="!!(open$ | async)"\n        class="t-navigation"\n    ></tui-doc-navigation>\n</button>\n<div\n    polymorpheus-outlet\n    class="t-logo"\n    [content]="logo"\n>\n    <ng-template let-src>\n        <img\n            alt="Logo"\n            class="t-img"\n            [src]="src"\n        />\n    </ng-template>\n</div>\n<ng-content></ng-content>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{box-shadow:0 .125rem 1rem rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:1;display:flex;height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}.t-logo{margin-right:auto;font:var(--tui-font-heading-5)}.t-img{display:block}.t-menu{margin-left:-1.25rem}@media screen and (min-width:48em){.t-menu{display:none}}.t-navigation{min-height:100%}"]}),T(0,e.Inject(Dt)),T(1,e.Inject(z)),T(2,e.Inject(p.Router)),T(3,e.Inject(s.TuiSwipeService))],t)}(),At=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,h.PolymorpheusModule,u.TuiButtonModule,y.TuiSidebarModule,s.TuiActiveZoneModule,_t],declarations:[Lt],exports:[Lt]})],t)}(),Rt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,l.FormsModule,c.TuiToggleModule,u.TuiThemeNightModule,At,u.TuiRootModule,u.TuiDialogModule,u.TuiAlertModule,_t],declarations:[dt],exports:[dt]})],t)}(),Et=new e.InjectionToken("Array of default tab names",{factory:function(){return[]}}),Nt=new e.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),$t=new e.InjectionToken("Page see also"),zt=[{provide:$t,deps:[e.ElementRef,Nt],useFactory:Vt}];function Vt(t,e){var n=t.nativeElement.getAttribute("header"),o=e.filter((function(t){return t.includes(n)}))||[],r=new Set(o.join().split(",").filter((function(t){return t&&t!==n})));return Array.from(r)}var Ft=function(){function t(t){this.template=t}return t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]}]},I([e.Input(),s.tuiDefaultProp()],t.prototype,"pageTab",void 0),t=I([e.Directive({selector:"[pageTab]"}),T(0,e.Inject(e.TemplateRef))],t)}(),Ut=function(){function t(t,e,n){this.deprecated=t,this.defaultTabs=e,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.tabConnectors=s.EMPTY_QUERY,this.activeItemIndex=NaN}return Object.defineProperty(t.prototype,"showSeeAlso",{get:function(){return!!this.seeAlso.length&&0===this.activeItemIndex},enumerable:!0,configurable:!0}),t.prototype.getRouterLink=function(t){return void 0===t&&(t=""),"./"+t.replace(/ /g,"_")},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Attribute,args:["deprecated"]}]},{type:void 0,decorators:[{type:e.Inject,args:[Et]}]},{type:void 0,decorators:[{type:e.Inject,args:[$t]}]}]},I([e.Input()],t.prototype,"header",void 0),I([e.Input()],t.prototype,"package",void 0),I([e.Input()],t.prototype,"type",void 0),I([e.Input()],t.prototype,"path",void 0),I([e.ContentChildren(Ft)],t.prototype,"tabConnectors",void 0),t=I([e.Component({selector:"tui-doc-page",template:'<header class="t-header">\n    <h1 class="t-title">\n        {{ header }}\n        <tui-tag\n            *ngIf="deprecated !== null"\n            value="deprecated"\n            status="custom"\n            class="t-tag t-tag_deprecated"\n        ></tui-tag>\n        <tui-tag\n            *ngIf="package"\n            status="custom"\n            class="t-tag t-tag_package"\n            [value]="package"\n            [autoColor]="true"\n        ></tui-tag>\n    </h1>\n    <tui-tabs-with-more\n        *ngIf="tabConnectors.length"\n        class="t-tabs"\n        [(activeItemIndex)]="activeItemIndex"\n    >\n        <ng-container *ngFor="let tab of tabConnectors; first as first; index as index">\n            <ng-container *ngIf="first; else dynamicTab">\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLink="./"\n                    routerLinkActive\n                    [routerLinkActiveOptions]="{exact: true}"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-container>\n            <ng-template #dynamicTab>\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLinkActive\n                    [routerLink]="getRouterLink(tab.pageTab || defaultTabs[index])"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-template>\n        </ng-container>\n    </tui-tabs-with-more>\n    <tui-doc-source-code\n        class="t-source-code"\n        [header]="header"\n        [package]="package"\n        [type]="type"\n        [path]="path"\n    ></tui-doc-source-code>\n</header>\n<div class="t-content">\n    <ng-content></ng-content>\n    <tui-doc-see-also\n        *ngIf="showSeeAlso"\n        class="t-see-also"\n        [seeAlso]="seeAlso"\n    ></tui-doc-see-also>\n    <ng-container *ngFor="let tab of tabConnectors; index as index">\n        <ng-container\n            *ngIf="index === activeItemIndex"\n            [ngTemplateOutlet]="tab.template"\n        ></ng-container>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:zt,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header{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)}:host-context(tui-root._mobile) .t-header{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title{min-width:100%;font-size:inherit;margin:0}.t-tag{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated{background-color:var(--tui-error-fill)}.t-tag.t-tag_package{color:#000}.t-tabs{flex:1;margin:1.125rem .3125rem 0 0}:host-context(tui-root._mobile) .t-tabs{margin-top:.25rem}.t-content{padding:2rem 0;margin:0 min(10vw,8.75rem)}:host-context(tui-root._mobile) .t-content{padding:2rem 1.25rem;margin:0}.t-see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}:host-context(tui-root._mobile) .t-see-also{float:none;width:100%;margin:0 0 1.5rem}.t-source-code{align-self:flex-end;line-height:2.75rem}"]}),T(0,e.Attribute("deprecated")),T(1,e.Inject(Et)),T(2,e.Inject($t))],t)}(),Bt=function(){function t(t,e){this.text=t,this.pages=e,this.seeAlso=[]}return t.prototype.getRouterLink=function(t){for(var e=0;e<this.pages.length;e++){var n=this.pages.map((function(t){return"subPages"in t?t.subPages:[t]})).reduce((function(t,e){return O(t,e)}),[]).find((function(e){return e.title===t}));if(null==n?void 0:n.route)return n.route}return""},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[F]}]},{type:void 0,decorators:[{type:e.Inject,args:[It]}]}]},I([e.Input()],t.prototype,"seeAlso",void 0),t=I([e.Component({selector:"tui-doc-see-also",template:'<h5 class="t-header">{{ text }}</h5>\n<ng-container *ngFor="let item of seeAlso; last as last">\n    <a\n        tuiLink\n        [routerLink]="getRouterLink(item)"\n    >\n        {{ item }}\n    </a>\n    <ng-container *ngIf="!last">{{ \', \' }}</ng-container>\n</ng-container>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.t-header{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-02);margin:0 0 .5rem;white-space:nowrap}"]}),T(0,e.Inject(F)),T(1,e.Inject(It))],t)}(),qt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,u.TuiLinkModule],declarations:[Bt],exports:[Bt]})],t)}(),Wt=new e.InjectionToken("Source code link",{factory:function(){return""}}),Gt=function(){function t(t,e){this.sourceCode=t,this.text=e,this.header="",this.package="",this.type="",this.path=""}return Object.defineProperty(t.prototype,"pathOptions",{get:function(){return this.getPathOptions(this.header,this.package,this.type,this.path)},enumerable:!0,configurable:!0}),t.prototype.getPathOptions=function(t,e,n,o){return{header:t,package:e,type:n,path:o}},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[Wt]}]},{type:String,decorators:[{type:e.Inject,args:[U]}]}]},I([e.Input()],t.prototype,"header",void 0),I([e.Input()],t.prototype,"package",void 0),I([e.Input()],t.prototype,"type",void 0),I([e.Input()],t.prototype,"path",void 0),I([s.tuiPure],t.prototype,"getPathOptions",null),t=I([e.Component({selector:"tui-doc-source-code",template:'<div\n    *ngIf="!!sourceCode"\n    polymorpheus-outlet\n    [content]="sourceCode"\n    [context]="pathOptions"\n>\n    <ng-template let-link>\n        <a\n            *ngIf="link"\n            tuiIconButton\n            type="button"\n            icon="tuiIconCodeLarge"\n            appearance="icon"\n            target="_blank"\n            size="s"\n            [title]="text"\n            [href]="link"\n        ></a>\n    </ng-template>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush}),T(0,e.Inject(Wt)),T(1,e.Inject(U))],t)}(),Xt=function(){function t(){}return t=I([e.NgModule({declarations:[Gt],imports:[i.CommonModule,h.PolymorpheusModule,u.TuiButtonModule],exports:[Gt]})],t)}(),Ht=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,qt,c.TuiTabsModule,c.TuiTagModule,Xt],declarations:[Ut,Ft],exports:[Ut,Ft]})],t)}(),Yt=["Сделано с помощью директивы: ","Фон","Детали формы"],Zt=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],Qt=["Превью","Ссылка на пример скопирована","Готово"],Jt=[{provide:E,useValue:Yt},{provide:N,useValue:Zt},{provide:$,useValue:Qt},{provide:z,useValue:"Меню"},{provide:V,useValue:"Поиск"},{provide:F,useValue:"Смотрите также"},{provide:U,useValue:"Исходный код"}],Kt=function(){function t(){}return t=I([e.NgModule({exports:[L,q,tt,Ht,ut]})],t)}();function te(t){return[{path:"",component:t,children:[{path:":tab",component:t}]}]}var ee=te;t.DEMO_TEXTS=Yt,t.DOC_TEXTS=Zt,t.EXAMPLE_TEXTS=Qt,t.ScrollIntoViewDirective=mt,t.ScrollIntoViewModule=ft,t.TUI_DOC_CODE_ACTIONS=et,t.TUI_DOC_CODE_EDITOR=nt,t.TUI_DOC_DEFAULT_TABS=Et,t.TUI_DOC_DEMO_TEXTS=E,t.TUI_DOC_DOCUMENTATION_TEXTS=N,t.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=ot,t.TUI_DOC_EXAMPLE_TEXTS=$,t.TUI_DOC_LOGO=Dt,t.TUI_DOC_MENU_TEXT=z,t.TUI_DOC_PAGES=It,t.TUI_DOC_PAGE_LOADED=gt,t.TUI_DOC_RUSSIAN=Jt,t.TUI_DOC_SCROLL_BEHAVIOR=bt,t.TUI_DOC_SEARCH_TEXT=V,t.TUI_DOC_SEE_ALSO=Nt,t.TUI_DOC_SEE_ALSO_TEXT=F,t.TUI_DOC_SOURCE_CODE=Wt,t.TUI_DOC_SOURCE_CODE_TEXT=U,t.TUI_DOC_TITLE=Tt,t.TUI_EXAMPLE_PRIMARY_FILE_NAME={TS:"TypeScript",LESS:"LESS",HTML:"HTML"},t.TuiAddonDocModule=Kt,t.TuiDocCodeComponent=D,t.TuiDocCodeModule=L,t.TuiDocCopyComponent=A,t.TuiDocCopyModule=R,t.TuiDocDemoComponent=B,t.TuiDocDemoModule=q,t.TuiDocDocumentationComponent=Q,t.TuiDocDocumentationModule=tt,t.TuiDocDocumentationPropertyConnectorDirective=Z,t.TuiDocExampleComponent=at,t.TuiDocExampleModule=ut,t.TuiDocMainComponent=dt,t.TuiDocMainModule=Rt,t.TuiDocNavigationComponent=St,t.TuiDocNavigationModule=_t,t.TuiDocPageComponent=Ut,t.TuiDocPageModule=Ht,t.TuiDocPageTabConnectorDirective=Ft,t.TuiLanguageSwitcherComponent=lt,t.TuiLanguageSwitcherModule=pt,t.TuiScrollIntoViewLinkDirective=ht,t.TuiScrollIntoViewLinkModule=yt,t.coerceValue=H,t.generateRoutes=te,t.rawLoad=P,t.rawLoadRecord=rt,t.tryParseMarkdownCodeBlock=S,t.tuiCoerceValue=Y,t.tuiGenerateRoutes=ee,t.tuiRawLoad=M,t.tuiRawLoadRecord=it,t.tuiTryParseMarkdownCodeBlock=_,t.ɵa=K,t.ɵb=J,t.ɵc=ct,t.ɵd=st,t.ɵe=At,t.ɵf=Ct,t.ɵg=wt,t.ɵh=kt,t.ɵi=jt,t.ɵj=Ot,t.ɵk=Pt,t.ɵl=Mt,t.ɵm=Lt,t.ɵn=$t,t.ɵo=zt,t.ɵp=Vt,t.ɵq=qt,t.ɵr=Bt,t.ɵs=Xt,t.ɵt=Gt,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("markdown-it"),require("@angular/common"),require("ngx-highlightjs"),require("@taiga-ui/cdk"),require("@taiga-ui/kit"),require("@taiga-ui/core"),require("@angular/forms"),require("@angular/router"),require("@angular/animations"),require("@angular/cdk/clipboard"),require("@ng-web-apis/common"),require("@tinkoff/ng-polymorpheus"),require("@taiga-ui/i18n"),require("@taiga-ui/addon-mobile"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-doc",["exports","@angular/core","rxjs","rxjs/operators","markdown-it","@angular/common","ngx-highlightjs","@taiga-ui/cdk","@taiga-ui/kit","@taiga-ui/core","@angular/forms","@angular/router","@angular/animations","@angular/cdk/clipboard","@ng-web-apis/common","@tinkoff/ng-polymorpheus","@taiga-ui/i18n","@taiga-ui/addon-mobile","@angular/platform-browser"],e):e(((t=t||self)["taiga-ui"]=t["taiga-ui"]||{},t["taiga-ui"]["addon-doc"]={}),t.ng.core,t.rxjs,t.rxjs.operators,t.MarkdownIt,t.ng.common,t.ngxHighlightjs,t.cdk,t.kit,t.core$1,t.ng.forms,t.ng.router,t.ng.animations,t.ng.cdk.clipboard,t.common$1,t.ngPolymorpheus,t.i18n,t.addonMobile,t.ng.platformBrowser)}(this,(function(t,e,n,o,r,i,a,s,c,u,l,p,d,g,m,h,f,y,b){"use strict";r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;var v=function(t,e){return(v=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};var x=function(){return(x=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function I(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function T(t,e){return function(n,o){e(n,o,t)}}function C(t,e,n,o){return new(n||(n=Promise))((function(r,i){function a(t){try{c(o.next(t))}catch(t){i(t)}}function s(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))}function w(t,e){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}Object.create;function k(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function j(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function O(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(j(arguments[e]));return t}Object.create;function P(t){return C(this,void 0,void 0,(function(){var e;return w(this,(function(n){switch(n.label){case 0:return t instanceof Promise?[4,t]:[3,2];case 1:return e=n.sent().default,[3,3];case 2:e=t,n.label=3;case 3:return[2,e]}}))}))}var M=P;function S(t){void 0===t&&(t="");var e=(new r).parse(t,{}).filter((function(t){var e=t.tag,n=t.type;return"code"===e&&"fence"===n})).map((function(t){return t.content}));return e.length?e:[t]}var _=S,D=function(){function t(){this.rawLoader$$=new n.BehaviorSubject(""),this.filename="",this.processor$=this.rawLoader$$.pipe(o.switchMap(P),o.map(S))}return Object.defineProperty(t.prototype,"code",{set:function(t){this.rawLoader$$.next(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),I([e.Input()],t.prototype,"filename",void 0),I([e.Input()],t.prototype,"code",null),I([e.HostBinding("class._has-filename")],t.prototype,"hasFilename",null),t=I([e.Component({selector:"tui-doc-code",template:'<p\n    *ngIf="filename"\n    class="t-header"\n>\n    {{ filename }}\n</p>\n<pre\n    *ngFor="let content of processor$ | async"\n    class="t-code"\n><code [lineNumbers]="true" [highlight]="content"></code></pre>\n',styles:[":host{display:block}.t-header{font:var(--tui-font-text-s);font-weight:700}.t-code{margin:0}.t-code+.t-code{margin-top:1rem}.hljs:not(:empty){font:var(--tui-font-text-m);padding:1.5rem 2rem;font-family:monospace;background:var(--tui-clear-disabled);word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.hljs:not(:empty)::-webkit-scrollbar,.hljs:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.hljs:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host._has-filename .hljs:not(:empty){border-radius:.75rem}:host-context(tui-root._mobile) .hljs:not(:empty){padding:1rem}"]})],t)}(),L=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,a.HighlightModule],declarations:[D],exports:[D]})],t)}(),A=function(){function t(t){this.texts$=t,this.copy$=new n.Subject}return Object.defineProperty(t.prototype,"copied$",{get:function(){return this.copy$.pipe(o.switchMapTo(n.timer(1500).pipe(o.mapTo(!1),o.startWith(!0))))},enumerable:!0,configurable:!0}),t.prototype.onClick=function(){this.copy$.next()},t.ctorParameters=function(){return[{type:n.Observable,decorators:[{type:e.Inject,args:[c.TUI_COPY_TEXTS]}]}]},I([s.tuiPure],t.prototype,"copied$",null),t=I([e.Component({selector:"tui-doc-copy",template:'<button\n    *ngIf="texts$ | async as texts"\n    tuiButton\n    type="button"\n    appearance=""\n    size="s"\n    class="t-copy"\n    [title]="texts[0]"\n    (click)="onClick()"\n>\n    <span\n        class="t-content"\n        [class.t-content_moved]="copied$ | async"\n    >\n        <span\n            class="t-initial"\n            [attr.data-text]="texts[0]"\n        >\n            <ng-content></ng-content>\n        </span>\n        {{ texts[1] }}\n    </span>\n</button>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[s.TuiDestroyService],styles:[":host{position:relative;display:inline-block;vertical-align:middle}.t-copy{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:100%;color:var(--tui-text-01);background:var(--tui-base-01);overflow:hidden}.t-copy:hover{background:var(--tui-base-02)}.t-initial{white-space:nowrap}.t-initial:empty:before{content:attr(data-text)}.t-content{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;flex-direction:column;transform:translateY(1rem);text-align:center;line-height:2rem}.t-content_moved{transform:translateY(-1rem)}"]}),T(0,e.Inject(c.TUI_COPY_TEXTS))],t)}(),R=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,u.TuiButtonModule],declarations:[A],exports:[A]})],t)}(),E=new e.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),N=new e.InjectionToken("tui-doc-documentation i18n texts",{factory:function(){return["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]}}),$=new e.InjectionToken("tui-doc-example i18n texts",{factory:function(){return["Preview","Link to a sample was successfully copied","Done"]}}),z=new e.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),V=new e.InjectionToken("search i18n text",{factory:function(){return"Search"}}),F=new e.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),U=new e.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),B=function(){function t(t,e,r,a,s,c,u){var p=this;this.isMobile=t,this.destroy$=e,this.renderer=r,this.texts=u,this.initialX=0,this.wrapperWidth=0,this.control=null,this.template=null,this.updateOnVariants=["change","blur","submit"],this.updateOn="change",this.expanded=!1,this.opaque=!0,this.modeControl=new l.FormControl,this.mode=null,this.change$=new n.Subject,this.items=["onLight","onDark"],this.isBrowser=i.isPlatformBrowser(a);var d=s.path().match(/tuiMode=(onDark|onLight)/);null!==d&&d.length>0&&this.modeControl.setValue(d[1]),this.modeControl.valueChanges.pipe(o.startWith(this.modeControl.value),o.takeUntil(this.destroy$)).subscribe((function(t){var e=c.parse(s.path());e.queryParams=x(x({},e.queryParams),{tuiMode:t}),s.go(String(e)),p.mode=t,p.change$.next()}))}var r;return r=t,t.prototype.onResize=function(){this.setResizerTextContent()},t.prototype.ngOnInit=function(){this.createForm()},t.prototype.ngAfterViewInit=function(){this.setResizerTextContent()},t.prototype.setResizerTextContent=function(){if(this.content&&this.resizerText){var t=this.isBrowser?getComputedStyle(this.content.nativeElement).paddingLeft:"0",e=this.content.nativeElement.offsetWidth;this.resizerText.nativeElement.textContent=String(e-2*parseInt(t||"0",10))}},t.prototype.onDragStart=function(t){t.preventDefault(),this.initialX=t.clientX,this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},t.prototype.onDragContinues=function(t){var e=this.initialX-t.clientX;this.resizeContent(e),this.setResizerTextContent()},t.prototype.onDragEnd=function(){this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},t.prototype.toggleDetails=function(){this.expanded=!this.expanded},t.prototype.updateOnChange=function(t){this.updateOn=t,this.createForm()},t.prototype.createForm=function(){var t=this.control,e=this.updateOn;t&&(this.testForm=new l.FormGroup({testValue:t},{updateOn:e}))},t.prototype.resizeContent=function(t){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",s.px(Math.max(this.wrapperWidth-t,104)))},t.ctorParameters=function(){return[{type:Boolean,decorators:[{type:e.Inject,args:[s.TUI_IS_MOBILE]}]},{type:s.TuiDestroyService,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]},{type:p.UrlSerializer,decorators:[{type:e.Inject,args:[p.UrlSerializer]}]},{type:Array,decorators:[{type:e.Inject,args:[E]}]}]},I([e.ViewChild("content")],t.prototype,"content",void 0),I([e.ViewChild("wrapper")],t.prototype,"wrapper",void 0),I([e.ViewChild("resizerText")],t.prototype,"resizerText",void 0),I([e.Input()],t.prototype,"control",void 0),I([e.ContentChild(e.TemplateRef)],t.prototype,"template",void 0),I([e.HostListener("window:resize")],t.prototype,"onResize",null),t=r=I([e.Component({selector:"tui-doc-demo",template:'<div\n    class="t-bg-toggle"\n    [tuiMode]="null"\n>\n    <ng-template #tooltip>\n        {{ texts[0] }}\n        <a\n            tuiLink\n            tuiMode="onDark"\n            routerLink="/directives/mode"\n        >\n            <code>tuiMode</code>\n        </a>\n    </ng-template>\n    <ng-container *ngIf="isMobile; else desktop">\n        <tui-select\n            tuiTextfieldSize="s"\n            class="t-mode"\n            [tuiTextfieldCleaner]="true"\n            [tuiHintContent]="tooltip"\n            [formControl]="modeControl"\n        >\n            tuiMode\n            <tui-data-list-wrapper\n                *tuiDataList\n                [items]="items"\n            ></tui-data-list-wrapper>\n        </tui-select>\n    </ng-container>\n    <ng-template #desktop>\n        tuiMode:\n        <tui-tooltip\n            describeId="form"\n            [content]="tooltip"\n        ></tui-tooltip>\n        <div\n            tuiGroup\n            class="t-group"\n            [collapsed]="true"\n        >\n            <tui-radio-block\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [item]="null"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                null\n            </tui-radio-block>\n            <tui-radio-block\n                item="onDark"\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onDark\n            </tui-radio-block>\n            <tui-radio-block\n                item="onLight"\n                size="s"\n                nativeId="form"\n                class="tui-group__auto-width-item"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onLight\n            </tui-radio-block>\n        </div>\n    </ng-template>\n    <tui-checkbox-labeled\n        size="m"\n        class="t-checkbox"\n        [(ngModel)]="opaque"\n    >\n        {{ texts[1] }}\n    </tui-checkbox-labeled>\n</div>\n<div\n    #wrapper\n    class="t-wrapper"\n    [class.t-wrapper_dark]="modeControl.value === \'onDark\'"\n    [class.t-wrapper_gray]="modeControl.value === \'onLight\'"\n    [class.t-wrapper_transparent]="!opaque"\n>\n    <div\n        #content\n        id="demoContent"\n        class="t-content"\n    >\n        <form\n            *ngIf="testForm"\n            class="t-form"\n            [formGroup]="testForm"\n        >\n            <div class="t-input-wrapper">\n                <ng-container [ngTemplateOutlet]="template"></ng-container>\n            </div>\n            <button\n                tuiButton\n                type="button"\n                size="s"\n                class="t-button"\n                [iconRight]="icon"\n                (click)="toggleDetails()"\n            >\n                {{ texts[2] }}\n            </button>\n            <ng-template #icon>\n                <tui-svg\n                    src="tuiIconChevronDown"\n                    class="t-icon"\n                    [class.t-icon_rotated]="expanded"\n                ></tui-svg>\n            </ng-template>\n            <tui-expand\n                class="t-expand"\n                [expanded]="expanded"\n            >\n                <ng-template tuiExpandContent>\n                    <pre class="t-value">Form data: {{ testForm.value | json }}</pre>\n                    <div\n                        tuiGroup\n                        class="t-form-controls"\n                    >\n                        <tui-select\n                            tuiTextfieldSize="s"\n                            class="t-select"\n                            [ngModel]="updateOn"\n                            [ngModelOptions]="{standalone: true}"\n                            (ngModelChange)="updateOnChange($event)"\n                        >\n                            updateOn\n                            <tui-data-list-wrapper\n                                *tuiDataList\n                                [items]="updateOnVariants"\n                            ></tui-data-list-wrapper>\n                        </tui-select>\n                        <button\n                            tuiButton\n                            type="reset"\n                            size="s"\n                            class="tui-group__auto-width-item"\n                        >\n                            Reset\n                        </button>\n                        <button\n                            tuiButton\n                            type="submit"\n                            size="s"\n                            class="tui-group__auto-width-item"\n                        >\n                            Submit\n                        </button>\n                    </div>\n                </ng-template>\n            </tui-expand>\n        </form>\n        <ng-content></ng-content>\n    </div>\n    <button\n        tabindex="-1"\n        class="t-resizer"\n        (tuiDragStart)="onDragStart($event)"\n        (tuiDragContinues)="onDragContinues($event)"\n        (tuiDragEnd)="onDragEnd()"\n    >\n        <span\n            #resizerText\n            class="t-resizer-text"\n        ></span>\n    </button>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[s.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return r}))}],styles:[":host{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle>*{pointer-events:auto}.t-wrapper{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent{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{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent{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{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%)}:host-context(tui-root._mobile) .t-wrapper{min-height:auto}.t-content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}:host-context(tui-root._mobile) .t-content{padding:1rem}.t-form{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper{width:100%;margin-bottom:.5rem}.t-expand{width:100%}.t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-icon_rotated{transform:rotate(180deg)}.t-value{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode{width:12.5rem}.t-select{max-width:15rem}.t-resizer{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:relative;width:3.5rem;min-height:inherit;flex-shrink:0;border-left:1px solid var(--tui-base-03);cursor:col-resize;outline:0;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer:after,.t-resizer:before{content:'';position:absolute;top:.75rem;left:50%;bottom:.75rem;width:1px;background:var(--tui-base-05)}.t-resizer:before{transform:translateX(.125rem)}.t-resizer:after{transform:translateX(-.1875rem)}:host-context(tui-root._mobile) .t-resizer{display:none}.t-resizer-text{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light .t-resizer-text{background:#3e464e}.t-checkbox,.t-group{margin-left:.75rem}.t-button,.t-form-controls{margin-top:.75rem}@supports ((position:-webkit-sticky) or (position:sticky)){@media screen and (min-height:37.5rem){:host{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}"]}),T(0,e.Inject(s.TUI_IS_MOBILE)),T(1,e.Inject(s.TuiDestroyService)),T(2,e.Inject(e.Renderer2)),T(3,e.Inject(e.PLATFORM_ID)),T(4,e.Inject(i.Location)),T(5,e.Inject(p.UrlSerializer)),T(6,e.Inject(E))],t)}(),q=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.ReactiveFormsModule,l.FormsModule,p.RouterModule,u.TuiLinkModule,s.TuiDragModule,u.TuiButtonModule,c.TuiSelectModule,u.TuiExpandModule,u.TuiGroupModule,u.TuiTooltipModule,u.TuiModeModule,c.TuiRadioBlockModule,c.TuiCheckboxLabeledModule,u.TuiSvgModule,c.TuiDataListWrapperModule,u.TuiDataListModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule],declarations:[B],exports:[B]})],t)}();function W(t,e,n){return"#"+[t,e,n].map((function(t){return t.toString(16).padStart(2,"0")})).join("")}function G(t){var e=t.replace("#","").split("").map((function(t,e,n){return 3===n.length?t+t:t})).join("").match(/.{2}/g);return e?e.map((function(t){return Number.parseInt(t,16)})):[0,0,0]}function X(t,e){if(null===t)return"null";switch(typeof t){case"string":return"'"+t+"'";case"undefined":case"number":case"boolean":case"function":return String(t)}return t instanceof RegExp?String(t):Array.isArray(t)?function(t,e){if(0===e)return"[…]";for(var n="",o=!0,r=0;r<t.length;r++)o?o=!1:n+=", ",n+=r in t?X(t[r],e-1):"empty";return"["+n+"]"}(t,e):function(t,e){if(0===e)return"{…}";var n="",o=!0;for(var r in t)t.hasOwnProperty(r)&&(o?o=!1:n+=", ",n+=r+": "+X(t[r],e-1));return"{"+n+"}"}(t,e)}function H(t){var e=String(t).trim();if(function(t){return["undefined","null","NaN","Infinity"].includes(t)}(e))return null;if(function(t){return"true"===t||"false"===t}(e))return"true"===String(e);if(function(t){return/^-?[\d.]+(?:e-?\d+)?$/.test(t)}(e))return Number(e);var n=decodeURIComponent(e);try{return function(t){return t.startsWith("[")&&t.endsWith("]")}(n)||function(t){return t.startsWith("{")&&t.endsWith("}")}(n)?JSON.parse(n):n}catch(t){return n}}var Y=H;var Z=function(){function t(t,o,r,i){this.template=t,this.locationRef=o,this.activatedRoute=r,this.urlSerializer=i,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.EventEmitter,this.changed$=new n.Subject,this.emits$=new n.BehaviorSubject(1)}return t.prototype.ngOnInit=function(){this.parseParams(this.activatedRoute.snapshot.queryParams)},Object.defineProperty(t.prototype,"attrName",{get:function(){switch(this.documentationPropertyMode){case"input":return"["+this.documentationPropertyName+"]";case"output":return"("+this.documentationPropertyName+")";case"input-output":return"[("+this.documentationPropertyName+")]";default:return this.documentationPropertyName}},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasItems",{get:function(){return!!this.documentationPropertyValues},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"shouldShowValues",{get:function(){return"output"!==this.documentationPropertyMode},enumerable:!0,configurable:!0}),t.prototype.ngOnChanges=function(){this.changed$.next()},t.prototype.onValueChange=function(t){this.documentationPropertyValue=t,this.documentationPropertyValueChange.emit(t),this.setQueryParam(t)},t.prototype.emitEvent=function(t){console.info(this.attrName,t),this.emits$.next(this.emits$.value+1)},t.prototype.parseParams=function(t){var e=t[this.documentationPropertyName],n=t[this.documentationPropertyName+"$"];if(e||n){var o=n&&this.documentationPropertyValues?this.documentationPropertyValues[n]:H(e);this.onValueChange(o)}},t.prototype.setQueryParam=function(t){var e,n=this.urlSerializer.parse(this.locationRef.path()),o=t instanceof Object,r=o&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(t):t,i=o?"$":"",a=this.documentationPropertyName+i;n.queryParams=x(x({},n.queryParams),((e={})[a]=r,e)),this.locationRef.go(String(n))},t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:p.UrlSerializer,decorators:[{type:e.Inject,args:[p.UrlSerializer]}]}]},I([e.Input()],t.prototype,"documentationPropertyName",void 0),I([e.Input()],t.prototype,"documentationPropertyMode",void 0),I([e.Input()],t.prototype,"documentationPropertyType",void 0),I([e.Input()],t.prototype,"documentationPropertyValue",void 0),I([e.Input()],t.prototype,"documentationPropertyDeprecated",void 0),I([e.Input()],t.prototype,"documentationPropertyValues",void 0),I([e.Output()],t.prototype,"documentationPropertyValueChange",void 0),t=I([e.Directive({selector:"ng-template[documentationPropertyName]",exportAs:"documentationProperty"}),T(0,e.Inject(e.TemplateRef)),T(1,e.Inject(i.Location)),T(2,e.Inject(p.ActivatedRoute)),T(3,e.Inject(p.UrlSerializer))],t)}(),Q=function(){function t(t,e){this.changeDetectorRef=t,this.texts=e,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=s.EMPTY_QUERY,this.activeItemIndex=0}return t.prototype.ngAfterContentInit=function(){s.itemsQueryListObservable(this.propertiesConnectors).pipe(o.switchMap((function(t){return n.merge.apply(void 0,O(t.map((function(t){return t.changed$}))))})),s.watch(this.changeDetectorRef)).subscribe()},Object.defineProperty(t.prototype,"type",{get:function(){return this.isAPI?this.texts[0]:this.texts[1]},enumerable:!0,configurable:!0}),t.prototype.getColor=function(t){if(4===t.length)return t.split("").reduce((function(t,e){return O(t,[e,e])}),[]).join("").replace("#","");if(t.startsWith("#"))return t;if("transparent"===t)return"#000000";var e=t.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map((function(t){return Number.parseInt(t,10)}));return W.apply(void 0,O(e))},t.prototype.getOpacity=function(t){if(t.startsWith("#")||t.startsWith("rgb("))return 100;if("transparent"===t)return 0;var e=t.lastIndexOf(","),n=t.slice(e).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(n))},t.prototype.onColorChange=function(t,e){var n=this.getOpacity(t.documentationPropertyValue||"");if(100!==n){var o="rgba("+G(e).join(", ")+", "+n/100+")";t.onValueChange(o)}else t.onValueChange(e)},t.prototype.onOpacityChange=function(t,e){var n="rgba("+G(this.getColor(t.documentationPropertyValue||""))+", "+e/100+")";t.onValueChange(n)},t.prototype.stripOptional=function(t){return t.replace("?","")},t.prototype.isOptional=function(t){return t.includes("?")},t.prototype.isPrimitivePolymorpheusContent=function(t){return"string"==typeof t||"number"==typeof t},t.prototype.showCleaner=function(t){return t.includes("null")},t.prototype.showContentTooltip=function(t){return t.includes("PolymorpheusContent")},t.prototype.inspectAny=function(t){return X(t,2)},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:Array,decorators:[{type:e.Inject,args:[N]}]}]},I([e.Input()],t.prototype,"heading",void 0),I([e.Input()],t.prototype,"showValues",void 0),I([e.Input()],t.prototype,"isAPI",void 0),I([e.ContentChildren(Z)],t.prototype,"propertiesConnectors",void 0),t=I([e.Component({selector:"tui-doc-documentation",template:'<h1\n    *ngIf="heading"\n    class="t-heading"\n>\n    {{ heading }}\n</h1>\n<ng-content></ng-content>\n<table class="t-table">\n    <tr class="t-row t-row_header">\n        <th class="t-th t-cell t-cell_prop">{{ texts[2] }}</th>\n        <th class="t-th">{{ type }}</th>\n        <th\n            *ngIf="showValues && !isAPI"\n            class="t-th t-cell t-cell_value"\n        >\n            {{ texts[3] }}\n        </th>\n    </tr>\n    <tr\n        *ngFor="let propertyConnector of propertiesConnectors"\n        class="t-row"\n        [class.t-deprecated]="propertyConnector.documentationPropertyDeprecated"\n    >\n        <td class="t-cell">\n            <div\n                automation-id="tui-documentation__property-name"\n                class="t-property"\n            >\n                {{ stripOptional(propertyConnector.attrName) }}\n                <tui-badge\n                    *ngIf="isOptional(propertyConnector.attrName)"\n                    size="s"\n                    value="Optional"\n                ></tui-badge>\n            </div>\n            <span\n                *ngIf="propertyConnector.documentationPropertyDeprecated"\n                class="t-deprecated-label"\n            >\n                deprecated\n            </span>\n            <ng-container [ngTemplateOutlet]="propertyConnector.template"></ng-container>\n        </td>\n        <td class="t-cell">\n            <span class="type">\n                {{ propertyConnector.documentationPropertyType }}\n                <tui-tooltip\n                    *ngIf="showContentTooltip(propertyConnector.documentationPropertyType)"\n                    [describeId]="propertyConnector.attrName"\n                    [content]="content"\n                >\n                    <ng-template #content>\n                        {{ texts[4] }}\n                        <a\n                            tuiLink\n                            tuiMode="onDark"\n                            target="_blank"\n                            href="https://github.com/tinkoff/ng-polymorpheus"\n                        >\n                            <code>ng-polymorpheus</code>\n                        </a>\n                    </ng-template>\n                </tui-tooltip>\n            </span>\n        </td>\n        <td\n            *ngIf="showValues"\n            class="t-cell"\n        >\n            <ng-container *ngIf="propertyConnector.shouldShowValues; else elseEmitter">\n                <tui-select\n                    *ngIf="propertyConnector.hasItems; else noItems"\n                    tuiTextfieldSize="m"\n                    tuiDropdownLimitWidth="min"\n                    [tuiTextfieldCleaner]="showCleaner(propertyConnector.documentationPropertyType)"\n                    [tuiTextfieldLabelOutside]="true"\n                    [nativeId]="propertyConnector.attrName"\n                    [valueContent]="selectContent"\n                    [ngModel]="propertyConnector.documentationPropertyValue"\n                    (ngModelChange)="propertyConnector.onValueChange($event)"\n                >\n                    <code class="t-exception">null</code>\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]="propertyConnector.documentationPropertyValues"\n                        [itemContent]="selectContent"\n                    ></tui-data-list-wrapper>\n                </tui-select>\n                <ng-template\n                    #selectContent\n                    let-data\n                >\n                    <code>{{ inspectAny(data) }}</code>\n                </ng-template>\n\n                <ng-template #noItems>\n                    <ng-container [ngSwitch]="propertyConnector.documentationPropertyType">\n                        <tui-toggle\n                            *ngSwitchCase="\'boolean\'"\n                            size="l"\n                            [nativeId]="propertyConnector.attrName"\n                            [showIcons]="true"\n                            [ngModel]="propertyConnector.documentationPropertyValue"\n                            (ngModelChange)="propertyConnector.onValueChange($event)"\n                        ></tui-toggle>\n\n                        <tui-primitive-textfield\n                            *ngSwitchCase="\'string\'"\n                            tuiTextfieldSize="m"\n                            [nativeId]="propertyConnector.attrName"\n                            [tuiTextfieldLabelOutside]="true"\n                            [tuiTextfieldCleaner]="true"\n                            [value]="propertyConnector.documentationPropertyValue || \'\'"\n                            (valueChange)="propertyConnector.onValueChange($event)"\n                        ></tui-primitive-textfield>\n\n                        <div\n                            *ngSwitchCase="\'color\'"\n                            tuiGroup\n                        >\n                            <tui-primitive-textfield\n                                tuiTextfieldType="text"\n                                tuiTextfieldSize="m"\n                                [attr.id]="propertyConnector.attrName"\n                                [tuiTextfieldLabelOutside]="true"\n                                [tuiInputOpacity]="getOpacity(propertyConnector.documentationPropertyValue)"\n                                [value]="getColor(propertyConnector.documentationPropertyValue)"\n                                (valueChange)="onColorChange(propertyConnector, $event)"\n                            ></tui-primitive-textfield>\n                            <tui-input-count\n                                tuiTextfieldSize="m"\n                                [max]="100"\n                                [ngModel]="getOpacity(propertyConnector.documentationPropertyValue)"\n                                (ngModelChange)="onOpacityChange(propertyConnector, $event)"\n                            >\n                                Opacity\n                            </tui-input-count>\n                        </div>\n\n                        <tui-input-count\n                            *ngSwitchCase="\'number\'"\n                            tuiTextfieldSize="m"\n                            [nativeId]="propertyConnector.attrName"\n                            [tuiTextfieldLabelOutside]="true"\n                            [ngModel]="propertyConnector.documentationPropertyValue"\n                            (ngModelChange)="propertyConnector.onValueChange($event)"\n                        ></tui-input-count>\n\n                        <ng-container *ngSwitchCase="\'PolymorpheusContent\'">\n                            <tui-primitive-textfield\n                                *ngIf="isPrimitivePolymorpheusContent(propertyConnector.documentationPropertyValue)"\n                                tuiTextfieldSize="m"\n                                [nativeId]="propertyConnector.attrName"\n                                [tuiTextfieldLabelOutside]="true"\n                                [tuiTextfieldCleaner]="true"\n                                [value]="propertyConnector.documentationPropertyValue.toString()"\n                                (valueChange)="propertyConnector.onValueChange($event)"\n                            >\n                                Default content\n                            </tui-primitive-textfield>\n                        </ng-container>\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n\n            <ng-template #elseEmitter>\n                <tui-notification\n                    class="t-output"\n                    [@emitEvent]="propertyConnector.emits$ | async"\n                >\n                    Emit!\n                </tui-notification>\n            </ng-template>\n        </td>\n    </tr>\n</table>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,animations:[d.trigger("emitEvent",[d.transition(":increment",[d.style({opacity:1}),d.animate("500ms ease-in")])])],styles:[":host{display:block;min-width:100%}.t-table{width:100%;table-layout:fixed}.t-row:not(:last-child){border-bottom:1px solid var(--tui-base-03)}:host-context(tui-root._mobile) .t-row{display:flex;flex-wrap:wrap}:host-context(tui-root._mobile) .t-row_header{display:none}.t-cell{padding:1rem 1rem .875rem}.t-cell:first-child{padding-left:0}.t-cell:last-child{padding-right:0;text-align:right}.t-cell_prop{width:40%}.t-cell_value{max-width:20rem}:host-context(tui-root._mobile) .t-cell_value{width:9.375rem}:host-context(tui-root._mobile) .t-cell{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:400;text-align:left}.t-property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}:host-context(tui-root._mobile) .t-property{padding:.5rem 0}.t-type{font-family:monospace}.t-deprecated{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.t-output{text-align:left;opacity:0}.t-heading{font:var(--tui-font-heading-4)}"]}),T(0,e.Inject(e.ChangeDetectorRef)),T(1,e.Inject(N))],t)}(),J=function(){function t(t,e){this.renderer=t,this.tuiFocusableComponent=e}return Object.defineProperty(t.prototype,"tuiInputOpacity",{set:function(t){var e=this.tuiFocusableComponent.nativeFocusableElement;e&&this.renderer.setStyle(e,"opacity",t/100)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:void 0,decorators:[{type:e.Inject,args:[s.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},I([e.Input()],t.prototype,"tuiInputOpacity",null),t=I([e.Directive({selector:"[tuiInputOpacity]"}),T(0,e.Inject(e.Renderer2)),T(1,e.Inject(s.TUI_FOCUSABLE_ITEM_ACCESSOR))],t)}(),K=function(){function t(){}return t=I([e.NgModule({declarations:[J],exports:[J]})],t)}(),tt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.FormsModule,p.RouterModule,c.TuiBadgeModule,c.TuiSelectModule,c.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,c.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,K,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,c.TuiDataListWrapperModule,u.TuiNotificationModule],declarations:[Q,Z],exports:[Q,Z]})],t)}(),et=new e.InjectionToken("Code actions for the opened tab with code example",{factory:function(){return""}}),nt=new e.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),ot=new e.InjectionToken("Processes content in example",{factory:function(){return n.identity}});function rt(t){return C(this,void 0,void 0,(function(){var e,n,o,r,i,a,s,c,u,l,p;return w(this,(function(d){switch(d.label){case 0:e={},d.label=1;case 1:d.trys.push([1,6,7,8]),n=k(Object.entries(t)),o=n.next(),d.label=2;case 2:return o.done?[3,5]:(r=j(o.value,2),i=r[0],(a=r[1])?(s=e,c=i,[4,P(a)]):[3,4]);case 3:s[c]=d.sent(),d.label=4;case 4:return o=n.next(),[3,2];case 5:return[3,8];case 6:return u=d.sent(),l={error:u},[3,8];case 7:try{o&&!o.done&&(p=n.return)&&p.call(n)}finally{if(l)throw l.error}return[7];case 8:return[2,e]}}))}))}var it=rt,at=function(){function t(t,e,r,i,a,s,c,u,l,p,d,g,m){var h=this;this.id=t,this.clipboard=e,this.notifications=r,this.location=i,this.copyTexts$=a,this.texts=s,this.codeEditor=c,this.processContent=u,this.isCypress=l,this.codeActions=p,this.router=d,this.route=g,this.ngLocation=m,this.rawLoader$$=new n.BehaviorSubject({}),this.heading="",this.description="",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(o.map((function(t){return j(t,1)[0]}))),this.processor$=this.rawLoader$$.pipe(o.switchMap(rt),o.map((function(t){return h.processContent(t)}))),this.loading$=new n.Subject}return Object.defineProperty(t.prototype,"content",{set:function(t){this.rawLoader$$.next(t)},enumerable:!0,configurable:!0}),t.prototype.copyExampleLink=function(){var t=this.location.href.indexOf("#"),e=(t>-1?this.location.href.slice(0,Math.max(0,t)):this.location.href)+"#"+this.id;this.setFragmentWithoutRedirect(this.id),this.clipboard.copy(e),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},t.prototype.edit=function(t){var e,n,o=this;this.loading$.next(!0),null===(e=this.codeEditor)||void 0===e||e.edit(this.componentName,null!==(n=this.id)&&void 0!==n?n:"",t).finally((function(){return o.loading$.next(!1)}))},t.prototype.setFragmentWithoutRedirect=function(t){var e=this.router.createUrlTree([],{relativeTo:this.route,fragment:t||""}).toString();this.ngLocation.go(e)},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Attribute,args:["id"]}]},{type:g.Clipboard,decorators:[{type:e.Inject,args:[g.Clipboard]}]},{type:u.TuiNotificationsService,decorators:[{type:e.Inject,args:[u.TuiNotificationsService]}]},{type:Location,decorators:[{type:e.Inject,args:[m.LOCATION]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[c.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:e.Inject,args:[$]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[nt]}]},{type:void 0,decorators:[{type:e.Inject,args:[ot]}]},{type:Boolean,decorators:[{type:e.Inject,args:[s.TUI_IS_CYPRESS]}]},{type:Array,decorators:[{type:e.Inject,args:[et]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:i.Location,decorators:[{type:e.Inject,args:[i.Location]}]}]},I([e.Input()],t.prototype,"heading",void 0),I([e.Input()],t.prototype,"description",void 0),I([e.Input()],t.prototype,"content",null),I([e.Input()],t.prototype,"componentName",void 0),t=I([e.Component({selector:"tui-doc-example",template:'<h3\n    *ngIf="heading"\n    class="t-title"\n>\n    <span\n        polymorpheus-outlet\n        [content]="heading | tuiDocExampleCapitalize"\n    ></span>\n    <button\n        *ngIf="id"\n        tuiIconButton\n        type="button"\n        size="xs"\n        icon="tuiIconLinkLarge"\n        appearance="icon"\n        class="t-link-icon"\n        [title]="copy$ | async"\n        (click)="copyExampleLink()"\n    ></button>\n</h3>\n<h4\n    *ngIf="description"\n    polymorpheus-outlet\n    class="t-description"\n    [content]="description | tuiDocExampleCapitalize"\n></h4>\n\n<div\n    *ngIf="processor$ | async as files"\n    class="t-example"\n>\n    <ng-container *ngIf="files | tuiDocExampleGetTabs: defaultTab as tabs">\n        <div class="t-tabs-wrapper">\n            <tui-tabs-with-more\n                class="t-tabs"\n                [(activeItemIndex)]="activeItemIndex"\n            >\n                <ng-container *ngFor="let tab of tabs">\n                    <button\n                        *tuiTab\n                        tuiTab\n                    >\n                        {{ tab }}\n                    </button>\n                </ng-container>\n            </tui-tabs-with-more>\n\n            <button\n                *ngIf="codeEditor"\n                tuiButton\n                appearance="flat"\n                size="s"\n                [showLoader]="!!(loading$ | async)"\n                (click)="edit(files)"\n            >\n                Edit on {{ codeEditor.name }}\n            </button>\n        </div>\n\n        <div\n            *ngFor="let tab of tabs; let index = index"\n            class="t-content"\n            [class.t-content_animated]="!isCypress"\n            [class.t-content_visible]="activeItemIndex === index"\n        >\n            <ng-container\n                *ngIf="index === defaultTabIndex; else anotherTab"\n                [ngTemplateOutlet]="preview"\n            ></ng-container>\n            <ng-template #anotherTab>\n                <ng-container\n                    [ngTemplateOutlet]="codeSection"\n                    [ngTemplateOutletContext]="{$implicit: files[tabs[activeItemIndex]] || \'\'}"\n                ></ng-container>\n            </ng-template>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #preview>\n    <div\n        automation-id="tui-doc-example"\n        class="t-demo"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n\n<ng-template\n    #codeSection\n    let-code\n>\n    <section class="t-code-actions">\n        <ng-container *ngFor="let action of codeActions">\n            <div\n                polymorpheus-outlet\n                [content]="action"\n                [context]="{$implicit: code}"\n            ></div>\n        </ng-container>\n        <tui-doc-copy [cdkCopyToClipboard]="code"></tui-doc-copy>\n    </section>\n    <tui-doc-code [code]="code"></tui-doc-code>\n</ng-template>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}:host :host-context(tui-root._mobile){padding-top:2rem}.t-title{font:var(--tui-font-heading-5);margin:0 0 .5rem}:host-context(tui-root._mobile) .t-title{font:var(--tui-font-heading-6)}.t-description{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-example{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem rgba(0,0,0,.1)}:host-context(tui-root._mobile) .t-example{margin-top:.75rem}.t-tabs-wrapper{display:flex;padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}:host-context(tui-root._mobile) .t-tabs-wrapper{padding:0 1rem}.t-tabs{flex-grow:1}.t-demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.t-demo::-webkit-scrollbar,.t-demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.t-demo::-webkit-scrollbar{background-color:transparent}.t-demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host-context(tui-root._mobile) .t-demo{padding:1rem}.t-code-actions{position:absolute;top:4.375rem;right:1rem;display:flex;justify-content:flex-end;align-items:center}.t-code-actions>*{margin-left:.5rem}.t-link-icon{margin-left:.3rem;vertical-align:baseline}.t-content{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated{transition:opacity .3s ease-in-out}.t-content_visible{height:auto;visibility:visible;opacity:1}"]}),T(0,e.Attribute("id")),T(1,e.Inject(g.Clipboard)),T(2,e.Inject(u.TuiNotificationsService)),T(3,e.Inject(m.LOCATION)),T(4,e.Inject(c.TUI_COPY_TEXTS)),T(5,e.Inject($)),T(6,e.Optional()),T(6,e.Inject(nt)),T(7,e.Inject(ot)),T(8,e.Inject(s.TUI_IS_CYPRESS)),T(9,e.Inject(et)),T(10,e.Inject(p.Router)),T(11,e.Inject(p.ActivatedRoute)),T(12,e.Inject(i.Location))],t)}(),st=function(){function t(){}return t.prototype.transform=function(t){return"string"==typeof t?u.capitalizeFirstLetter(t):t},t=I([e.Pipe({name:"tuiDocExampleCapitalize"})],t)}(),ct=function(){function t(){}return t.prototype.transform=function(t,e){return O([e],Object.keys(t))},t=I([e.Pipe({name:"tuiDocExampleGetTabs"})],t)}(),ut=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,g.ClipboardModule,c.TuiTabsModule,u.TuiButtonModule,R,L,h.PolymorpheusModule],declarations:[at,ct,st],exports:[at,ct,st]})],t)}(),lt=function(){function t(t,e){this.switcher=t,this.iconsPath=e,this.path=this.iconsPath("tuiIcon").replace("tuiIcon.svg#tuiIcon",""),this.language=new l.FormControl(u.tuiCapitalizeFirstLetter(this.switcher.language)),this.flags=new Map([["chinese",f.TuiCountryIsoCode.CN],["dutch",f.TuiCountryIsoCode.NL],["english",f.TuiCountryIsoCode.GB],["french",f.TuiCountryIsoCode.FR],["german",f.TuiCountryIsoCode.DE],["italian",f.TuiCountryIsoCode.IT],["polish",f.TuiCountryIsoCode.PL],["portuguese",f.TuiCountryIsoCode.PT],["russian",f.TuiCountryIsoCode.RU],["spanish",f.TuiCountryIsoCode.ES],["turkish",f.TuiCountryIsoCode.TR],["ukrainian",f.TuiCountryIsoCode.UA],["vietnamese",f.TuiCountryIsoCode.VN]]),this.names=Array.from(this.flags.keys())}return t.prototype.getFlagPath=function(t){return t?""+this.path+t+".png":null},t.ctorParameters=function(){return[{type:f.TuiLanguageSwitcher,decorators:[{type:e.Inject,args:[f.TuiLanguageSwitcher]}]},{type:void 0,decorators:[{type:e.Inject,args:[u.TUI_ICONS_PATH]}]}]},t=I([e.Component({selector:"tui-language-switcher",template:'<tui-select [formControl]="language">\n    <ng-content></ng-content>\n    <tui-data-list *tuiDataList>\n        <button\n            *ngFor="let name of names"\n            tuiOption\n            [value]="name | titlecase"\n            (click)="switcher.setLanguage(name)"\n        >\n            <img\n                alt=""\n                class="t-flag"\n                [src]="getFlagPath(flags.get(name))"\n            />\n            {{ name | titlecase }}\n        </button>\n    </tui-data-list>\n</tui-select>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".t-flag{width:1.75rem;height:1.25rem;margin-right:.5rem}"]}),T(0,e.Inject(f.TuiLanguageSwitcher)),T(1,e.Inject(u.TUI_ICONS_PATH))],t)}(),pt=function(){function t(){}return t=I([e.NgModule({exports:[lt],declarations:[lt],imports:[i.CommonModule,c.TuiSelectModule,u.TuiDataListModule,l.ReactiveFormsModule]})],t)}(),dt=function(){function t(t,e){this.storage=t,this.windowRef=e,this.night="true"===this.storage.getItem("night")||null===this.storage.getItem("night")&&this.windowRef.matchMedia("(prefers-color-scheme: dark)").matches,this.change$=new n.Subject}var o;return o=t,Object.defineProperty(t.prototype,"mode",{get:function(){return this.night?"onDark":null},enumerable:!0,configurable:!0}),t.prototype.onMode=function(t){this.night=t,this.change$.next(),this.storage.setItem("night",String(t))},t.ctorParameters=function(){return[{type:Storage,decorators:[{type:e.Inject,args:[m.LOCAL_STORAGE]}]},{type:Window,decorators:[{type:e.Inject,args:[m.WINDOW]}]}]},I([e.HostBinding("attr.data-mode")],t.prototype,"mode",null),t=o=I([e.Component({selector:"tui-doc-main",template:'<tui-theme-night *ngIf="night"></tui-theme-night>\n<tui-root>\n    <div class="tui-doc-page">\n        <tui-doc-navigation class="tui-doc-navigation">\n            <ng-content select="tuiDocNavigation"></ng-content>\n        </tui-doc-navigation>\n        <div class="tui-doc-content">\n            <router-outlet class="tui-doc-outlet"></router-outlet>\n        </div>\n    </div>\n    <header tuiDocHeader>\n        <label class="night-mode">\n            Night mode\n            <tui-toggle\n                class="tui-toggle"\n                [ngModel]="night"\n                (ngModelChange)="onMode($event)"\n            ></tui-toggle>\n        </label>\n        <ng-content select="tuiDocHeader"></ng-content>\n    </header>\n    <ng-container ngProjectAs="tuiOverContent">\n        <ng-content select="tuiOverContent"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverDialogs">\n        <ng-content select="tuiOverDialogs"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverAlerts">\n        <ng-content select="tuiOverAlerts"></ng-content>\n    </ng-container>\n    \x3c!-- TODO: 3.0 Remove--\x3e\n    <ng-container ngProjectAs="tuiOverNotifications">\n        <ng-content select="tuiOverNotifications"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverPortals">\n        <ng-content select="tuiOverPortals"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs="tuiOverHints">\n        <ng-content select="tuiOverHints"></ng-content>\n    </ng-container>\n</tui-root>\n',encapsulation:e.ViewEncapsulation.None,providers:[{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return o}))},s.TuiSwipeService],styles:["html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not([class*=language-]):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}a:focus code,button:focus code{background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;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)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}label.night-mode .tui-toggle{margin-left:.5rem}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear-disabled)}.hljs.hljs-line-numbers{background:0 0}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-support-06)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-link-hover)}[data-mode=onDark] .hljs-template-variable,[data-mode=onDark] .hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]}),T(0,e.Inject(m.LOCAL_STORAGE)),T(1,e.Inject(m.WINDOW))],t)}(),gt=new e.InjectionToken("[TUI_DOC_PAGE_LOADED] Stream that emits if loading of page is over (for example, to begin scrollIntoView)",{factory:function(){return n.defer((function(){return n.timer(200).pipe(o.switchMapTo(n.of(!0)))}))}}),mt=function(){function t(t,e,r){var i=e.nativeElement;this.readyToScroll$=r,this.scroll$=new n.ReplaySubject(1),this.readyToScroll$.pipe(o.filter(Boolean),o.switchMapTo(this.scroll$),o.debounceTime(750),o.filter((function(t){return t&&!!s.getElementObscurers(i)})),o.takeUntil(t)).subscribe((function(){i.scrollIntoView()}))}return Object.defineProperty(t.prototype,"scrollIntoView",{set:function(t){this.scroll$.next(t)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:s.TuiDestroyService,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:e.ElementRef,decorators:[{type:e.Inject,args:[e.ElementRef]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[gt]}]}]},I([e.Input()],t.prototype,"scrollIntoView",null),t=I([e.Directive({selector:"[scrollIntoView]",providers:[s.TuiDestroyService]}),T(0,e.Inject(s.TuiDestroyService)),T(1,e.Inject(e.ElementRef)),T(2,e.Inject(gt))],t)}(),ht=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}v(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(n,t),n=I([e.Directive({selector:"[tuiScrollIntoViewLink]",providers:[s.TuiDestroyService]})],n)}(mt),ft=function(){function t(){}return t=I([e.NgModule({declarations:[mt],exports:[mt]})],t)}(),yt=function(){function t(){}return t=I([e.NgModule({declarations:[ht],exports:[ht]})],t)}(),bt=new e.InjectionToken("[TUI_DOC_SCROLL_BEHAVIOR] Defines the transition animation for scroll",{factory:function(){return"smooth"}}),vt={"а":"f","б":",","в":"d","г":"u","д":"l","е":"t","ё":"`","ж":";","з":"p","и":"b","й":"q","к":"r","л":"k","м":"v","н":"y","о":"j","п":"g","р":"h","с":"c","т":"n","у":"e","ф":"a","х":"[","ц":"w","ч":"x","ш":"i","щ":"o","ъ":"]","ы":"s","ь":"m","ю":".","я":"z"};function xt(t){for(var e="",n=0;n<t.length;n++)e+=t.charAt(n)in vt?vt[t.charAt(n)]:t.charAt(n);return e}var It=new e.InjectionToken("Documentation pages",{factory:function(){return[]}}),Tt=new e.InjectionToken("Page title",{factory:function(){return""}}),Ct=new e.InjectionToken("Page title"),wt=new e.InjectionToken("Navigation sections labels for search"),kt=new e.InjectionToken("Navigation pages"),jt=[s.TuiDestroyService,{provide:Ct,deps:[p.Router,p.ActivatedRoute,Tt,s.TuiDestroyService],useFactory:Ot},{provide:wt,deps:[It],useFactory:Pt},{provide:kt,deps:[It],useFactory:Mt}];function Ot(t,e,n,r){return t.events.pipe(o.filter((function(t){return t instanceof p.NavigationEnd})),o.map((function(){return e.firstChild})),o.filter(s.isPresent),o.mergeMap((function(t){return t.data})),o.map((function(t){var e=t.title;return n+e})),o.takeUntil(r))}function Pt(t){return t.map((function(t){return t.section})).filter(s.isPresent).filter((function(t,e,n){return n.indexOf(t)===e}))}function Mt(t){return O(Pt(t).map((function(e){return t.filter((function(t){return t.section===e}))})),[t.filter((function(t){return!t.section}))])}var St=function(){function t(t,e,n,r,i,a,s,c,u,l,p,d,g,m){var h=this;this.documentRef=r,this.mode=i,this.sidebar=a,this.labels=s,this.items=c,this.searchText=u,this.router=l,this.activatedRoute=p,this.destroy$=d,this.readyToScroll$=g,this.scrollBehavior=m,this.menuOpen=!1,this.search="",this.open=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.mode$=this.mode.change$.pipe(o.startWith(null),o.map((function(){return h.mode.mode||"onLight"}))),n.subscribe((function(n){t.markForCheck(),e.setTitle(n),h.openActivePageGroup(),h.handleAnchorLink(h.activatedRoute.snapshot.fragment)}))}return Object.defineProperty(t.prototype,"canOpen",{get:function(){return this.search.length>2},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"filteredItems",{get:function(){return this.filterItems(this.flattenSubPages(this.items),this.search)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"itemsWithoutSections",{get:function(){return this.items[this.items.length-1]},enumerable:!0,configurable:!0}),t.prototype.isActive=function(t){return t===this.active},t.prototype.onGroupClick=function(t){this.openPagesGroupsArr[t]=!this.openPagesGroupsArr[t]},t.prototype.closeMenu=function(){this.menuOpen=!1},t.prototype.onSearchChange=function(t){this.search=t,this.open=this.canOpen},t.prototype.onClick=function(){this.open=!1,this.menuOpen=!1,this.search="",this.openActivePageGroup()},t.prototype.filterItems=function(t,e){return t.map((function(t){return s.uniqBy(t.filter((function(t){var n=t.title,o=t.keywords,r=void 0===o?"":o;return n=n.toLowerCase(),e=e.toLowerCase(),r=r.toLowerCase(),n.includes(e)||r.includes(e)||n.includes(xt(e))||r.includes(xt(e))||e.replace(/-/gi,"").includes(n)})),"title")}))},t.prototype.flattenSubPages=function(t){return t.reduce((function(t,e){return O(t,[e.reduce((function(t,e){return O(t,"subPages"in e?e.subPages:[e])}),[])])}),[])},t.prototype.isActiveRoute=function(t){return this.router.isActive(t,!1)},t.prototype.handleAnchorLink=function(t){var e=this;this.readyToScroll$.pipe(o.filter(Boolean),o.take(1),o.takeUntil(this.destroy$)).subscribe((function(){return e.navigateToAnchorLink(t)}))},t.prototype.openActivePageGroup=function(){var t=this;this.items.forEach((function(e,n){e.forEach((function(e,o){"route"in e&&t.isActiveRoute(e.route)&&(t.openPagesArr[n]=!0,t.active=e.route),"subPages"in e&&e.subPages.forEach((function(e){t.isActiveRoute(e.route)&&(t.openPagesArr[n]=!0,t.openPagesGroupsArr[100*n+o]=!0,t.active=e.route)}))}))}))},t.prototype.navigateToAnchorLink=function(t){var e=t&&this.documentRef.querySelector("#"+t);e&&(e.classList.add("tui-doc-animated-example"),e.scrollIntoView({block:"start",inline:"nearest",behavior:this.scrollBehavior}))},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:b.Title,decorators:[{type:e.Inject,args:[b.Title]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[Ct]}]},{type:Document,decorators:[{type:e.Inject,args:[i.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:e.Inject,args:[u.TuiModeDirective]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[y.TuiSidebarDirective]}]},{type:Array,decorators:[{type:e.Inject,args:[wt]}]},{type:void 0,decorators:[{type:e.Inject,args:[kt]}]},{type:String,decorators:[{type:e.Inject,args:[V]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:p.ActivatedRoute,decorators:[{type:e.Inject,args:[p.ActivatedRoute]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[s.TuiDestroyService]}]},{type:n.Observable,decorators:[{type:e.Inject,args:[gt]}]},{type:void 0,decorators:[{type:e.Inject,args:[bt]}]}]},I([e.HostBinding("class._open")],t.prototype,"menuOpen",void 0),I([s.tuiPure],t.prototype,"filterItems",null),I([s.tuiPure],t.prototype,"flattenSubPages",null),t=I([e.Component({selector:"tui-doc-navigation",template:'<tui-hosted-dropdown\n    *tuiLet="filteredItems as filtered"\n    tuiAutoFocus\n    tuiDropdownLimitWidth="fixed"\n    class="t-input"\n    [autoFocus]="!!sidebar"\n    [content]="dropdown"\n    [canOpen]="canOpen"\n    [(open)]="open"\n>\n    <tui-primitive-textfield\n        iconAlign="left"\n        tuiTextfieldSize="m"\n        iconContent="tuiIconSearch"\n        [pseudoFocused]="open || null"\n        [tuiTextfieldCleaner]="true"\n        [tuiTextfieldLabelOutside]="true"\n        [value]="search"\n        (valueChange)="onSearchChange($event)"\n    >\n        {{ searchText }}\n    </tui-primitive-textfield>\n    <ng-template\n        #dropdown\n        let-activeZone\n    >\n        <tui-data-list>\n            <tui-opt-group\n                *ngFor="let group of filtered; let index = index"\n                [label]="labels[index] || \'\'"\n            >\n                <a\n                    *ngFor="let item of group"\n                    tuiOption\n                    [routerLink]="item.route"\n                    (click)="onClick()"\n                >\n                    {{ item.title }}\n                </a>\n            </tui-opt-group>\n        </tui-data-list>\n    </ng-template>\n</tui-hosted-dropdown>\n\n<nav class="t-navigation">\n    <tui-scrollbar\n        class="t-scrollbar"\n        [tuiMode]="mode$ | async"\n    >\n        <tui-accordion\n            [closeOthers]="false"\n            [rounded]="false"\n        >\n            <tui-accordion-item\n                *ngFor="let label of labels; index as index"\n                size="s"\n                [borders]="null"\n                [(open)]="!!openPagesArr[index]"\n            >\n                <span class="t-label">\n                    <strong>{{ label }}</strong>\n                </span>\n                <ng-template tuiAccordionItemContent>\n                    <div class="t-section">\n                        <ng-container\n                            *ngFor="let item of items[index]; index as subIndex"\n                            [ngTemplateOutlet]="pages"\n                            [ngTemplateOutletContext]="{item: item, index: index * 100 + subIndex}"\n                        ></ng-container>\n                    </div>\n                </ng-template>\n            </tui-accordion-item>\n        </tui-accordion>\n        <div class="t-items-container">\n            <ng-container\n                *ngFor="let item of itemsWithoutSections; let index = index"\n                [ngTemplateOutlet]="pages"\n                [ngTemplateOutletContext]="{item: item, index: items.length - 1 + index}"\n            ></ng-container>\n        </div>\n\n        <ng-template\n            #pages\n            let-item="item"\n            let-index="index"\n        >\n            <a\n                *ngIf="!item.subPages; else subPages"\n                tuiLink\n                routerLinkActive="t-sublink_active"\n                class="t-sublink"\n                [routerLink]="item.route"\n                [scrollIntoView]="isActive(item.route)"\n                (click)="closeMenu()"\n            >\n                {{ item.title }}\n            </a>\n            <ng-template #subPages>\n                <div\n                    routerLinkActive\n                    class="t-subsection"\n                    [routerLinkActiveOptions]="{exact: false}"\n                >\n                    <button\n                        *ngIf="item.subPages"\n                        tuiLink\n                        type="button"\n                        class="t-sublink t-sublink_subsection"\n                        (click)="onGroupClick(index)"\n                    >\n                        <tui-svg\n                            src="tuiIconChevronRight"\n                            class="t-chevron"\n                            [class.t-chevron_active]="!!openPagesGroupsArr[index]"\n                        ></tui-svg>\n                        {{ item.title }}\n                    </button>\n                    <tui-expand\n                        class="t-expand"\n                        [expanded]="!!openPagesGroupsArr[index]"\n                    >\n                        <div class="t-section t-section_bordered">\n                            <a\n                                *ngFor="let subPage of item.subPages"\n                                tuiLink\n                                routerLinkActive="t-sublink_active"\n                                class="t-sublink t-sublink_small"\n                                [routerLink]="subPage.route"\n                                [scrollIntoView]="isActive(subPage.route)"\n                                (click)="closeMenu()"\n                            >\n                                {{ subPage.title }}\n                            </a>\n                        </div>\n                    </tui-expand>\n                </div>\n            </ng-template>\n        </ng-template>\n    </tui-scrollbar>\n</nav>\n\n<ng-content></ng-content>\n',providers:jt,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input{display:block;margin:1.25rem}.t-navigation{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar{width:100%;scroll-behavior:smooth}.t-items-container{display:flex;flex-direction:column;padding:0 1rem}.t-label{margin-left:.5rem}.t-expand{margin-left:.25rem}.t-section{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection{margin-left:.5rem}.t-sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:0 0;font-size:inherit;line-height:inherit;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection{margin-left:0;line-height:1.6rem}.t-sublink_active{color:var(--tui-text-01)}.t-chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active{transform:rotate(90deg)}"]}),T(0,e.Inject(e.ChangeDetectorRef)),T(1,e.Inject(b.Title)),T(2,e.Inject(Ct)),T(3,e.Inject(i.DOCUMENT)),T(4,e.Inject(u.TuiModeDirective)),T(5,e.Optional()),T(5,e.Inject(y.TuiSidebarDirective)),T(6,e.Inject(wt)),T(7,e.Inject(kt)),T(8,e.Inject(V)),T(9,e.Inject(p.Router)),T(10,e.Inject(p.ActivatedRoute)),T(11,e.Inject(s.TuiDestroyService)),T(12,e.Inject(gt)),T(13,e.Inject(bt))],t)}(),_t=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,l.FormsModule,p.RouterModule,ft,yt,u.TuiButtonModule,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,s.TuiActiveZoneModule,s.TuiLetModule,u.TuiModeModule,u.TuiLinkModule,u.TuiExpandModule,u.TuiHostedDropdownModule,u.TuiDropdownControllerModule,c.TuiAccordionModule,u.TuiScrollbarModule,u.TuiSvgModule,u.TuiDataListModule,s.TuiAutoFocusModule],declarations:[St],exports:[St]})],t)}(),Dt=new e.InjectionToken("Main logo",{factory:function(){return""}}),Lt=function(){function t(t,e,r,i){this.logo=t,this.menu=e,this.router=r,this.swipes$=i,this.stream$=new n.Subject,this.open$=n.merge(this.router.events.pipe(o.mapTo(!1)),this.stream$,this.swipes$.pipe(o.filter((function(t){return"left"===t.direction||"right"===t.direction})),o.map((function(t){return"right"===t.direction})))).pipe(o.startWith(!1),o.distinctUntilChanged())}return t.prototype.onClick=function(){this.stream$.next(!0)},t.prototype.onActiveZone=function(t){t||this.stream$.next(!1)},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[Dt]}]},{type:String,decorators:[{type:e.Inject,args:[z]}]},{type:p.Router,decorators:[{type:e.Inject,args:[p.Router]}]},{type:s.TuiSwipeService,decorators:[{type:e.Inject,args:[s.TuiSwipeService]}]}]},t=I([e.Component({selector:"header[tuiDocHeader]",template:'<button\n    tuiIconButton\n    icon="tuiIconMenuLarge"\n    appearance="icon"\n    class="t-menu"\n    [title]="menu"\n    (click)="onClick()"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n>\n    <tui-doc-navigation\n        *tuiSidebar="!!(open$ | async)"\n        class="t-navigation"\n    ></tui-doc-navigation>\n</button>\n<div\n    polymorpheus-outlet\n    class="t-logo"\n    [content]="logo"\n>\n    <ng-template let-src>\n        <img\n            alt="Logo"\n            class="t-img"\n            [src]="src"\n        />\n    </ng-template>\n</div>\n<ng-content></ng-content>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{box-shadow:0 .125rem 1rem rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:1;display:flex;height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}.t-logo{margin-right:auto;font:var(--tui-font-heading-5)}.t-img{display:block}.t-menu{margin-left:-1.25rem}@media screen and (min-width:48em){.t-menu{display:none}}.t-navigation{min-height:100%}"]}),T(0,e.Inject(Dt)),T(1,e.Inject(z)),T(2,e.Inject(p.Router)),T(3,e.Inject(s.TuiSwipeService))],t)}(),At=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,h.PolymorpheusModule,u.TuiButtonModule,y.TuiSidebarModule,s.TuiActiveZoneModule,_t],declarations:[Lt],exports:[Lt]})],t)}(),Rt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,l.FormsModule,c.TuiToggleModule,u.TuiThemeNightModule,At,u.TuiRootModule,u.TuiDialogModule,u.TuiAlertModule,_t],declarations:[dt],exports:[dt]})],t)}(),Et=new e.InjectionToken("Array of default tab names",{factory:function(){return[]}}),Nt=new e.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),$t=new e.InjectionToken("Page see also"),zt=[{provide:$t,deps:[e.ElementRef,Nt],useFactory:Vt}];function Vt(t,e){var n=t.nativeElement.getAttribute("header"),o=e.filter((function(t){return t.includes(n)}))||[],r=new Set(o.join().split(",").filter((function(t){return t&&t!==n})));return Array.from(r)}var Ft=function(){function t(t){this.template=t}return t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]}]},I([e.Input(),s.tuiDefaultProp()],t.prototype,"pageTab",void 0),t=I([e.Directive({selector:"[pageTab]"}),T(0,e.Inject(e.TemplateRef))],t)}(),Ut=function(){function t(t,e,n){this.deprecated=t,this.defaultTabs=e,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.tabConnectors=s.EMPTY_QUERY,this.activeItemIndex=NaN}return Object.defineProperty(t.prototype,"showSeeAlso",{get:function(){return!!this.seeAlso.length&&0===this.activeItemIndex},enumerable:!0,configurable:!0}),t.prototype.getRouterLink=function(t){return void 0===t&&(t=""),"./"+t.replace(/ /g,"_")},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Attribute,args:["deprecated"]}]},{type:void 0,decorators:[{type:e.Inject,args:[Et]}]},{type:void 0,decorators:[{type:e.Inject,args:[$t]}]}]},I([e.Input()],t.prototype,"header",void 0),I([e.Input()],t.prototype,"package",void 0),I([e.Input()],t.prototype,"type",void 0),I([e.Input()],t.prototype,"path",void 0),I([e.ContentChildren(Ft)],t.prototype,"tabConnectors",void 0),t=I([e.Component({selector:"tui-doc-page",template:'<header class="t-header">\n    <h1 class="t-title">\n        {{ header }}\n        <tui-tag\n            *ngIf="deprecated !== null"\n            value="deprecated"\n            status="custom"\n            class="t-tag t-tag_deprecated"\n        ></tui-tag>\n        <tui-tag\n            *ngIf="package"\n            status="custom"\n            class="t-tag t-tag_package"\n            [value]="package"\n            [autoColor]="true"\n        ></tui-tag>\n    </h1>\n    <tui-tabs-with-more\n        *ngIf="tabConnectors.length"\n        class="t-tabs"\n        [(activeItemIndex)]="activeItemIndex"\n    >\n        <ng-container *ngFor="let tab of tabConnectors; first as first; index as index">\n            <ng-container *ngIf="first; else dynamicTab">\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLink="./"\n                    routerLinkActive\n                    [routerLinkActiveOptions]="{exact: true}"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-container>\n            <ng-template #dynamicTab>\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLinkActive\n                    [routerLink]="getRouterLink(tab.pageTab || defaultTabs[index])"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-template>\n        </ng-container>\n    </tui-tabs-with-more>\n    <tui-doc-source-code\n        class="t-source-code"\n        [header]="header"\n        [package]="package"\n        [type]="type"\n        [path]="path"\n    ></tui-doc-source-code>\n</header>\n<div class="t-content">\n    <ng-content></ng-content>\n    <tui-doc-see-also\n        *ngIf="showSeeAlso"\n        class="t-see-also"\n        [seeAlso]="seeAlso"\n    ></tui-doc-see-also>\n    <ng-container *ngFor="let tab of tabConnectors; index as index">\n        <ng-container\n            *ngIf="index === activeItemIndex"\n            [ngTemplateOutlet]="tab.template"\n        ></ng-container>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:zt,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header{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)}:host-context(tui-root._mobile) .t-header{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title{min-width:100%;font-size:inherit;margin:0}.t-tag{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated{background-color:var(--tui-error-fill)}.t-tag.t-tag_package{color:#000}.t-tabs{flex:1;margin:1.125rem .3125rem 0 0}:host-context(tui-root._mobile) .t-tabs{margin-top:.25rem}.t-content{padding:2rem 0;margin:0 min(10vw,8.75rem)}:host-context(tui-root._mobile) .t-content{padding:2rem 1.25rem;margin:0}.t-see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}:host-context(tui-root._mobile) .t-see-also{float:none;width:100%;margin:0 0 1.5rem}.t-source-code{align-self:flex-end;line-height:2.75rem}"]}),T(0,e.Attribute("deprecated")),T(1,e.Inject(Et)),T(2,e.Inject($t))],t)}(),Bt=function(){function t(t,e){this.text=t,this.pages=e,this.seeAlso=[]}return t.prototype.getRouterLink=function(t){for(var e=0;e<this.pages.length;e++){var n=this.pages.map((function(t){return"subPages"in t?t.subPages:[t]})).reduce((function(t,e){return O(t,e)}),[]).find((function(e){return e.title===t}));if(null==n?void 0:n.route)return n.route}return""},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[F]}]},{type:void 0,decorators:[{type:e.Inject,args:[It]}]}]},I([e.Input()],t.prototype,"seeAlso",void 0),t=I([e.Component({selector:"tui-doc-see-also",template:'<h5 class="t-header">{{ text }}</h5>\n<ng-container *ngFor="let item of seeAlso; last as last">\n    <a\n        tuiLink\n        [routerLink]="getRouterLink(item)"\n    >\n        {{ item }}\n    </a>\n    <ng-container *ngIf="!last">{{ \', \' }}</ng-container>\n</ng-container>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.t-header{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-02);margin:0 0 .5rem;white-space:nowrap}"]}),T(0,e.Inject(F)),T(1,e.Inject(It))],t)}(),qt=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,u.TuiLinkModule],declarations:[Bt],exports:[Bt]})],t)}(),Wt=new e.InjectionToken("Source code link",{factory:function(){return""}}),Gt=function(){function t(t,e){this.sourceCode=t,this.text=e,this.header="",this.package="",this.type="",this.path=""}return Object.defineProperty(t.prototype,"pathOptions",{get:function(){return this.getPathOptions(this.header,this.package,this.type,this.path)},enumerable:!0,configurable:!0}),t.prototype.getPathOptions=function(t,e,n,o){return{header:t,package:e,type:n,path:o}},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[Wt]}]},{type:String,decorators:[{type:e.Inject,args:[U]}]}]},I([e.Input()],t.prototype,"header",void 0),I([e.Input()],t.prototype,"package",void 0),I([e.Input()],t.prototype,"type",void 0),I([e.Input()],t.prototype,"path",void 0),I([s.tuiPure],t.prototype,"getPathOptions",null),t=I([e.Component({selector:"tui-doc-source-code",template:'<div\n    *ngIf="!!sourceCode"\n    polymorpheus-outlet\n    [content]="sourceCode"\n    [context]="pathOptions"\n>\n    <ng-template let-link>\n        <a\n            *ngIf="link"\n            tuiIconButton\n            type="button"\n            icon="tuiIconCodeLarge"\n            appearance="icon"\n            target="_blank"\n            size="s"\n            [title]="text"\n            [href]="link"\n        ></a>\n    </ng-template>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush}),T(0,e.Inject(Wt)),T(1,e.Inject(U))],t)}(),Xt=function(){function t(){}return t=I([e.NgModule({declarations:[Gt],imports:[i.CommonModule,h.PolymorpheusModule,u.TuiButtonModule],exports:[Gt]})],t)}(),Ht=function(){function t(){}return t=I([e.NgModule({imports:[i.CommonModule,p.RouterModule,qt,c.TuiTabsModule,c.TuiTagModule,Xt],declarations:[Ut,Ft],exports:[Ut,Ft]})],t)}(),Yt=["Сделано с помощью директивы: ","Фон","Детали формы"],Zt=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],Qt=["Превью","Ссылка на пример скопирована","Готово"],Jt=[{provide:E,useValue:Yt},{provide:N,useValue:Zt},{provide:$,useValue:Qt},{provide:z,useValue:"Меню"},{provide:V,useValue:"Поиск"},{provide:F,useValue:"Смотрите также"},{provide:U,useValue:"Исходный код"}],Kt=function(){function t(){}return t=I([e.NgModule({exports:[L,q,tt,Ht,ut]})],t)}();function te(t){return[{path:"",component:t,children:[{path:":tab",component:t}]}]}var ee=te;t.DEMO_TEXTS=Yt,t.DOC_TEXTS=Zt,t.EXAMPLE_TEXTS=Qt,t.ScrollIntoViewDirective=mt,t.ScrollIntoViewModule=ft,t.TUI_DOC_CODE_ACTIONS=et,t.TUI_DOC_CODE_EDITOR=nt,t.TUI_DOC_DEFAULT_TABS=Et,t.TUI_DOC_DEMO_TEXTS=E,t.TUI_DOC_DOCUMENTATION_TEXTS=N,t.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=ot,t.TUI_DOC_EXAMPLE_TEXTS=$,t.TUI_DOC_LOGO=Dt,t.TUI_DOC_MENU_TEXT=z,t.TUI_DOC_PAGES=It,t.TUI_DOC_PAGE_LOADED=gt,t.TUI_DOC_RUSSIAN=Jt,t.TUI_DOC_SCROLL_BEHAVIOR=bt,t.TUI_DOC_SEARCH_TEXT=V,t.TUI_DOC_SEE_ALSO=Nt,t.TUI_DOC_SEE_ALSO_TEXT=F,t.TUI_DOC_SOURCE_CODE=Wt,t.TUI_DOC_SOURCE_CODE_TEXT=U,t.TUI_DOC_TITLE=Tt,t.TUI_EXAMPLE_PRIMARY_FILE_NAME={TS:"TypeScript",LESS:"LESS",HTML:"HTML"},t.TuiAddonDocModule=Kt,t.TuiDocCodeComponent=D,t.TuiDocCodeModule=L,t.TuiDocCopyComponent=A,t.TuiDocCopyModule=R,t.TuiDocDemoComponent=B,t.TuiDocDemoModule=q,t.TuiDocDocumentationComponent=Q,t.TuiDocDocumentationModule=tt,t.TuiDocDocumentationPropertyConnectorDirective=Z,t.TuiDocExampleComponent=at,t.TuiDocExampleModule=ut,t.TuiDocMainComponent=dt,t.TuiDocMainModule=Rt,t.TuiDocNavigationComponent=St,t.TuiDocNavigationModule=_t,t.TuiDocPageComponent=Ut,t.TuiDocPageModule=Ht,t.TuiDocPageTabConnectorDirective=Ft,t.TuiLanguageSwitcherComponent=lt,t.TuiLanguageSwitcherModule=pt,t.TuiScrollIntoViewLinkDirective=ht,t.TuiScrollIntoViewLinkModule=yt,t.coerceValue=H,t.generateRoutes=te,t.rawLoad=P,t.rawLoadRecord=rt,t.tryParseMarkdownCodeBlock=S,t.tuiCoerceValue=Y,t.tuiGenerateRoutes=ee,t.tuiRawLoad=M,t.tuiRawLoadRecord=it,t.tuiTryParseMarkdownCodeBlock=_,t.ɵa=K,t.ɵb=J,t.ɵc=ct,t.ɵd=st,t.ɵe=At,t.ɵf=Ct,t.ɵg=wt,t.ɵh=kt,t.ɵi=jt,t.ɵj=Ot,t.ɵk=Pt,t.ɵl=Mt,t.ɵm=Lt,t.ɵn=$t,t.ɵo=zt,t.ɵp=Vt,t.ɵq=qt,t.ɵr=Bt,t.ɵs=Xt,t.ɵt=Gt,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=taiga-ui-addon-doc.umd.min.js.map