@ng-doc/ui-kit 16.0.0-beta.2 → 16.0.0-beta.3

package/classes/base-input/base-input.d.ts

@@ -1,11 +1,10 @@
-import { ElementRef, Renderer2 } from '@angular/core';
-import { FlControl, FlControlHost } from 'flex-controls';
+import { ElementRef } from '@angular/core';
+import { FlControl } from 'flex-controls';
 import * as i0 from "@angular/core";
 export declare abstract class NgDocBaseInput<T> extends FlControl<T> {
     elementRef: ElementRef<HTMLInputElement>;
-    protected renderer: Renderer2;
-    protected host?: FlControlHost<T> | undefined;
-    protected constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, host?: FlControlHost<T> | undefined);
+    private renderer;
+    protected constructor();
     get hostClasses(): string;
     get placeholder(): string;
     get isFocused(): boolean;

package/directives/input-number/input-number.directive.d.ts

@@ -1,15 +1,12 @@
-import { ElementRef, Renderer2 } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
-import { FlControlHost } from 'flex-controls';
 import * as i0 from "@angular/core";
 export declare class NgDocInputNumberDirective extends NgDocBaseInput<number> {
     elementRef: ElementRef<HTMLInputElement>;
-    protected renderer: Renderer2;
-    protected host?: FlControlHost<number> | undefined;
-    constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, host?: FlControlHost<number> | undefined);
+    constructor(elementRef: ElementRef<HTMLInputElement>);
     blurEvent(): void;
     inputEvent(): void;
     protected incomingUpdate(value: number | null): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocInputNumberDirective, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocInputNumberDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgDocInputNumberDirective, "input[ngDocInputNumber]", never, {}, {}, never, never, false, never>;
 }

package/directives/input-string/input-string.directive.d.ts

@@ -1,16 +1,13 @@
-import { ElementRef, Renderer2 } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
-import { FlControlHost } from 'flex-controls';
 import * as i0 from "@angular/core";
 /** Directive converts any input data or model to text */
 export declare class NgDocInputStringDirective extends NgDocBaseInput<string> {
     elementRef: ElementRef<HTMLInputElement>;
-    protected renderer: Renderer2;
-    protected host?: FlControlHost<string> | undefined;
-    constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, host?: FlControlHost<string> | undefined);
+    constructor(elementRef: ElementRef<HTMLInputElement>);
     blurEvent(): void;
     inputEvent(): void;
     protected incomingUpdate(value: string | null): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocInputStringDirective, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocInputStringDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgDocInputStringDirective, "input[ngDocInputString]", never, {}, {}, never, never, false, never>;
 }

package/esm2022/cdk/combobox-host/combobox-host.component.mjs

@@ -1,6 +1,6 @@
 var NgDocComboboxHostComponent_1;
 import { __decorate, __metadata } from "tslib";
-import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Inject, Input, NgZone, Optional, SkipSelf, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, forwardRef, Inject, Input, NgZone, Optional, SkipSelf, ViewChild, } from '@angular/core';
 import { NgDocBaseInput, NgDocDisplayValueHost, NgDocInputHost, NgDocListHost, NgDocOverlayHost, } from '@ng-doc/ui-kit/classes';
 import { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';
 import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
@@ -47,26 +47,26 @@ let NgDocComboboxHostComponent = NgDocComboboxHostComponent_1 = class NgDocCombo
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocComboboxHostComponent, deps: [{ token: i0.NgZone }, { token: FL_CONTROL_HOST, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: { compareFn: "compareFn", displayValueFn: "displayValueFn" }, providers: [
-            provideControlHost(NgDocComboboxHostComponent_1),
+            provideControlHost(forwardRef(() => NgDocComboboxHostComponent_1)),
             {
                 provide: NgDocOverlayHost,
-                useExisting: NgDocComboboxHostComponent_1,
+                useExisting: forwardRef(() => NgDocComboboxHostComponent_1),
             },
             {
                 provide: NgDocInputHost,
-                useExisting: NgDocComboboxHostComponent_1,
+                useExisting: forwardRef(() => NgDocComboboxHostComponent_1),
             },
             {
                 provide: FlCompareHost,
-                useExisting: NgDocComboboxHostComponent_1,
+                useExisting: forwardRef(() => NgDocComboboxHostComponent_1),
             },
             {
                 provide: NgDocDisplayValueHost,
-                useExisting: NgDocComboboxHostComponent_1,
+                useExisting: forwardRef(() => NgDocComboboxHostComponent_1),
             },
             {
                 provide: NgDocListHost,
-                useExisting: NgDocComboboxHostComponent_1,
+                useExisting: forwardRef(() => NgDocComboboxHostComponent_1),
             },
         ], queries: [{ propertyName: "dropdown", first: true, predicate: NgDocDropdownComponent, descendants: true }, { propertyName: "inputControl", first: true, predicate: NgDocBaseInput, descendants: true }], viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<label\n\tclass=\"ng-doc-dropdown-host\"\n\tngDocFocusCatcher\n\t[ngDocDropdownHandler]=\"dropdown\"\n\t(click)=\"clickEvent()\"\n\t#origin\n>\n\t<ng-content></ng-content>\n</label>\n", styles: [":host{position:relative;display:block;width:100%}::ng-deep .ng-doc-combobox-host-overlay .ng-doc-overlay-content{display:block;max-height:300px;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: i2.NgDocDropdownHandlerDirective, selector: "[ngDocDropdownHandler]", inputs: ["ngDocDropdownHandler"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
@@ -79,26 +79,26 @@ export { NgDocComboboxHostComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocComboboxHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-combobox-host', providers: [
-                        provideControlHost(NgDocComboboxHostComponent),
+                        provideControlHost(forwardRef(() => NgDocComboboxHostComponent)),
                         {
                             provide: NgDocOverlayHost,
-                            useExisting: NgDocComboboxHostComponent,
+                            useExisting: forwardRef(() => NgDocComboboxHostComponent),
                         },
                         {
                             provide: NgDocInputHost,
-                            useExisting: NgDocComboboxHostComponent,
+                            useExisting: forwardRef(() => NgDocComboboxHostComponent),
                         },
                         {
                             provide: FlCompareHost,
-                            useExisting: NgDocComboboxHostComponent,
+                            useExisting: forwardRef(() => NgDocComboboxHostComponent),
                         },
                         {
                             provide: NgDocDisplayValueHost,
-                            useExisting: NgDocComboboxHostComponent,
+                            useExisting: forwardRef(() => NgDocComboboxHostComponent),
                         },
                         {
                             provide: NgDocListHost,
-                            useExisting: NgDocComboboxHostComponent,
+                            useExisting: forwardRef(() => NgDocComboboxHostComponent),
                         },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n\tclass=\"ng-doc-dropdown-host\"\n\tngDocFocusCatcher\n\t[ngDocDropdownHandler]=\"dropdown\"\n\t(click)=\"clickEvent()\"\n\t#origin\n>\n\t<ng-content></ng-content>\n</label>\n", styles: [":host{position:relative;display:block;width:100%}::ng-deep .ng-doc-combobox-host-overlay .ng-doc-overlay-content{display:block;max-height:300px;overflow:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i3.FlControlHost, decorators: [{
@@ -122,4 +122,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 type: ContentChild,
                 args: [NgDocBaseInput]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm9ib3gtaG9zdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jZGsvY29tYm9ib3gtaG9zdC9jb21ib2JveC1ob3N0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkta2l0L2Nkay9jb21ib2JveC1ob3N0L2NvbWJvYm94LWhvc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBRU4sdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixRQUFRLEVBQ1IsU0FBUyxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTixjQUFjLEVBQ2QscUJBQXFCLEVBQ3JCLGNBQWMsRUFDZCxhQUFhLEVBQ2IsZ0JBQWdCLEdBQ2hCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDMUUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFFN0QsT0FBTyxFQUFDLFlBQVksRUFBRSxjQUFjLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRSxPQUFPLEVBQ04sZUFBZSxFQUNmLGtCQUFrQixFQUVsQixhQUFhLEVBQ2IsYUFBYSxFQUNiLGlCQUFpQixFQUNqQixrQkFBa0IsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7OztBQUV0QyxJQThCYSwwQkFBMEIsa0NBOUJ2QyxNQThCYSwwQkFDWixTQUFRLGFBQWdCO0lBMEJ4QixZQUNXLE1BQWMsRUFJTCxJQUF1QjtRQUUxQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFORixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBSUwsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFyQjNDLGNBQVMsR0FBeUIsa0JBQWtCLENBQUM7UUFHckQsbUJBQWMsR0FBaUMsTUFBTSxDQUFDO1FBVzdDLGNBQVMsR0FBMkIsQ0FBQyxlQUFlLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFVN0UsQ0FBQztJQUVELGtCQUFrQjtRQUNqQixJQUFJLENBQUMsWUFBWSxFQUFFLFdBQVc7YUFDNUIsSUFBSSxDQUNKLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsRUFDNUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUNwQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQzlCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV6QyxJQUFJLENBQUMsa0JBQWtCLENBQUMsaUJBQWlCLENBQUM7YUFDeEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUMxQixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDakIsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ2IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUM1RCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDYixPQUFPLDhCQUE4QixDQUFDO0lBQ3ZDLENBQUM7SUFFRCxVQUFVO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUN0QjtJQUNGLENBQUM7OEdBdkVXLDBCQUEwQix3Q0E2QjdCLGVBQWU7a0dBN0JaLDBCQUEwQixxSEExQjNCO1lBQ1Ysa0JBQWtCLENBQUMsNEJBQTBCLENBQUM7WUFDOUM7Z0JBQ0MsT0FBTyxFQUFFLGdCQUFnQjtnQkFDekIsV0FBVyxFQUFFLDRCQUEwQjthQUN2QztZQUNEO2dCQUNDLE9BQU8sRUFBRSxjQUFjO2dCQUN2QixXQUFXLEVBQUUsNEJBQTBCO2FBQ3ZDO1lBQ0Q7Z0JBQ0MsT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLFdBQVcsRUFBRSw0QkFBMEI7YUFDdkM7WUFDRDtnQkFDQyxPQUFPLEVBQUUscUJBQXFCO2dCQUM5QixXQUFXLEVBQUUsNEJBQTBCO2FBQ3ZDO1lBQ0Q7Z0JBQ0MsT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLFdBQVcsRUFBRSw0QkFBMEI7YUFDdkM7U0FDRCxnRUF1QmEsc0JBQXNCLCtFQUd0QixjQUFjLDZIQU5BLFVBQVUsa0VDakZ2Qyx5TEFTQTs7QUR3RGEsMEJBQTBCO0lBRHRDLFlBQVksRUFBRTtxQ0E2QkssTUFBTTtRQUlFLGFBQWE7R0FoQzVCLDBCQUEwQixDQXdFdEM7U0F4RVksMEJBQTBCOzJGQUExQiwwQkFBMEI7a0JBOUJ0QyxTQUFTOytCQUNDLHNCQUFzQixhQUdyQjt3QkFDVixrQkFBa0IsNEJBQTRCO3dCQUM5Qzs0QkFDQyxPQUFPLEVBQUUsZ0JBQWdCOzRCQUN6QixXQUFXLDRCQUE0Qjt5QkFDdkM7d0JBQ0Q7NEJBQ0MsT0FBTyxFQUFFLGNBQWM7NEJBQ3ZCLFdBQVcsNEJBQTRCO3lCQUN2Qzt3QkFDRDs0QkFDQyxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsV0FBVyw0QkFBNEI7eUJBQ3ZDO3dCQUNEOzRCQUNDLE9BQU8sRUFBRSxxQkFBcUI7NEJBQzlCLFdBQVcsNEJBQTRCO3lCQUN2Qzt3QkFDRDs0QkFDQyxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsV0FBVyw0QkFBNEI7eUJBQ3ZDO3FCQUNELG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFnQzdDLE1BQU07MkJBQUMsZUFBZTs7MEJBQ3RCLFFBQVE7OzBCQUNSLFFBQVE7NENBcEJWLFNBQVM7c0JBRFIsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBQztnQkFJckQsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLHNCQUFzQjtnQkFJcEMsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuXHRBZnRlckNvbnRlbnRJbml0LFxuXHRDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcblx0Q29tcG9uZW50LFxuXHRDb250ZW50Q2hpbGQsXG5cdEVsZW1lbnRSZWYsXG5cdEluamVjdCxcblx0SW5wdXQsXG5cdE5nWm9uZSxcblx0T3B0aW9uYWwsXG5cdFNraXBTZWxmLFxuXHRWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcblx0TmdEb2NCYXNlSW5wdXQsXG5cdE5nRG9jRGlzcGxheVZhbHVlSG9zdCxcblx0TmdEb2NJbnB1dEhvc3QsXG5cdE5nRG9jTGlzdEhvc3QsXG5cdE5nRG9jT3ZlcmxheUhvc3QsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0L2NsYXNzZXMnO1xuaW1wb3J0IHtOZ0RvY0Ryb3Bkb3duQ29tcG9uZW50fSBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2Ryb3Bkb3duJztcbmltcG9ydCB7bmdEb2Nab25lT3B0aW1pemV9IGZyb20gJ0BuZy1kb2MvdWkta2l0L29ic2VydmFibGVzJztcbmltcG9ydCB7TmdEb2NEaXNwbGF5VmFsdWVGdW5jdGlvbiwgTmdEb2NPdmVybGF5UG9zaXRpb259IGZyb20gJ0BuZy1kb2MvdWkta2l0L3R5cGVzJztcbmltcG9ydCB7VW50aWxEZXN0cm95LCB1bnRpbERlc3Ryb3llZH0gZnJvbSAnQG5nbmVhdC91bnRpbC1kZXN0cm95JztcbmltcG9ydCB7XG5cdEZMX0NPTlRST0xfSE9TVCxcblx0RkxfREVGQVVMVF9DT01QQVJFLFxuXHRGbENvbXBhcmVGdW5jdGlvbixcblx0RmxDb21wYXJlSG9zdCxcblx0RmxDb250cm9sSG9zdCxcblx0RmxDb250cm9sU2VsZWN0b3IsXG5cdHByb3ZpZGVDb250cm9sSG9zdCxcbn0gZnJvbSAnZmxleC1jb250cm9scyc7XG5pbXBvcnQge2ZpbHRlcn0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtY29tYm9ib3gtaG9zdCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9jb21ib2JveC1ob3N0LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vY29tYm9ib3gtaG9zdC5jb21wb25lbnQuc2NzcyddLFxuXHRwcm92aWRlcnM6IFtcblx0XHRwcm92aWRlQ29udHJvbEhvc3QoTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQpLFxuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5nRG9jT3ZlcmxheUhvc3QsXG5cdFx0XHR1c2VFeGlzdGluZzogTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQsXG5cdFx0fSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBOZ0RvY0lucHV0SG9zdCxcblx0XHRcdHVzZUV4aXN0aW5nOiBOZ0RvY0NvbWJvYm94SG9zdENvbXBvbmVudCxcblx0XHR9LFxuXHRcdHtcblx0XHRcdHByb3ZpZGU6IEZsQ29tcGFyZUhvc3QsXG5cdFx0XHR1c2VFeGlzdGluZzogTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQsXG5cdFx0fSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBOZ0RvY0Rpc3BsYXlWYWx1ZUhvc3QsXG5cdFx0XHR1c2VFeGlzdGluZzogTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQsXG5cdFx0fSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBOZ0RvY0xpc3RIb3N0LFxuXHRcdFx0dXNlRXhpc3Rpbmc6IE5nRG9jQ29tYm9ib3hIb3N0Q29tcG9uZW50LFxuXHRcdH0sXG5cdF0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbkBVbnRpbERlc3Ryb3koKVxuZXhwb3J0IGNsYXNzIE5nRG9jQ29tYm9ib3hIb3N0Q29tcG9uZW50PFQ+XG5cdGV4dGVuZHMgRmxDb250cm9sSG9zdDxUPlxuXHRpbXBsZW1lbnRzXG5cdFx0TmdEb2NPdmVybGF5SG9zdCxcblx0XHROZ0RvY0lucHV0SG9zdDxzdHJpbmc+LFxuXHRcdEZsQ29tcGFyZUhvc3Q8VD4sXG5cdFx0TmdEb2NEaXNwbGF5VmFsdWVIb3N0PFQ+LFxuXHRcdE5nRG9jTGlzdEhvc3QsXG5cdFx0QWZ0ZXJDb250ZW50SW5pdFxue1xuXHRASW5wdXQoKVxuXHRjb21wYXJlRm46IEZsQ29tcGFyZUZ1bmN0aW9uPFQ+ID0gRkxfREVGQVVMVF9DT01QQVJFO1xuXG5cdEBJbnB1dCgpXG5cdGRpc3BsYXlWYWx1ZUZuOiBOZ0RvY0Rpc3BsYXlWYWx1ZUZ1bmN0aW9uPFQ+ID0gU3RyaW5nO1xuXG5cdEBWaWV3Q2hpbGQoJ29yaWdpbicsIHtyZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWV9KVxuXHRvcmlnaW4/OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuXHRAQ29udGVudENoaWxkKE5nRG9jRHJvcGRvd25Db21wb25lbnQpXG5cdGRyb3Bkb3duPzogTmdEb2NEcm9wZG93bkNvbXBvbmVudDtcblxuXHRAQ29udGVudENoaWxkKE5nRG9jQmFzZUlucHV0KVxuXHRpbnB1dENvbnRyb2w/OiBOZ0RvY0Jhc2VJbnB1dDxzdHJpbmc+O1xuXG5cdHJlYWRvbmx5IHBvc2l0aW9uczogTmdEb2NPdmVybGF5UG9zaXRpb25bXSA9IFsnYm90dG9tLWNlbnRlcicsICd0b3AtY2VudGVyJ107XG5cblx0Y29uc3RydWN0b3IoXG5cdFx0cHJvdGVjdGVkIG5nWm9uZTogTmdab25lLFxuXHRcdEBJbmplY3QoRkxfQ09OVFJPTF9IT1NUKVxuXHRcdEBTa2lwU2VsZigpXG5cdFx0QE9wdGlvbmFsKClcblx0XHRwcm90ZWN0ZWQgb3ZlcnJpZGUgaG9zdD86IEZsQ29udHJvbEhvc3Q8VD4sXG5cdCkge1xuXHRcdHN1cGVyKGhvc3QpO1xuXHR9XG5cblx0bmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuXHRcdHRoaXMuaW5wdXRDb250cm9sPy52YWx1ZUNoYW5nZVxuXHRcdFx0LnBpcGUoXG5cdFx0XHRcdGZpbHRlcigoKSA9PiAhIXRoaXMuaW5wdXRDb250cm9sPy5pc0ZvY3VzZWQpLFxuXHRcdFx0XHR1bnRpbERlc3Ryb3llZCh0aGlzKSxcblx0XHRcdFx0bmdEb2Nab25lT3B0aW1pemUodGhpcy5uZ1pvbmUpLFxuXHRcdFx0KVxuXHRcdFx0LnN1YnNjcmliZSgoKSA9PiB0aGlzLmRyb3Bkb3duPy5vcGVuKCkpO1xuXG5cdFx0dGhpcy50eXBlZENvbnRyb2xDaGFuZ2UoRmxDb250cm9sU2VsZWN0b3IpXG5cdFx0XHQucGlwZSh1bnRpbERlc3Ryb3llZCh0aGlzKSlcblx0XHRcdC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5kcm9wZG93bj8uY2xvc2UoKSk7XG5cdH1cblxuXHRnZXQgbGlzdEhvc3RPcmlnaW4oKTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfCB1bmRlZmluZWQge1xuXHRcdHJldHVybiB0aGlzLmlucHV0Q29udHJvbD8uZWxlbWVudFJlZjtcblx0fVxuXG5cdGdldCBzZWFyY2hUZXh0KCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIHRoaXMuaGFzVmFsdWUgPyAnJyA6IHRoaXMuaW5wdXRDb250cm9sPy52YWx1ZSB8fCAnJztcblx0fVxuXG5cdGdldCB3aWR0aCgpOiBudW1iZXIge1xuXHRcdHJldHVybiB0aGlzLm9yaWdpbj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCB8fCAwO1xuXHR9XG5cblx0Z2V0IHBhbmVsQ2xhc3MoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gYG5nLWRvYy1jb21ib2JveC1ob3N0LW92ZXJsYXlgO1xuXHR9XG5cblx0Y2xpY2tFdmVudCgpOiB2b2lkIHtcblx0XHRpZiAoIXRoaXMuZGlzYWJsZWQpIHtcblx0XHRcdHRoaXMuZHJvcGRvd24/Lm9wZW4oKTtcblx0XHR9XG5cdH1cbn1cbiIsIjxsYWJlbFxuXHRjbGFzcz1cIm5nLWRvYy1kcm9wZG93bi1ob3N0XCJcblx0bmdEb2NGb2N1c0NhdGNoZXJcblx0W25nRG9jRHJvcGRvd25IYW5kbGVyXT1cImRyb3Bkb3duXCJcblx0KGNsaWNrKT1cImNsaWNrRXZlbnQoKVwiXG5cdCNvcmlnaW5cbj5cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm9ib3gtaG9zdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jZGsvY29tYm9ib3gtaG9zdC9jb21ib2JveC1ob3N0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkta2l0L2Nkay9jb21ib2JveC1ob3N0L2NvbWJvYm94LWhvc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBRU4sdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUFFLFVBQVUsRUFDdEIsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFFBQVEsRUFDUixTQUFTLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNOLGNBQWMsRUFDZCxxQkFBcUIsRUFDckIsY0FBYyxFQUNkLGFBQWEsRUFDYixnQkFBZ0IsR0FDaEIsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUMxRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUU3RCxPQUFPLEVBQUMsWUFBWSxFQUFFLGNBQWMsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ25FLE9BQU8sRUFDTixlQUFlLEVBQ2Ysa0JBQWtCLEVBRWxCLGFBQWEsRUFDYixhQUFhLEVBQ2IsaUJBQWlCLEVBQ2pCLGtCQUFrQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBRXRDLElBOEJhLDBCQUEwQixrQ0E5QnZDLE1BOEJhLDBCQUNaLFNBQVEsYUFBZ0I7SUEwQnhCLFlBQ1csTUFBYyxFQUlMLElBQXVCO1FBRTFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQU5GLFdBQU0sR0FBTixNQUFNLENBQVE7UUFJTCxTQUFJLEdBQUosSUFBSSxDQUFtQjtRQXJCM0MsY0FBUyxHQUF5QixrQkFBa0IsQ0FBQztRQUdyRCxtQkFBYyxHQUFpQyxNQUFNLENBQUM7UUFXN0MsY0FBUyxHQUEyQixDQUFDLGVBQWUsRUFBRSxZQUFZLENBQUMsQ0FBQztJQVU3RSxDQUFDO0lBRUQsa0JBQWtCO1FBQ2pCLElBQUksQ0FBQyxZQUFZLEVBQUUsV0FBVzthQUM1QixJQUFJLENBQ0osTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxFQUM1QyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQ3BCLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FDOUI7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRXpDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxpQkFBaUIsQ0FBQzthQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzFCLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksY0FBYztRQUNqQixPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDYixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO0lBQzVELENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUixPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsYUFBYSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELElBQUksVUFBVTtRQUNiLE9BQU8sOEJBQThCLENBQUM7SUFDdkMsQ0FBQztJQUVELFVBQVU7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNuQixJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1NBQ3RCO0lBQ0YsQ0FBQzs4R0F2RVcsMEJBQTBCLHdDQTZCN0IsZUFBZTtrR0E3QlosMEJBQTBCLHFIQTFCM0I7WUFDVixrQkFBa0IsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTBCLENBQUMsQ0FBQztZQUNoRTtnQkFDQyxPQUFPLEVBQUUsZ0JBQWdCO2dCQUN6QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDRCQUEwQixDQUFDO2FBQ3pEO1lBQ0Q7Z0JBQ0MsT0FBTyxFQUFFLGNBQWM7Z0JBQ3ZCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTBCLENBQUM7YUFDekQ7WUFDRDtnQkFDQyxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBMEIsQ0FBQzthQUN6RDtZQUNEO2dCQUNDLE9BQU8sRUFBRSxxQkFBcUI7Z0JBQzlCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTBCLENBQUM7YUFDekQ7WUFDRDtnQkFDQyxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBMEIsQ0FBQzthQUN6RDtTQUNELGdFQXVCYSxzQkFBc0IsK0VBR3RCLGNBQWMsNkhBTkEsVUFBVSxrRUNqRnZDLHlMQVNBOztBRHdEYSwwQkFBMEI7SUFEdEMsWUFBWSxFQUFFO3FDQTZCSyxNQUFNO1FBSUUsYUFBYTtHQWhDNUIsMEJBQTBCLENBd0V0QztTQXhFWSwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkE5QnRDLFNBQVM7K0JBQ0Msc0JBQXNCLGFBR3JCO3dCQUNWLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMkJBQTJCLENBQUMsQ0FBQzt3QkFDaEU7NEJBQ0MsT0FBTyxFQUFFLGdCQUFnQjs0QkFDekIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMkJBQTJCLENBQUM7eUJBQ3pEO3dCQUNEOzRCQUNDLE9BQU8sRUFBRSxjQUFjOzRCQUN2QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDekQ7d0JBQ0Q7NEJBQ0MsT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDO3lCQUN6RDt3QkFDRDs0QkFDQyxPQUFPLEVBQUUscUJBQXFCOzRCQUM5QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDekQ7d0JBQ0Q7NEJBQ0MsT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDO3lCQUN6RDtxQkFDRCxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs7MEJBZ0M3QyxNQUFNOzJCQUFDLGVBQWU7OzBCQUN0QixRQUFROzswQkFDUixRQUFROzRDQXBCVixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixLQUFLO2dCQUlOLE1BQU07c0JBREwsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUM7Z0JBSXJELFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxzQkFBc0I7Z0JBSXBDLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0QWZ0ZXJDb250ZW50SW5pdCxcblx0Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG5cdENvbXBvbmVudCxcblx0Q29udGVudENoaWxkLFxuXHRFbGVtZW50UmVmLCBmb3J3YXJkUmVmLFxuXHRJbmplY3QsXG5cdElucHV0LFxuXHROZ1pvbmUsXG5cdE9wdGlvbmFsLFxuXHRTa2lwU2VsZixcblx0Vmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG5cdE5nRG9jQmFzZUlucHV0LFxuXHROZ0RvY0Rpc3BsYXlWYWx1ZUhvc3QsXG5cdE5nRG9jSW5wdXRIb3N0LFxuXHROZ0RvY0xpc3RIb3N0LFxuXHROZ0RvY092ZXJsYXlIb3N0LFxufSBmcm9tICdAbmctZG9jL3VpLWtpdC9jbGFzc2VzJztcbmltcG9ydCB7TmdEb2NEcm9wZG93bkNvbXBvbmVudH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQge25nRG9jWm9uZU9wdGltaXplfSBmcm9tICdAbmctZG9jL3VpLWtpdC9vYnNlcnZhYmxlcyc7XG5pbXBvcnQge05nRG9jRGlzcGxheVZhbHVlRnVuY3Rpb24sIE5nRG9jT3ZlcmxheVBvc2l0aW9ufSBmcm9tICdAbmctZG9jL3VpLWtpdC90eXBlcyc7XG5pbXBvcnQge1VudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWR9IGZyb20gJ0BuZ25lYXQvdW50aWwtZGVzdHJveSc7XG5pbXBvcnQge1xuXHRGTF9DT05UUk9MX0hPU1QsXG5cdEZMX0RFRkFVTFRfQ09NUEFSRSxcblx0RmxDb21wYXJlRnVuY3Rpb24sXG5cdEZsQ29tcGFyZUhvc3QsXG5cdEZsQ29udHJvbEhvc3QsXG5cdEZsQ29udHJvbFNlbGVjdG9yLFxuXHRwcm92aWRlQ29udHJvbEhvc3QsXG59IGZyb20gJ2ZsZXgtY29udHJvbHMnO1xuaW1wb3J0IHtmaWx0ZXJ9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWNvbWJvYm94LWhvc3QnLFxuXHR0ZW1wbGF0ZVVybDogJy4vY29tYm9ib3gtaG9zdC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2NvbWJvYm94LWhvc3QuY29tcG9uZW50LnNjc3MnXSxcblx0cHJvdmlkZXJzOiBbXG5cdFx0cHJvdmlkZUNvbnRyb2xIb3N0KGZvcndhcmRSZWYoKCkgPT4gTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQpKSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBOZ0RvY092ZXJsYXlIb3N0LFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQpLFxuXHRcdH0sXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogTmdEb2NJbnB1dEhvc3QsXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBOZ0RvY0NvbWJvYm94SG9zdENvbXBvbmVudCksXG5cdFx0fSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBGbENvbXBhcmVIb3N0LFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQpLFxuXHRcdH0sXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogTmdEb2NEaXNwbGF5VmFsdWVIb3N0LFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTmdEb2NDb21ib2JveEhvc3RDb21wb25lbnQpLFxuXHRcdH0sXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogTmdEb2NMaXN0SG9zdCxcblx0XHRcdHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE5nRG9jQ29tYm9ib3hIb3N0Q29tcG9uZW50KSxcblx0XHR9LFxuXHRdLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5AVW50aWxEZXN0cm95KClcbmV4cG9ydCBjbGFzcyBOZ0RvY0NvbWJvYm94SG9zdENvbXBvbmVudDxUPlxuXHRleHRlbmRzIEZsQ29udHJvbEhvc3Q8VD5cblx0aW1wbGVtZW50c1xuXHRcdE5nRG9jT3ZlcmxheUhvc3QsXG5cdFx0TmdEb2NJbnB1dEhvc3Q8c3RyaW5nPixcblx0XHRGbENvbXBhcmVIb3N0PFQ+LFxuXHRcdE5nRG9jRGlzcGxheVZhbHVlSG9zdDxUPixcblx0XHROZ0RvY0xpc3RIb3N0LFxuXHRcdEFmdGVyQ29udGVudEluaXRcbntcblx0QElucHV0KClcblx0Y29tcGFyZUZuOiBGbENvbXBhcmVGdW5jdGlvbjxUPiA9IEZMX0RFRkFVTFRfQ09NUEFSRTtcblxuXHRASW5wdXQoKVxuXHRkaXNwbGF5VmFsdWVGbjogTmdEb2NEaXNwbGF5VmFsdWVGdW5jdGlvbjxUPiA9IFN0cmluZztcblxuXHRAVmlld0NoaWxkKCdvcmlnaW4nLCB7cmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlfSlcblx0b3JpZ2luPzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cblx0QENvbnRlbnRDaGlsZChOZ0RvY0Ryb3Bkb3duQ29tcG9uZW50KVxuXHRkcm9wZG93bj86IE5nRG9jRHJvcGRvd25Db21wb25lbnQ7XG5cblx0QENvbnRlbnRDaGlsZChOZ0RvY0Jhc2VJbnB1dClcblx0aW5wdXRDb250cm9sPzogTmdEb2NCYXNlSW5wdXQ8c3RyaW5nPjtcblxuXHRyZWFkb25seSBwb3NpdGlvbnM6IE5nRG9jT3ZlcmxheVBvc2l0aW9uW10gPSBbJ2JvdHRvbS1jZW50ZXInLCAndG9wLWNlbnRlciddO1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdHByb3RlY3RlZCBuZ1pvbmU6IE5nWm9uZSxcblx0XHRASW5qZWN0KEZMX0NPTlRST0xfSE9TVClcblx0XHRAU2tpcFNlbGYoKVxuXHRcdEBPcHRpb25hbCgpXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIGhvc3Q/OiBGbENvbnRyb2xIb3N0PFQ+LFxuXHQpIHtcblx0XHRzdXBlcihob3N0KTtcblx0fVxuXG5cdG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcblx0XHR0aGlzLmlucHV0Q29udHJvbD8udmFsdWVDaGFuZ2Vcblx0XHRcdC5waXBlKFxuXHRcdFx0XHRmaWx0ZXIoKCkgPT4gISF0aGlzLmlucHV0Q29udHJvbD8uaXNGb2N1c2VkKSxcblx0XHRcdFx0dW50aWxEZXN0cm95ZWQodGhpcyksXG5cdFx0XHRcdG5nRG9jWm9uZU9wdGltaXplKHRoaXMubmdab25lKSxcblx0XHRcdClcblx0XHRcdC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5kcm9wZG93bj8ub3BlbigpKTtcblxuXHRcdHRoaXMudHlwZWRDb250cm9sQ2hhbmdlKEZsQ29udHJvbFNlbGVjdG9yKVxuXHRcdFx0LnBpcGUodW50aWxEZXN0cm95ZWQodGhpcykpXG5cdFx0XHQuc3Vic2NyaWJlKCgpID0+IHRoaXMuZHJvcGRvd24/LmNsb3NlKCkpO1xuXHR9XG5cblx0Z2V0IGxpc3RIb3N0T3JpZ2luKCk6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+IHwgdW5kZWZpbmVkIHtcblx0XHRyZXR1cm4gdGhpcy5pbnB1dENvbnRyb2w/LmVsZW1lbnRSZWY7XG5cdH1cblxuXHRnZXQgc2VhcmNoVGV4dCgpOiBzdHJpbmcge1xuXHRcdHJldHVybiB0aGlzLmhhc1ZhbHVlID8gJycgOiB0aGlzLmlucHV0Q29udHJvbD8udmFsdWUgfHwgJyc7XG5cdH1cblxuXHRnZXQgd2lkdGgoKTogbnVtYmVyIHtcblx0XHRyZXR1cm4gdGhpcy5vcmlnaW4/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggfHwgMDtcblx0fVxuXG5cdGdldCBwYW5lbENsYXNzKCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIGBuZy1kb2MtY29tYm9ib3gtaG9zdC1vdmVybGF5YDtcblx0fVxuXG5cdGNsaWNrRXZlbnQoKTogdm9pZCB7XG5cdFx0aWYgKCF0aGlzLmRpc2FibGVkKSB7XG5cdFx0XHR0aGlzLmRyb3Bkb3duPy5vcGVuKCk7XG5cdFx0fVxuXHR9XG59XG4iLCI8bGFiZWxcblx0Y2xhc3M9XCJuZy1kb2MtZHJvcGRvd24taG9zdFwiXG5cdG5nRG9jRm9jdXNDYXRjaGVyXG5cdFtuZ0RvY0Ryb3Bkb3duSGFuZGxlcl09XCJkcm9wZG93blwiXG5cdChjbGljayk9XCJjbGlja0V2ZW50KClcIlxuXHQjb3JpZ2luXG4+XG5cdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbGFiZWw+XG4iXX0=

package/esm2022/classes/base-input/base-input.mjs

@@ -1,13 +1,11 @@
-import { Directive, ElementRef, HostBinding, Renderer2 } from '@angular/core';
-import { FlControl, FlControlHost } from 'flex-controls';
+import { Directive, ElementRef, HostBinding, inject, Renderer2 } from '@angular/core';
+import { FL_CONTROL_HOST, FlControl } from 'flex-controls';
 import * as i0 from "@angular/core";
-import * as i1 from "flex-controls";
 class NgDocBaseInput extends FlControl {
-    constructor(elementRef, renderer, host) {
-        super(host);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.host = host;
+    constructor() {
+        super(inject(FL_CONTROL_HOST, { optional: true }) || undefined);
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
     }
     get hostClasses() {
         return 'ng-doc-input';
@@ -33,14 +31,14 @@ class NgDocBaseInput extends FlControl {
         this.elementRef.nativeElement.offsetWidth;
         this.renderer.addClass(this.elementRef.nativeElement, '-blink');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBaseInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.FlControlHost }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBaseInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBaseInput, host: { properties: { "class": "this.hostClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 export { NgDocBaseInput };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBaseInput, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.FlControlHost }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkta2l0L2NsYXNzZXMvYmFzZS1pbnB1dC9iYXNlLWlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUV2RCxNQUNzQixjQUFrQixTQUFRLFNBQVk7SUFDM0QsWUFDUSxVQUF3QyxFQUNyQyxRQUFtQixFQUNWLElBQXVCO1FBRTFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUpMLGVBQVUsR0FBVixVQUFVLENBQThCO1FBQ3JDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDVixTQUFJLEdBQUosSUFBSSxDQUFtQjtJQUczQyxDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2QsT0FBTyxjQUFjLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksV0FBVztRQUNkLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1osT0FBTyxRQUFRLENBQUMsYUFBYSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ2pFLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDYixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztJQUMvQyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDNUMsQ0FBQztJQUVELEtBQUs7UUFDSixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsS0FBSztRQUNKLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ25FLG9FQUFvRTtRQUNwRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7UUFDMUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDakUsQ0FBQzs4R0F2Q29CLGNBQWM7a0dBQWQsY0FBYzs7U0FBZCxjQUFjOzJGQUFkLGNBQWM7a0JBRG5DLFNBQVM7cUpBV0wsV0FBVztzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIFJlbmRlcmVyMn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0ZsQ29udHJvbCwgRmxDb250cm9sSG9zdH0gZnJvbSAnZmxleC1jb250cm9scyc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIE5nRG9jQmFzZUlucHV0PFQ+IGV4dGVuZHMgRmxDb250cm9sPFQ+IHtcblx0cHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuXHRcdHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuXHRcdHByb3RlY3RlZCByZW5kZXJlcjogUmVuZGVyZXIyLFxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBob3N0PzogRmxDb250cm9sSG9zdDxUPixcblx0KSB7XG5cdFx0c3VwZXIoaG9zdCk7XG5cdH1cblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJylcblx0Z2V0IGhvc3RDbGFzc2VzKCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuICduZy1kb2MtaW5wdXQnO1xuXHR9XG5cblx0Z2V0IHBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBsYWNlaG9sZGVyIHx8ICcnO1xuXHR9XG5cblx0Z2V0IGlzRm9jdXNlZCgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG5cdH1cblxuXHRnZXQgaXNSZWFkb25seSgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucmVhZE9ubHk7XG5cdH1cblxuXHRnZXQgdmFsdWUoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWU7XG5cdH1cblxuXHRmb2N1cygpOiB2b2lkIHtcblx0XHR0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuXHR9XG5cblx0YmxpbmsoKTogdm9pZCB7XG5cdFx0dGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy1ibGluaycpO1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLWV4cHJlc3Npb25zXG5cdFx0dGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG5cdFx0dGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy1ibGluaycpO1xuXHR9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkta2l0L2NsYXNzZXMvYmFzZS1pbnB1dC9iYXNlLWlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUd6RCxNQUNzQixjQUFrQixTQUFRLFNBQVk7SUFHM0Q7UUFDQyxLQUFLLENBQUMsTUFBTSxDQUFzQyxlQUFlLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsSUFBSSxTQUFTLENBQUMsQ0FBQztRQUhwRyxlQUFVLEdBQWlDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN0RCxhQUFRLEdBQWMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBR2hELENBQUM7SUFFRCxJQUNJLFdBQVc7UUFDZCxPQUFPLGNBQWMsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWixPQUFPLFFBQVEsQ0FBQyxhQUFhLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDakUsQ0FBQztJQUVELElBQUksVUFBVTtRQUNiLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztJQUM1QyxDQUFDO0lBRUQsS0FBSztRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxLQUFLO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDbkUsb0VBQW9FO1FBQ3BFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztRQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNqRSxDQUFDOzhHQXJDb0IsY0FBYztrR0FBZCxjQUFjOztTQUFkLGNBQWM7MkZBQWQsY0FBYztrQkFEbkMsU0FBUzswRUFTTCxXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgaW5qZWN0LCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGTF9DT05UUk9MX0hPU1QsIEZsQ29udHJvbH0gZnJvbSAnZmxleC1jb250cm9scyc7XG5pbXBvcnQge0ZsQmFzZUNvbnRyb2xIb3N0fSBmcm9tICdmbGV4LWNvbnRyb2xzL2ludGVyZmFjZXMnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ0RvY0Jhc2VJbnB1dDxUPiBleHRlbmRzIEZsQ29udHJvbDxUPiB7XG5cdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4gPSBpbmplY3QoRWxlbWVudFJlZik7XG5cdHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiA9IGluamVjdChSZW5kZXJlcjIpO1xuXHRwcm90ZWN0ZWQgY29uc3RydWN0b3IoKSB7XG5cdFx0c3VwZXIoaW5qZWN0PEZsQmFzZUNvbnRyb2xIb3N0PFQsIFQ+IHwgdW5kZWZpbmVkPihGTF9DT05UUk9MX0hPU1QsIHtvcHRpb25hbDogdHJ1ZX0pIHx8IHVuZGVmaW5lZCk7XG5cdH1cblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJylcblx0Z2V0IGhvc3RDbGFzc2VzKCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuICduZy1kb2MtaW5wdXQnO1xuXHR9XG5cblx0Z2V0IHBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBsYWNlaG9sZGVyIHx8ICcnO1xuXHR9XG5cblx0Z2V0IGlzRm9jdXNlZCgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG5cdH1cblxuXHRnZXQgaXNSZWFkb25seSgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucmVhZE9ubHk7XG5cdH1cblxuXHRnZXQgdmFsdWUoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWU7XG5cdH1cblxuXHRmb2N1cygpOiB2b2lkIHtcblx0XHR0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuXHR9XG5cblx0YmxpbmsoKTogdm9pZCB7XG5cdFx0dGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy1ibGluaycpO1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLWV4cHJlc3Npb25zXG5cdFx0dGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG5cdFx0dGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy1ibGluaycpO1xuXHR9XG59XG4iXX0=

package/esm2022/components/blockquote/blockquote.component.mjs

@@ -7,12 +7,12 @@ class NgDocBlockquoteComponent {
         this.type = 'default';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{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;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);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;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { NgDocBlockquoteComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{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;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"] }]
+            args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);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;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }, {

package/esm2022/components/button/button.component.mjs

@@ -7,12 +7,12 @@ class NgDocButtonComponent {
         this.rounded = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{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;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);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;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { NgDocButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{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;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"] }]
+            args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);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;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }, {

package/esm2022/components/checkbox/checkbox.component.mjs

@@ -14,12 +14,12 @@ class NgDocCheckboxComponent extends FlControlSelector {
         this.color = 'primary';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, deps: [{ token: FlCompareHost, optional: true }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCheckboxComponent, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\"\n\t\t/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i3.NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: i4.NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCheckboxComponent, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\"\n\t\t/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i3.NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: i4.NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { NgDocCheckboxComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\"\n\t\t/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
+            args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\"\n\t\t/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i5.FlCompareHost, decorators: [{
                     type: Inject,
                     args: [FlCompareHost]