@taiga-ui/addon-doc 2.18.0 → 2.22.0

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

@@ -1,4 +1,4 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("ngx-highlightjs"),require("@taiga-ui/cdk"),require("@taiga-ui/kit"),require("rxjs"),require("rxjs/operators"),require("@taiga-ui/core"),require("@angular/forms"),require("@angular/router"),require("@angular/platform-browser"),require("@angular/cdk/clipboard"),require("@ng-web-apis/common"),require("@tinkoff/ng-polymorpheus"),require("@taiga-ui/addon-mobile")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-doc",["exports","@angular/core","@angular/common","ngx-highlightjs","@taiga-ui/cdk","@taiga-ui/kit","rxjs","rxjs/operators","@taiga-ui/core","@angular/forms","@angular/router","@angular/platform-browser","@angular/cdk/clipboard","@ng-web-apis/common","@tinkoff/ng-polymorpheus","@taiga-ui/addon-mobile"],e):e(((t=t||self)["taiga-ui"]=t["taiga-ui"]||{},t["taiga-ui"]["addon-doc"]={}),t.ng.core,t.ng.common,t.ngxHighlightjs,t.cdk,t.kit,t.rxjs,t.rxjs.operators,t.core$1,t.ng.forms,t.ng.router,t.ng.platformBrowser,t.ng.cdk.clipboard,t.common$1,t.ngPolymorpheus,t.addonMobile)}(this,(function(t,e,n,o,r,i,a,s,u,c,l,p,d,g,m,h){"use strict";
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("ngx-highlightjs"),require("@taiga-ui/cdk"),require("@taiga-ui/kit"),require("rxjs"),require("rxjs/operators"),require("@taiga-ui/core"),require("@angular/forms"),require("@angular/router"),require("@angular/platform-browser"),require("@taiga-ui/addon-mobile"),require("@angular/cdk/clipboard"),require("@ng-web-apis/common"),require("@tinkoff/ng-polymorpheus")):"function"==typeof define&&define.amd?define("@taiga-ui/addon-doc",["exports","@angular/core","@angular/common","ngx-highlightjs","@taiga-ui/cdk","@taiga-ui/kit","rxjs","rxjs/operators","@taiga-ui/core","@angular/forms","@angular/router","@angular/platform-browser","@taiga-ui/addon-mobile","@angular/cdk/clipboard","@ng-web-apis/common","@tinkoff/ng-polymorpheus"],e):e(((t=t||self)["taiga-ui"]=t["taiga-ui"]||{},t["taiga-ui"]["addon-doc"]={}),t.ng.core,t.ng.common,t.ngxHighlightjs,t.cdk,t.kit,t.rxjs,t.rxjs.operators,t.core$1,t.ng.forms,t.ng.router,t.ng.platformBrowser,t.addonMobile,t.ng.cdk.clipboard,t.common$1,t.ngPolymorpheus)}(this,(function(t,e,n,o,r,i,a,s,u,c,l,p,d,g,m,h){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var f=function(){return(f=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 y(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 b(t,e){return function(n,o){e(n,o,t)}}function v(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 x(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(v(arguments[e]));return t}var I=function(){function t(){this.filename="",this.code=""}return Object.defineProperty(t.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),y([e.Input()],t.prototype,"filename",void 0),y([e.Input()],t.prototype,"code",void 0),y([e.HostBinding("class._has-filename")],t.prototype,"hasFilename",null),t=y([e.Component({selector:"tui-doc-code",template:'<p *ngIf="filename" class="t-header">{{filename}}</p>\n<pre class="t-code"><code [lineNumbers]="true" [highlight]="code"></code></pre>\n',styles:[":host{display:block}.t-header{font:var(--tui-font-text-s);font-weight:700}.t-code{margin:0}.hljs:not(:empty){font:var(--tui-font-text-m);padding:1.5rem 2rem;font-family:monospace;background-color:var(--tui-base-02);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:6px 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}@media screen and (max-width:47.9375em){.hljs:not(:empty){padding:1rem}}"]})],t)}(),T=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,o.HighlightModule],declarations:[I],exports:[I]})],t)}(),C=function(){function t(t){this.texts$=t,this.copy$=new a.Subject}return Object.defineProperty(t.prototype,"copied$",{get:function(){return this.copy$.pipe(s.switchMapTo(a.timer(1500).pipe(s.mapTo(!1),s.startWith(!0))))},enumerable:!0,configurable:!0}),t.prototype.onClick=function(){this.copy$.next()},t.ctorParameters=function(){return[{type:a.Observable,decorators:[{type:e.Inject,args:[i.TUI_COPY_TEXTS]}]}]},y([r.tuiPure],t.prototype,"copied$",null),t=y([e.Component({selector:"tui-doc-copy",template:'<button\n    *ngIf="texts$ | async as texts"\n    tuiButton\n    type="button"\n    class="t-copy"\n    appearance=""\n    size="s"\n    [title]="texts[0]"\n    (click)="onClick()"\n>\n    <span class="t-content" [class.t-content_moved]="copied$ | async">\n        <span class="t-initial" [attr.data-text]="texts[0]">\n            <ng-content></ng-content>\n        </span>\n        {{texts[1]}}\n    </span>\n</button>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[r.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)}"]}),b(0,e.Inject(i.TUI_COPY_TEXTS))],t)}(),w=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,u.TuiButtonModule],declarations:[C],exports:[C]})],t)}(),k=new e.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),j=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"]}}),P=new e.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),M=new e.InjectionToken("search i18n text",{factory:function(){return"Search"}}),O=new e.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),D=new e.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),S=function(){function t(t,e,o,r,i,u,l){var p=this;this.isMobile=t,this.destroy$=e,this.renderer=o,this.texts=l,this.control=null,this.updateOnVariants=["change","blur","submit"],this.updateOn="change",this.expanded=!1,this.opaque=!0,this.modeControl=new c.FormControl,this.mode=null,this.change$=new a.Subject,this.items=["onLight","onDark"],this.initialX=0,this.wrapperWidth=0,this.isBrowser=n.isPlatformBrowser(r);var d=i.path().match(/tui-mode=(onDark|onLight)/);null!==d&&d.length>0&&this.modeControl.setValue(d[1]),this.modeControl.valueChanges.pipe(s.startWith(this.modeControl.value),s.takeUntil(this.destroy$)).subscribe((function(t){var e=u.parse(i.path());e.queryParams=f(f({},e.queryParams),{tuiMode:t}),i.go(String(e)),p.mode=t,p.change$.next()}))}var o;return o=t,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.onResize=function(){this.setResizerTextContent()},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 c.FormGroup({testValue:t},{updateOn:e}))},t.prototype.resizeContent=function(t){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",Math.max(this.wrapperWidth-t,104)+"px")},t.ctorParameters=function(){return[{type:Boolean,decorators:[{type:e.Inject,args:[r.TUI_IS_MOBILE]}]},{type:r.TuiDestroyService,decorators:[{type:e.Inject,args:[r.TuiDestroyService]}]},{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:Object,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:n.Location,decorators:[{type:e.Inject,args:[n.Location]}]},{type:l.UrlSerializer,decorators:[{type:e.Inject,args:[l.UrlSerializer]}]},{type:Array,decorators:[{type:e.Inject,args:[k]}]}]},y([e.Input()],t.prototype,"control",void 0),y([e.ContentChild(e.TemplateRef)],t.prototype,"template",void 0),y([e.ViewChild("content")],t.prototype,"content",void 0),y([e.ViewChild("wrapper")],t.prototype,"wrapper",void 0),y([e.ViewChild("resizerText")],t.prototype,"resizerText",void 0),y([e.HostListener("window:resize")],t.prototype,"onResize",null),t=o=y([e.Component({selector:"tui-doc-demo",template:'<div class="t-bg-toggle" [tuiMode]="null">\n    <ng-template #tooltip>\n        {{texts[0]}}\n        <a tuiLink tuiMode="onDark" routerLink="/directives/mode">\n            <code>tuiMode</code>\n        </a>\n    </ng-template>\n    <ng-container *ngIf="isMobile else desktop">\n        <tui-select\n            class="t-mode"\n            tuiTextfieldSize="s"\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 describeId="form" [content]="tooltip"></tui-tooltip>\n        <div tuiGroup class="tui-space_left-3" [collapsed]="true">\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                size="s"\n                nativeId="form"\n                [item]="null"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                null\n            </tui-radio-block>\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                item="onDark"\n                size="s"\n                nativeId="form"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onDark\n            </tui-radio-block>\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                item="onLight"\n                size="s"\n                nativeId="form"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onLight\n            </tui-radio-block>\n        </div>\n    </ng-template>\n    <tui-checkbox-labeled\n        class="tui-space_left-3"\n        size="m"\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 #content id="demoContent" class="t-content">\n        <form *ngIf="testForm" class="t-form" [formGroup]="testForm">\n            <div class="t-input-wrapper">\n                <ng-container *ngTemplateOutlet="template"></ng-container>\n            </div>\n            <button\n                tuiButton\n                type="button"\n                class="tui-space_top-3"\n                size="s"\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 class="t-expand" [expanded]="expanded">\n                <ng-template tuiExpandContent>\n                    <pre class="t-value">\nForm data: {{testForm.value | json}}</pre\n                    >\n                    <div tuiGroup class="tui-space_top-3">\n                        <tui-select\n                            class="t-select"\n                            tuiTextfieldSize="s"\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                            class="tui-group__auto-width-item"\n                            type="reset"\n                            size="s"\n                        >\n                            Reset\n                        </button>\n                        <button\n                            tuiButton\n                            class="tui-group__auto-width-item"\n                            type="submit"\n                            size="s"\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        class="t-resizer"\n        tabindex="-1"\n        (tuiDragStart)="onDragStart($event)"\n        (tuiDragContinues)="onDragContinues($event)"\n        (tuiDragEnd)="onDragEnd()"\n    >\n        <span #resizerText class="t-resizer-text"></span>\n    </button>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return o}))}],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(51,51,51,.2);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.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.wrapper_dark{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.wrapper_gray{background-color:#e5e7ea}.t-wrapper.wrapper_dark.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.wrapper_gray.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%)}.t-content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width:47.9375em){.t-wrapper{min-height:auto}.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(51,51,51,.2);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:.0625rem;background:var(--tui-base-05)}.t-resizer:before{transform:translateX(.125rem)}.t-resizer:after{transform:translateX(-.1875rem)}@media screen and (max-width:47.9375em){.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}@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}}}"]}),b(0,e.Inject(r.TUI_IS_MOBILE)),b(1,e.Inject(r.TuiDestroyService)),b(2,e.Inject(e.Renderer2)),b(3,e.Inject(e.PLATFORM_ID)),b(4,e.Inject(n.Location)),b(5,e.Inject(l.UrlSerializer)),b(6,e.Inject(k))],t)}(),A=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.ReactiveFormsModule,c.FormsModule,l.RouterModule,u.TuiLinkModule,r.TuiDragModule,u.TuiButtonModule,i.TuiSelectModule,u.TuiExpandModule,u.TuiGroupModule,u.TuiTooltipModule,u.TuiModeModule,i.TuiRadioBlockModule,i.TuiCheckboxLabeledModule,u.TuiSvgModule,i.TuiDataListWrapperModule,u.TuiDataListModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule],declarations:[S],exports:[S]})],t)}(),L={"а":"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 R(t){for(var e="",n=0;n<t.length;n++)e+=t.charAt(n)in L?L[t.charAt(n)]:t.charAt(n);return e}var E=new e.InjectionToken("Documentation pages",{factory:function(){return[]}}),N=new e.InjectionToken("Page title",{factory:function(){return""}}),z=new e.InjectionToken("Page title"),V=new e.InjectionToken("Navigation sections labels for search"),$=new e.InjectionToken("Navigation pages"),U=[r.TuiDestroyService,{provide:z,deps:[l.Router,l.ActivatedRoute,N,r.TuiDestroyService],useFactory:F},{provide:V,deps:[E],useFactory:B},{provide:$,deps:[E],useFactory:q}];function F(t,e,n,o){return t.events.pipe(s.filter((function(t){return t instanceof l.NavigationEnd})),s.map((function(){return e.firstChild})),s.filter(r.isPresent),s.mergeMap((function(t){return t.data})),s.map((function(t){var e=t.title;return n+e})),s.takeUntil(o))}function B(t){return t.map((function(t){return t.section})).filter(r.isPresent).filter((function(t,e,n){return n.indexOf(t)===e}))}function q(t){return x(B(t).map((function(e){return t.filter((function(t){return t.section===e}))})),[t.filter((function(t){return!t.section}))])}var W=function(){function t(t,e,n,o,r,i,a,u,c){var l=this;this.documentRef=n,this.mode=o,this.labels=r,this.items=i,this.searchText=a,this.router=u,this.activatedRoute=c,this.search="",this.open=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.menuOpen=!1,this.mode$=this.mode.change$.pipe(s.startWith(null),s.map((function(){return l.mode.mode||"onLight"}))),e.subscribe((function(e){t.setTitle(e),l.openActivePageGroup(),l.handleAnchorLink(l.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 r.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(R(e))||r.includes(R(e))||e.replace(/-/gi,"").includes(n)})),"title")}))},t.prototype.flattenSubPages=function(t){return t.reduce((function(t,e){return x(t,[e.reduce((function(t,e){return x(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;setTimeout((function(){e.navigateToAnchorLink(t)}),200)},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[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:"smooth"}))},t.ctorParameters=function(){return[{type:p.Title,decorators:[{type:e.Inject,args:[p.Title]}]},{type:a.Observable,decorators:[{type:e.Inject,args:[z]}]},{type:Document,decorators:[{type:e.Inject,args:[n.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:e.Inject,args:[u.TuiModeDirective]}]},{type:Array,decorators:[{type:e.Inject,args:[V]}]},{type:void 0,decorators:[{type:e.Inject,args:[$]}]},{type:String,decorators:[{type:e.Inject,args:[M]}]},{type:l.Router,decorators:[{type:e.Inject,args:[l.Router]}]},{type:l.ActivatedRoute,decorators:[{type:e.Inject,args:[l.ActivatedRoute]}]}]},y([e.HostBinding("class._open")],t.prototype,"menuOpen",void 0),y([r.tuiPure],t.prototype,"filterItems",null),y([r.tuiPure],t.prototype,"flattenSubPages",null),t=y([e.Component({selector:"tui-doc-navigation",template:'<tui-hosted-dropdown\n    *tuiLet="filteredItems as filtered"\n    class="input"\n    tuiDropdownLimitWidth="fixed"\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 #dropdown let-activeZone>\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="navigation">\n    <tui-scrollbar [tuiMode]="mode$ | async" class="scrollbar">\n        <tui-accordion [closeOthers]="false" [rounded]="false">\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="tui-space_left-2">\n                    <strong>{{label}}</strong>\n                </span>\n                <ng-template tuiAccordionItemContent>\n                    <div class="section">\n                        <ng-container\n                            *ngFor="let item of items[index]; index as subIndex"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet="pages; context: {item: item, index: index + subIndex}"\n                            >\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </ng-template>\n            </tui-accordion-item>\n        </tui-accordion>\n        <div class="items-container">\n            <ng-container\n                *ngFor="let item of itemsWithoutSections; let index = index"\n            >\n                <ng-container\n                    *ngTemplateOutlet="pages; context: {item: item, index: (items.length - 1) + index}"\n                >\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <ng-template #pages let-item="item" let-index="index">\n            <a\n                *ngIf="!item.subPages; else subPages"\n                tuiLink\n                class="sublink"\n                routerLinkActive="sublink_active"\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="subsection"\n                    [routerLinkActiveOptions]="{exact: false}"\n                >\n                    <button\n                        *ngIf="item.subPages"\n                        tuiLink\n                        type="button"\n                        class="sublink sublink_subsection"\n                        (click)="onGroupClick(index)"\n                    >\n                        <tui-svg\n                            src="tuiIconChevronRight"\n                            class="chevron"\n                            [class.chevron_active]="!!openPagesGroupsArr[index]"\n                        ></tui-svg>\n                        {{item.title}}\n                    </button>\n                    <tui-expand\n                        class="tui-space_left-1"\n                        [expanded]="!!openPagesGroupsArr[index]"\n                    >\n                        <div class="section section_bordered">\n                            <a\n                                *ngFor="let subPage of item.subPages"\n                                tuiLink\n                                class="sublink sublink_small"\n                                routerLinkActive="sublink_active"\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:U,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01);z-index:1}.input{display:block;margin:1.25rem}.navigation{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.scrollbar{width:100%;scroll-behavior:smooth}.items-container{display:flex;flex-direction:column;padding:0 16px}.section{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.section_bordered{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.subsection{margin-left:.5rem}.sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;font:var(--tui-font-text-m);margin-left:.5rem;line-height:2.75rem}.sublink_small{margin-left:1rem;line-height:1.5rem}.sublink_small:not(:first-child){margin-top:1rem}.sublink_subsection{margin-left:0;line-height:2.75rem}.sublink_active{color:var(--tui-text-01)}.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}.chevron_active{transform:rotate(90deg)}"]}),b(0,e.Inject(p.Title)),b(1,e.Inject(z)),b(2,e.Inject(n.DOCUMENT)),b(3,e.Inject(u.TuiModeDirective)),b(4,e.Inject(V)),b(5,e.Inject($)),b(6,e.Inject(M)),b(7,e.Inject(l.Router)),b(8,e.Inject(l.ActivatedRoute))],t)}(),X=function(){function t(t,e){var n=e.nativeElement;this.scroll$=new a.Subject,this.scroll$.pipe(s.debounceTime(750),s.filter((function(t){return t&&!!r.getElementObscurers(n)})),s.takeUntil(t)).subscribe((function(){n.scrollIntoView()}))}return Object.defineProperty(t.prototype,"scrollIntoView",{set:function(t){this.scroll$.next(t)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:r.TuiDestroyService,decorators:[{type:e.Inject,args:[r.TuiDestroyService]}]},{type:e.ElementRef,decorators:[{type:e.Inject,args:[e.ElementRef]}]}]},y([e.Input()],t.prototype,"scrollIntoView",null),t=y([e.Directive({selector:"[scrollIntoView]",providers:[r.TuiDestroyService]}),b(0,e.Inject(r.TuiDestroyService)),b(1,e.Inject(e.ElementRef))],t)}(),G=function(){function t(){}return t=y([e.NgModule({declarations:[X],exports:[X]})],t)}(),H=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,G,u.TuiButtonModule,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,r.TuiActiveZoneModule,r.TuiLetModule,u.TuiModeModule,u.TuiLinkModule,u.TuiExpandModule,u.TuiHostedDropdownModule,u.TuiDropdownControllerModule,i.TuiAccordionModule,u.TuiScrollbarModule,u.TuiSvgModule,u.TuiDataListModule],declarations:[W],exports:[W]})],t)}();function Y(t,e,n){return"#"+[t,e,n].map((function(t){var e=t.toString(16);return 1===e.length?"0"+e:e})).join("")}function Z(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 Q(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?t.toString():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?Q(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+": "+Q(t[r],e-1));return"{"+n+"}"}(t,e)}var J=function(){function t(t,n,o,r){this.template=t,this.locationRef=n,this.activatedRoute=o,this.urlSerializer=r,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyValue=null,this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.EventEmitter,this.changed$=new a.Subject}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.parseParams=function(t){(t[this.documentationPropertyName]||t[this.documentationPropertyName+"$"])&&(!!t[this.documentationPropertyName+"$"]&&this.documentationPropertyValues?this.onValueChange(this.documentationPropertyValues[t[this.documentationPropertyName+"$"]]):this.onValueChange(isNaN(Number(t[this.documentationPropertyName]))?t[this.documentationPropertyName]:Number(t[this.documentationPropertyName])))},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=f(f({},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:n.Location,decorators:[{type:e.Inject,args:[n.Location]}]},{type:l.ActivatedRoute,decorators:[{type:e.Inject,args:[l.ActivatedRoute]}]},{type:l.UrlSerializer,decorators:[{type:e.Inject,args:[l.UrlSerializer]}]}]},y([e.Input()],t.prototype,"documentationPropertyName",void 0),y([e.Input()],t.prototype,"documentationPropertyMode",void 0),y([e.Input()],t.prototype,"documentationPropertyType",void 0),y([e.Input()],t.prototype,"documentationPropertyValue",void 0),y([e.Input()],t.prototype,"documentationPropertyDeprecated",void 0),y([e.Input()],t.prototype,"documentationPropertyValues",void 0),y([e.Output()],t.prototype,"documentationPropertyValueChange",void 0),t=y([e.Directive({selector:"ng-template[documentationPropertyName]"}),b(0,e.Inject(e.TemplateRef)),b(1,e.Inject(n.Location)),b(2,e.Inject(l.ActivatedRoute)),b(3,e.Inject(l.UrlSerializer))],t)}(),K=function(){function t(t,e){this.changeDetectorRef=t,this.texts=e,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=r.EMPTY_QUERY,this.activeItemIndex=0}return t.prototype.ngAfterContentInit=function(){r.itemsQueryListObservable(this.propertiesConnectors).pipe(s.switchMap((function(t){return a.merge.apply(void 0,x(t.map((function(t){return t.changed$}))))})),r.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 x(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 Y.apply(void 0,x(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.substr(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("+Z(e).join(", ")+", "+n/100+")";t.onValueChange(o)}else t.onValueChange(e)},t.prototype.onOpacityChange=function(t,e){var n="rgba("+Z(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.showCleaner=function(t){return t.includes("null")},t.prototype.showContentTooltip=function(t){return t.includes("PolymorpheusContent")},t.prototype.inspectAny=function(t){return Q(t,2)},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:Array,decorators:[{type:e.Inject,args:[j]}]}]},y([e.Input()],t.prototype,"heading",void 0),y([e.Input()],t.prototype,"showValues",void 0),y([e.Input()],t.prototype,"isAPI",void 0),y([e.ContentChildren(J)],t.prototype,"propertiesConnectors",void 0),t=y([e.Component({selector:"tui-doc-documentation",template:'<h1 *ngIf="heading" class="tui-text_h4">{{heading}}</h1>\n<ng-content></ng-content>\n<table class="tui-table tui-table_layout_fixed tui-table_font-size_s">\n    <tr class="tui-table__tr tui-table__tr_hover_disabled t-row t-row_header">\n        <th class="tui-table__th tui-table__th_first t-cell t-cell_prop">\n            {{texts[2]}}\n        </th>\n        <td class="tui-table__th">{{type}}</td>\n        <td\n            *ngIf="showValues && !isAPI"\n            class="tui-table__th tui-table__th_last tui-table__th_text_right t-cell t-cell_value"\n        >\n            {{texts[3]}}\n        </td>\n    </tr>\n    <tr\n        *ngFor="let propertyConnector of propertiesConnectors; last as lastItem"\n        class="tui-table__tr tui-table__tr_hover_disabled t-row"\n        [class.t-deprecated]="propertyConnector.documentationPropertyDeprecated"\n        [class.tui-table__tr_border_none]="lastItem"\n    >\n        <td\n            class="tui-table__td tui-table__td_first tui-table__td_align_center t-cell"\n        >\n            <div\n                class="t-property t-cell"\n                automation-id="tui-documentation__property-name"\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                >deprecated</span\n            >\n            <ng-container\n                *ngTemplateOutlet="propertyConnector.template"\n            ></ng-container>\n        </td>\n        <td class="tui-table__td tui-table__td_align_center 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/TinkoffCreditSystems/ng-polymorpheus"\n                            ><code>ng-polymorpheus</code></a\n                        >\n                    </ng-template>\n                </tui-tooltip>\n            </span>\n        </td>\n        <td\n            *ngIf="showValues"\n            class="tui-table__td tui-table__td_align_center tui-table__td_last tui-table__td_text_right t-cell"\n        >\n            <ng-container *ngIf="propertyConnector.shouldShowValues">\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 #selectContent let-data>\n                    <code>{{inspectAny(data)}}</code>\n                </ng-template>\n\n                <ng-template #noItems>\n                    <ng-container\n                        [ngSwitch]="propertyConnector.documentationPropertyType"\n                    >\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 *ngSwitchCase="\'color\'" tuiGroup>\n                            <tui-primitive-textfield\n                                tuiTextfieldType="color"\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                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </td>\n    </tr>\n</table>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;min-width:100%}.t-cell_prop{width:40%}.t-cell_value{max-width:20rem}@media screen and (max-width:47.9375em){.t-row{display:flex;flex-wrap:wrap}.t-row_header{display:none}.t-cell_value{width:9.375rem}.t-cell{width:100%;height:auto;padding:.5rem 0;text-align:left}}.t-property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}.t-type{font-family:monospace}.t-deprecated{background-color:var(--tui-error-bg)}.t-deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}"]}),b(0,e.Inject(e.ChangeDetectorRef)),b(1,e.Inject(j))],t)}(),tt=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:[r.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},y([e.Input()],t.prototype,"tuiInputOpacity",null),t=y([e.Directive({selector:"[tuiInputOpacity]"}),b(0,e.Inject(e.Renderer2)),b(1,e.Inject(r.TUI_FOCUSABLE_ITEM_ACCESSOR))],t)}(),et=function(){function t(){}return t=y([e.NgModule({declarations:[tt],exports:[tt]})],t)}(),nt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,i.TuiBadgeModule,i.TuiSelectModule,i.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,i.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,et,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,i.TuiDataListWrapperModule],declarations:[K,J],exports:[K,J]})],t)}(),ot=new e.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),rt=new e.InjectionToken("Processes content in example",{factory:function(){return r.identity}}),it=function(){function t(t,e,n,o,r,i,a,u){this.id=t,this.clipboard=e,this.notifications=n,this.location=o,this.copyTexts$=r,this.texts=i,this.codeEditor=a,this.processContent=u,this.heading="",this.description="",this.componentName=this.location.pathname.slice(1),this.activeItemIndex=0,this.processedContent={},this.defaultTab=this.texts[0],this.copy$=this.copyTexts$.pipe(s.map((function(t){return v(t,1)[0]})))}return Object.defineProperty(t.prototype,"content",{set:function(t){this.processedContent=this.processContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"activeItem",{get:function(){return this.tabs[this.activeItemIndex]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tabs",{get:function(){return this.getTabs(this.processedContent)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"code",{get:function(){var t=this.processedContent[this.activeItem];return t?t.trim():""},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isDefaultItem",{get:function(){return this.activeItem===this.defaultTab},enumerable:!0,configurable:!0}),t.prototype.copyExampleLink=function(){var t=this.location.href.indexOf("#"),e=(t>-1?this.location.href.substr(0,t):this.location.href)+"#"+this.id;this.clipboard.copy(e),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},t.prototype.getTabs=function(t){return x([this.defaultTab],Object.keys(t))},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Attribute,args:["id"]}]},{type:d.Clipboard,decorators:[{type:e.Inject,args:[d.Clipboard]}]},{type:u.TuiNotificationsService,decorators:[{type:e.Inject,args:[u.TuiNotificationsService]}]},{type:Location,decorators:[{type:e.Inject,args:[g.LOCATION]}]},{type:a.Observable,decorators:[{type:e.Inject,args:[i.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:e.Inject,args:[_]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[ot]}]},{type:void 0,decorators:[{type:e.Inject,args:[rt]}]}]},y([e.Input()],t.prototype,"heading",void 0),y([e.Input()],t.prototype,"description",void 0),y([e.Input()],t.prototype,"content",null),y([e.Input()],t.prototype,"componentName",void 0),y([r.tuiPure],t.prototype,"getTabs",null),t=y([e.Component({selector:"tui-doc-example",template:'<h3 *ngIf="heading" class="t-title">\n    <span polymorpheus-outlet [content]="heading"></span>\n    <button\n        *ngIf="id"\n        tuiIconButton\n        type="button"\n        size="xs"\n        class="t-link-icon"\n        icon="tuiIconLinkLarge"\n        appearance="icon"\n        [title]="copy$ | async"\n        (click)="copyExampleLink()"\n    ></button>\n</h3>\n<h4\n    *ngIf="description"\n    class="t-description"\n    polymorpheus-outlet\n    [content]="description"\n></h4>\n<div class="t-example">\n    <div class="t-tabs">\n        <tui-tabs [(activeItemIndex)]="activeItemIndex">\n            <button *ngFor="let tab of tabs" tuiTab>{{tab}}</button>\n        </tui-tabs>\n\n        <button\n            *ngIf="codeEditor"\n            tuiButton\n            appearance="flat"\n            size="s"\n            (click)="codeEditor.open(componentName, id || \'\',  processedContent)"\n        >\n            Edit on {{codeEditor.name}}\n        </button>\n    </div>\n    <ng-container [ngSwitch]="activeItem">\n        <div\n            *ngIf="isDefaultItem; else codeTab"\n            class="t-demo"\n            automation-id="tui-doc-example"\n        >\n            <ng-content></ng-content>\n        </div>\n        <ng-template #codeTab>\n            <tui-doc-copy\n                class="t-copy-code"\n                [cdkCopyToClipboard]="code"\n            ></tui-doc-copy>\n            <tui-doc-code [code]="code"></tui-doc-code>\n        </ng-template>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}.t-title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:47.9375em){:host{padding-top:2rem}.t-title{font:var(--tui-font-heading-6)}}.t-description{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-description:first-letter,.t-title:first-letter{text-transform:capitalize}.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)}.t-tabs{padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:47.9375em){.t-example{margin-top:.75rem}.t-tabs{padding:0 1rem}}.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:6px 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)}}@media screen and (max-width:47.9375em){.t-demo{padding:1rem}}.t-copy-code{position:absolute;top:4.375rem;right:1rem}.t-link-icon{margin-left:.3rem;vertical-align:baseline}"]}),b(0,e.Attribute("id")),b(1,e.Inject(d.Clipboard)),b(2,e.Inject(u.TuiNotificationsService)),b(3,e.Inject(g.LOCATION)),b(4,e.Inject(i.TUI_COPY_TEXTS)),b(5,e.Inject(_)),b(6,e.Optional()),b(6,e.Inject(ot)),b(7,e.Inject(rt))],t)}(),at=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,d.ClipboardModule,i.TuiTabsModule,u.TuiButtonModule,w,T,m.PolymorpheusModule],declarations:[it],exports:[it]})],t)}(),st=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 a.Subject}var n;return n=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:[g.LOCAL_STORAGE]}]},{type:Window,decorators:[{type:e.Inject,args:[g.WINDOW]}]}]},t=n=y([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-space_left-2"\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="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 n}))}],styles:["html{scroll-padding-top:4rem;height:auto}@-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(.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}:focus code:not(.exception){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.9375em){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}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-base-02)}.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-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}"]}),b(0,e.Inject(g.LOCAL_STORAGE)),b(1,e.Inject(g.WINDOW))],t)}(),ut=new e.InjectionToken("Main logo",{factory:function(){return""}}),ct=function(){function t(t,e,n){this.logo=t,this.menu=e,this.router=n,this.stream$=new a.Subject,this.open$=a.merge(this.router.events.pipe(s.mapTo(!1)),this.stream$).pipe(s.startWith(!1),s.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:[ut]}]},{type:String,decorators:[{type:e.Inject,args:[P]}]},{type:l.Router,decorators:[{type:e.Inject,args:[l.Router]}]}]},t=y([e.Component({selector:"header[tuiDocHeader]",template:'<button\n    tuiIconButton\n    class="menu"\n    icon="tuiIconMenuLarge"\n    appearance="icon"\n    [title]="menu"\n    (click)="onClick()"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n>\n    <tui-doc-navigation\n        *tuiSidebar="open$ | async"\n        class="navigation"\n    ></tui-doc-navigation>\n</button>\n<div polymorpheus-outlet class="logo tui-text_h5" [content]="logo">\n    <ng-template let-src>\n        <img class="img" alt="Logo" [src]="src" />\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;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);z-index:1}.logo{margin-right:auto}.img{display:block}.menu{margin-left:-1.25rem}@media screen and (min-width:80em){.menu{display:none}}.navigation{min-height:100%}"]}),b(0,e.Inject(ut)),b(1,e.Inject(P)),b(2,e.Inject(l.Router))],t)}(),lt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,m.PolymorpheusModule,u.TuiButtonModule,h.TuiSidebarModule,r.TuiActiveZoneModule,H],declarations:[ct],exports:[ct]})],t)}(),pt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,c.FormsModule,i.TuiToggleModule,u.TuiThemeNightModule,lt,u.TuiRootModule,u.TuiDialogModule,u.TuiNotificationsModule,H],declarations:[st],exports:[st]})],t)}(),dt=new e.InjectionToken("Array of default tab names",{factory:function(){return[]}}),gt=function(){function t(t){this.template=t}return t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]}]},y([e.Input(),r.tuiDefaultProp()],t.prototype,"pageTab",void 0),t=y([e.Directive({selector:"[pageTab]"}),b(0,e.Inject(e.TemplateRef))],t)}(),mt=new e.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),ht=new e.InjectionToken("Page see also"),ft=[{provide:ht,deps:[e.ElementRef,mt],useFactory:yt}];function yt(t,e){var n=t.nativeElement,o=e.filter((function(t){return-1!==t.indexOf(n.header)}))||[],r=new Set(o.join().split(",").filter((function(t){return t&&t!==n.header})));return Array.from(r)}var bt=function(){function t(t,e,n){this.deprecated=t,this.defaultTabs=e,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.activeItemIndex=NaN,this.tabConnectors=r.EMPTY_QUERY}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:[dt]}]},{type:void 0,decorators:[{type:e.Inject,args:[ht]}]}]},y([e.Input()],t.prototype,"header",void 0),y([e.Input()],t.prototype,"package",void 0),y([e.Input()],t.prototype,"type",void 0),y([e.Input()],t.prototype,"path",void 0),y([e.ContentChildren(gt)],t.prototype,"tabConnectors",void 0),t=y([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            class="t-tag t-tag_deprecated"\n            value="deprecated"\n            status="custom"\n        ></tui-tag>\n        <tui-tag\n            *ngIf="package"\n            class="t-tag t-tag_package"\n            status="custom"\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\n            *ngFor="let tab of tabConnectors; first as first; index as index"\n        >\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 *ngIf="index === activeItemIndex">\n            <ng-container *ngTemplateOutlet="tab.template"></ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:ft,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header{font:var(--tui-font-heading-3);display:flex;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)}@media screen and (max-width:47.9375em){.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}@media screen and (max-width:47.9375em){.t-tabs{margin-top:.25rem}}.t-content{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width:47.9375em){.t-content{padding:2rem 1.25rem;margin:0}}.t-see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}@media screen and (max-width:47.9375em){.t-see-also{float:none;width:100%;margin:0 0 1.5rem}}.t-source-code{align-self:flex-end;line-height:2.75rem}"]}),b(0,e.Attribute("deprecated")),b(1,e.Inject(dt)),b(2,e.Inject(ht))],t)}(),vt=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 x(t,e)}),[]).find((function(e){return e.title===t}));if(n&&n.route)return n.route}return""},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[O]}]},{type:void 0,decorators:[{type:e.Inject,args:[E]}]}]},y([e.Input()],t.prototype,"seeAlso",void 0),t=y([e.Component({selector:"tui-doc-see-also",template:'<h5 class="header">{{text}}</h5>\n<ng-container *ngFor="let item of seeAlso; last as last">\n    <a tuiLink [routerLink]="getRouterLink(item)">{{item}}</a>\n    <ng-container *ngIf="!last">, </ng-container>\n</ng-container>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.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}"]}),b(0,e.Inject(O)),b(1,e.Inject(E))],t)}(),xt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,u.TuiLinkModule],declarations:[vt],exports:[vt]})],t)}(),It=new e.InjectionToken("Source code link",{factory:function(){return""}}),Tt=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:[It]}]},{type:String,decorators:[{type:e.Inject,args:[D]}]}]},y([e.Input()],t.prototype,"header",void 0),y([e.Input()],t.prototype,"package",void 0),y([e.Input()],t.prototype,"type",void 0),y([e.Input()],t.prototype,"path",void 0),y([r.tuiPure],t.prototype,"getPathOptions",null),t=y([e.Component({selector:"tui-doc-source-code",template:'<div\n    polymorpheus-outlet\n    *ngIf="!!sourceCode"\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}),b(0,e.Inject(It)),b(1,e.Inject(D))],t)}(),Ct=function(){function t(){}return t=y([e.NgModule({declarations:[Tt],imports:[n.CommonModule,m.PolymorpheusModule,u.TuiButtonModule],exports:[Tt]})],t)}(),wt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,xt,i.TuiTabsModule,i.TuiTagModule,Ct],declarations:[bt,gt],exports:[bt,gt]})],t)}(),kt=["Сделано с помощью директивы: ","Фон","Детали формы"],jt=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],_t=["Превью","Ссылка на пример скопирована","Готово"],Pt=[{provide:k,useValue:kt},{provide:j,useValue:jt},{provide:_,useValue:_t},{provide:P,useValue:"Меню"},{provide:M,useValue:"Поиск"},{provide:O,useValue:"Смотрите также"},{provide:D,useValue:"Исходный код"}];var Mt=function(){function t(){}return t=y([e.NgModule({exports:[T,A,nt,wt,at]})],t)}();t.DEMO_TEXTS=kt,t.DOC_TEXTS=jt,t.EXAMPLE_TEXTS=_t,t.ScrollIntoViewDirective=X,t.ScrollIntoViewModule=G,t.TUI_DOC_CODE_EDITOR=ot,t.TUI_DOC_DEFAULT_TABS=dt,t.TUI_DOC_DEMO_TEXTS=k,t.TUI_DOC_DOCUMENTATION_TEXTS=j,t.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=rt,t.TUI_DOC_EXAMPLE_TEXTS=_,t.TUI_DOC_LOGO=ut,t.TUI_DOC_MENU_TEXT=P,t.TUI_DOC_PAGES=E,t.TUI_DOC_RUSSIAN=Pt,t.TUI_DOC_SEARCH_TEXT=M,t.TUI_DOC_SEE_ALSO=mt,t.TUI_DOC_SEE_ALSO_TEXT=O,t.TUI_DOC_SOURCE_CODE=It,t.TUI_DOC_SOURCE_CODE_TEXT=D,t.TUI_DOC_TITLE=N,t.TuiAddonDocModule=Mt,t.TuiDocCodeComponent=I,t.TuiDocCodeModule=T,t.TuiDocCopyComponent=C,t.TuiDocCopyModule=w,t.TuiDocDemoComponent=S,t.TuiDocDemoModule=A,t.TuiDocDocumentationComponent=K,t.TuiDocDocumentationModule=nt,t.TuiDocDocumentationPropertyConnectorDirective=J,t.TuiDocExampleComponent=it,t.TuiDocExampleModule=at,t.TuiDocMainComponent=st,t.TuiDocMainModule=pt,t.TuiDocNavigationComponent=W,t.TuiDocNavigationModule=H,t.TuiDocPageComponent=bt,t.TuiDocPageModule=wt,t.TuiDocPageTabConnectorDirective=gt,t.generateRoutes=function(t){return[{path:"",component:t,children:[{path:":tab",component:t}]}]},t.ɵa=z,t.ɵb=V,t.ɵc=$,t.ɵd=U,t.ɵe=F,t.ɵf=B,t.ɵg=q,t.ɵh=et,t.ɵi=tt,t.ɵj=lt,t.ɵk=ct,t.ɵl=ht,t.ɵm=ft,t.ɵn=yt,t.ɵo=xt,t.ɵp=vt,t.ɵq=Ct,t.ɵr=Tt,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */var f=function(){return(f=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 y(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 b(t,e){return function(n,o){e(n,o,t)}}function v(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 x(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(v(arguments[e]));return t}var I=function(){function t(){this.filename="",this.code=""}return Object.defineProperty(t.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),y([e.Input()],t.prototype,"filename",void 0),y([e.Input()],t.prototype,"code",void 0),y([e.HostBinding("class._has-filename")],t.prototype,"hasFilename",null),t=y([e.Component({selector:"tui-doc-code",template:'<p *ngIf="filename" class="t-header">{{filename}}</p>\n<pre class="t-code"><code [lineNumbers]="true" [highlight]="code"></code></pre>\n',styles:[":host{display:block}.t-header{font:var(--tui-font-text-s);font-weight:700}.t-code{margin:0}.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:6px 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}@media screen and (max-width:47.9375em){.hljs:not(:empty){padding:1rem}}"]})],t)}(),T=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,o.HighlightModule],declarations:[I],exports:[I]})],t)}(),C=function(){function t(t){this.texts$=t,this.copy$=new a.Subject}return Object.defineProperty(t.prototype,"copied$",{get:function(){return this.copy$.pipe(s.switchMapTo(a.timer(1500).pipe(s.mapTo(!1),s.startWith(!0))))},enumerable:!0,configurable:!0}),t.prototype.onClick=function(){this.copy$.next()},t.ctorParameters=function(){return[{type:a.Observable,decorators:[{type:e.Inject,args:[i.TUI_COPY_TEXTS]}]}]},y([r.tuiPure],t.prototype,"copied$",null),t=y([e.Component({selector:"tui-doc-copy",template:'<button\n    *ngIf="texts$ | async as texts"\n    tuiButton\n    type="button"\n    class="t-copy"\n    appearance=""\n    size="s"\n    [title]="texts[0]"\n    (click)="onClick()"\n>\n    <span class="t-content" [class.t-content_moved]="copied$ | async">\n        <span class="t-initial" [attr.data-text]="texts[0]">\n            <ng-content></ng-content>\n        </span>\n        {{texts[1]}}\n    </span>\n</button>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[r.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)}"]}),b(0,e.Inject(i.TUI_COPY_TEXTS))],t)}(),w=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,u.TuiButtonModule],declarations:[C],exports:[C]})],t)}(),k=new e.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),j=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"]}}),P=new e.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),M=new e.InjectionToken("search i18n text",{factory:function(){return"Search"}}),O=new e.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),D=new e.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),S=function(){function t(t,e,o,r,i,u,l){var p=this;this.isMobile=t,this.destroy$=e,this.renderer=o,this.texts=l,this.control=null,this.updateOnVariants=["change","blur","submit"],this.updateOn="change",this.expanded=!1,this.opaque=!0,this.modeControl=new c.FormControl,this.mode=null,this.change$=new a.Subject,this.items=["onLight","onDark"],this.initialX=0,this.wrapperWidth=0,this.isBrowser=n.isPlatformBrowser(r);var d=i.path().match(/tui-mode=(onDark|onLight)/);null!==d&&d.length>0&&this.modeControl.setValue(d[1]),this.modeControl.valueChanges.pipe(s.startWith(this.modeControl.value),s.takeUntil(this.destroy$)).subscribe((function(t){var e=u.parse(i.path());e.queryParams=f(f({},e.queryParams),{tuiMode:t}),i.go(String(e)),p.mode=t,p.change$.next()}))}var o;return o=t,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.onResize=function(){this.setResizerTextContent()},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 c.FormGroup({testValue:t},{updateOn:e}))},t.prototype.resizeContent=function(t){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",Math.max(this.wrapperWidth-t,104)+"px")},t.ctorParameters=function(){return[{type:Boolean,decorators:[{type:e.Inject,args:[r.TUI_IS_MOBILE]}]},{type:r.TuiDestroyService,decorators:[{type:e.Inject,args:[r.TuiDestroyService]}]},{type:e.Renderer2,decorators:[{type:e.Inject,args:[e.Renderer2]}]},{type:Object,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:n.Location,decorators:[{type:e.Inject,args:[n.Location]}]},{type:l.UrlSerializer,decorators:[{type:e.Inject,args:[l.UrlSerializer]}]},{type:Array,decorators:[{type:e.Inject,args:[k]}]}]},y([e.Input()],t.prototype,"control",void 0),y([e.ContentChild(e.TemplateRef)],t.prototype,"template",void 0),y([e.ViewChild("content")],t.prototype,"content",void 0),y([e.ViewChild("wrapper")],t.prototype,"wrapper",void 0),y([e.ViewChild("resizerText")],t.prototype,"resizerText",void 0),y([e.HostListener("window:resize")],t.prototype,"onResize",null),t=o=y([e.Component({selector:"tui-doc-demo",template:'<div class="t-bg-toggle" [tuiMode]="null">\n    <ng-template #tooltip>\n        {{texts[0]}}\n        <a tuiLink tuiMode="onDark" routerLink="/directives/mode">\n            <code>tuiMode</code>\n        </a>\n    </ng-template>\n    <ng-container *ngIf="isMobile else desktop">\n        <tui-select\n            class="t-mode"\n            tuiTextfieldSize="s"\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 describeId="form" [content]="tooltip"></tui-tooltip>\n        <div tuiGroup class="tui-space_left-3" [collapsed]="true">\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                size="s"\n                nativeId="form"\n                [item]="null"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                null\n            </tui-radio-block>\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                item="onDark"\n                size="s"\n                nativeId="form"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onDark\n            </tui-radio-block>\n            <tui-radio-block\n                class="tui-group__auto-width-item"\n                item="onLight"\n                size="s"\n                nativeId="form"\n                [hideRadio]="true"\n                [formControl]="modeControl"\n            >\n                onLight\n            </tui-radio-block>\n        </div>\n    </ng-template>\n    <tui-checkbox-labeled\n        class="tui-space_left-3"\n        size="m"\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 #content id="demoContent" class="t-content">\n        <form *ngIf="testForm" class="t-form" [formGroup]="testForm">\n            <div class="t-input-wrapper">\n                <ng-container *ngTemplateOutlet="template"></ng-container>\n            </div>\n            <button\n                tuiButton\n                type="button"\n                class="tui-space_top-3"\n                size="s"\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 class="t-expand" [expanded]="expanded">\n                <ng-template tuiExpandContent>\n                    <pre class="t-value">\nForm data: {{testForm.value | json}}</pre\n                    >\n                    <div tuiGroup class="tui-space_top-3">\n                        <tui-select\n                            class="t-select"\n                            tuiTextfieldSize="s"\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                            class="tui-group__auto-width-item"\n                            type="reset"\n                            size="s"\n                        >\n                            Reset\n                        </button>\n                        <button\n                            tuiButton\n                            class="tui-group__auto-width-item"\n                            type="submit"\n                            size="s"\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        class="t-resizer"\n        tabindex="-1"\n        (tuiDragStart)="onDragStart($event)"\n        (tuiDragContinues)="onDragContinues($event)"\n        (tuiDragEnd)="onDragEnd()"\n    >\n        <span #resizerText class="t-resizer-text"></span>\n    </button>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:e.forwardRef((function(){return o}))}],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.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.wrapper_dark{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.wrapper_gray{background-color:#e5e7ea}.t-wrapper.wrapper_dark.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.wrapper_gray.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%)}.t-content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width:47.9375em){.t-wrapper{min-height:auto}.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)}@media screen and (max-width:47.9375em){.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}@supports (position:sticky){@media screen and (min-height:37.5rem){:host{position:sticky;top:4.625rem;z-index:2}}}"]}),b(0,e.Inject(r.TUI_IS_MOBILE)),b(1,e.Inject(r.TuiDestroyService)),b(2,e.Inject(e.Renderer2)),b(3,e.Inject(e.PLATFORM_ID)),b(4,e.Inject(n.Location)),b(5,e.Inject(l.UrlSerializer)),b(6,e.Inject(k))],t)}(),A=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.ReactiveFormsModule,c.FormsModule,l.RouterModule,u.TuiLinkModule,r.TuiDragModule,u.TuiButtonModule,i.TuiSelectModule,u.TuiExpandModule,u.TuiGroupModule,u.TuiTooltipModule,u.TuiModeModule,i.TuiRadioBlockModule,i.TuiCheckboxLabeledModule,u.TuiSvgModule,i.TuiDataListWrapperModule,u.TuiDataListModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule],declarations:[S],exports:[S]})],t)}(),L={"а":"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 R(t){for(var e="",n=0;n<t.length;n++)e+=t.charAt(n)in L?L[t.charAt(n)]:t.charAt(n);return e}var E=new e.InjectionToken("Documentation pages",{factory:function(){return[]}}),N=new e.InjectionToken("Page title",{factory:function(){return""}}),z=new e.InjectionToken("Page title"),V=new e.InjectionToken("Navigation sections labels for search"),$=new e.InjectionToken("Navigation pages"),F=[r.TuiDestroyService,{provide:z,deps:[l.Router,l.ActivatedRoute,N,r.TuiDestroyService],useFactory:U},{provide:V,deps:[E],useFactory:B},{provide:$,deps:[E],useFactory:q}];function U(t,e,n,o){return t.events.pipe(s.filter((function(t){return t instanceof l.NavigationEnd})),s.map((function(){return e.firstChild})),s.filter(r.isPresent),s.mergeMap((function(t){return t.data})),s.map((function(t){var e=t.title;return n+e})),s.takeUntil(o))}function B(t){return t.map((function(t){return t.section})).filter(r.isPresent).filter((function(t,e,n){return n.indexOf(t)===e}))}function q(t){return x(B(t).map((function(e){return t.filter((function(t){return t.section===e}))})),[t.filter((function(t){return!t.section}))])}var W=function(){function t(t,e,n,o,r,i,a,u,c,l){var p=this;this.documentRef=n,this.mode=o,this.sidebar=r,this.labels=i,this.items=a,this.searchText=u,this.router=c,this.activatedRoute=l,this.search="",this.open=!1,this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.menuOpen=!1,this.mode$=this.mode.change$.pipe(s.startWith(null),s.map((function(){return p.mode.mode||"onLight"}))),e.subscribe((function(e){t.setTitle(e),p.openActivePageGroup(),p.handleAnchorLink(p.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 r.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(R(e))||r.includes(R(e))||e.replace(/-/gi,"").includes(n)})),"title")}))},t.prototype.flattenSubPages=function(t){return t.reduce((function(t,e){return x(t,[e.reduce((function(t,e){return x(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;setTimeout((function(){e.navigateToAnchorLink(t)}),200)},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:"smooth"}))},t.ctorParameters=function(){return[{type:p.Title,decorators:[{type:e.Inject,args:[p.Title]}]},{type:a.Observable,decorators:[{type:e.Inject,args:[z]}]},{type:Document,decorators:[{type:e.Inject,args:[n.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:e.Inject,args:[u.TuiModeDirective]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[d.TuiSidebarDirective]}]},{type:Array,decorators:[{type:e.Inject,args:[V]}]},{type:void 0,decorators:[{type:e.Inject,args:[$]}]},{type:String,decorators:[{type:e.Inject,args:[M]}]},{type:l.Router,decorators:[{type:e.Inject,args:[l.Router]}]},{type:l.ActivatedRoute,decorators:[{type:e.Inject,args:[l.ActivatedRoute]}]}]},y([e.HostBinding("class._open")],t.prototype,"menuOpen",void 0),y([r.tuiPure],t.prototype,"filterItems",null),y([r.tuiPure],t.prototype,"flattenSubPages",null),t=y([e.Component({selector:"tui-doc-navigation",template:'<tui-hosted-dropdown\n    *tuiLet="filteredItems as filtered"\n    class="input"\n    tuiAutoFocus\n    tuiDropdownLimitWidth="fixed"\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 #dropdown let-activeZone>\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="navigation">\n    <tui-scrollbar [tuiMode]="mode$ | async" class="scrollbar">\n        <tui-accordion [closeOthers]="false" [rounded]="false">\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="tui-space_left-2">\n                    <strong>{{label}}</strong>\n                </span>\n                <ng-template tuiAccordionItemContent>\n                    <div class="section">\n                        <ng-container\n                            *ngFor="let item of items[index]; index as subIndex"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet="pages; context: {item: item, index: (index * 100) + subIndex}"\n                            >\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </ng-template>\n            </tui-accordion-item>\n        </tui-accordion>\n        <div class="items-container">\n            <ng-container\n                *ngFor="let item of itemsWithoutSections; let index = index"\n            >\n                <ng-container\n                    *ngTemplateOutlet="pages; context: {item: item, index: (items.length - 1) + index}"\n                >\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <ng-template #pages let-item="item" let-index="index">\n            <a\n                *ngIf="!item.subPages; else subPages"\n                tuiLink\n                class="sublink"\n                routerLinkActive="sublink_active"\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="subsection"\n                    [routerLinkActiveOptions]="{exact: false}"\n                >\n                    <button\n                        *ngIf="item.subPages"\n                        tuiLink\n                        type="button"\n                        class="sublink sublink_subsection"\n                        (click)="onGroupClick(index)"\n                    >\n                        <tui-svg\n                            src="tuiIconChevronRight"\n                            class="chevron"\n                            [class.chevron_active]="!!openPagesGroupsArr[index]"\n                        ></tui-svg>\n                        {{item.title}}\n                    </button>\n                    <tui-expand\n                        class="tui-space_left-1"\n                        [expanded]="!!openPagesGroupsArr[index]"\n                    >\n                        <div class="section section_bordered">\n                            <a\n                                *ngFor="let subPage of item.subPages"\n                                tuiLink\n                                class="sublink sublink_small"\n                                routerLinkActive="sublink_active"\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:F,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01);z-index:1}.input{display:block;margin:1.25rem}.navigation{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.scrollbar{width:100%;scroll-behavior:smooth}.items-container{display:flex;flex-direction:column;padding:0 16px}.section{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.section_bordered{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.subsection{margin-left:.5rem}.sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;font:var(--tui-font-text-m);margin-left:.5rem;line-height:2.75rem}.sublink_small{margin-left:1rem;line-height:1.5rem}.sublink_small:not(:first-child){margin-top:1rem}.sublink_subsection{margin-left:0;line-height:2.75rem}.sublink_active{color:var(--tui-text-01)}.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}.chevron_active{transform:rotate(90deg)}"]}),b(0,e.Inject(p.Title)),b(1,e.Inject(z)),b(2,e.Inject(n.DOCUMENT)),b(3,e.Inject(u.TuiModeDirective)),b(4,e.Optional()),b(4,e.Inject(d.TuiSidebarDirective)),b(5,e.Inject(V)),b(6,e.Inject($)),b(7,e.Inject(M)),b(8,e.Inject(l.Router)),b(9,e.Inject(l.ActivatedRoute))],t)}(),X=function(){function t(t,e){var n=e.nativeElement;this.scroll$=new a.Subject,this.scroll$.pipe(s.debounceTime(750),s.filter((function(t){return t&&!!r.getElementObscurers(n)})),s.takeUntil(t)).subscribe((function(){n.scrollIntoView()}))}return Object.defineProperty(t.prototype,"scrollIntoView",{set:function(t){this.scroll$.next(t)},enumerable:!0,configurable:!0}),t.ctorParameters=function(){return[{type:r.TuiDestroyService,decorators:[{type:e.Inject,args:[r.TuiDestroyService]}]},{type:e.ElementRef,decorators:[{type:e.Inject,args:[e.ElementRef]}]}]},y([e.Input()],t.prototype,"scrollIntoView",null),t=y([e.Directive({selector:"[scrollIntoView]",providers:[r.TuiDestroyService]}),b(0,e.Inject(r.TuiDestroyService)),b(1,e.Inject(e.ElementRef))],t)}(),G=function(){function t(){}return t=y([e.NgModule({declarations:[X],exports:[X]})],t)}(),H=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,G,u.TuiButtonModule,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,r.TuiActiveZoneModule,r.TuiLetModule,u.TuiModeModule,u.TuiLinkModule,u.TuiExpandModule,u.TuiHostedDropdownModule,u.TuiDropdownControllerModule,i.TuiAccordionModule,u.TuiScrollbarModule,u.TuiSvgModule,u.TuiDataListModule,r.TuiAutoFocusModule],declarations:[W],exports:[W]})],t)}();function Y(t,e,n){return"#"+[t,e,n].map((function(t){var e=t.toString(16);return 1===e.length?"0"+e:e})).join("")}function Z(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 Q(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?t.toString():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?Q(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+": "+Q(t[r],e-1));return"{"+n+"}"}(t,e)}var J=function(){function t(t,n,o,r){this.template=t,this.locationRef=n,this.activatedRoute=o,this.urlSerializer=r,this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyValue=null,this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new e.EventEmitter,this.changed$=new a.Subject}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.parseParams=function(t){(t[this.documentationPropertyName]||t[this.documentationPropertyName+"$"])&&(!!t[this.documentationPropertyName+"$"]&&this.documentationPropertyValues?this.onValueChange(this.documentationPropertyValues[t[this.documentationPropertyName+"$"]]):this.onValueChange(isNaN(Number(t[this.documentationPropertyName]))?t[this.documentationPropertyName]:Number(t[this.documentationPropertyName])))},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=f(f({},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:n.Location,decorators:[{type:e.Inject,args:[n.Location]}]},{type:l.ActivatedRoute,decorators:[{type:e.Inject,args:[l.ActivatedRoute]}]},{type:l.UrlSerializer,decorators:[{type:e.Inject,args:[l.UrlSerializer]}]}]},y([e.Input()],t.prototype,"documentationPropertyName",void 0),y([e.Input()],t.prototype,"documentationPropertyMode",void 0),y([e.Input()],t.prototype,"documentationPropertyType",void 0),y([e.Input()],t.prototype,"documentationPropertyValue",void 0),y([e.Input()],t.prototype,"documentationPropertyDeprecated",void 0),y([e.Input()],t.prototype,"documentationPropertyValues",void 0),y([e.Output()],t.prototype,"documentationPropertyValueChange",void 0),t=y([e.Directive({selector:"ng-template[documentationPropertyName]"}),b(0,e.Inject(e.TemplateRef)),b(1,e.Inject(n.Location)),b(2,e.Inject(l.ActivatedRoute)),b(3,e.Inject(l.UrlSerializer))],t)}(),K=function(){function t(t,e){this.changeDetectorRef=t,this.texts=e,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=r.EMPTY_QUERY,this.activeItemIndex=0}return t.prototype.ngAfterContentInit=function(){r.itemsQueryListObservable(this.propertiesConnectors).pipe(s.switchMap((function(t){return a.merge.apply(void 0,x(t.map((function(t){return t.changed$}))))})),r.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 x(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 Y.apply(void 0,x(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.substr(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("+Z(e).join(", ")+", "+n/100+")";t.onValueChange(o)}else t.onValueChange(e)},t.prototype.onOpacityChange=function(t,e){var n="rgba("+Z(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.showCleaner=function(t){return t.includes("null")},t.prototype.showContentTooltip=function(t){return t.includes("PolymorpheusContent")},t.prototype.inspectAny=function(t){return Q(t,2)},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef,decorators:[{type:e.Inject,args:[e.ChangeDetectorRef]}]},{type:Array,decorators:[{type:e.Inject,args:[j]}]}]},y([e.Input()],t.prototype,"heading",void 0),y([e.Input()],t.prototype,"showValues",void 0),y([e.Input()],t.prototype,"isAPI",void 0),y([e.ContentChildren(J)],t.prototype,"propertiesConnectors",void 0),t=y([e.Component({selector:"tui-doc-documentation",template:'<h1 *ngIf="heading" class="tui-text_h4">{{heading}}</h1>\n<ng-content></ng-content>\n<table class="tui-table tui-table_layout_fixed tui-table_font-size_s">\n    <tr class="tui-table__tr tui-table__tr_hover_disabled t-row t-row_header">\n        <th class="tui-table__th tui-table__th_first t-cell t-cell_prop">\n            {{texts[2]}}\n        </th>\n        <td class="tui-table__th">{{type}}</td>\n        <td\n            *ngIf="showValues && !isAPI"\n            class="\n                tui-table__th tui-table__th_last tui-table__th_text_right\n                t-cell t-cell_value\n            "\n        >\n            {{texts[3]}}\n        </td>\n    </tr>\n    <tr\n        *ngFor="let propertyConnector of propertiesConnectors; last as lastItem"\n        class="tui-table__tr tui-table__tr_hover_disabled t-row"\n        [class.t-deprecated]="propertyConnector.documentationPropertyDeprecated"\n        [class.tui-table__tr_border_none]="lastItem"\n    >\n        <td\n            class="\n                tui-table__td tui-table__td_first tui-table__td_align_center\n                t-cell\n            "\n        >\n            <div\n                class="t-property t-cell"\n                automation-id="tui-documentation__property-name"\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                >deprecated</span\n            >\n            <ng-container\n                *ngTemplateOutlet="propertyConnector.template"\n            ></ng-container>\n        </td>\n        <td class="tui-table__td tui-table__td_align_center 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/TinkoffCreditSystems/ng-polymorpheus"\n                            ><code>ng-polymorpheus</code></a\n                        >\n                    </ng-template>\n                </tui-tooltip>\n            </span>\n        </td>\n        <td\n            *ngIf="showValues"\n            class="\n                tui-table__td\n                tui-table__td_align_center\n                tui-table__td_last\n                tui-table__td_text_right\n                t-cell\n            "\n        >\n            <ng-container *ngIf="propertyConnector.shouldShowValues">\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 #selectContent let-data>\n                    <code>{{inspectAny(data)}}</code>\n                </ng-template>\n\n                <ng-template #noItems>\n                    <ng-container\n                        [ngSwitch]="propertyConnector.documentationPropertyType"\n                    >\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 *ngSwitchCase="\'color\'" tuiGroup>\n                            <tui-primitive-textfield\n                                tuiTextfieldType="color"\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                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </td>\n    </tr>\n</table>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;min-width:100%}.t-cell_prop{width:40%}.t-cell_value{max-width:20rem}@media screen and (max-width:47.9375em){.t-row{display:flex;flex-wrap:wrap}.t-row_header{display:none}.t-cell_value{width:9.375rem}.t-cell{width:100%;height:auto;padding:.5rem 0;text-align:left}}.t-property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}.t-type{font-family:monospace}.t-deprecated{background-color:var(--tui-error-bg)}.t-deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}"]}),b(0,e.Inject(e.ChangeDetectorRef)),b(1,e.Inject(j))],t)}(),tt=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:[r.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},y([e.Input()],t.prototype,"tuiInputOpacity",null),t=y([e.Directive({selector:"[tuiInputOpacity]"}),b(0,e.Inject(e.Renderer2)),b(1,e.Inject(r.TUI_FOCUSABLE_ITEM_ACCESSOR))],t)}(),et=function(){function t(){}return t=y([e.NgModule({declarations:[tt],exports:[tt]})],t)}(),nt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,i.TuiBadgeModule,i.TuiSelectModule,i.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,i.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,et,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,i.TuiDataListWrapperModule],declarations:[K,J],exports:[K,J]})],t)}(),ot=new e.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),rt=new e.InjectionToken("Processes content in example",{factory:function(){return r.identity}}),it=function(){function t(t,e,n,o,r,i,a,u){this.id=t,this.clipboard=e,this.notifications=n,this.location=o,this.copyTexts$=r,this.texts=i,this.codeEditor=a,this.processContent=u,this.heading="",this.description="",this.componentName=this.location.pathname.slice(1),this.activeItemIndex=0,this.processedContent={},this.defaultTab=this.texts[0],this.copy$=this.copyTexts$.pipe(s.map((function(t){return v(t,1)[0]})))}return Object.defineProperty(t.prototype,"content",{set:function(t){this.processedContent=this.processContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"activeItem",{get:function(){return this.tabs[this.activeItemIndex]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tabs",{get:function(){return this.getTabs(this.processedContent)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"code",{get:function(){var t=this.processedContent[this.activeItem];return t?t.trim():""},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isDefaultItem",{get:function(){return this.activeItem===this.defaultTab},enumerable:!0,configurable:!0}),t.prototype.copyExampleLink=function(){var t=this.location.href.indexOf("#"),e=(t>-1?this.location.href.substr(0,t):this.location.href)+"#"+this.id;this.clipboard.copy(e),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},t.prototype.getTabs=function(t){return x([this.defaultTab],Object.keys(t))},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:a.Observable,decorators:[{type:e.Inject,args:[i.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:e.Inject,args:[_]}]},{type:void 0,decorators:[{type:e.Optional},{type:e.Inject,args:[ot]}]},{type:void 0,decorators:[{type:e.Inject,args:[rt]}]}]},y([e.Input()],t.prototype,"heading",void 0),y([e.Input()],t.prototype,"description",void 0),y([e.Input()],t.prototype,"content",null),y([e.Input()],t.prototype,"componentName",void 0),y([r.tuiPure],t.prototype,"getTabs",null),t=y([e.Component({selector:"tui-doc-example",template:'<h3 *ngIf="heading" class="t-title">\n    <span polymorpheus-outlet [content]="heading"></span>\n    <button\n        *ngIf="id"\n        tuiIconButton\n        type="button"\n        size="xs"\n        class="t-link-icon"\n        icon="tuiIconLinkLarge"\n        appearance="icon"\n        [title]="copy$ | async"\n        (click)="copyExampleLink()"\n    ></button>\n</h3>\n<h4\n    *ngIf="description"\n    class="t-description"\n    polymorpheus-outlet\n    [content]="description"\n></h4>\n<div class="t-example">\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 *tuiTab tuiTab>{{tab}}</button>\n            </ng-container>\n        </tui-tabs-with-more>\n\n        <button\n            *ngIf="codeEditor"\n            tuiButton\n            appearance="flat"\n            size="s"\n            (click)="codeEditor.open(componentName, id || \'\',  processedContent)"\n        >\n            Edit on {{codeEditor.name}}\n        </button>\n    </div>\n    <ng-container [ngSwitch]="activeItem">\n        <div\n            *ngIf="isDefaultItem; else codeTab"\n            class="t-demo"\n            automation-id="tui-doc-example"\n        >\n            <ng-content></ng-content>\n        </div>\n        <ng-template #codeTab>\n            <tui-doc-copy\n                class="t-copy-code"\n                [cdkCopyToClipboard]="code"\n            ></tui-doc-copy>\n            <tui-doc-code [code]="code"></tui-doc-code>\n        </ng-template>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}.t-title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:47.9375em){:host{padding-top:2rem}.t-title{font:var(--tui-font-heading-6)}}.t-description{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-description:first-letter,.t-title:first-letter{text-transform:capitalize}.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)}.t-tabs-wrapper{padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:47.9375em){.t-example{margin-top:.75rem}.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:6px 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)}}@media screen and (max-width:47.9375em){.t-demo{padding:1rem}}.t-copy-code{position:absolute;top:4.375rem;right:1rem}.t-link-icon{margin-left:.3rem;vertical-align:baseline}"]}),b(0,e.Attribute("id")),b(1,e.Inject(g.Clipboard)),b(2,e.Inject(u.TuiNotificationsService)),b(3,e.Inject(m.LOCATION)),b(4,e.Inject(i.TUI_COPY_TEXTS)),b(5,e.Inject(_)),b(6,e.Optional()),b(6,e.Inject(ot)),b(7,e.Inject(rt))],t)}(),at=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,g.ClipboardModule,i.TuiTabsModule,u.TuiButtonModule,w,T,h.PolymorpheusModule],declarations:[it],exports:[it]})],t)}(),st=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 a.Subject}var n;return n=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]}]}]},t=n=y([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-space_left-2"\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="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 n}))},r.TuiSwipeService],styles:["html{scroll-padding-top:4rem;height:auto}@-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(.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}:focus code:not(.exception){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.9375em){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}.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-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-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}"]}),b(0,e.Inject(m.LOCAL_STORAGE)),b(1,e.Inject(m.WINDOW))],t)}(),ut=new e.InjectionToken("Main logo",{factory:function(){return""}}),ct=function(){function t(t,e,n,o){this.logo=t,this.menu=e,this.router=n,this.swipes$=o,this.stream$=new a.Subject,this.open$=a.merge(this.router.events.pipe(s.mapTo(!1)),this.stream$,this.swipes$.pipe(s.filter((function(t){return"left"===t.direction||"right"===t.direction})),s.map((function(t){return"right"===t.direction})))).pipe(s.startWith(!1),s.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:[ut]}]},{type:String,decorators:[{type:e.Inject,args:[P]}]},{type:l.Router,decorators:[{type:e.Inject,args:[l.Router]}]},{type:r.TuiSwipeService,decorators:[{type:e.Inject,args:[r.TuiSwipeService]}]}]},t=y([e.Component({selector:"header[tuiDocHeader]",template:'<button\n    tuiIconButton\n    class="menu"\n    icon="tuiIconMenuLarge"\n    appearance="icon"\n    [title]="menu"\n    (click)="onClick()"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n>\n    <tui-doc-navigation\n        *tuiSidebar="open$ | async"\n        class="navigation"\n    ></tui-doc-navigation>\n</button>\n<div polymorpheus-outlet class="logo tui-text_h5" [content]="logo">\n    <ng-template let-src>\n        <img class="img" alt="Logo" [src]="src" />\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;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);z-index:1}.logo{margin-right:auto}.img{display:block}.menu{margin-left:-1.25rem}@media screen and (min-width:48em){.menu{display:none}}.navigation{min-height:100%}"]}),b(0,e.Inject(ut)),b(1,e.Inject(P)),b(2,e.Inject(l.Router)),b(3,e.Inject(r.TuiSwipeService))],t)}(),lt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,h.PolymorpheusModule,u.TuiButtonModule,d.TuiSidebarModule,r.TuiActiveZoneModule,H],declarations:[ct],exports:[ct]})],t)}(),pt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,c.FormsModule,i.TuiToggleModule,u.TuiThemeNightModule,lt,u.TuiRootModule,u.TuiDialogModule,u.TuiNotificationsModule,H],declarations:[st],exports:[st]})],t)}(),dt=new e.InjectionToken("Array of default tab names",{factory:function(){return[]}}),gt=function(){function t(t){this.template=t}return t.ctorParameters=function(){return[{type:e.TemplateRef,decorators:[{type:e.Inject,args:[e.TemplateRef]}]}]},y([e.Input(),r.tuiDefaultProp()],t.prototype,"pageTab",void 0),t=y([e.Directive({selector:"[pageTab]"}),b(0,e.Inject(e.TemplateRef))],t)}(),mt=new e.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),ht=new e.InjectionToken("Page see also"),ft=[{provide:ht,deps:[e.ElementRef,mt],useFactory:yt}];function yt(t,e){var n=t.nativeElement,o=e.filter((function(t){return-1!==t.indexOf(n.header)}))||[],r=new Set(o.join().split(",").filter((function(t){return t&&t!==n.header})));return Array.from(r)}var bt=function(){function t(t,e,n){this.deprecated=t,this.defaultTabs=e,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.activeItemIndex=NaN,this.tabConnectors=r.EMPTY_QUERY}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:[dt]}]},{type:void 0,decorators:[{type:e.Inject,args:[ht]}]}]},y([e.Input()],t.prototype,"header",void 0),y([e.Input()],t.prototype,"package",void 0),y([e.Input()],t.prototype,"type",void 0),y([e.Input()],t.prototype,"path",void 0),y([e.ContentChildren(gt)],t.prototype,"tabConnectors",void 0),t=y([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            class="t-tag t-tag_deprecated"\n            value="deprecated"\n            status="custom"\n        ></tui-tag>\n        <tui-tag\n            *ngIf="package"\n            class="t-tag t-tag_package"\n            status="custom"\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\n            *ngFor="let tab of tabConnectors; first as first; index as index"\n        >\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 *ngIf="index === activeItemIndex">\n            <ng-container *ngTemplateOutlet="tab.template"></ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:ft,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header{font:var(--tui-font-heading-3);display:flex;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)}@media screen and (max-width:47.9375em){.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}@media screen and (max-width:47.9375em){.t-tabs{margin-top:.25rem}}.t-content{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width:47.9375em){.t-content{padding:2rem 1.25rem;margin:0}}.t-see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}@media screen and (max-width:47.9375em){.t-see-also{float:none;width:100%;margin:0 0 1.5rem}}.t-source-code{align-self:flex-end;line-height:2.75rem}"]}),b(0,e.Attribute("deprecated")),b(1,e.Inject(dt)),b(2,e.Inject(ht))],t)}(),vt=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 x(t,e)}),[]).find((function(e){return e.title===t}));if(n&&n.route)return n.route}return""},t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[O]}]},{type:void 0,decorators:[{type:e.Inject,args:[E]}]}]},y([e.Input()],t.prototype,"seeAlso",void 0),t=y([e.Component({selector:"tui-doc-see-also",template:'<h5 class="header">{{text}}</h5>\n<ng-container *ngFor="let item of seeAlso; last as last">\n    <a tuiLink [routerLink]="getRouterLink(item)">{{item}}</a>\n    <ng-container *ngIf="!last">, </ng-container>\n</ng-container>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.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}"]}),b(0,e.Inject(O)),b(1,e.Inject(E))],t)}(),xt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,u.TuiLinkModule],declarations:[vt],exports:[vt]})],t)}(),It=new e.InjectionToken("Source code link",{factory:function(){return""}}),Tt=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:[It]}]},{type:String,decorators:[{type:e.Inject,args:[D]}]}]},y([e.Input()],t.prototype,"header",void 0),y([e.Input()],t.prototype,"package",void 0),y([e.Input()],t.prototype,"type",void 0),y([e.Input()],t.prototype,"path",void 0),y([r.tuiPure],t.prototype,"getPathOptions",null),t=y([e.Component({selector:"tui-doc-source-code",template:'<div\n    polymorpheus-outlet\n    *ngIf="!!sourceCode"\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}),b(0,e.Inject(It)),b(1,e.Inject(D))],t)}(),Ct=function(){function t(){}return t=y([e.NgModule({declarations:[Tt],imports:[n.CommonModule,h.PolymorpheusModule,u.TuiButtonModule],exports:[Tt]})],t)}(),wt=function(){function t(){}return t=y([e.NgModule({imports:[n.CommonModule,l.RouterModule,xt,i.TuiTabsModule,i.TuiTagModule,Ct],declarations:[bt,gt],exports:[bt,gt]})],t)}(),kt=["Сделано с помощью директивы: ","Фон","Детали формы"],jt=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],_t=["Превью","Ссылка на пример скопирована","Готово"],Pt=[{provide:k,useValue:kt},{provide:j,useValue:jt},{provide:_,useValue:_t},{provide:P,useValue:"Меню"},{provide:M,useValue:"Поиск"},{provide:O,useValue:"Смотрите также"},{provide:D,useValue:"Исходный код"}];var Mt=function(){function t(){}return t=y([e.NgModule({exports:[T,A,nt,wt,at]})],t)}();t.DEMO_TEXTS=kt,t.DOC_TEXTS=jt,t.EXAMPLE_TEXTS=_t,t.ScrollIntoViewDirective=X,t.ScrollIntoViewModule=G,t.TUI_DOC_CODE_EDITOR=ot,t.TUI_DOC_DEFAULT_TABS=dt,t.TUI_DOC_DEMO_TEXTS=k,t.TUI_DOC_DOCUMENTATION_TEXTS=j,t.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=rt,t.TUI_DOC_EXAMPLE_TEXTS=_,t.TUI_DOC_LOGO=ut,t.TUI_DOC_MENU_TEXT=P,t.TUI_DOC_PAGES=E,t.TUI_DOC_RUSSIAN=Pt,t.TUI_DOC_SEARCH_TEXT=M,t.TUI_DOC_SEE_ALSO=mt,t.TUI_DOC_SEE_ALSO_TEXT=O,t.TUI_DOC_SOURCE_CODE=It,t.TUI_DOC_SOURCE_CODE_TEXT=D,t.TUI_DOC_TITLE=N,t.TuiAddonDocModule=Mt,t.TuiDocCodeComponent=I,t.TuiDocCodeModule=T,t.TuiDocCopyComponent=C,t.TuiDocCopyModule=w,t.TuiDocDemoComponent=S,t.TuiDocDemoModule=A,t.TuiDocDocumentationComponent=K,t.TuiDocDocumentationModule=nt,t.TuiDocDocumentationPropertyConnectorDirective=J,t.TuiDocExampleComponent=it,t.TuiDocExampleModule=at,t.TuiDocMainComponent=st,t.TuiDocMainModule=pt,t.TuiDocNavigationComponent=W,t.TuiDocNavigationModule=H,t.TuiDocPageComponent=bt,t.TuiDocPageModule=wt,t.TuiDocPageTabConnectorDirective=gt,t.generateRoutes=function(t){return[{path:"",component:t,children:[{path:":tab",component:t}]}]},t.ɵa=z,t.ɵb=V,t.ɵc=$,t.ɵd=F,t.ɵe=U,t.ɵf=B,t.ɵg=q,t.ɵh=et,t.ɵi=tt,t.ɵj=lt,t.ɵk=ct,t.ɵl=ht,t.ɵm=ft,t.ɵn=yt,t.ɵo=xt,t.ɵp=vt,t.ɵq=Ct,t.ɵr=Tt,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=taiga-ui-addon-doc.umd.min.js.map