@ng-doc/ui-kit 15.13.0 → 16.0.0-beta.1

package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class NgDocOverlayPointerComponent {
+    constructor() {
+        this.overlayPosition = null;
+        this.overlayAlign = null;
+        this.withPointer = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOverlayPointerComponent, selector: "ng-doc-overlay-pointer", inputs: { overlayPosition: "overlayPosition", overlayAlign: "overlayAlign", withPointer: "withPointer" }, host: { properties: { "attr.data-ng-doc-overlay-position": "this.overlayPosition", "attr.data-ng-doc-overlay-align": "this.overlayAlign" } }, ngImport: i0, template: "<div class=\"ng-doc-overlay-pointer-wrapper\">\n\t<div class=\"ng-doc-overlay-pointer\" *ngIf=\"withPointer\">\n\t\t<div class=\"ng-doc-pointer\"></div>\n\t</div>\n\t<div class=\"ng-doc-overlay-pointer-content\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block;height:100%}.ng-doc-overlay-pointer-wrapper{display:flex;flex-direction:column;height:100%}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer{display:flex}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer{position:relative}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:before{position:relative;display:block;content:\"\";width:0;height:0;border:8px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:after{position:absolute;display:block;content:\"\";width:0;height:0;border:7px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer-content{display:flex;flex:1;height:100%}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer-wrapper{min-width:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer{justify-content:center}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{top:1px}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-bottom:8px solid;border-bottom-color:var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:2px;right:1px;border-bottom:7px solid;border-bottom-color:var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper{flex-direction:column-reverse}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleX(-1)}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer{justify-content:flex-start}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer .ng-doc-pointer{margin-left:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer{justify-content:flex-end}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer .ng-doc-pointer{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer-wrapper{flex-direction:row;min-height:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer{align-items:center}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer{left:1px}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-right:8px solid var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:1px;right:0;border-right:7px solid var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper{flex-direction:row-reverse}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleY(-1)}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer{align-items:flex-start}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer .ng-doc-pointer{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer{align-items:flex-end}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-overlay-pointer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-overlay-pointer-wrapper\">\n\t<div class=\"ng-doc-overlay-pointer\" *ngIf=\"withPointer\">\n\t\t<div class=\"ng-doc-pointer\"></div>\n\t</div>\n\t<div class=\"ng-doc-overlay-pointer-content\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block;height:100%}.ng-doc-overlay-pointer-wrapper{display:flex;flex-direction:column;height:100%}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer{display:flex}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer{position:relative}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:before{position:relative;display:block;content:\"\";width:0;height:0;border:8px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:after{position:absolute;display:block;content:\"\";width:0;height:0;border:7px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer-content{display:flex;flex:1;height:100%}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer-wrapper{min-width:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer{justify-content:center}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{top:1px}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-bottom:8px solid;border-bottom-color:var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:2px;right:1px;border-bottom:7px solid;border-bottom-color:var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper{flex-direction:column-reverse}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleX(-1)}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer{justify-content:flex-start}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer .ng-doc-pointer{margin-left:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer{justify-content:flex-end}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer .ng-doc-pointer{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer-wrapper{flex-direction:row;min-height:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer{align-items:center}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer{left:1px}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-right:8px solid var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:1px;right:0;border-right:7px solid var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper{flex-direction:row-reverse}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleY(-1)}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer{align-items:flex-start}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer .ng-doc-pointer{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer{align-items:flex-end}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
+        }], propDecorators: { overlayPosition: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-overlay-position']
+            }], overlayAlign: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-overlay-align']
+            }], withPointer: [{
+                type: Input
+            }] } });
+
+class NgDocOverlayPointerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerModule, declarations: [NgDocOverlayPointerComponent], imports: [CommonModule], exports: [NgDocOverlayPointerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayPointerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocOverlayPointerComponent],
+                    exports: [NgDocOverlayPointerComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocOverlayPointerComponent, NgDocOverlayPointerModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-overlay-pointer.mjs.map

package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-overlay-pointer.mjs","sources":["../../../../libs/ui-kit/components/overlay-pointer/overlay-pointer.component.ts","../../../../libs/ui-kit/components/overlay-pointer/overlay-pointer.component.html","../../../../libs/ui-kit/components/overlay-pointer/overlay-pointer.module.ts","../../../../libs/ui-kit/components/overlay-pointer/ng-doc-ui-kit-components-overlay-pointer.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocHorizontalAlign, NgDocOverlayRelativePosition, NgDocVerticalAlign} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-overlay-pointer',\n\ttemplateUrl: './overlay-pointer.component.html',\n\tstyleUrls: ['./overlay-pointer.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocOverlayPointerComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-overlay-position')\n\toverlayPosition: NgDocOverlayRelativePosition | null = null;\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-overlay-align')\n\toverlayAlign: NgDocHorizontalAlign | NgDocVerticalAlign | null = null;\n\n\t@Input()\n\twithPointer: boolean = true;\n}\n","<div class=\"ng-doc-overlay-pointer-wrapper\">\n\t<div class=\"ng-doc-overlay-pointer\" *ngIf=\"withPointer\">\n\t\t<div class=\"ng-doc-pointer\"></div>\n\t</div>\n\t<div class=\"ng-doc-overlay-pointer-content\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocOverlayPointerComponent} from './overlay-pointer.component';\n\n@NgModule({\n\tdeclarations: [NgDocOverlayPointerComponent],\n\texports: [NgDocOverlayPointerComponent],\n\timports: [CommonModule],\n})\nexport class NgDocOverlayPointerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA,MAMa,4BAA4B,CAAA;AANzC,IAAA,WAAA,GAAA;QASC,IAAe,CAAA,eAAA,GAAwC,IAAI,CAAC;QAI5D,IAAY,CAAA,YAAA,GAAqD,IAAI,CAAC;QAGtE,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;AAC5B,KAAA;8GAXY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sTCTzC,yQAQA,EAAA,MAAA,EAAA,CAAA,+6HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDCa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;+BACC,wBAAwB,EAAA,eAAA,EAGjB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yQAAA,EAAA,MAAA,EAAA,CAAA,+6HAAA,CAAA,EAAA,CAAA;8BAK/C,eAAe,EAAA,CAAA;sBAFd,KAAK;;sBACL,WAAW;uBAAC,mCAAmC,CAAA;gBAKhD,YAAY,EAAA,CAAA;sBAFX,KAAK;;sBACL,WAAW;uBAAC,gCAAgC,CAAA;gBAI7C,WAAW,EAAA,CAAA;sBADV,KAAK;;;AEbP,MAKa,yBAAyB,CAAA;8GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EAJtB,YAAA,EAAA,CAAA,4BAA4B,CAEjC,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,4BAA4B,CAAA,EAAA,CAAA,CAAA,EAAA;AAG1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAF3B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEV,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,4BAA4B,CAAC;oBAC5C,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-pane.mjs

@@ -0,0 +1,136 @@
+import { __decorate, __metadata } from 'tslib';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Inject, Input, ViewChild, HostBinding, NgModule } from '@angular/core';
+import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { fromEvent, merge } from 'rxjs';
+import { tap, map, pairwise, switchMap, takeUntil, take, filter, debounceTime } from 'rxjs/operators';
+
+class NgDocPaneFrontDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneFrontDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocPaneFrontDirective, selector: "[ngDocPaneFront]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneFrontDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocPaneFront]',
+                }]
+        }] });
+class NgDocPaneBackDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneBackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocPaneBackDirective, selector: "[ngDocPaneBack]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneBackDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocPaneBack]',
+                }]
+        }] });
+let NgDocPaneComponent = class NgDocPaneComponent {
+    constructor(document, changeDetectorRef, elementRef, ngZone) {
+        this.document = document;
+        this.changeDetectorRef = changeDetectorRef;
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this.expanded = false;
+        this.width = '0%';
+        this.dragging = false;
+    }
+    ngOnInit() {
+        if (this.resizer) {
+            const mouseDown$ = fromEvent(this.resizer.nativeElement, 'mousedown').pipe(tap(() => {
+                this.dragging = true;
+                this.changeDetectorRef.markForCheck();
+            }));
+            const mouseUp$ = fromEvent(this.document, 'mouseup').pipe(tap(() => {
+                this.dragging = false;
+                this.changeDetectorRef.markForCheck();
+            }));
+            const mouseMove$ = fromEvent(this.document, 'mousemove').pipe(map((event) => event.clientX), pairwise(), map(([prev, next]) => next - prev));
+            mouseDown$
+                .pipe(switchMap(() => {
+                const dragEvent$ = mouseMove$.pipe(takeUntil(mouseUp$));
+                const clickEvent$ = mouseUp$.pipe(map(() => null), takeUntil(mouseMove$), take(1));
+                return merge(dragEvent$, clickEvent$);
+            }), filter((delta) => delta !== 0), ngDocZoneOptimize(this.ngZone), untilDestroyed(this))
+                .subscribe((delta) => {
+                delta === null ? this.toggle() : this.addDelta(delta);
+            });
+        }
+        fromEvent(window, 'resize')
+            .pipe(debounceTime(100), untilDestroyed(this), ngDocZoneOptimize(this.ngZone))
+            .subscribe(() => this.addDelta(0));
+        this.addDelta(0);
+    }
+    ngOnChanges({ expanded }) {
+        if (expanded) {
+            expanded.currentValue
+                ? this.addDelta(this.elementRef.nativeElement.offsetWidth)
+                : this.addDelta(-this.elementRef.nativeElement.offsetWidth);
+        }
+    }
+    toggle() {
+        if (this.resizer) {
+            const middle = this.elementRef.nativeElement.offsetWidth / 2;
+            if (this.resizer.nativeElement.offsetLeft < middle) {
+                this.addDelta(this.elementRef.nativeElement.offsetWidth);
+            }
+            else {
+                this.addDelta(-this.elementRef.nativeElement.offsetWidth);
+            }
+        }
+    }
+    addDelta(delta) {
+        if (this.resizer) {
+            const maxWidth = this.elementRef.nativeElement.offsetWidth - this.resizer.nativeElement.offsetWidth;
+            this.width = `${Math.min(maxWidth, Math.max(0, this.resizer.nativeElement.offsetLeft + delta))}px`;
+            this.changeDetectorRef.detectChanges();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneComponent, deps: [{ token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocPaneComponent, selector: "ng-doc-pane", inputs: { expanded: "expanded" }, host: { properties: { "attr.data-ng-doc-dragging": "this.dragging" } }, viewQueries: [{ propertyName: "resizer", first: true, predicate: ["resizer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneBack]\"></ng-content>\n\t</div>\n</div>\n<div class=\"ng-doc-pane-resizer\" #resizer></div>\n<div class=\"ng-doc-pane-front\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneFront]\"></ng-content>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-base-gutter);overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-11);border-radius:50px;position:absolute;width:4px;height:20%;margin-left:6px;top:50%;transform:translateY(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocPaneComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [Document,
+        ChangeDetectorRef,
+        ElementRef,
+        NgZone])
+], NgDocPaneComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-pane', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneBack]\"></ng-content>\n\t</div>\n</div>\n<div class=\"ng-doc-pane-resizer\" #resizer></div>\n<div class=\"ng-doc-pane-front\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneFront]\"></ng-content>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-base-gutter);overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-11);border-radius:50px;position:absolute;width:4px;height:20%;margin-left:6px;top:50%;transform:translateY(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"] }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { expanded: [{
+                type: Input
+            }], resizer: [{
+                type: ViewChild,
+                args: ['resizer', { static: true }]
+            }], dragging: [{
+                type: HostBinding,
+                args: ['attr.data-ng-doc-dragging']
+            }] } });
+
+class NgDocPaneModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneModule, declarations: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective], imports: [CommonModule], exports: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocPaneModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective],
+                    imports: [CommonModule],
+                    exports: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocPaneBackDirective, NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-pane.mjs.map

package/fesm2022/ng-doc-ui-kit-components-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-pane.mjs","sources":["../../../../libs/ui-kit/components/pane/pane.component.ts","../../../../libs/ui-kit/components/pane/pane.component.html","../../../../libs/ui-kit/components/pane/pane.module.ts","../../../../libs/ui-kit/components/pane/ng-doc-ui-kit-components-pane.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tDirective,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tInput,\n\tNgZone,\n\tOnChanges,\n\tOnInit,\n\tSimpleChange,\n\tSimpleChanges,\n\tViewChild,\n} from '@angular/core';\nimport {ngDocZoneOptimize} from '@ng-doc/ui-kit/observables';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {debounceTime, filter, map, pairwise, switchMap, take, takeUntil, tap} from 'rxjs/operators';\n\n@Directive({\n\tselector: '[ngDocPaneFront]',\n})\nexport class NgDocPaneFrontDirective {}\n\n@Directive({\n\tselector: '[ngDocPaneBack]',\n})\nexport class NgDocPaneBackDirective {}\n\n@Component({\n\tselector: 'ng-doc-pane',\n\ttemplateUrl: './pane.component.html',\n\tstyleUrls: ['./pane.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocPaneComponent implements OnChanges, OnInit {\n\t@Input()\n\texpanded: boolean = false;\n\n\t@ViewChild('resizer', {static: true})\n\tresizer?: ElementRef<HTMLElement>;\n\n\twidth: string = '0%';\n\n\t@HostBinding('attr.data-ng-doc-dragging')\n\tdragging: boolean = false;\n\n\tconstructor(\n\t\t@Inject(DOCUMENT)\n\t\tprivate readonly document: Document,\n\t\tprivate readonly changeDetectorRef: ChangeDetectorRef,\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly ngZone: NgZone,\n\t) {}\n\n\tngOnInit(): void {\n\t\tif (this.resizer) {\n\t\t\tconst mouseDown$ = fromEvent(this.resizer.nativeElement, 'mousedown').pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.dragging = true;\n\t\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t\t}),\n\t\t\t);\n\n\t\t\tconst mouseUp$ = fromEvent(this.document, 'mouseup').pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.dragging = false;\n\t\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t\t}),\n\t\t\t);\n\n\t\t\tconst mouseMove$ = (fromEvent(this.document, 'mousemove') as Observable<MouseEvent>).pipe(\n\t\t\t\tmap((event: MouseEvent) => event.clientX),\n\t\t\t\tpairwise(),\n\t\t\t\tmap(([prev, next]: [number, number]) => next - prev),\n\t\t\t);\n\n\t\t\tmouseDown$\n\t\t\t\t.pipe(\n\t\t\t\t\tswitchMap(() => {\n\t\t\t\t\t\tconst dragEvent$ = mouseMove$.pipe(takeUntil(mouseUp$));\n\n\t\t\t\t\t\tconst clickEvent$ = mouseUp$.pipe(\n\t\t\t\t\t\t\tmap(() => null),\n\t\t\t\t\t\t\ttakeUntil(mouseMove$),\n\t\t\t\t\t\t\ttake(1),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn merge(dragEvent$, clickEvent$);\n\t\t\t\t\t}),\n\t\t\t\t\tfilter((delta: number | null) => delta !== 0),\n\t\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((delta: number | null) => {\n\t\t\t\t\tdelta === null ? this.toggle() : this.addDelta(delta);\n\t\t\t\t});\n\t\t}\n\n\t\tfromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(100), untilDestroyed(this), ngDocZoneOptimize(this.ngZone))\n\t\t\t.subscribe(() => this.addDelta(0));\n\n\t\tthis.addDelta(0);\n\t}\n\n\tngOnChanges({expanded}: SimpleChanges): void {\n\t\tif (expanded) {\n\t\t\texpanded.currentValue\n\t\t\t\t? this.addDelta(this.elementRef.nativeElement.offsetWidth)\n\t\t\t\t: this.addDelta(-this.elementRef.nativeElement.offsetWidth);\n\t\t}\n\t}\n\n\ttoggle(): void {\n\t\tif (this.resizer) {\n\t\t\tconst middle = this.elementRef.nativeElement.offsetWidth / 2;\n\n\t\t\tif (this.resizer.nativeElement.offsetLeft < middle) {\n\t\t\t\tthis.addDelta(this.elementRef.nativeElement.offsetWidth);\n\t\t\t} else {\n\t\t\t\tthis.addDelta(-this.elementRef.nativeElement.offsetWidth);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate addDelta(delta: number): void {\n\t\tif (this.resizer) {\n\t\t\tconst maxWidth = this.elementRef.nativeElement.offsetWidth - this.resizer.nativeElement.offsetWidth;\n\n\t\t\tthis.width = `${Math.min(maxWidth, Math.max(0, this.resizer.nativeElement.offsetLeft + delta))}px`;\n\t\t\tthis.changeDetectorRef.detectChanges();\n\t\t}\n\t}\n}\n","<div class=\"ng-doc-pane-back\" [style.width]=\"width\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneBack]\"></ng-content>\n\t</div>\n</div>\n<div class=\"ng-doc-pane-resizer\" #resizer></div>\n<div class=\"ng-doc-pane-front\">\n\t<div class=\"ng-doc-pane-content\">\n\t\t<ng-content select=\"[ngDocPaneFront]\"></ng-content>\n\t</div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocPaneBackDirective, NgDocPaneComponent, NgDocPaneFrontDirective} from './pane.component';\n\n@NgModule({\n\tdeclarations: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective],\n\timports: [CommonModule],\n\texports: [NgDocPaneComponent, NgDocPaneFrontDirective, NgDocPaneBackDirective],\n})\nexport class NgDocPaneModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-selection.mjs

@@ -0,0 +1,139 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Directive, ElementRef, Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { ReplaySubject } from 'rxjs';
+import { distinctUntilChanged } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+class NgDocSelectionHostDirective {
+    constructor() {
+        this.origins = new Set();
+        this.selectedChange = new ReplaySubject();
+    }
+    get selectedChange$() {
+        return this.selectedChange.pipe(distinctUntilChanged());
+    }
+    addOrigin(origin) {
+        this.origins.add(origin);
+    }
+    removeOrigin(origin) {
+        this.origins.delete(origin);
+        if (this.selected === origin) {
+            this.changeSelected(origin, false);
+        }
+    }
+    changeSelected(origin, selected) {
+        this.selected = this.selected === origin || selected ? (selected ? origin : undefined) : this.selected;
+        this.selectedChange.next(this.selected?.elementRef?.nativeElement ?? undefined);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocSelectionHost]',
+                }]
+        }] });
+
+let NgDocSelectionComponent = class NgDocSelectionComponent {
+    constructor(elementRef, selectionHost) {
+        this.elementRef = elementRef;
+        this.selectionHost = selectionHost;
+        this.align = 'bottom';
+    }
+    ngAfterViewInit() {
+        this.selectionHost.selectedChange$
+            .pipe(untilDestroyed(this))
+            .subscribe((selected) => this.setStyles(selected));
+    }
+    setStyles(element) {
+        this.elementRef.nativeElement.style.visibility = 'hidden';
+        if (element) {
+            const position = this.getPosition(element);
+            if (this.align === 'left' || this.align === 'right') {
+                this.elementRef.nativeElement.style.top = position.top;
+            }
+            else {
+                this.elementRef.nativeElement.style.left = position.left;
+            }
+            this.elementRef.nativeElement.style.height = position.height;
+            this.elementRef.nativeElement.style.width = position.width;
+            this.elementRef.nativeElement.style.visibility = 'visible';
+        }
+    }
+    getPosition(element) {
+        return {
+            top: element ? `${element.offsetTop || 0}px` : '0',
+            left: element ? `${element.offsetLeft || 0}px` : '0',
+            width: element ? `${element.offsetWidth || 0}px` : '0',
+            height: element ? `${element.offsetHeight || 0}px` : '0',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionComponent, deps: [{ token: i0.ElementRef }, { token: NgDocSelectionHostDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: { align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: '', isInline: true, styles: [":host{position:absolute;transition:var(--ng-doc-transition);pointer-events:none;background:var(--ng-doc-selection-background)}:host[data-ng-doc-align=left]{left:0;border-left:var(--ng-doc-selection-border)}:host[data-ng-doc-align=right]{right:0;border-right:var(--ng-doc-selection-border)}:host[data-ng-doc-align=bottom]{bottom:0;border-bottom:var(--ng-doc-selection-border)}:host[data-ng-doc-align=top]{top:0;border-top:var(--ng-doc-selection-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocSelectionComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [ElementRef,
+        NgDocSelectionHostDirective])
+], NgDocSelectionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-selection', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:absolute;transition:var(--ng-doc-transition);pointer-events:none;background:var(--ng-doc-selection-background)}:host[data-ng-doc-align=left]{left:0;border-left:var(--ng-doc-selection-border)}:host[data-ng-doc-align=right]{right:0;border-right:var(--ng-doc-selection-border)}:host[data-ng-doc-align=bottom]{bottom:0;border-bottom:var(--ng-doc-selection-border)}:host[data-ng-doc-align=top]{top:0;border-top:var(--ng-doc-selection-border)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: NgDocSelectionHostDirective }]; }, propDecorators: { align: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-align']
+            }] } });
+
+class NgDocSelectionOriginDirective {
+    constructor(elementRef, selectionHost) {
+        this.elementRef = elementRef;
+        this.selectionHost = selectionHost;
+        this.selected = false;
+        this.selectionHost.addOrigin(this);
+    }
+    ngOnChanges({ selected }) {
+        if (selected) {
+            this.selectionHost.changeSelected(this, this.selected);
+        }
+    }
+    ngOnDestroy() {
+        this.selectionHost.removeOrigin(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionOriginDirective, deps: [{ token: i0.ElementRef }, { token: NgDocSelectionHostDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: { selected: ["ngDocSelectionOrigin", "selected"] }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionOriginDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocSelectionOrigin]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: NgDocSelectionHostDirective }]; }, propDecorators: { selected: [{
+                type: Input,
+                args: ['ngDocSelectionOrigin']
+            }] } });
+
+class NgDocSelectionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionModule, declarations: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective], imports: [CommonModule], exports: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSelectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective],
+                    imports: [CommonModule],
+                    exports: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocSelectionComponent, NgDocSelectionHostDirective, NgDocSelectionModule, NgDocSelectionOriginDirective };
+//# sourceMappingURL=ng-doc-ui-kit-components-selection.mjs.map

package/fesm2022/ng-doc-ui-kit-components-selection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-selection.mjs","sources":["../../../../libs/ui-kit/components/selection/selection-host.directive.ts","../../../../libs/ui-kit/components/selection/selection.component.ts","../../../../libs/ui-kit/components/selection/selection-origin.directive.ts","../../../../libs/ui-kit/components/selection/selection.module.ts","../../../../libs/ui-kit/components/selection/ng-doc-ui-kit-components-selection.ts"],"sourcesContent":["import {Directive} from '@angular/core';\nimport {Observable, ReplaySubject} from 'rxjs';\nimport {distinctUntilChanged} from 'rxjs/operators';\n\nimport {NgDocSelectionOriginDirective} from './selection-origin.directive';\n\n@Directive({\n\tselector: '[ngDocSelectionHost]',\n})\nexport class NgDocSelectionHostDirective {\n\tprivate origins: Set<NgDocSelectionOriginDirective> = new Set<NgDocSelectionOriginDirective>();\n\tprivate selected?: NgDocSelectionOriginDirective;\n\tprivate selectedChange: ReplaySubject<HTMLElement | undefined> = new ReplaySubject<HTMLElement | undefined>();\n\n\tget selectedChange$(): Observable<HTMLElement | undefined> {\n\t\treturn this.selectedChange.pipe(distinctUntilChanged());\n\t}\n\n\taddOrigin(origin: NgDocSelectionOriginDirective): void {\n\t\tthis.origins.add(origin);\n\t}\n\n\tremoveOrigin(origin: NgDocSelectionOriginDirective): void {\n\t\tthis.origins.delete(origin);\n\n\t\tif (this.selected === origin) {\n\t\t\tthis.changeSelected(origin, false);\n\t\t}\n\t}\n\n\tchangeSelected(origin: NgDocSelectionOriginDirective, selected: boolean): void {\n\t\tthis.selected = this.selected === origin || selected ? (selected ? origin : undefined) : this.selected;\n\t\tthis.selectedChange.next(this.selected?.elementRef?.nativeElement ?? undefined);\n\t}\n}\n","import {AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input} from '@angular/core';\nimport {NgDocHorizontalAlign, NgDocPosition, NgDocVerticalAlign} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\n\nimport {NgDocSelectionHostDirective} from './selection-host.directive';\n\n@Component({\n\tselector: 'ng-doc-selection',\n\ttemplate: '',\n\tstyleUrls: ['./selection.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocSelectionComponent implements AfterViewInit {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign | NgDocVerticalAlign = 'bottom';\n\n\tconstructor(\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly selectionHost: NgDocSelectionHostDirective,\n\t) {}\n\n\tngAfterViewInit(): void {\n\t\tthis.selectionHost.selectedChange$\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe((selected: HTMLElement | undefined) => this.setStyles(selected));\n\t}\n\n\tprivate setStyles(element?: HTMLElement): void {\n\t\tthis.elementRef.nativeElement.style.visibility = 'hidden';\n\t\tif (element) {\n\t\t\tconst position: NgDocPosition = this.getPosition(element);\n\n\t\t\tif (this.align === 'left' || this.align === 'right') {\n\t\t\t\tthis.elementRef.nativeElement.style.top = position.top;\n\t\t\t} else {\n\t\t\t\tthis.elementRef.nativeElement.style.left = position.left;\n\t\t\t}\n\n\t\t\tthis.elementRef.nativeElement.style.height = position.height;\n\t\t\tthis.elementRef.nativeElement.style.width = position.width;\n\t\t\tthis.elementRef.nativeElement.style.visibility = 'visible';\n\t\t}\n\t}\n\n\tprivate getPosition(element: HTMLElement): NgDocPosition {\n\t\treturn {\n\t\t\ttop: element ? `${element.offsetTop || 0}px` : '0',\n\t\t\tleft: element ? `${element.offsetLeft || 0}px` : '0',\n\t\t\twidth: element ? `${element.offsetWidth || 0}px` : '0',\n\t\t\theight: element ? `${element.offsetHeight || 0}px` : '0',\n\t\t};\n\t}\n}\n","import {Directive, ElementRef, Input, OnChanges, OnDestroy, SimpleChanges} from '@angular/core';\n\nimport {NgDocSelectionHostDirective} from './selection-host.directive';\n\n@Directive({\n\tselector: '[ngDocSelectionOrigin]',\n})\nexport class NgDocSelectionOriginDirective implements OnChanges, OnDestroy {\n\t@Input('ngDocSelectionOrigin')\n\tselected: boolean = false;\n\n\tconstructor(\n\t\treadonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly selectionHost: NgDocSelectionHostDirective,\n\t) {\n\t\tthis.selectionHost.addOrigin(this);\n\t}\n\n\tngOnChanges({selected}: SimpleChanges): void {\n\t\tif (selected) {\n\t\t\tthis.selectionHost.changeSelected(this, this.selected);\n\t\t}\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.selectionHost.removeOrigin(this);\n\t}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocSelectionComponent} from './selection.component';\nimport {NgDocSelectionHostDirective} from './selection-host.directive';\nimport {NgDocSelectionOriginDirective} from './selection-origin.directive';\n\n@NgModule({\n\tdeclarations: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective],\n\timports: [CommonModule],\n\texports: [NgDocSelectionComponent, NgDocSelectionOriginDirective, NgDocSelectionHostDirective],\n})\nexport class NgDocSelectionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.NgDocSelectionHostDirective"],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs

@@ -0,0 +1,178 @@
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, HostBinding, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+class NgDocSidenavComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        /**
+         * Content of the sidenav.
+         */
+        this.sidebar = '';
+        /**
+         * Align of the sidenav.
+         */
+        this.align = 'left';
+        /**
+         * Indicates whether the sidenav is over the page content or not.
+         * Which means that the sidenav is not part of the page content.
+         */
+        this.over = false;
+        /**
+         * Indicates whether the sidenav is opened or not.
+         * This is used to trigger the animation.
+         */
+        this.opened = true;
+        /**
+         * Indicates whether the sidenav has a backdrop or not.
+         */
+        this.hasBackdrop = true;
+        this.openedChange = new EventEmitter();
+        this.closeEvent = new EventEmitter();
+        this.beforeOpen = new EventEmitter();
+        this.beforeClose = new EventEmitter();
+        this.afterOpen = new EventEmitter();
+        this.afterClose = new EventEmitter();
+    }
+    get backdrop() {
+        return this.over && this.opened && this.hasBackdrop;
+    }
+    animationStart(event) {
+        !!event.toState ? this.beforeOpen.emit() : this.beforeClose.emit();
+    }
+    animationDone(event) {
+        !!event.toState ? this.afterOpen.emit() : this.afterClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocSidenavComponent, selector: "ng-doc-sidenav", inputs: { sidebar: "sidebar", align: "align", over: "over", opened: "opened", hasBackdrop: "hasBackdrop" }, outputs: { openedChange: "openedChange", closeEvent: "closeEvent", beforeOpen: "beforeOpen", beforeClose: "beforeClose", afterOpen: "afterOpen", afterClose: "afterClose" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-over": "this.over", "attr.data-ng-doc-opened": "this.opened" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\"\n\t>\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [
+            trigger('sidenavAnimation', [
+                state('false', style({ display: 'none' })),
+                transition('left => false', [
+                    style({ transform: 'translateX(0)', opacity: 1 }),
+                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(-100%)', opacity: 0 })),
+                ]),
+                transition('false => left', [
+                    style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
+                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
+                ]),
+                transition('right => false', [
+                    style({ transform: 'translateX(0)', opacity: 1 }),
+                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(100%)', opacity: 0 })),
+                ]),
+                transition('false => right', [
+                    style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
+                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
+                ]),
+            ]),
+            trigger('sidenavContentAnimation', [
+                state('true', style({
+                    'margin-left': 'var(--ng-doc-sidenav-width)',
+                    width: 'calc(100% - var(--ng-doc-sidenav-width))',
+                })),
+                state('false', style({ 'margin-left': '0', width: '100%' })),
+                transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+                transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+            ]),
+            trigger('backdropFade', [
+                transition(':enter', [
+                    style({ opacity: 0 }),
+                    animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavComponent, decorators: [{
+            type: Component,
+            args: [{ animations: [
+                        trigger('sidenavAnimation', [
+                            state('false', style({ display: 'none' })),
+                            transition('left => false', [
+                                style({ transform: 'translateX(0)', opacity: 1 }),
+                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(-100%)', opacity: 0 })),
+                            ]),
+                            transition('false => left', [
+                                style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
+                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
+                            ]),
+                            transition('right => false', [
+                                style({ transform: 'translateX(0)', opacity: 1 }),
+                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(100%)', opacity: 0 })),
+                            ]),
+                            transition('false => right', [
+                                style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
+                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
+                            ]),
+                        ]),
+                        trigger('sidenavContentAnimation', [
+                            state('true', style({
+                                'margin-left': 'var(--ng-doc-sidenav-width)',
+                                width: 'calc(100% - var(--ng-doc-sidenav-width))',
+                            })),
+                            state('false', style({ 'margin-left': '0', width: '100%' })),
+                            transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+                            transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+                        ]),
+                        trigger('backdropFade', [
+                            transition(':enter', [
+                                style({ opacity: 0 }),
+                                animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
+                            ]),
+                        ]),
+                    ], selector: 'ng-doc-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\"\n\t>\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebar: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-align']
+            }], over: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-over']
+            }], opened: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-opened']
+            }], hasBackdrop: [{
+                type: Input
+            }], openedChange: [{
+                type: Output
+            }], closeEvent: [{
+                type: Output
+            }], beforeOpen: [{
+                type: Output
+            }], beforeClose: [{
+                type: Output
+            }], afterOpen: [{
+                type: Output
+            }], afterClose: [{
+                type: Output
+            }] } });
+
+class NgDocSidenavModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavModule, declarations: [NgDocSidenavComponent], imports: [CommonModule, PolymorpheusModule], exports: [NgDocSidenavComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavModule, imports: [CommonModule, PolymorpheusModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocSidenavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocSidenavComponent],
+                    imports: [CommonModule, PolymorpheusModule],
+                    exports: [NgDocSidenavComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocSidenavComponent, NgDocSidenavModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-sidenav.mjs.map