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

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

@@ -0,0 +1,77 @@
+import * as i1 from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, Optional, Input, HostBinding, NgModule } from '@angular/core';
+import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
+import { NG_DOC_ASSETS_PATH } from '@ng-doc/ui-kit/tokens';
+import { Subject } from 'rxjs';
+import { startWith, filter, switchMap } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+class NgDocIconComponent {
+    constructor(elementRef, httpClient, assetsPath) {
+        this.elementRef = elementRef;
+        this.httpClient = httpClient;
+        this.assetsPath = assetsPath;
+        /** Icon name */
+        this.icon = '';
+        /** Icon size */
+        this.size = 16;
+        this.reload$ = new Subject();
+    }
+    ngOnChanges() {
+        this.reload$.next();
+    }
+    ngOnInit() {
+        this.reload$
+            .pipe(startWith(null), filter(() => !!this.icon), switchMap(() => this.httpClient.get(this.href, {
+            responseType: 'text',
+            params: { [NgDocCacheInterceptor.TOKEN]: 'true' },
+        })))
+            .subscribe((svg) => (this.elementRef.nativeElement.innerHTML = svg));
+    }
+    get href() {
+        return `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }, { token: NG_DOC_ASSETS_PATH, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: { icon: "icon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_DOC_ASSETS_PATH]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { icon: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-icon']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-size']
+            }] } });
+
+class NgDocIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconModule, declarations: [NgDocIconComponent], imports: [CommonModule], exports: [NgDocIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocIconComponent],
+                    imports: [CommonModule],
+                    exports: [NgDocIconComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocIconComponent, NgDocIconModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/icon.module.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import {HttpClient} from '@angular/common/http';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOnChanges,\n\tOnInit,\n\tOptional,\n} from '@angular/core';\nimport {NgDocCacheInterceptor} from '@ng-doc/ui-kit/interceptors';\nimport {NG_DOC_ASSETS_PATH} from '@ng-doc/ui-kit/tokens';\nimport {NgDocIconSize} from '@ng-doc/ui-kit/types';\nimport {Subject} from 'rxjs';\nimport {filter, startWith, switchMap} from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-icon',\n\ttemplate: '',\n\tstyleUrls: ['./icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocIconComponent implements OnChanges, OnInit {\n\t/** Icon name */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-icon')\n\ticon: string = '';\n\n\t/** Icon size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocIconSize = 16;\n\n\tprivate reload$: Subject<void> = new Subject<void>();\n\n\tconstructor(\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly httpClient: HttpClient,\n\t\t@Inject(NG_DOC_ASSETS_PATH) @Optional() private assetsPath: string,\n\t) {}\n\n\tngOnChanges(): void {\n\t\tthis.reload$.next();\n\t}\n\n\tngOnInit(): void {\n\t\tthis.reload$\n\t\t\t.pipe(\n\t\t\t\tstartWith(null),\n\t\t\t\tfilter(() => !!this.icon),\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tthis.httpClient.get(this.href, {\n\t\t\t\t\t\tresponseType: 'text',\n\t\t\t\t\t\tparams: {[NgDocCacheInterceptor.TOKEN]: 'true'},\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)\n\t\t\t.subscribe((svg: string) => (this.elementRef.nativeElement.innerHTML = svg));\n\t}\n\n\tget href(): string {\n\t\treturn `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;\n\t}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocIconComponent} from './icon.component';\n\n@NgModule({\n\tdeclarations: [NgDocIconComponent],\n\timports: [CommonModule],\n\texports: [NgDocIconComponent],\n})\nexport class NgDocIconModule {}\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-input-wrapper.mjs

@@ -0,0 +1,153 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, ChangeDetectorRef, Component, ChangeDetectionStrategy, Inject, Optional, Input, HostBinding, ContentChild, ViewChild, NgModule } from '@angular/core';
+import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
+import { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';
+import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
+import * as i4 from '@ng-doc/ui-kit/directives/focus-catcher';
+import { NgDocFocusCatcherDirective, NgDocFocusCatcherModule } from '@ng-doc/ui-kit/directives/focus-catcher';
+import { NG_DOC_INPUT_CONTROL } from '@ng-doc/ui-kit/tokens';
+import { UntilDestroy } from '@ngneat/until-destroy';
+import * as i7 from 'flex-controls';
+import { FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i3 from '@ng-doc/ui-kit/components/wrapper';
+import { NgDocWrapperModule } from '@ng-doc/ui-kit/components/wrapper';
+import * as i5 from '@ng-doc/ui-kit/components/floated-border';
+import { NgDocFloatedBorderModule } from '@ng-doc/ui-kit/components/floated-border';
+import * as i6 from '@ng-doc/ui-kit/components/floated-content';
+import { NgDocFloatedContentModule } from '@ng-doc/ui-kit/components/floated-content';
+import { NgDocFocusableModule } from '@ng-doc/ui-kit/directives/focusable';
+
+var NgDocInputWrapperComponent_1;
+let NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = class NgDocInputWrapperComponent {
+    constructor(elementRef, changeDetectorRef, controlHost) {
+        this.elementRef = elementRef;
+        this.changeDetectorRef = changeDetectorRef;
+        this.controlHost = controlHost;
+        this.blurContent = '';
+        this.blurContext = null;
+        this.leftContent = '';
+        this.rightContent = '';
+        this.align = 'left';
+    }
+    ngAfterViewChecked() {
+        this.changeDetectorRef.markForCheck();
+    }
+    getBlurContext($implicit) {
+        return { $implicit };
+    }
+    get disabled() {
+        return !!this.inputControl?.disabled;
+    }
+    inputHasValue() {
+        return !!this.inputControl?.hasValue;
+    }
+    get blurContentIsVisible() {
+        return !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    emptyEvent() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: { blurContent: "blurContent", blurContext: "blurContext", leftContent: "leftContent", rightContent: "rightContent", align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-input-disabled": "this.disabled" } }, providers: [
+            {
+                provide: NgDocInputHost,
+                useExisting: NgDocInputWrapperComponent_1,
+            },
+        ], queries: [{ propertyName: "input", first: true, predicate: NgDocBaseInput, descendants: true }, { propertyName: "inputControl", first: true, predicate: NG_DOC_INPUT_CONTROL, descendants: true }], viewQueries: [{ propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-grey-70)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i3.NgDocWrapperComponent, selector: "ng-doc-wrapper" }, { kind: "directive", type: i4.NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "component", type: i5.NgDocFloatedBorderComponent, selector: "ng-doc-floated-border" }, { kind: "component", type: i6.NgDocFloatedContentComponent, selector: "[ng-doc-floated-content]", inputs: ["bindTo", "propertyName", "alignTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+__decorate([
+    ngDocMakePure,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", Object)
+], NgDocInputWrapperComponent.prototype, "getBlurContext", null);
+NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef,
+        FlControlHost])
+], NgDocInputWrapperComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-input-wrapper', providers: [
+                        {
+                            provide: NgDocInputHost,
+                            useExisting: NgDocInputWrapperComponent,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-grey-70)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i7.FlControlHost, decorators: [{
+                    type: Inject,
+                    args: [FL_CONTROL_HOST]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { blurContent: [{
+                type: Input
+            }], blurContext: [{
+                type: Input
+            }], leftContent: [{
+                type: Input
+            }], rightContent: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-align']
+            }], input: [{
+                type: ContentChild,
+                args: [NgDocBaseInput]
+            }], inputControl: [{
+                type: ContentChild,
+                args: [NG_DOC_INPUT_CONTROL]
+            }], focusCatcher: [{
+                type: ViewChild,
+                args: [NgDocFocusCatcherDirective, { static: true }]
+            }], getBlurContext: [], disabled: [{
+                type: HostBinding,
+                args: ['attr.data-ng-doc-input-disabled']
+            }] } });
+
+class NgDocInputWrapperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperModule, declarations: [NgDocInputWrapperComponent], imports: [CommonModule,
+            PolymorpheusModule,
+            NgDocWrapperModule,
+            NgDocFocusCatcherModule,
+            NgDocFloatedBorderModule,
+            NgDocFloatedContentModule,
+            NgDocFocusableModule], exports: [NgDocInputWrapperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperModule, imports: [CommonModule,
+            PolymorpheusModule,
+            NgDocWrapperModule,
+            NgDocFocusCatcherModule,
+            NgDocFloatedBorderModule,
+            NgDocFloatedContentModule,
+            NgDocFocusableModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocInputWrapperComponent],
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        NgDocWrapperModule,
+                        NgDocFocusCatcherModule,
+                        NgDocFloatedBorderModule,
+                        NgDocFloatedContentModule,
+                        NgDocFocusableModule,
+                    ],
+                    exports: [NgDocInputWrapperComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocInputWrapperComponent, NgDocInputWrapperModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-input-wrapper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-input-wrapper.mjs","sources":["../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.ts","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.html","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.module.ts","../../../../libs/ui-kit/components/input-wrapper/ng-doc-ui-kit-components-input-wrapper.ts"],"sourcesContent":["import {\n\tAfterViewChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOptional,\n\tViewChild,\n} from '@angular/core';\nimport {NgDocBaseInput} from '@ng-doc/ui-kit/classes/base-input';\nimport {NgDocInputHost} from '@ng-doc/ui-kit/classes/input-host';\nimport {ngDocMakePure} from '@ng-doc/ui-kit/decorators';\nimport {NgDocFocusCatcherDirective} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocContextWithImplicit} from '@ng-doc/ui-kit/interfaces';\nimport {NG_DOC_INPUT_CONTROL} from '@ng-doc/ui-kit/tokens';\nimport {NgDocContent, NgDocTextAlign} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy} from '@ngneat/until-destroy';\nimport {FL_CONTROL_HOST, FlControl, FlControlHost} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-input-wrapper',\n\ttemplateUrl: './input-wrapper.component.html',\n\tstyleUrls: ['./input-wrapper.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: NgDocInputWrapperComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown> implements AfterViewChecked, NgDocInputHost<T> {\n\t@Input()\n\tblurContent: NgDocContent<NgDocContextWithImplicit<B | null>> = '';\n\n\t@Input()\n\tblurContext: B | null = null;\n\n\t@Input()\n\tleftContent: NgDocContent = '';\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@ContentChild(NgDocBaseInput)\n\tinput?: NgDocBaseInput<T>;\n\n\t@ContentChild(NG_DOC_INPUT_CONTROL)\n\tinputControl?: FlControl<T>;\n\n\t@ViewChild(NgDocFocusCatcherDirective, {static: true})\n\tfocusCatcher?: NgDocFocusCatcherDirective;\n\n\tconstructor(\n\t\tpublic elementRef: ElementRef<HTMLElement>,\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected controlHost?: FlControlHost<unknown>,\n\t) {}\n\n\tngAfterViewChecked(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@ngDocMakePure\n\tgetBlurContext($implicit: B | null): NgDocContextWithImplicit<B | null> {\n\t\treturn {$implicit};\n\t}\n\n\t@HostBinding('attr.data-ng-doc-input-disabled')\n\tget disabled(): boolean {\n\t\treturn !!this.inputControl?.disabled;\n\t}\n\n\tinputHasValue(): boolean {\n\t\treturn !!this.inputControl?.hasValue;\n\t}\n\n\tget blurContentIsVisible(): boolean {\n\t\treturn !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\temptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocFloatedBorderModule} from '@ng-doc/ui-kit/components/floated-border';\nimport {NgDocFloatedContentModule} from '@ng-doc/ui-kit/components/floated-content';\nimport {NgDocWrapperModule} from '@ng-doc/ui-kit/components/wrapper';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocFocusableModule} from '@ng-doc/ui-kit/directives/focusable';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocInputWrapperComponent} from './input-wrapper.component';\n\n@NgModule({\n\tdeclarations: [NgDocInputWrapperComponent],\n\timports: [\n\t\tCommonModule,\n\t\tPolymorpheusModule,\n\t\tNgDocWrapperModule,\n\t\tNgDocFocusCatcherModule,\n\t\tNgDocFloatedBorderModule,\n\t\tNgDocFloatedContentModule,\n\t\tNgDocFocusableModule,\n\t],\n\texports: [NgDocInputWrapperComponent],\n})\nexport class NgDocInputWrapperModule {}\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-label.mjs

@@ -0,0 +1,49 @@
+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';
+import * as i2 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocLetModule } from '@ng-doc/ui-kit/directives/let';
+
+class NgDocLabelComponent {
+    constructor() {
+        this.label = '';
+        this.align = 'left';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocLabelComponent, selector: "label[ng-doc-label]", inputs: { label: ["ng-doc-label", "label"], align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'label[ng-doc-label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: ['ng-doc-label']
+            }], align: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-align']
+            }] } });
+
+class NgDocLabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelModule, declarations: [NgDocLabelComponent], imports: [CommonModule, PolymorpheusModule, NgDocLetModule], exports: [NgDocLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelModule, imports: [CommonModule, PolymorpheusModule, NgDocLetModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocLabelComponent],
+                    imports: [CommonModule, PolymorpheusModule, NgDocLetModule],
+                    exports: [NgDocLabelComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocLabelComponent, NgDocLabelModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-label.mjs","sources":["../../../../libs/ui-kit/components/label/label.component.ts","../../../../libs/ui-kit/components/label/label.component.html","../../../../libs/ui-kit/components/label/label.module.ts","../../../../libs/ui-kit/components/label/ng-doc-ui-kit-components-label.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocContent, NgDocHorizontalAlign} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'label[ng-doc-label]',\n\ttemplateUrl: './label.component.html',\n\tstyleUrls: ['./label.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocLabelComponent {\n\t@Input('ng-doc-label')\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n}\n","<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocLetModule} from '@ng-doc/ui-kit/directives/let';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocLabelComponent} from './label.component';\n\n@NgModule({\n\tdeclarations: [NgDocLabelComponent],\n\timports: [CommonModule, PolymorpheusModule, NgDocLetModule],\n\texports: [NgDocLabelComponent],\n})\nexport class NgDocLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAGA,MAMa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAIzB,IAAK,CAAA,KAAA,GAAyB,MAAM,CAAC;AACrC,KAAA;8GAPY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2LCThC,gNAMA,EAAA,MAAA,EAAA,CAAA,isBAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDGa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,isBAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;uBAAC,cAAc,CAAA;gBAKrB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;AEPtC,MAKa,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,CAJb,mBAAmB,CACxB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAChD,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEjB,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,gBAAgB,EAHlB,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAC;oBAC3D,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC9B,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}

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

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class NgDocLineComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocLineComponent, selector: "ng-doc-line", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-line', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"] }]
+        }] });
+
+class NgDocLineModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineModule, declarations: [NgDocLineComponent], imports: [CommonModule], exports: [NgDocLineComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocLineComponent],
+                    imports: [CommonModule],
+                    exports: [NgDocLineComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocLineComponent, NgDocLineModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-line.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-line.mjs","sources":["../../../../libs/ui-kit/components/line/line.component.ts","../../../../libs/ui-kit/components/line/line.module.ts","../../../../libs/ui-kit/components/line/ng-doc-ui-kit-components-line.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-line',\n\ttemplate: '',\n\tstyleUrls: ['./line.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocLineComponent {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocLineComponent} from './line.component';\n\n@NgModule({\n\tdeclarations: [NgDocLineComponent],\n\timports: [CommonModule],\n\texports: [NgDocLineComponent],\n})\nexport class NgDocLineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAEA,MAMa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,mDAJpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAIA,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EACb,QAAA,EAAA,EAAE,EAEK,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,CAAA;;;ACDhD,MAKa,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,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,eAAe,EAJZ,YAAA,EAAA,CAAA,kBAAkB,CACvB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEhB,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,eAAe,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC7B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,96 @@
+import { __decorate, __metadata } from 'tslib';
+import { ListKeyManager } from '@angular/cdk/a11y';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { ElementRef, NgZone, Component, ChangeDetectionStrategy, Inject, Optional, NgModule } from '@angular/core';
+import { asArray } from '@ng-doc/core/helpers/as-array';
+import * as i1 from '@ng-doc/ui-kit/classes/list-host';
+import { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';
+import { toElement } from '@ng-doc/ui-kit/helpers';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { merge, fromEvent, NEVER } from 'rxjs';
+import { takeUntil, delayWhen, repeat, filter } from 'rxjs/operators';
+import { NgDocFocusCatcherModule } from '@ng-doc/ui-kit/directives/focus-catcher';
+
+let NgDocListComponent = class NgDocListComponent {
+    constructor(elementRef, ngZone, documentRef, listHost) {
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this.documentRef = documentRef;
+        this.listHost = listHost;
+        this.keyManager = null;
+        this.items = new Set();
+        const origin = this.listHost?.listHostOrigin
+            ? toElement(this.listHost?.listHostOrigin)
+            : null;
+        const list = toElement(this.elementRef);
+        merge(fromEvent(list, 'keydown'), origin
+            ? fromEvent(origin, 'keydown').pipe(takeUntil(fromEvent(list, 'keydown')), delayWhen(() => this.ngZone.onStable), repeat())
+            : NEVER)
+            .pipe(filter((event) => !event.defaultPrevented), untilDestroyed(this))
+            .subscribe((event) => {
+            const typedEvent = event;
+            switch (typedEvent.key) {
+                case 'Enter':
+                    this.keyManager?.activeItem?.selectByUser();
+                    typedEvent.preventDefault();
+                    break;
+            }
+            this.keyManager?.activeItem?.setInactiveStyles();
+            this.keyManager?.onKeydown(typedEvent);
+            this.keyManager?.activeItem?.setActiveStyles();
+            if (this.keyManager?.activeItem)
+                toElement(this.keyManager?.activeItem.elementRef).scrollIntoView({ block: 'nearest' });
+        });
+    }
+    registerItem(item) {
+        this.items.add(item);
+        this.keyManager?.activeItem?.setInactiveStyles();
+        this.keyManager = new ListKeyManager(asArray(this.items)).withVerticalOrientation(true);
+    }
+    unregisterItem(item) {
+        this.items.delete(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: NgDocListHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocListComponent, selector: "ng-doc-list", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocListComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [ElementRef,
+        NgZone,
+        Document,
+        NgDocListHost])
+], NgDocListComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i1.NgDocListHost, decorators: [{
+                    type: Inject,
+                    args: [NgDocListHost]
+                }, {
+                    type: Optional
+                }] }]; } });
+
+class NgDocListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocListModule, declarations: [NgDocListComponent], imports: [CommonModule, NgDocFocusCatcherModule], exports: [NgDocListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListModule, imports: [CommonModule, NgDocFocusCatcherModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocListComponent],
+                    imports: [CommonModule, NgDocFocusCatcherModule],
+                    exports: [NgDocListComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocListComponent, NgDocListModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-list.mjs","sources":["../../../../libs/ui-kit/components/list/list.component.ts","../../../../libs/ui-kit/components/list/list.component.html","../../../../libs/ui-kit/components/list/list.module.ts","../../../../libs/ui-kit/components/list/ng-doc-ui-kit-components-list.ts"],"sourcesContent":["import {ListKeyManager} from '@angular/cdk/a11y';\nimport {DOCUMENT} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ElementRef, Inject, NgZone, Optional} from '@angular/core';\nimport {asArray} from '@ng-doc/core/helpers/as-array';\nimport {NgDocListHost} from '@ng-doc/ui-kit/classes/list-host';\nimport {NgDocListItem} from '@ng-doc/ui-kit/classes/list-item';\nimport {toElement} from '@ng-doc/ui-kit/helpers';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {fromEvent, merge, NEVER} from 'rxjs';\nimport {delayWhen, filter, repeat, takeUntil} from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-list',\n\ttemplateUrl: './list.component.html',\n\tstyleUrls: ['./list.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocListComponent<T> {\n\tprivate keyManager: ListKeyManager<NgDocListItem> | null = null;\n\tprivate readonly items: Set<NgDocListItem> = new Set<NgDocListItem>();\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\tprivate ngZone: NgZone,\n\t\t@Inject(DOCUMENT) private documentRef: Document,\n\t\t@Inject(NgDocListHost) @Optional() private listHost?: NgDocListHost,\n\t) {\n\t\tconst origin: HTMLElement | null = this.listHost?.listHostOrigin\n\t\t\t? toElement(this.listHost?.listHostOrigin)\n\t\t\t: null;\n\t\tconst list: HTMLElement = toElement(this.elementRef);\n\n\t\tmerge(\n\t\t\tfromEvent(list, 'keydown'),\n\t\t\torigin\n\t\t\t\t? fromEvent(origin, 'keydown').pipe(\n\t\t\t\t\t\ttakeUntil(fromEvent(list, 'keydown')),\n\t\t\t\t\t\tdelayWhen(() => this.ngZone.onStable),\n\t\t\t\t\t\trepeat(),\n\t\t\t\t  )\n\t\t\t\t: NEVER,\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter((event: Event) => !event.defaultPrevented),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t)\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\tconst typedEvent: KeyboardEvent = event as KeyboardEvent;\n\n\t\t\t\tswitch (typedEvent.key) {\n\t\t\t\t\tcase 'Enter':\n\t\t\t\t\t\tthis.keyManager?.activeItem?.selectByUser();\n\n\t\t\t\t\t\ttypedEvent.preventDefault();\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\t\t\tthis.keyManager?.onKeydown(typedEvent);\n\t\t\t\tthis.keyManager?.activeItem?.setActiveStyles();\n\n\t\t\t\tif (this.keyManager?.activeItem)\n\t\t\t\t\ttoElement(this.keyManager?.activeItem.elementRef).scrollIntoView({block: 'nearest'});\n\t\t\t});\n\t}\n\n\tregisterItem(item: NgDocListItem): void {\n\t\tthis.items.add(item);\n\n\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\tthis.keyManager = new ListKeyManager(asArray(this.items)).withVerticalOrientation(true);\n\t}\n\n\tunregisterItem(item: NgDocListItem): void {\n\t\tthis.items.delete(item);\n\t}\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\n\nimport {NgDocListComponent} from './list.component';\n\n@NgModule({\n\tdeclarations: [NgDocListComponent],\n\timports: [CommonModule, NgDocFocusCatcherModule],\n\texports: [NgDocListComponent],\n})\nexport class NgDocListModule {}\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-option-group.mjs

@@ -0,0 +1,68 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Directive, QueryList, ChangeDetectorRef, Component, ChangeDetectionStrategy, ContentChildren, NgModule } from '@angular/core';
+import { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { startWith } from 'rxjs/operators';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@ng-doc/ui-kit/components/text';
+import { NgDocTextModule } from '@ng-doc/ui-kit/components/text';
+
+class NgDocOptionGroupHeaderDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ngDocOptionGroupHeader]' }]
+        }] });
+let NgDocOptionGroupComponent = class NgDocOptionGroupComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.options = new QueryList();
+        this.hasHeader = false;
+    }
+    ngAfterContentInit() {
+        this.options.changes
+            .pipe(startWith(this.options), untilDestroyed(this))
+            .subscribe((options) => {
+            this.hasHeader = !!options.length;
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group", queries: [{ propertyName: "options", predicate: NgDocOptionComponent, descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-10)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NgDocOptionGroupComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], NgDocOptionGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-option-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-10)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { options: [{
+                type: ContentChildren,
+                args: [NgDocOptionComponent, { descendants: true }]
+            }] } });
+
+class NgDocOptionGroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupModule, declarations: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective], imports: [CommonModule, NgDocTextModule], exports: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupModule, imports: [CommonModule, NgDocTextModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective],
+                    imports: [CommonModule, NgDocTextModule],
+                    exports: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective, NgDocOptionGroupModule };
+//# sourceMappingURL=ng-doc-ui-kit-components-option-group.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-option-group.mjs","sources":["../../../../libs/ui-kit/components/option-group/option-group.component.ts","../../../../libs/ui-kit/components/option-group/option-group.component.html","../../../../libs/ui-kit/components/option-group/option-group.module.ts","../../../../libs/ui-kit/components/option-group/ng-doc-ui-kit-components-option-group.ts"],"sourcesContent":["import {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tDirective,\n\tQueryList,\n} from '@angular/core';\nimport {NgDocOptionComponent} from '@ng-doc/ui-kit/components/option';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {startWith} from 'rxjs/operators';\n\n@Directive({selector: '[ngDocOptionGroupHeader]'})\nexport class NgDocOptionGroupHeaderDirective {}\n\n@Component({\n\tselector: 'ng-doc-option-group',\n\ttemplateUrl: './option-group.component.html',\n\tstyleUrls: ['./option-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocOptionGroupComponent<T> implements AfterContentInit {\n\t@ContentChildren(NgDocOptionComponent, {descendants: true})\n\toptions: QueryList<NgDocOptionComponent<T>> = new QueryList<NgDocOptionComponent<T>>();\n\thasHeader: boolean = false;\n\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.options.changes\n\t\t\t.pipe(startWith(this.options), untilDestroyed(this))\n\t\t\t.subscribe((options: QueryList<NgDocOptionComponent<T>>) => {\n\t\t\t\tthis.hasHeader = !!options.length;\n\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t});\n\t}\n}\n","<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocTextModule} from '@ng-doc/ui-kit/components/text';\n\nimport {NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective} from './option-group.component';\n\n@NgModule({\n\tdeclarations: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective],\n\timports: [CommonModule, NgDocTextModule],\n\texports: [NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective],\n})\nexport class NgDocOptionGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}