@taiga-ui/addon-doc 2.15.0 → 2.16.0-fixed
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-addon-doc.umd.js +9 -8
- package/bundles/taiga-ui-addon-doc.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-doc.umd.min.js +2 -2
- package/bundles/taiga-ui-addon-doc.umd.min.js.map +1 -1
- package/components/example/example.component.d.ts +3 -2
- package/esm2015/components/example/example.component.js +5 -5
- package/esm2015/components/example/example.module.js +3 -1
- package/esm5/components/example/example.component.js +5 -5
- package/esm5/components/example/example.module.js +3 -1
- package/fesm2015/taiga-ui-addon-doc.js +6 -5
- package/fesm2015/taiga-ui-addon-doc.js.map +1 -1
- package/fesm5/taiga-ui-addon-doc.js +6 -5
- package/fesm5/taiga-ui-addon-doc.js.map +1 -1
- package/package.json +5 -5
- package/taiga-ui-addon-doc.metadata.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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("@
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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"],t):t(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"]["addon-doc"]={}),e.ng.core,e.ng.common,e.ngxHighlightjs,e.cdk,e.kit,e.rxjs,e.rxjs.operators,e.core$1,e.ng.forms,e.ng.router,e.ng.platformBrowser,e.ng.cdk.clipboard,e.common$1,e.ngPolymorpheus,e.addonMobile)}(this,(function(e,t,n,o,r,i,a,s,u,c,l,p,d,m,g,h){"use strict";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */var f=function(){return(f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function y(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function b(e,t){return function(n,o){t(n,o,e)}}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}var I=function(){function e(){this.filename="",this.code=""}return Object.defineProperty(e.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),y([t.Input()],e.prototype,"filename",void 0),y([t.Input()],e.prototype,"code",void 0),y([t.HostBinding("class._has-filename")],e.prototype,"hasFilename",null),e=y([t.Component({selector:"tui-doc-code",template:'<p *ngIf="filename" class="header">{{filename}}</p>\n<pre class="code"><code [lineNumbers]="true" [highlight]="code"></code></pre>\n',styles:[":host{display:block}.header{font:var(--tui-font-text-s);font-weight:700}.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:37.4375em){.hljs:not(:empty){padding:1rem}}"]})],e)}(),T=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,o.HighlightModule],declarations:[I],exports:[I]})],e)}(),C=function(){function e(e){this.texts$=e,this.copy$=new a.Subject}return Object.defineProperty(e.prototype,"copied$",{get:function(){return this.copy$.pipe(s.switchMapTo(a.timer(1500).pipe(s.mapTo(!1),s.startWith(!0))))},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this.copy$.next()},e.ctorParameters=function(){return[{type:a.Observable,decorators:[{type:t.Inject,args:[i.TUI_COPY_TEXTS]}]}]},y([r.tuiPure],e.prototype,"copied$",null),e=y([t.Component({selector:"tui-doc-copy",template:'<button\n *ngIf="texts$ | async as texts"\n tuiButton\n type="button"\n class="copy"\n appearance=""\n size="s"\n [title]="texts[0]"\n (click)="onClick()"\n>\n <span class="content" [class.content_moved]="copied$ | async">\n <span class="initial" [attr.data-text]="texts[0]">\n <ng-content></ng-content>\n </span>\n {{texts[1]}}\n </span>\n</button>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService],styles:[":host{position:relative;display:inline-block;vertical-align:middle}.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}.copy:hover{background:var(--tui-base-02)}.initial{white-space:nowrap}.initial:empty:before{content:attr(data-text)}.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}.content_moved{transform:translateY(-1rem)}"]}),b(0,t.Inject(i.TUI_COPY_TEXTS))],e)}(),w=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,u.TuiButtonModule],declarations:[C],exports:[C]})],e)}(),k=new t.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),j=new t.InjectionToken("tui-doc-documentation i18n texts",{factory:function(){return["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]}}),_=new t.InjectionToken("tui-doc-example i18n texts",{factory:function(){return["Preview","Link to a sample was successfully copied","Done"]}}),P=new t.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),M=new t.InjectionToken("search i18n text",{factory:function(){return"Search"}}),O=new t.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),D=new t.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),S=function(){function e(e,t,o,r,i,u,l){var p=this;this.isMobile=e,this.destroy$=t,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(e){var t=u.parse(i.path());t.queryParams=f(f({},t.queryParams),{tuiMode:e}),i.go(String(t)),p.mode=e,p.change$.next()}))}var o;return o=e,e.prototype.ngOnInit=function(){this.createForm()},e.prototype.ngAfterViewInit=function(){this.setResizerTextContent()},e.prototype.setResizerTextContent=function(){if(this.content&&this.resizerText){var e=this.isBrowser?getComputedStyle(this.content.nativeElement).paddingLeft:"0",t=this.content.nativeElement.offsetWidth;this.resizerText.nativeElement.textContent=String(t-2*parseInt(e||"0",10))}},e.prototype.onResize=function(){this.setResizerTextContent()},e.prototype.onDragStart=function(e){e.preventDefault(),this.initialX=e.clientX,this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},e.prototype.onDragContinues=function(e){var t=this.initialX-e.clientX;this.resizeContent(t),this.setResizerTextContent()},e.prototype.onDragEnd=function(){this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},e.prototype.toggleDetails=function(){this.expanded=!this.expanded},e.prototype.updateOnChange=function(e){this.updateOn=e,this.createForm()},e.prototype.createForm=function(){var e=this.control,t=this.updateOn;e&&(this.testForm=new c.FormGroup({testValue:e},{updateOn:t}))},e.prototype.resizeContent=function(e){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",Math.max(this.wrapperWidth-e,104)+"px")},e.ctorParameters=function(){return[{type:Boolean,decorators:[{type:t.Inject,args:[r.TUI_IS_MOBILE]}]},{type:r.TuiDestroyService,decorators:[{type:t.Inject,args:[r.TuiDestroyService]}]},{type:t.Renderer2,decorators:[{type:t.Inject,args:[t.Renderer2]}]},{type:Object,decorators:[{type:t.Inject,args:[t.PLATFORM_ID]}]},{type:n.Location,decorators:[{type:t.Inject,args:[n.Location]}]},{type:l.UrlSerializer,decorators:[{type:t.Inject,args:[l.UrlSerializer]}]},{type:Array,decorators:[{type:t.Inject,args:[k]}]}]},y([t.Input()],e.prototype,"control",void 0),y([t.ContentChild(t.TemplateRef)],e.prototype,"template",void 0),y([t.ViewChild("content")],e.prototype,"content",void 0),y([t.ViewChild("wrapper")],e.prototype,"wrapper",void 0),y([t.ViewChild("resizerText")],e.prototype,"resizerText",void 0),y([t.HostListener("window:resize")],e.prototype,"onResize",null),e=o=y([t.Component({selector:"tui-doc-demo",template:'<div class="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="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="wrapper"\n [class.wrapper_dark]="modeControl.value === \'onDark\'"\n [class.wrapper_gray]="modeControl.value === \'onLight\'"\n [class.wrapper_transparent]="!opaque"\n>\n <div #content id="demoContent" class="content">\n <form *ngIf="testForm" class="form" [formGroup]="testForm">\n <div class="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="icon"\n [class.icon_rotated]="expanded"\n ></tui-svg>\n </ng-template>\n <tui-expand class="expand" [expanded]="expanded">\n <ng-template tuiExpandContent>\n <pre class="value">\nForm data: {{testForm.value | json}}</pre\n >\n <div tuiGroup class="tui-space_top-3">\n <tui-select\n class="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="resizer"\n tabindex="-1"\n (tuiDragStart)="onDragStart($event)"\n (tuiDragContinues)="onDragContinues($event)"\n (tuiDragEnd)="onDragEnd()"\n >\n <span #resizerText class="resizer-text"></span>\n </button>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:t.forwardRef((function(){return o}))}],styles:[":host{position:relative;display:block;min-width:100%;margin:1.5rem 0}.bg-toggle{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.bg-toggle>*{pointer-events:auto}.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}.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}.wrapper.wrapper_dark{background-color:#454e58;color:var(--tui-base-01)}.wrapper.wrapper_gray{background-color:#e5e7ea}.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%)}.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%)}.content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width:37.4375em){.wrapper{min-height:auto}.content{padding:1rem}}.form{display:flex;flex-wrap:wrap;align-items:flex-start}.input-wrapper{width:100%;margin-bottom:.5rem}.expand{width:100%}.icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.icon_rotated{transform:rotate(180deg)}.value{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.mode{width:12.5rem}.select{max-width:15rem}.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)}.resizer:after,.resizer:before{content:'';position:absolute;top:.75rem;left:50%;bottom:.75rem;width:.0625rem;background:var(--tui-base-05)}.resizer:before{transform:translateX(.125rem)}.resizer:after{transform:translateX(-.1875rem)}@media screen and (max-width:37.4375em){.resizer{display:none}}.resizer-text{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light .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,t.Inject(r.TUI_IS_MOBILE)),b(1,t.Inject(r.TuiDestroyService)),b(2,t.Inject(t.Renderer2)),b(3,t.Inject(t.PLATFORM_ID)),b(4,t.Inject(n.Location)),b(5,t.Inject(l.UrlSerializer)),b(6,t.Inject(k))],e)}(),A=function(){function e(){}return e=y([t.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]})],e)}(),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(e){for(var t="",n=0;n<e.length;n++)t+=e.charAt(n)in L?L[e.charAt(n)]:e.charAt(n);return t}var E=new t.InjectionToken("Documentation pages",{factory:function(){return[]}}),N=new t.InjectionToken("Page title",{factory:function(){return""}}),z=new t.InjectionToken("Page title"),V=new t.InjectionToken("Navigation sections labels for search"),$=new t.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(e,t,n,o){return e.events.pipe(s.filter((function(e){return e instanceof l.NavigationEnd})),s.map((function(){return t.firstChild})),s.filter(r.isPresent),s.mergeMap((function(e){return e.data})),s.map((function(e){var t=e.title;return n+t})),s.takeUntil(o))}function B(e){return e.map((function(e){return e.section})).filter((function(e,t,n){return n.indexOf(e)===t}))}function q(e){return B(e).map((function(t){return e.filter((function(e){return e.section===t}))}))}var X=function(){function e(e,t,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"}))),t.subscribe((function(t){e.setTitle(t),l.openActivePageGroup(),l.handleAnchorLink(l.activatedRoute.snapshot.fragment)}))}return Object.defineProperty(e.prototype,"canOpen",{get:function(){return this.search.length>2},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"filteredItems",{get:function(){return this.filterItems(this.flattenSubPages(this.items),this.search)},enumerable:!0,configurable:!0}),e.prototype.isActive=function(e){return e===this.active},e.prototype.onGroupClick=function(e){this.openPagesGroupsArr[e]=!this.openPagesGroupsArr[e]},e.prototype.closeMenu=function(){this.menuOpen=!1},e.prototype.onSearchChange=function(e){this.search=e,this.open=this.canOpen},e.prototype.onClick=function(){this.open=!1,this.menuOpen=!1,this.search="",this.openActivePageGroup()},e.prototype.filterItems=function(e,t){return e.map((function(e){return r.uniqBy(e.filter((function(e){var n=e.title,o=e.keywords,r=void 0===o?"":o;return n=n.toLowerCase(),t=t.toLowerCase(),r=r.toLowerCase(),n.includes(t)||r.includes(t)||n.includes(R(t))||r.includes(R(t))||t.replace(/-/gi,"").includes(n)})),"title")}))},e.prototype.flattenSubPages=function(e){return e.reduce((function(e,t){return x(e,[t.reduce((function(e,t){return x(e,"subPages"in t?t.subPages:[t])}),[])])}),[])},e.prototype.isActiveRoute=function(e){return this.router.isActive(e,!1)},e.prototype.handleAnchorLink=function(e){var t=this;setTimeout((function(){t.navigateToAnchorLink(e)}),200)},e.prototype.openActivePageGroup=function(){var e=this;this.items.forEach((function(t,n){t.forEach((function(t,o){"route"in t&&e.isActiveRoute(t.route)&&(e.openPagesArr[n]=!0,e.active=t.route),"subPages"in t&&t.subPages.forEach((function(t){e.isActiveRoute(t.route)&&(e.openPagesArr[n]=!0,e.openPagesGroupsArr[n+o]=!0,e.active=t.route)}))}))}))},e.prototype.navigateToAnchorLink=function(e){var t=e&&this.documentRef.querySelector("#"+e);t&&(t.classList.add("tui-doc-animated-example"),t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}))},e.ctorParameters=function(){return[{type:p.Title,decorators:[{type:t.Inject,args:[p.Title]}]},{type:a.Observable,decorators:[{type:t.Inject,args:[z]}]},{type:Document,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:t.Inject,args:[u.TuiModeDirective]}]},{type:Array,decorators:[{type:t.Inject,args:[V]}]},{type:void 0,decorators:[{type:t.Inject,args:[$]}]},{type:String,decorators:[{type:t.Inject,args:[M]}]},{type:l.Router,decorators:[{type:t.Inject,args:[l.Router]}]},{type:l.ActivatedRoute,decorators:[{type:t.Inject,args:[l.ActivatedRoute]}]}]},y([t.HostBinding("class._open")],e.prototype,"menuOpen",void 0),y([r.tuiPure],e.prototype,"filterItems",null),y([r.tuiPure],e.prototype,"flattenSubPages",null),e=y([t.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 class="scrollbar">\n <tui-accordion\n [tuiMode]="mode$ | async"\n [closeOthers]="false"\n [rounded]="false"\n >\n <tui-accordion-item\n *ngFor="let label of labels; index as index"\n size="s"\n [borders]="null"\n [(open)]="!!openPagesArr[index]"\n >\n <span class="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 <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 + subIndex)"\n >\n <tui-svg\n src="tuiIconChevronRight"\n class="chevron"\n [class.chevron_active]="!!openPagesGroupsArr[index + subIndex]"\n ></tui-svg>\n {{item.title}}\n </button>\n <tui-expand\n class="tui-space_left-1"\n [expanded]="!!openPagesGroupsArr[index + subIndex]"\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-container>\n </div>\n </ng-template>\n </tui-accordion-item>\n </tui-accordion>\n </tui-scrollbar>\n</nav>\n\n<ng-content></ng-content>\n',providers:U,changeDetection:t.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}.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,t.Inject(p.Title)),b(1,t.Inject(z)),b(2,t.Inject(n.DOCUMENT)),b(3,t.Inject(u.TuiModeDirective)),b(4,t.Inject(V)),b(5,t.Inject($)),b(6,t.Inject(M)),b(7,t.Inject(l.Router)),b(8,t.Inject(l.ActivatedRoute))],e)}(),W=function(){function e(e,t){var n=t.nativeElement;this.scroll$=new a.Subject,this.scroll$.pipe(s.debounceTime(750),s.filter((function(e){return e&&!!r.getElementObscurers(n)})),s.takeUntil(e)).subscribe((function(){n.scrollIntoView()}))}return Object.defineProperty(e.prototype,"scrollIntoView",{set:function(e){this.scroll$.next(e)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.TuiDestroyService,decorators:[{type:t.Inject,args:[r.TuiDestroyService]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]},y([t.Input()],e.prototype,"scrollIntoView",null),e=y([t.Directive({selector:"[scrollIntoView]",providers:[r.TuiDestroyService]}),b(0,t.Inject(r.TuiDestroyService)),b(1,t.Inject(t.ElementRef))],e)}(),G=function(){function e(){}return e=y([t.NgModule({declarations:[W],exports:[W]})],e)}(),H=function(){function e(){}return e=y([t.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:[X],exports:[X]})],e)}();function Y(e,t,n){return"#"+[e,t,n].map((function(e){var t=e.toString(16);return 1===t.length?"0"+t:t})).join("")}function Z(e){var t=e.replace("#","").split("").map((function(e,t,n){return 3===n.length?e+e:e})).join("").match(/.{2}/g);return t?t.map((function(e){return Number.parseInt(e,16)})):[0,0,0]}function Q(e,t){if(null===e)return"null";switch(typeof e){case"string":return"'"+e+"'";case"undefined":case"number":case"boolean":case"function":return String(e)}return e instanceof RegExp?e.toString():Array.isArray(e)?function(e,t){if(0===t)return"[…]";for(var n="",o=!0,r=0;r<e.length;r++)o?o=!1:n+=", ",n+=r in e?Q(e[r],t-1):"empty";return"["+n+"]"}(e,t):function(e,t){if(0===t)return"{…}";var n="",o=!0;for(var r in e)e.hasOwnProperty(r)&&(o?o=!1:n+=", ",n+=r+": "+Q(e[r],t-1));return"{"+n+"}"}(e,t)}var J=function(){function e(e,n,o,r){this.template=e,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 t.EventEmitter,this.changed$=new a.Subject}return e.prototype.ngOnInit=function(){this.parseParams(this.activatedRoute.snapshot.queryParams)},Object.defineProperty(e.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(e.prototype,"hasItems",{get:function(){return!!this.documentationPropertyValues},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"shouldShowValues",{get:function(){return"output"!==this.documentationPropertyMode},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this.changed$.next()},e.prototype.onValueChange=function(e){this.documentationPropertyValue=e,this.documentationPropertyValueChange.emit(e),this.setQueryParam(e)},e.prototype.parseParams=function(e){(e[this.documentationPropertyName]||e[this.documentationPropertyName+"$"])&&(!!e[this.documentationPropertyName+"$"]&&this.documentationPropertyValues?this.onValueChange(this.documentationPropertyValues[e[this.documentationPropertyName+"$"]]):this.onValueChange(isNaN(Number(e[this.documentationPropertyName]))?e[this.documentationPropertyName]:Number(e[this.documentationPropertyName])))},e.prototype.setQueryParam=function(e){var t,n=this.urlSerializer.parse(this.locationRef.path()),o=e instanceof Object,r=o&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(e):e,i=o?"$":"",a=this.documentationPropertyName+i;n.queryParams=f(f({},n.queryParams),((t={})[a]=r,t)),this.locationRef.go(String(n))},e.ctorParameters=function(){return[{type:t.TemplateRef,decorators:[{type:t.Inject,args:[t.TemplateRef]}]},{type:n.Location,decorators:[{type:t.Inject,args:[n.Location]}]},{type:l.ActivatedRoute,decorators:[{type:t.Inject,args:[l.ActivatedRoute]}]},{type:l.UrlSerializer,decorators:[{type:t.Inject,args:[l.UrlSerializer]}]}]},y([t.Input()],e.prototype,"documentationPropertyName",void 0),y([t.Input()],e.prototype,"documentationPropertyMode",void 0),y([t.Input()],e.prototype,"documentationPropertyType",void 0),y([t.Input()],e.prototype,"documentationPropertyValue",void 0),y([t.Input()],e.prototype,"documentationPropertyDeprecated",void 0),y([t.Input()],e.prototype,"documentationPropertyValues",void 0),y([t.Output()],e.prototype,"documentationPropertyValueChange",void 0),e=y([t.Directive({selector:"ng-template[documentationPropertyName]"}),b(0,t.Inject(t.TemplateRef)),b(1,t.Inject(n.Location)),b(2,t.Inject(l.ActivatedRoute)),b(3,t.Inject(l.UrlSerializer))],e)}(),K=function(){function e(e,t){this.changeDetectorRef=e,this.texts=t,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=r.EMPTY_QUERY,this.activeItemIndex=0}return e.prototype.ngAfterContentInit=function(){r.itemsQueryListObservable(this.propertiesConnectors).pipe(s.switchMap((function(e){return a.merge.apply(void 0,x(e.map((function(e){return e.changed$}))))})),r.watch(this.changeDetectorRef)).subscribe()},Object.defineProperty(e.prototype,"type",{get:function(){return this.isAPI?this.texts[0]:this.texts[1]},enumerable:!0,configurable:!0}),e.prototype.getColor=function(e){if(4===e.length)return e.split("").reduce((function(e,t){return x(e,[t,t])}),[]).join("").replace("#","");if(e.startsWith("#"))return e;if("transparent"===e)return"#000000";var t=e.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map((function(e){return Number.parseInt(e,10)}));return Y.apply(void 0,x(t))},e.prototype.getOpacity=function(e){if(e.startsWith("#")||e.startsWith("rgb("))return 100;if("transparent"===e)return 0;var t=e.lastIndexOf(","),n=e.substr(t).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(n))},e.prototype.onColorChange=function(e,t){var n=this.getOpacity(e.documentationPropertyValue||"");if(100!==n){var o="rgba("+Z(t).join(", ")+", "+n/100+")";e.onValueChange(o)}else e.onValueChange(t)},e.prototype.onOpacityChange=function(e,t){var n="rgba("+Z(this.getColor(e.documentationPropertyValue||""))+", "+t/100+")";e.onValueChange(n)},e.prototype.stripOptional=function(e){return e.replace("?","")},e.prototype.isOptional=function(e){return e.includes("?")},e.prototype.showCleaner=function(e){return e.includes("null")},e.prototype.showContentTooltip=function(e){return e.includes("PolymorpheusContent")},e.prototype.inspectAny=function(e){return Q(e,2)},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Array,decorators:[{type:t.Inject,args:[j]}]}]},y([t.Input()],e.prototype,"heading",void 0),y([t.Input()],e.prototype,"showValues",void 0),y([t.Input()],e.prototype,"isAPI",void 0),y([t.ContentChildren(J)],e.prototype,"propertiesConnectors",void 0),e=y([t.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 row row_header">\n <th class="tui-table__th tui-table__th_first cell 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 cell 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 row"\n [class.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 cell"\n >\n <div class="property cell">\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="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 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 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="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:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;min-width:100%}.cell_prop{width:40%}.cell_value{max-width:20rem}@media screen and (max-width:63.9375em){.cell_value{width:9.375rem}}@media screen and (max-width:47.9375em){.row{display:flex;flex-wrap:wrap}.row_header{display:none}.cell{width:100%;height:auto;padding:.5rem 0;text-align:left}}.property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}.type{font-family:monospace}.deprecated{background-color:var(--tui-error-bg)}.deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}"]}),b(0,t.Inject(t.ChangeDetectorRef)),b(1,t.Inject(j))],e)}(),ee=function(){function e(e,t){this.renderer=e,this.tuiFocusableComponent=t}return Object.defineProperty(e.prototype,"tuiInputOpacity",{set:function(e){var t=this.tuiFocusableComponent.nativeFocusableElement;t&&this.renderer.setStyle(t,"opacity",e/100)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:t.Renderer2,decorators:[{type:t.Inject,args:[t.Renderer2]}]},{type:void 0,decorators:[{type:t.Inject,args:[r.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},y([t.Input()],e.prototype,"tuiInputOpacity",null),e=y([t.Directive({selector:"[tuiInputOpacity]"}),b(0,t.Inject(t.Renderer2)),b(1,t.Inject(r.TUI_FOCUSABLE_ITEM_ACCESSOR))],e)}(),te=function(){function e(){}return e=y([t.NgModule({declarations:[ee],exports:[ee]})],e)}(),ne=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,i.TuiBadgeModule,i.TuiSelectModule,i.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,i.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,te,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,i.TuiDataListWrapperModule],declarations:[K,J],exports:[K,J]})],e)}(),oe=new t.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),re=new t.InjectionToken("Processes content in example",{factory:function(){return r.identity}}),ie=function(){function e(e,t,n,o,r,i,a,u){this.id=e,this.clipboard=t,this.notifications=n,this.location=o,this.copyTexts$=r,this.texts=i,this.codeEditor=a,this.processContent=u,this.heading=null,this.description=null,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(e){return v(e,1)[0]})))}return Object.defineProperty(e.prototype,"content",{set:function(e){this.processedContent=this.processContent(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeItem",{get:function(){return this.tabs[this.activeItemIndex]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabs",{get:function(){return this.getTabs(this.processedContent)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"code",{get:function(){var e=this.processedContent[this.activeItem];return e?e.trim():""},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isDefaultItem",{get:function(){return this.activeItem===this.defaultTab},enumerable:!0,configurable:!0}),e.prototype.copyExampleLink=function(){var e=this.location.href.indexOf("#"),t=(e>-1?this.location.href.substr(0,e):this.location.href)+"#"+this.id;this.clipboard.copy(t),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},e.prototype.getTabs=function(e){return x([this.defaultTab],Object.keys(e))},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Attribute,args:["id"]}]},{type:d.Clipboard,decorators:[{type:t.Inject,args:[d.Clipboard]}]},{type:u.TuiNotificationsService,decorators:[{type:t.Inject,args:[u.TuiNotificationsService]}]},{type:Location,decorators:[{type:t.Inject,args:[g.LOCATION]}]},{type:a.Observable,decorators:[{type:t.Inject,args:[i.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:t.Inject,args:[_]}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[oe]}]},{type:void 0,decorators:[{type:t.Inject,args:[re]}]}]},y([t.Input()],e.prototype,"heading",void 0),y([t.Input()],e.prototype,"description",void 0),y([t.Input()],e.prototype,"content",null),y([t.Input()],e.prototype,"componentName",void 0),y([r.tuiPure],e.prototype,"getTabs",null),e=y([t.Component({selector:"tui-doc-example",template:'<h3 *ngIf="heading" class="title">\n {{heading}}\n <button\n *ngIf="id"\n tuiIconButton\n type="button"\n size="xs"\n class="link-icon"\n icon="tuiIconLinkLarge"\n appearance="icon"\n [title]="copy$ | async"\n (click)="copyExampleLink()"\n ></button>\n</h3>\n<h4 *ngIf="description" class="description">{{description}}</h4>\n<div class="example">\n <div class="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="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="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:t.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}.title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:37.4375em){:host{padding-top:2rem}.title{font:var(--tui-font-heading-6)}}.description{font:var(--tui-font-text-m);font-weight:400;margin:0}.description:first-letter,.title:first-letter{text-transform:capitalize}.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)}.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:37.4375em){.example{margin-top:.75rem}.tabs{padding:0 1rem}}.demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.demo::-webkit-scrollbar,.demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px solid transparent}.demo::-webkit-scrollbar{background-color:transparent}.demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}@media screen and (max-width:37.4375em){.demo{padding:1rem}}.copy-code{position:absolute;top:4.375rem;right:1rem}.link-icon{vertical-align:baseline}"]}),b(0,t.Attribute("id")),b(1,t.Inject(d.Clipboard)),b(2,t.Inject(u.TuiNotificationsService)),b(3,t.Inject(g.LOCATION)),b(4,t.Inject(i.TUI_COPY_TEXTS)),b(5,t.Inject(_)),b(6,t.Optional()),b(6,t.Inject(oe)),b(7,t.Inject(re))],e)}(),ae=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,d.ClipboardModule,i.TuiTabsModule,u.TuiButtonModule,w,T],declarations:[ie],exports:[ie]})],e)}(),se=function(){function e(e,t){this.storage=e,this.windowRef=t,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=e,Object.defineProperty(e.prototype,"mode",{get:function(){return this.night?"onDark":null},enumerable:!0,configurable:!0}),e.prototype.onMode=function(e){this.night=e,this.change$.next(),this.storage.setItem("night",String(e))},e.ctorParameters=function(){return[{type:Storage,decorators:[{type:t.Inject,args:[g.LOCAL_STORAGE]}]},{type:Window,decorators:[{type:t.Inject,args:[g.WINDOW]}]}]},e=n=y([t.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="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:t.ViewEncapsulation.None,providers:[{provide:u.TuiModeDirective,useExisting:t.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-primary);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-primary-active)}.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-primary);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,t.Inject(g.LOCAL_STORAGE)),b(1,t.Inject(g.WINDOW))],e)}(),ue=new t.InjectionToken("Main logo",{factory:function(){return""}}),ce=function(){function e(e,t,n){this.logo=e,this.menu=t,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 e.prototype.onClick=function(){this.stream$.next(!0)},e.prototype.onActiveZone=function(e){e||this.stream$.next(!1)},e.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[ue]}]},{type:String,decorators:[{type:t.Inject,args:[P]}]},{type:l.Router,decorators:[{type:t.Inject,args:[l.Router]}]}]},e=y([t.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:t.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,t.Inject(ue)),b(1,t.Inject(P)),b(2,t.Inject(l.Router))],e)}(),le=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,h.PolymorpheusModule,u.TuiButtonModule,m.TuiSidebarModule,r.TuiActiveZoneModule,H],declarations:[ce],exports:[ce]})],e)}(),pe=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,c.FormsModule,i.TuiToggleModule,u.TuiThemeNightModule,le,u.TuiRootModule,u.TuiDialogModule,u.TuiNotificationsModule,H],declarations:[se],exports:[se]})],e)}(),de=new t.InjectionToken("Array of default tab names",{factory:function(){return[]}}),ge=function(){function e(e){this.template=e}return e.ctorParameters=function(){return[{type:t.TemplateRef,decorators:[{type:t.Inject,args:[t.TemplateRef]}]}]},y([t.Input(),r.tuiDefaultProp()],e.prototype,"pageTab",void 0),e=y([t.Directive({selector:"[pageTab]"}),b(0,t.Inject(t.TemplateRef))],e)}(),me=new t.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),he=new t.InjectionToken("Page see also"),fe=[{provide:he,deps:[t.ElementRef,me],useFactory:ye}];function ye(e,t){var n=e.nativeElement,o=t.filter((function(e){return-1!==e.indexOf(n.header)}))||[],r=new Set(o.join().split(",").filter((function(e){return e&&e!==n.header})));return Array.from(r)}var be=function(){function e(e,t,n){this.deprecated=e,this.defaultTabs=t,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.activeItemIndex=NaN,this.tabConnectors=r.EMPTY_QUERY}return Object.defineProperty(e.prototype,"showSeeAlso",{get:function(){return!!this.seeAlso.length&&0===this.activeItemIndex},enumerable:!0,configurable:!0}),e.prototype.getRouterLink=function(e){return void 0===e&&(e=""),"./"+e.replace(/ /g,"_")},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Attribute,args:["deprecated"]}]},{type:void 0,decorators:[{type:t.Inject,args:[de]}]},{type:void 0,decorators:[{type:t.Inject,args:[he]}]}]},y([t.Input()],e.prototype,"header",void 0),y([t.Input()],e.prototype,"package",void 0),y([t.Input()],e.prototype,"type",void 0),y([t.Input()],e.prototype,"path",void 0),y([t.ContentChildren(ge)],e.prototype,"tabConnectors",void 0),e=y([t.Component({selector:"tui-doc-page",template:'<header class="header">\n <h1 class="title">\n {{header}}\n <tui-tag\n *ngIf="deprecated !== null"\n class="tag tag_deprecated"\n value="deprecated"\n status="custom"\n ></tui-tag>\n <tui-tag\n *ngIf="package"\n class="tag 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="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="source-code"\n [header]="header"\n [package]="package"\n [type]="type"\n [path]="path"\n ></tui-doc-source-code>\n</header>\n<div class="content">\n <ng-content></ng-content>\n <tui-doc-see-also\n *ngIf="showSeeAlso"\n class="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:t.ChangeDetectionStrategy.OnPush,providers:fe,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.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){.header{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.title{min-width:100%;font-size:inherit;margin:0}.tag{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.tag_deprecated{background-color:var(--tui-error-fill)}.tag.tag_package{color:#000}.tabs{flex:1;margin:1.125rem .3125rem 0 0}@media screen and (max-width:47.9375em){.tabs{margin-top:.25rem}}.content{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width:47.9375em){.content{padding:2rem 1.25rem;margin:0}}.see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}@media screen and (max-width:63.9375em){.see-also{float:none;width:100%;margin:0 0 1.5rem}}.screenshots-skip-usage{margin-top:3.5rem}@media screen and (max-width:37.4375em){.screenshots-skip-usage{margin-top:2rem}}.source-code{align-self:flex-end;line-height:2.75rem}"]}),b(0,t.Attribute("deprecated")),b(1,t.Inject(de)),b(2,t.Inject(he))],e)}(),ve=function(){function e(e,t){this.text=e,this.pages=t,this.seeAlso=[]}return e.prototype.getRouterLink=function(e){for(var t=0;t<this.pages.length;t++){var n=this.pages.map((function(e){return"subPages"in e?e.subPages:[e]})).reduce((function(e,t){return x(e,t)}),[]).find((function(t){return t.title===e}));if(n&&n.route)return n.route}return""},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Inject,args:[O]}]},{type:void 0,decorators:[{type:t.Inject,args:[E]}]}]},y([t.Input()],e.prototype,"seeAlso",void 0),e=y([t.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:t.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,t.Inject(O)),b(1,t.Inject(E))],e)}(),xe=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,u.TuiLinkModule],declarations:[ve],exports:[ve]})],e)}(),Ie=new t.InjectionToken("Source code link",{factory:function(){return""}}),Te=function(){function e(e,t){this.sourceCode=e,this.text=t,this.header="",this.package="",this.type="",this.path=""}return Object.defineProperty(e.prototype,"pathOptions",{get:function(){return this.getPathOptions(this.header,this.package,this.type,this.path)},enumerable:!0,configurable:!0}),e.prototype.getPathOptions=function(e,t,n,o){return{header:e,package:t,type:n,path:o}},e.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[Ie]}]},{type:String,decorators:[{type:t.Inject,args:[D]}]}]},y([t.Input()],e.prototype,"header",void 0),y([t.Input()],e.prototype,"package",void 0),y([t.Input()],e.prototype,"type",void 0),y([t.Input()],e.prototype,"path",void 0),y([r.tuiPure],e.prototype,"getPathOptions",null),e=y([t.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:t.ChangeDetectionStrategy.OnPush}),b(0,t.Inject(Ie)),b(1,t.Inject(D))],e)}(),Ce=function(){function e(){}return e=y([t.NgModule({declarations:[Te],imports:[n.CommonModule,h.PolymorpheusModule,u.TuiButtonModule],exports:[Te]})],e)}(),we=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,xe,i.TuiTabsModule,i.TuiTagModule,Ce],declarations:[be,ge],exports:[be,ge]})],e)}(),ke=["Сделано с помощью директивы: ","Фон","Детали формы"],je=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],_e=["Превью","Ссылка на пример скопирована","Готово"],Pe=[{provide:k,useValue:ke},{provide:j,useValue:je},{provide:_,useValue:_e},{provide:P,useValue:"Меню"},{provide:M,useValue:"Поиск"},{provide:O,useValue:"Смотрите также"},{provide:D,useValue:"Исходный код"}];var Me=function(){function e(){}return e=y([t.NgModule({exports:[T,A,ne,we,ae]})],e)}();e.DEMO_TEXTS=ke,e.DOC_TEXTS=je,e.EXAMPLE_TEXTS=_e,e.ScrollIntoViewDirective=W,e.ScrollIntoViewModule=G,e.TUI_DOC_CODE_EDITOR=oe,e.TUI_DOC_DEFAULT_TABS=de,e.TUI_DOC_DEMO_TEXTS=k,e.TUI_DOC_DOCUMENTATION_TEXTS=j,e.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=re,e.TUI_DOC_EXAMPLE_TEXTS=_,e.TUI_DOC_LOGO=ue,e.TUI_DOC_MENU_TEXT=P,e.TUI_DOC_PAGES=E,e.TUI_DOC_RUSSIAN=Pe,e.TUI_DOC_SEARCH_TEXT=M,e.TUI_DOC_SEE_ALSO=me,e.TUI_DOC_SEE_ALSO_TEXT=O,e.TUI_DOC_SOURCE_CODE=Ie,e.TUI_DOC_SOURCE_CODE_TEXT=D,e.TUI_DOC_TITLE=N,e.TuiAddonDocModule=Me,e.TuiDocCodeComponent=I,e.TuiDocCodeModule=T,e.TuiDocCopyComponent=C,e.TuiDocCopyModule=w,e.TuiDocDemoComponent=S,e.TuiDocDemoModule=A,e.TuiDocDocumentationComponent=K,e.TuiDocDocumentationModule=ne,e.TuiDocDocumentationPropertyConnectorDirective=J,e.TuiDocExampleComponent=ie,e.TuiDocExampleModule=ae,e.TuiDocMainComponent=se,e.TuiDocMainModule=pe,e.TuiDocNavigationComponent=X,e.TuiDocNavigationModule=H,e.TuiDocPageComponent=be,e.TuiDocPageModule=we,e.TuiDocPageTabConnectorDirective=ge,e.generateRoutes=function(e){return[{path:"",component:e,children:[{path:":tab",component:e}]}]},e.ɵa=z,e.ɵb=V,e.ɵc=$,e.ɵd=U,e.ɵe=F,e.ɵf=B,e.ɵg=q,e.ɵh=te,e.ɵi=ee,e.ɵj=le,e.ɵk=ce,e.ɵl=he,e.ɵm=fe,e.ɵn=ye,e.ɵo=xe,e.ɵp=ve,e.ɵq=Ce,e.ɵr=Te,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */var f=function(){return(f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function y(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function b(e,t){return function(n,o){t(n,o,e)}}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}var I=function(){function e(){this.filename="",this.code=""}return Object.defineProperty(e.prototype,"hasFilename",{get:function(){return!!this.filename},enumerable:!0,configurable:!0}),y([t.Input()],e.prototype,"filename",void 0),y([t.Input()],e.prototype,"code",void 0),y([t.HostBinding("class._has-filename")],e.prototype,"hasFilename",null),e=y([t.Component({selector:"tui-doc-code",template:'<p *ngIf="filename" class="header">{{filename}}</p>\n<pre class="code"><code [lineNumbers]="true" [highlight]="code"></code></pre>\n',styles:[":host{display:block}.header{font:var(--tui-font-text-s);font-weight:700}.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:37.4375em){.hljs:not(:empty){padding:1rem}}"]})],e)}(),T=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,o.HighlightModule],declarations:[I],exports:[I]})],e)}(),C=function(){function e(e){this.texts$=e,this.copy$=new a.Subject}return Object.defineProperty(e.prototype,"copied$",{get:function(){return this.copy$.pipe(s.switchMapTo(a.timer(1500).pipe(s.mapTo(!1),s.startWith(!0))))},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){this.copy$.next()},e.ctorParameters=function(){return[{type:a.Observable,decorators:[{type:t.Inject,args:[i.TUI_COPY_TEXTS]}]}]},y([r.tuiPure],e.prototype,"copied$",null),e=y([t.Component({selector:"tui-doc-copy",template:'<button\n *ngIf="texts$ | async as texts"\n tuiButton\n type="button"\n class="copy"\n appearance=""\n size="s"\n [title]="texts[0]"\n (click)="onClick()"\n>\n <span class="content" [class.content_moved]="copied$ | async">\n <span class="initial" [attr.data-text]="texts[0]">\n <ng-content></ng-content>\n </span>\n {{texts[1]}}\n </span>\n</button>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService],styles:[":host{position:relative;display:inline-block;vertical-align:middle}.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}.copy:hover{background:var(--tui-base-02)}.initial{white-space:nowrap}.initial:empty:before{content:attr(data-text)}.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}.content_moved{transform:translateY(-1rem)}"]}),b(0,t.Inject(i.TUI_COPY_TEXTS))],e)}(),w=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,u.TuiButtonModule],declarations:[C],exports:[C]})],e)}(),k=new t.InjectionToken("tui-doc-demo i18n texts",{factory:function(){return["Read more more about modes: ","Background","Form value"]}}),j=new t.InjectionToken("tui-doc-documentation i18n texts",{factory:function(){return["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]}}),_=new t.InjectionToken("tui-doc-example i18n texts",{factory:function(){return["Preview","Link to a sample was successfully copied","Done"]}}),P=new t.InjectionToken("menu i18n text",{factory:function(){return"Menu"}}),M=new t.InjectionToken("search i18n text",{factory:function(){return"Search"}}),O=new t.InjectionToken("tui-doc-see-also i18n text",{factory:function(){return"See also"}}),D=new t.InjectionToken("tui-doc-source-code i18n text",{factory:function(){return"Source code"}}),S=function(){function e(e,t,o,r,i,u,l){var p=this;this.isMobile=e,this.destroy$=t,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(e){var t=u.parse(i.path());t.queryParams=f(f({},t.queryParams),{tuiMode:e}),i.go(String(t)),p.mode=e,p.change$.next()}))}var o;return o=e,e.prototype.ngOnInit=function(){this.createForm()},e.prototype.ngAfterViewInit=function(){this.setResizerTextContent()},e.prototype.setResizerTextContent=function(){if(this.content&&this.resizerText){var e=this.isBrowser?getComputedStyle(this.content.nativeElement).paddingLeft:"0",t=this.content.nativeElement.offsetWidth;this.resizerText.nativeElement.textContent=String(t-2*parseInt(e||"0",10))}},e.prototype.onResize=function(){this.setResizerTextContent()},e.prototype.onDragStart=function(e){e.preventDefault(),this.initialX=e.clientX,this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},e.prototype.onDragContinues=function(e){var t=this.initialX-e.clientX;this.resizeContent(t),this.setResizerTextContent()},e.prototype.onDragEnd=function(){this.wrapperWidth=this.wrapper?this.wrapper.nativeElement.offsetWidth:0},e.prototype.toggleDetails=function(){this.expanded=!this.expanded},e.prototype.updateOnChange=function(e){this.updateOn=e,this.createForm()},e.prototype.createForm=function(){var e=this.control,t=this.updateOn;e&&(this.testForm=new c.FormGroup({testValue:e},{updateOn:t}))},e.prototype.resizeContent=function(e){this.wrapper&&this.renderer.setStyle(this.wrapper.nativeElement,"width",Math.max(this.wrapperWidth-e,104)+"px")},e.ctorParameters=function(){return[{type:Boolean,decorators:[{type:t.Inject,args:[r.TUI_IS_MOBILE]}]},{type:r.TuiDestroyService,decorators:[{type:t.Inject,args:[r.TuiDestroyService]}]},{type:t.Renderer2,decorators:[{type:t.Inject,args:[t.Renderer2]}]},{type:Object,decorators:[{type:t.Inject,args:[t.PLATFORM_ID]}]},{type:n.Location,decorators:[{type:t.Inject,args:[n.Location]}]},{type:l.UrlSerializer,decorators:[{type:t.Inject,args:[l.UrlSerializer]}]},{type:Array,decorators:[{type:t.Inject,args:[k]}]}]},y([t.Input()],e.prototype,"control",void 0),y([t.ContentChild(t.TemplateRef)],e.prototype,"template",void 0),y([t.ViewChild("content")],e.prototype,"content",void 0),y([t.ViewChild("wrapper")],e.prototype,"wrapper",void 0),y([t.ViewChild("resizerText")],e.prototype,"resizerText",void 0),y([t.HostListener("window:resize")],e.prototype,"onResize",null),e=o=y([t.Component({selector:"tui-doc-demo",template:'<div class="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="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="wrapper"\n [class.wrapper_dark]="modeControl.value === \'onDark\'"\n [class.wrapper_gray]="modeControl.value === \'onLight\'"\n [class.wrapper_transparent]="!opaque"\n>\n <div #content id="demoContent" class="content">\n <form *ngIf="testForm" class="form" [formGroup]="testForm">\n <div class="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="icon"\n [class.icon_rotated]="expanded"\n ></tui-svg>\n </ng-template>\n <tui-expand class="expand" [expanded]="expanded">\n <ng-template tuiExpandContent>\n <pre class="value">\nForm data: {{testForm.value | json}}</pre\n >\n <div tuiGroup class="tui-space_top-3">\n <tui-select\n class="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="resizer"\n tabindex="-1"\n (tuiDragStart)="onDragStart($event)"\n (tuiDragContinues)="onDragContinues($event)"\n (tuiDragEnd)="onDragEnd()"\n >\n <span #resizerText class="resizer-text"></span>\n </button>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[r.TuiDestroyService,{provide:u.TuiModeDirective,useExisting:t.forwardRef((function(){return o}))}],styles:[":host{position:relative;display:block;min-width:100%;margin:1.5rem 0}.bg-toggle{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.bg-toggle>*{pointer-events:auto}.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}.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}.wrapper.wrapper_dark{background-color:#454e58;color:var(--tui-base-01)}.wrapper.wrapper_gray{background-color:#e5e7ea}.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%)}.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%)}.content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width:37.4375em){.wrapper{min-height:auto}.content{padding:1rem}}.form{display:flex;flex-wrap:wrap;align-items:flex-start}.input-wrapper{width:100%;margin-bottom:.5rem}.expand{width:100%}.icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.icon_rotated{transform:rotate(180deg)}.value{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.mode{width:12.5rem}.select{max-width:15rem}.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)}.resizer:after,.resizer:before{content:'';position:absolute;top:.75rem;left:50%;bottom:.75rem;width:.0625rem;background:var(--tui-base-05)}.resizer:before{transform:translateX(.125rem)}.resizer:after{transform:translateX(-.1875rem)}@media screen and (max-width:37.4375em){.resizer{display:none}}.resizer-text{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light .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,t.Inject(r.TUI_IS_MOBILE)),b(1,t.Inject(r.TuiDestroyService)),b(2,t.Inject(t.Renderer2)),b(3,t.Inject(t.PLATFORM_ID)),b(4,t.Inject(n.Location)),b(5,t.Inject(l.UrlSerializer)),b(6,t.Inject(k))],e)}(),A=function(){function e(){}return e=y([t.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]})],e)}(),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(e){for(var t="",n=0;n<e.length;n++)t+=e.charAt(n)in L?L[e.charAt(n)]:e.charAt(n);return t}var E=new t.InjectionToken("Documentation pages",{factory:function(){return[]}}),N=new t.InjectionToken("Page title",{factory:function(){return""}}),z=new t.InjectionToken("Page title"),V=new t.InjectionToken("Navigation sections labels for search"),$=new t.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(e,t,n,o){return e.events.pipe(s.filter((function(e){return e instanceof l.NavigationEnd})),s.map((function(){return t.firstChild})),s.filter(r.isPresent),s.mergeMap((function(e){return e.data})),s.map((function(e){var t=e.title;return n+t})),s.takeUntil(o))}function B(e){return e.map((function(e){return e.section})).filter((function(e,t,n){return n.indexOf(e)===t}))}function q(e){return B(e).map((function(t){return e.filter((function(e){return e.section===t}))}))}var X=function(){function e(e,t,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"}))),t.subscribe((function(t){e.setTitle(t),l.openActivePageGroup(),l.handleAnchorLink(l.activatedRoute.snapshot.fragment)}))}return Object.defineProperty(e.prototype,"canOpen",{get:function(){return this.search.length>2},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"filteredItems",{get:function(){return this.filterItems(this.flattenSubPages(this.items),this.search)},enumerable:!0,configurable:!0}),e.prototype.isActive=function(e){return e===this.active},e.prototype.onGroupClick=function(e){this.openPagesGroupsArr[e]=!this.openPagesGroupsArr[e]},e.prototype.closeMenu=function(){this.menuOpen=!1},e.prototype.onSearchChange=function(e){this.search=e,this.open=this.canOpen},e.prototype.onClick=function(){this.open=!1,this.menuOpen=!1,this.search="",this.openActivePageGroup()},e.prototype.filterItems=function(e,t){return e.map((function(e){return r.uniqBy(e.filter((function(e){var n=e.title,o=e.keywords,r=void 0===o?"":o;return n=n.toLowerCase(),t=t.toLowerCase(),r=r.toLowerCase(),n.includes(t)||r.includes(t)||n.includes(R(t))||r.includes(R(t))||t.replace(/-/gi,"").includes(n)})),"title")}))},e.prototype.flattenSubPages=function(e){return e.reduce((function(e,t){return x(e,[t.reduce((function(e,t){return x(e,"subPages"in t?t.subPages:[t])}),[])])}),[])},e.prototype.isActiveRoute=function(e){return this.router.isActive(e,!1)},e.prototype.handleAnchorLink=function(e){var t=this;setTimeout((function(){t.navigateToAnchorLink(e)}),200)},e.prototype.openActivePageGroup=function(){var e=this;this.items.forEach((function(t,n){t.forEach((function(t,o){"route"in t&&e.isActiveRoute(t.route)&&(e.openPagesArr[n]=!0,e.active=t.route),"subPages"in t&&t.subPages.forEach((function(t){e.isActiveRoute(t.route)&&(e.openPagesArr[n]=!0,e.openPagesGroupsArr[n+o]=!0,e.active=t.route)}))}))}))},e.prototype.navigateToAnchorLink=function(e){var t=e&&this.documentRef.querySelector("#"+e);t&&(t.classList.add("tui-doc-animated-example"),t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}))},e.ctorParameters=function(){return[{type:p.Title,decorators:[{type:t.Inject,args:[p.Title]}]},{type:a.Observable,decorators:[{type:t.Inject,args:[z]}]},{type:Document,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:u.TuiModeDirective,decorators:[{type:t.Inject,args:[u.TuiModeDirective]}]},{type:Array,decorators:[{type:t.Inject,args:[V]}]},{type:void 0,decorators:[{type:t.Inject,args:[$]}]},{type:String,decorators:[{type:t.Inject,args:[M]}]},{type:l.Router,decorators:[{type:t.Inject,args:[l.Router]}]},{type:l.ActivatedRoute,decorators:[{type:t.Inject,args:[l.ActivatedRoute]}]}]},y([t.HostBinding("class._open")],e.prototype,"menuOpen",void 0),y([r.tuiPure],e.prototype,"filterItems",null),y([r.tuiPure],e.prototype,"flattenSubPages",null),e=y([t.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 class="scrollbar">\n <tui-accordion\n [tuiMode]="mode$ | async"\n [closeOthers]="false"\n [rounded]="false"\n >\n <tui-accordion-item\n *ngFor="let label of labels; index as index"\n size="s"\n [borders]="null"\n [(open)]="!!openPagesArr[index]"\n >\n <span class="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 <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 + subIndex)"\n >\n <tui-svg\n src="tuiIconChevronRight"\n class="chevron"\n [class.chevron_active]="!!openPagesGroupsArr[index + subIndex]"\n ></tui-svg>\n {{item.title}}\n </button>\n <tui-expand\n class="tui-space_left-1"\n [expanded]="!!openPagesGroupsArr[index + subIndex]"\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-container>\n </div>\n </ng-template>\n </tui-accordion-item>\n </tui-accordion>\n </tui-scrollbar>\n</nav>\n\n<ng-content></ng-content>\n',providers:U,changeDetection:t.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}.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,t.Inject(p.Title)),b(1,t.Inject(z)),b(2,t.Inject(n.DOCUMENT)),b(3,t.Inject(u.TuiModeDirective)),b(4,t.Inject(V)),b(5,t.Inject($)),b(6,t.Inject(M)),b(7,t.Inject(l.Router)),b(8,t.Inject(l.ActivatedRoute))],e)}(),W=function(){function e(e,t){var n=t.nativeElement;this.scroll$=new a.Subject,this.scroll$.pipe(s.debounceTime(750),s.filter((function(e){return e&&!!r.getElementObscurers(n)})),s.takeUntil(e)).subscribe((function(){n.scrollIntoView()}))}return Object.defineProperty(e.prototype,"scrollIntoView",{set:function(e){this.scroll$.next(e)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.TuiDestroyService,decorators:[{type:t.Inject,args:[r.TuiDestroyService]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]},y([t.Input()],e.prototype,"scrollIntoView",null),e=y([t.Directive({selector:"[scrollIntoView]",providers:[r.TuiDestroyService]}),b(0,t.Inject(r.TuiDestroyService)),b(1,t.Inject(t.ElementRef))],e)}(),G=function(){function e(){}return e=y([t.NgModule({declarations:[W],exports:[W]})],e)}(),H=function(){function e(){}return e=y([t.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:[X],exports:[X]})],e)}();function Y(e,t,n){return"#"+[e,t,n].map((function(e){var t=e.toString(16);return 1===t.length?"0"+t:t})).join("")}function Z(e){var t=e.replace("#","").split("").map((function(e,t,n){return 3===n.length?e+e:e})).join("").match(/.{2}/g);return t?t.map((function(e){return Number.parseInt(e,16)})):[0,0,0]}function Q(e,t){if(null===e)return"null";switch(typeof e){case"string":return"'"+e+"'";case"undefined":case"number":case"boolean":case"function":return String(e)}return e instanceof RegExp?e.toString():Array.isArray(e)?function(e,t){if(0===t)return"[…]";for(var n="",o=!0,r=0;r<e.length;r++)o?o=!1:n+=", ",n+=r in e?Q(e[r],t-1):"empty";return"["+n+"]"}(e,t):function(e,t){if(0===t)return"{…}";var n="",o=!0;for(var r in e)e.hasOwnProperty(r)&&(o?o=!1:n+=", ",n+=r+": "+Q(e[r],t-1));return"{"+n+"}"}(e,t)}var J=function(){function e(e,n,o,r){this.template=e,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 t.EventEmitter,this.changed$=new a.Subject}return e.prototype.ngOnInit=function(){this.parseParams(this.activatedRoute.snapshot.queryParams)},Object.defineProperty(e.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(e.prototype,"hasItems",{get:function(){return!!this.documentationPropertyValues},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"shouldShowValues",{get:function(){return"output"!==this.documentationPropertyMode},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this.changed$.next()},e.prototype.onValueChange=function(e){this.documentationPropertyValue=e,this.documentationPropertyValueChange.emit(e),this.setQueryParam(e)},e.prototype.parseParams=function(e){(e[this.documentationPropertyName]||e[this.documentationPropertyName+"$"])&&(!!e[this.documentationPropertyName+"$"]&&this.documentationPropertyValues?this.onValueChange(this.documentationPropertyValues[e[this.documentationPropertyName+"$"]]):this.onValueChange(isNaN(Number(e[this.documentationPropertyName]))?e[this.documentationPropertyName]:Number(e[this.documentationPropertyName])))},e.prototype.setQueryParam=function(e){var t,n=this.urlSerializer.parse(this.locationRef.path()),o=e instanceof Object,r=o&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(e):e,i=o?"$":"",a=this.documentationPropertyName+i;n.queryParams=f(f({},n.queryParams),((t={})[a]=r,t)),this.locationRef.go(String(n))},e.ctorParameters=function(){return[{type:t.TemplateRef,decorators:[{type:t.Inject,args:[t.TemplateRef]}]},{type:n.Location,decorators:[{type:t.Inject,args:[n.Location]}]},{type:l.ActivatedRoute,decorators:[{type:t.Inject,args:[l.ActivatedRoute]}]},{type:l.UrlSerializer,decorators:[{type:t.Inject,args:[l.UrlSerializer]}]}]},y([t.Input()],e.prototype,"documentationPropertyName",void 0),y([t.Input()],e.prototype,"documentationPropertyMode",void 0),y([t.Input()],e.prototype,"documentationPropertyType",void 0),y([t.Input()],e.prototype,"documentationPropertyValue",void 0),y([t.Input()],e.prototype,"documentationPropertyDeprecated",void 0),y([t.Input()],e.prototype,"documentationPropertyValues",void 0),y([t.Output()],e.prototype,"documentationPropertyValueChange",void 0),e=y([t.Directive({selector:"ng-template[documentationPropertyName]"}),b(0,t.Inject(t.TemplateRef)),b(1,t.Inject(n.Location)),b(2,t.Inject(l.ActivatedRoute)),b(3,t.Inject(l.UrlSerializer))],e)}(),K=function(){function e(e,t){this.changeDetectorRef=e,this.texts=t,this.heading="",this.showValues=!0,this.isAPI=!1,this.propertiesConnectors=r.EMPTY_QUERY,this.activeItemIndex=0}return e.prototype.ngAfterContentInit=function(){r.itemsQueryListObservable(this.propertiesConnectors).pipe(s.switchMap((function(e){return a.merge.apply(void 0,x(e.map((function(e){return e.changed$}))))})),r.watch(this.changeDetectorRef)).subscribe()},Object.defineProperty(e.prototype,"type",{get:function(){return this.isAPI?this.texts[0]:this.texts[1]},enumerable:!0,configurable:!0}),e.prototype.getColor=function(e){if(4===e.length)return e.split("").reduce((function(e,t){return x(e,[t,t])}),[]).join("").replace("#","");if(e.startsWith("#"))return e;if("transparent"===e)return"#000000";var t=e.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map((function(e){return Number.parseInt(e,10)}));return Y.apply(void 0,x(t))},e.prototype.getOpacity=function(e){if(e.startsWith("#")||e.startsWith("rgb("))return 100;if("transparent"===e)return 0;var t=e.lastIndexOf(","),n=e.substr(t).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(n))},e.prototype.onColorChange=function(e,t){var n=this.getOpacity(e.documentationPropertyValue||"");if(100!==n){var o="rgba("+Z(t).join(", ")+", "+n/100+")";e.onValueChange(o)}else e.onValueChange(t)},e.prototype.onOpacityChange=function(e,t){var n="rgba("+Z(this.getColor(e.documentationPropertyValue||""))+", "+t/100+")";e.onValueChange(n)},e.prototype.stripOptional=function(e){return e.replace("?","")},e.prototype.isOptional=function(e){return e.includes("?")},e.prototype.showCleaner=function(e){return e.includes("null")},e.prototype.showContentTooltip=function(e){return e.includes("PolymorpheusContent")},e.prototype.inspectAny=function(e){return Q(e,2)},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Array,decorators:[{type:t.Inject,args:[j]}]}]},y([t.Input()],e.prototype,"heading",void 0),y([t.Input()],e.prototype,"showValues",void 0),y([t.Input()],e.prototype,"isAPI",void 0),y([t.ContentChildren(J)],e.prototype,"propertiesConnectors",void 0),e=y([t.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 row row_header">\n <th class="tui-table__th tui-table__th_first cell 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 cell 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 row"\n [class.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 cell"\n >\n <div class="property cell">\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="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 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 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="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:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;min-width:100%}.cell_prop{width:40%}.cell_value{max-width:20rem}@media screen and (max-width:63.9375em){.cell_value{width:9.375rem}}@media screen and (max-width:47.9375em){.row{display:flex;flex-wrap:wrap}.row_header{display:none}.cell{width:100%;height:auto;padding:.5rem 0;text-align:left}}.property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}.type{font-family:monospace}.deprecated{background-color:var(--tui-error-bg)}.deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}"]}),b(0,t.Inject(t.ChangeDetectorRef)),b(1,t.Inject(j))],e)}(),ee=function(){function e(e,t){this.renderer=e,this.tuiFocusableComponent=t}return Object.defineProperty(e.prototype,"tuiInputOpacity",{set:function(e){var t=this.tuiFocusableComponent.nativeFocusableElement;t&&this.renderer.setStyle(t,"opacity",e/100)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:t.Renderer2,decorators:[{type:t.Inject,args:[t.Renderer2]}]},{type:void 0,decorators:[{type:t.Inject,args:[r.TUI_FOCUSABLE_ITEM_ACCESSOR]}]}]},y([t.Input()],e.prototype,"tuiInputOpacity",null),e=y([t.Directive({selector:"[tuiInputOpacity]"}),b(0,t.Inject(t.Renderer2)),b(1,t.Inject(r.TUI_FOCUSABLE_ITEM_ACCESSOR))],e)}(),te=function(){function e(){}return e=y([t.NgModule({declarations:[ee],exports:[ee]})],e)}(),ne=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,c.FormsModule,l.RouterModule,i.TuiBadgeModule,i.TuiSelectModule,i.TuiToggleModule,u.TuiTooltipModule,u.TuiLinkModule,i.TuiInputCountModule,u.TuiModeModule,u.TuiGroupModule,te,u.TuiPrimitiveTextfieldModule,u.TuiTextfieldControllerModule,u.TuiHintControllerModule,u.TuiDropdownControllerModule,u.TuiDataListModule,i.TuiDataListWrapperModule],declarations:[K,J],exports:[K,J]})],e)}(),oe=new t.InjectionToken("Contains service for opening online IDE e.g. Stackblitz"),re=new t.InjectionToken("Processes content in example",{factory:function(){return r.identity}}),ie=function(){function e(e,t,n,o,r,i,a,u){this.id=e,this.clipboard=t,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(e){return v(e,1)[0]})))}return Object.defineProperty(e.prototype,"content",{set:function(e){this.processedContent=this.processContent(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeItem",{get:function(){return this.tabs[this.activeItemIndex]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabs",{get:function(){return this.getTabs(this.processedContent)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"code",{get:function(){var e=this.processedContent[this.activeItem];return e?e.trim():""},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isDefaultItem",{get:function(){return this.activeItem===this.defaultTab},enumerable:!0,configurable:!0}),e.prototype.copyExampleLink=function(){var e=this.location.href.indexOf("#"),t=(e>-1?this.location.href.substr(0,e):this.location.href)+"#"+this.id;this.clipboard.copy(t),this.notifications.show(this.texts[1],{label:this.texts[2],status:"success"}).subscribe()},e.prototype.getTabs=function(e){return x([this.defaultTab],Object.keys(e))},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Attribute,args:["id"]}]},{type:d.Clipboard,decorators:[{type:t.Inject,args:[d.Clipboard]}]},{type:u.TuiNotificationsService,decorators:[{type:t.Inject,args:[u.TuiNotificationsService]}]},{type:Location,decorators:[{type:t.Inject,args:[m.LOCATION]}]},{type:a.Observable,decorators:[{type:t.Inject,args:[i.TUI_COPY_TEXTS]}]},{type:Array,decorators:[{type:t.Inject,args:[_]}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[oe]}]},{type:void 0,decorators:[{type:t.Inject,args:[re]}]}]},y([t.Input()],e.prototype,"heading",void 0),y([t.Input()],e.prototype,"description",void 0),y([t.Input()],e.prototype,"content",null),y([t.Input()],e.prototype,"componentName",void 0),y([r.tuiPure],e.prototype,"getTabs",null),e=y([t.Component({selector:"tui-doc-example",template:'<h3 *ngIf="heading" class="title">\n <span polymorpheus-outlet [content]="heading"></span>\n <button\n *ngIf="id"\n tuiIconButton\n type="button"\n size="xs"\n class="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="description"\n polymorpheus-outlet\n [content]="description"\n></h4>\n<div class="example">\n <div class="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="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="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:t.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;padding-top:3.5rem;clear:right}.title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:37.4375em){:host{padding-top:2rem}.title{font:var(--tui-font-heading-6)}}.description{font:var(--tui-font-text-m);font-weight:400;margin:0}.description:first-letter,.title:first-letter{text-transform:capitalize}.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)}.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:37.4375em){.example{margin-top:.75rem}.tabs{padding:0 1rem}}.demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.demo::-webkit-scrollbar,.demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px solid transparent}.demo::-webkit-scrollbar{background-color:transparent}.demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}@media screen and (max-width:37.4375em){.demo{padding:1rem}}.copy-code{position:absolute;top:4.375rem;right:1rem}.link-icon{margin-left:.3rem;vertical-align:baseline}"]}),b(0,t.Attribute("id")),b(1,t.Inject(d.Clipboard)),b(2,t.Inject(u.TuiNotificationsService)),b(3,t.Inject(m.LOCATION)),b(4,t.Inject(i.TUI_COPY_TEXTS)),b(5,t.Inject(_)),b(6,t.Optional()),b(6,t.Inject(oe)),b(7,t.Inject(re))],e)}(),ae=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,d.ClipboardModule,i.TuiTabsModule,u.TuiButtonModule,w,T,g.PolymorpheusModule],declarations:[ie],exports:[ie]})],e)}(),se=function(){function e(e,t){this.storage=e,this.windowRef=t,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=e,Object.defineProperty(e.prototype,"mode",{get:function(){return this.night?"onDark":null},enumerable:!0,configurable:!0}),e.prototype.onMode=function(e){this.night=e,this.change$.next(),this.storage.setItem("night",String(e))},e.ctorParameters=function(){return[{type:Storage,decorators:[{type:t.Inject,args:[m.LOCAL_STORAGE]}]},{type:Window,decorators:[{type:t.Inject,args:[m.WINDOW]}]}]},e=n=y([t.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="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:t.ViewEncapsulation.None,providers:[{provide:u.TuiModeDirective,useExisting:t.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-primary);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-primary-active)}.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-primary);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,t.Inject(m.LOCAL_STORAGE)),b(1,t.Inject(m.WINDOW))],e)}(),ue=new t.InjectionToken("Main logo",{factory:function(){return""}}),ce=function(){function e(e,t,n){this.logo=e,this.menu=t,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 e.prototype.onClick=function(){this.stream$.next(!0)},e.prototype.onActiveZone=function(e){e||this.stream$.next(!1)},e.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[ue]}]},{type:String,decorators:[{type:t.Inject,args:[P]}]},{type:l.Router,decorators:[{type:t.Inject,args:[l.Router]}]}]},e=y([t.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:t.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,t.Inject(ue)),b(1,t.Inject(P)),b(2,t.Inject(l.Router))],e)}(),le=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,g.PolymorpheusModule,u.TuiButtonModule,h.TuiSidebarModule,r.TuiActiveZoneModule,H],declarations:[ce],exports:[ce]})],e)}(),pe=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,c.FormsModule,i.TuiToggleModule,u.TuiThemeNightModule,le,u.TuiRootModule,u.TuiDialogModule,u.TuiNotificationsModule,H],declarations:[se],exports:[se]})],e)}(),de=new t.InjectionToken("Array of default tab names",{factory:function(){return[]}}),me=function(){function e(e){this.template=e}return e.ctorParameters=function(){return[{type:t.TemplateRef,decorators:[{type:t.Inject,args:[t.TemplateRef]}]}]},y([t.Input(),r.tuiDefaultProp()],e.prototype,"pageTab",void 0),e=y([t.Directive({selector:"[pageTab]"}),b(0,t.Inject(t.TemplateRef))],e)}(),ge=new t.InjectionToken("Array of arrays of related pages",{factory:function(){return[]}}),he=new t.InjectionToken("Page see also"),fe=[{provide:he,deps:[t.ElementRef,ge],useFactory:ye}];function ye(e,t){var n=e.nativeElement,o=t.filter((function(e){return-1!==e.indexOf(n.header)}))||[],r=new Set(o.join().split(",").filter((function(e){return e&&e!==n.header})));return Array.from(r)}var be=function(){function e(e,t,n){this.deprecated=e,this.defaultTabs=t,this.seeAlso=n,this.header="",this.package="",this.type="",this.path="",this.activeItemIndex=NaN,this.tabConnectors=r.EMPTY_QUERY}return Object.defineProperty(e.prototype,"showSeeAlso",{get:function(){return!!this.seeAlso.length&&0===this.activeItemIndex},enumerable:!0,configurable:!0}),e.prototype.getRouterLink=function(e){return void 0===e&&(e=""),"./"+e.replace(/ /g,"_")},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Attribute,args:["deprecated"]}]},{type:void 0,decorators:[{type:t.Inject,args:[de]}]},{type:void 0,decorators:[{type:t.Inject,args:[he]}]}]},y([t.Input()],e.prototype,"header",void 0),y([t.Input()],e.prototype,"package",void 0),y([t.Input()],e.prototype,"type",void 0),y([t.Input()],e.prototype,"path",void 0),y([t.ContentChildren(me)],e.prototype,"tabConnectors",void 0),e=y([t.Component({selector:"tui-doc-page",template:'<header class="header">\n <h1 class="title">\n {{header}}\n <tui-tag\n *ngIf="deprecated !== null"\n class="tag tag_deprecated"\n value="deprecated"\n status="custom"\n ></tui-tag>\n <tui-tag\n *ngIf="package"\n class="tag 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="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="source-code"\n [header]="header"\n [package]="package"\n [type]="type"\n [path]="path"\n ></tui-doc-source-code>\n</header>\n<div class="content">\n <ng-content></ng-content>\n <tui-doc-see-also\n *ngIf="showSeeAlso"\n class="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:t.ChangeDetectionStrategy.OnPush,providers:fe,styles:[":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.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){.header{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.title{min-width:100%;font-size:inherit;margin:0}.tag{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.tag_deprecated{background-color:var(--tui-error-fill)}.tag.tag_package{color:#000}.tabs{flex:1;margin:1.125rem .3125rem 0 0}@media screen and (max-width:47.9375em){.tabs{margin-top:.25rem}}.content{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width:47.9375em){.content{padding:2rem 1.25rem;margin:0}}.see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}@media screen and (max-width:63.9375em){.see-also{float:none;width:100%;margin:0 0 1.5rem}}.screenshots-skip-usage{margin-top:3.5rem}@media screen and (max-width:37.4375em){.screenshots-skip-usage{margin-top:2rem}}.source-code{align-self:flex-end;line-height:2.75rem}"]}),b(0,t.Attribute("deprecated")),b(1,t.Inject(de)),b(2,t.Inject(he))],e)}(),ve=function(){function e(e,t){this.text=e,this.pages=t,this.seeAlso=[]}return e.prototype.getRouterLink=function(e){for(var t=0;t<this.pages.length;t++){var n=this.pages.map((function(e){return"subPages"in e?e.subPages:[e]})).reduce((function(e,t){return x(e,t)}),[]).find((function(t){return t.title===e}));if(n&&n.route)return n.route}return""},e.ctorParameters=function(){return[{type:String,decorators:[{type:t.Inject,args:[O]}]},{type:void 0,decorators:[{type:t.Inject,args:[E]}]}]},y([t.Input()],e.prototype,"seeAlso",void 0),e=y([t.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:t.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,t.Inject(O)),b(1,t.Inject(E))],e)}(),xe=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,u.TuiLinkModule],declarations:[ve],exports:[ve]})],e)}(),Ie=new t.InjectionToken("Source code link",{factory:function(){return""}}),Te=function(){function e(e,t){this.sourceCode=e,this.text=t,this.header="",this.package="",this.type="",this.path=""}return Object.defineProperty(e.prototype,"pathOptions",{get:function(){return this.getPathOptions(this.header,this.package,this.type,this.path)},enumerable:!0,configurable:!0}),e.prototype.getPathOptions=function(e,t,n,o){return{header:e,package:t,type:n,path:o}},e.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[Ie]}]},{type:String,decorators:[{type:t.Inject,args:[D]}]}]},y([t.Input()],e.prototype,"header",void 0),y([t.Input()],e.prototype,"package",void 0),y([t.Input()],e.prototype,"type",void 0),y([t.Input()],e.prototype,"path",void 0),y([r.tuiPure],e.prototype,"getPathOptions",null),e=y([t.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:t.ChangeDetectionStrategy.OnPush}),b(0,t.Inject(Ie)),b(1,t.Inject(D))],e)}(),Ce=function(){function e(){}return e=y([t.NgModule({declarations:[Te],imports:[n.CommonModule,g.PolymorpheusModule,u.TuiButtonModule],exports:[Te]})],e)}(),we=function(){function e(){}return e=y([t.NgModule({imports:[n.CommonModule,l.RouterModule,xe,i.TuiTabsModule,i.TuiTagModule,Ce],declarations:[be,me],exports:[be,me]})],e)}(),ke=["Сделано с помощью директивы: ","Фон","Детали формы"],je=["Аргумент","Тип","Имя и описание","Значение","Для работы с динамическими шаблонами используется"],_e=["Превью","Ссылка на пример скопирована","Готово"],Pe=[{provide:k,useValue:ke},{provide:j,useValue:je},{provide:_,useValue:_e},{provide:P,useValue:"Меню"},{provide:M,useValue:"Поиск"},{provide:O,useValue:"Смотрите также"},{provide:D,useValue:"Исходный код"}];var Me=function(){function e(){}return e=y([t.NgModule({exports:[T,A,ne,we,ae]})],e)}();e.DEMO_TEXTS=ke,e.DOC_TEXTS=je,e.EXAMPLE_TEXTS=_e,e.ScrollIntoViewDirective=W,e.ScrollIntoViewModule=G,e.TUI_DOC_CODE_EDITOR=oe,e.TUI_DOC_DEFAULT_TABS=de,e.TUI_DOC_DEMO_TEXTS=k,e.TUI_DOC_DOCUMENTATION_TEXTS=j,e.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR=re,e.TUI_DOC_EXAMPLE_TEXTS=_,e.TUI_DOC_LOGO=ue,e.TUI_DOC_MENU_TEXT=P,e.TUI_DOC_PAGES=E,e.TUI_DOC_RUSSIAN=Pe,e.TUI_DOC_SEARCH_TEXT=M,e.TUI_DOC_SEE_ALSO=ge,e.TUI_DOC_SEE_ALSO_TEXT=O,e.TUI_DOC_SOURCE_CODE=Ie,e.TUI_DOC_SOURCE_CODE_TEXT=D,e.TUI_DOC_TITLE=N,e.TuiAddonDocModule=Me,e.TuiDocCodeComponent=I,e.TuiDocCodeModule=T,e.TuiDocCopyComponent=C,e.TuiDocCopyModule=w,e.TuiDocDemoComponent=S,e.TuiDocDemoModule=A,e.TuiDocDocumentationComponent=K,e.TuiDocDocumentationModule=ne,e.TuiDocDocumentationPropertyConnectorDirective=J,e.TuiDocExampleComponent=ie,e.TuiDocExampleModule=ae,e.TuiDocMainComponent=se,e.TuiDocMainModule=pe,e.TuiDocNavigationComponent=X,e.TuiDocNavigationModule=H,e.TuiDocPageComponent=be,e.TuiDocPageModule=we,e.TuiDocPageTabConnectorDirective=me,e.generateRoutes=function(e){return[{path:"",component:e,children:[{path:":tab",component:e}]}]},e.ɵa=z,e.ɵb=V,e.ɵc=$,e.ɵd=U,e.ɵe=F,e.ɵf=B,e.ɵg=q,e.ɵh=te,e.ɵi=ee,e.ɵj=le,e.ɵk=ce,e.ɵl=he,e.ɵm=fe,e.ɵn=ye,e.ɵo=xe,e.ɵp=ve,e.ɵq=Ce,e.ɵr=Te,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=taiga-ui-addon-doc.umd.min.js.map
|