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

package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { ElementRef, NgZone, Component, ChangeDetectionStrategy, Inject, SkipSelf, Optional, Input, ViewChild, ContentChild, NgModule } from '@angular/core';
+import { forwardRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Inject, SkipSelf, Optional, Input, ViewChild, ContentChild, NgModule } from '@angular/core';
 import { NgDocOverlayHost, NgDocInputHost, NgDocDisplayValueHost, NgDocListHost, NgDocBaseInput } from '@ng-doc/ui-kit/classes';
 import { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';
 import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
@@ -51,26 +51,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 }); }
 };
@@ -82,26 +82,26 @@ NgDocComboboxHostComponent = NgDocComboboxHostComponent_1 = __decorate([
 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: [{

package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-cdk-combobox-host.mjs","sources":["../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.ts","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.html","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.module.ts","../../../../libs/ui-kit/cdk/combobox-host/ng-doc-ui-kit-cdk-combobox-host.ts"],"sourcesContent":["import {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tInject,\n\tInput,\n\tNgZone,\n\tOptional,\n\tSkipSelf,\n\tViewChild,\n} from '@angular/core';\nimport {\n\tNgDocBaseInput,\n\tNgDocDisplayValueHost,\n\tNgDocInputHost,\n\tNgDocListHost,\n\tNgDocOverlayHost,\n} from '@ng-doc/ui-kit/classes';\nimport {NgDocDropdownComponent} from '@ng-doc/ui-kit/components/dropdown';\nimport {ngDocZoneOptimize} from '@ng-doc/ui-kit/observables';\nimport {NgDocDisplayValueFunction, NgDocOverlayPosition} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {\n\tFL_CONTROL_HOST,\n\tFL_DEFAULT_COMPARE,\n\tFlCompareFunction,\n\tFlCompareHost,\n\tFlControlHost,\n\tFlControlSelector,\n\tprovideControlHost,\n} from 'flex-controls';\nimport {filter} from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-combobox-host',\n\ttemplateUrl: './combobox-host.component.html',\n\tstyleUrls: ['./combobox-host.component.scss'],\n\tproviders: [\n\t\tprovideControlHost(NgDocComboboxHostComponent),\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: NgDocComboboxHostComponent,\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: NgDocComboboxHostComponent,\n\t\t},\n\t\t{\n\t\t\tprovide: FlCompareHost,\n\t\t\tuseExisting: NgDocComboboxHostComponent,\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocDisplayValueHost,\n\t\t\tuseExisting: NgDocComboboxHostComponent,\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxHostComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocComboboxHostComponent<T>\n\textends FlControlHost<T>\n\timplements\n\t\tNgDocOverlayHost,\n\t\tNgDocInputHost<string>,\n\t\tFlCompareHost<T>,\n\t\tNgDocDisplayValueHost<T>,\n\t\tNgDocListHost,\n\t\tAfterContentInit\n{\n\t@Input()\n\tcompareFn: FlCompareFunction<T> = FL_DEFAULT_COMPARE;\n\n\t@Input()\n\tdisplayValueFn: NgDocDisplayValueFunction<T> = String;\n\n\t@ViewChild('origin', {read: ElementRef, static: true})\n\torigin?: ElementRef<HTMLElement>;\n\n\t@ContentChild(NgDocDropdownComponent)\n\tdropdown?: NgDocDropdownComponent;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: NgDocBaseInput<string>;\n\n\treadonly positions: NgDocOverlayPosition[] = ['bottom-center', 'top-center'];\n\n\tconstructor(\n\t\tprotected ngZone: NgZone,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@SkipSelf()\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\tngAfterContentInit(): void {\n\t\tthis.inputControl?.valueChange\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.inputControl?.isFocused),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.dropdown?.open());\n\n\t\tthis.typedControlChange(FlControlSelector)\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe(() => this.dropdown?.close());\n\t}\n\n\tget listHostOrigin(): ElementRef<HTMLElement> | undefined {\n\t\treturn this.inputControl?.elementRef;\n\t}\n\n\tget searchText(): string {\n\t\treturn this.hasValue ? '' : this.inputControl?.value || '';\n\t}\n\n\tget width(): number {\n\t\treturn this.origin?.nativeElement.offsetWidth || 0;\n\t}\n\n\tget panelClass(): string {\n\t\treturn `ng-doc-combobox-host-overlay`;\n\t}\n\n\tclickEvent(): void {\n\t\tif (!this.disabled) {\n\t\t\tthis.dropdown?.open();\n\t\t}\n\t}\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocDropdownHandlerModule} from '@ng-doc/ui-kit/directives/dropdown-handler';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\n\nimport {NgDocComboboxHostComponent} from './combobox-host.component';\n\n@NgModule({\n\tdeclarations: [NgDocComboboxHostComponent],\n\timports: [CommonModule, NgDocFocusCatcherModule, NgDocDropdownHandlerModule],\n\texports: [NgDocComboboxHostComponent],\n})\nexport class NgDocComboboxHostModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-cdk-combobox-host.mjs","sources":["../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.ts","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.component.html","../../../../libs/ui-kit/cdk/combobox-host/combobox-host.module.ts","../../../../libs/ui-kit/cdk/combobox-host/ng-doc-ui-kit-cdk-combobox-host.ts"],"sourcesContent":["import {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tElementRef, forwardRef,\n\tInject,\n\tInput,\n\tNgZone,\n\tOptional,\n\tSkipSelf,\n\tViewChild,\n} from '@angular/core';\nimport {\n\tNgDocBaseInput,\n\tNgDocDisplayValueHost,\n\tNgDocInputHost,\n\tNgDocListHost,\n\tNgDocOverlayHost,\n} from '@ng-doc/ui-kit/classes';\nimport {NgDocDropdownComponent} from '@ng-doc/ui-kit/components/dropdown';\nimport {ngDocZoneOptimize} from '@ng-doc/ui-kit/observables';\nimport {NgDocDisplayValueFunction, NgDocOverlayPosition} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {\n\tFL_CONTROL_HOST,\n\tFL_DEFAULT_COMPARE,\n\tFlCompareFunction,\n\tFlCompareHost,\n\tFlControlHost,\n\tFlControlSelector,\n\tprovideControlHost,\n} from 'flex-controls';\nimport {filter} from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-combobox-host',\n\ttemplateUrl: './combobox-host.component.html',\n\tstyleUrls: ['./combobox-host.component.scss'],\n\tproviders: [\n\t\tprovideControlHost(forwardRef(() => NgDocComboboxHostComponent)),\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: FlCompareHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocDisplayValueHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: forwardRef(() => NgDocComboboxHostComponent),\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocComboboxHostComponent<T>\n\textends FlControlHost<T>\n\timplements\n\t\tNgDocOverlayHost,\n\t\tNgDocInputHost<string>,\n\t\tFlCompareHost<T>,\n\t\tNgDocDisplayValueHost<T>,\n\t\tNgDocListHost,\n\t\tAfterContentInit\n{\n\t@Input()\n\tcompareFn: FlCompareFunction<T> = FL_DEFAULT_COMPARE;\n\n\t@Input()\n\tdisplayValueFn: NgDocDisplayValueFunction<T> = String;\n\n\t@ViewChild('origin', {read: ElementRef, static: true})\n\torigin?: ElementRef<HTMLElement>;\n\n\t@ContentChild(NgDocDropdownComponent)\n\tdropdown?: NgDocDropdownComponent;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: NgDocBaseInput<string>;\n\n\treadonly positions: NgDocOverlayPosition[] = ['bottom-center', 'top-center'];\n\n\tconstructor(\n\t\tprotected ngZone: NgZone,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@SkipSelf()\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\tngAfterContentInit(): void {\n\t\tthis.inputControl?.valueChange\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.inputControl?.isFocused),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t)\n\t\t\t.subscribe(() => this.dropdown?.open());\n\n\t\tthis.typedControlChange(FlControlSelector)\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe(() => this.dropdown?.close());\n\t}\n\n\tget listHostOrigin(): ElementRef<HTMLElement> | undefined {\n\t\treturn this.inputControl?.elementRef;\n\t}\n\n\tget searchText(): string {\n\t\treturn this.hasValue ? '' : this.inputControl?.value || '';\n\t}\n\n\tget width(): number {\n\t\treturn this.origin?.nativeElement.offsetWidth || 0;\n\t}\n\n\tget panelClass(): string {\n\t\treturn `ng-doc-combobox-host-overlay`;\n\t}\n\n\tclickEvent(): void {\n\t\tif (!this.disabled) {\n\t\t\tthis.dropdown?.open();\n\t\t}\n\t}\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocDropdownHandlerModule} from '@ng-doc/ui-kit/directives/dropdown-handler';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\n\nimport {NgDocComboboxHostComponent} from './combobox-host.component';\n\n@NgModule({\n\tdeclarations: [NgDocComboboxHostComponent],\n\timports: [CommonModule, NgDocFocusCatcherModule, NgDocDropdownHandlerModule],\n\texports: [NgDocComboboxHostComponent],\n})\nexport class NgDocComboboxHostModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs

@@ -1,14 +1,12 @@
 import * as i0 from '@angular/core';
-import { Directive, HostBinding } from '@angular/core';
-import * as i1 from 'flex-controls';
-import { FlControl } from 'flex-controls';
+import { inject, ElementRef, Renderer2, Directive, HostBinding } from '@angular/core';
+import { FlControl, FL_CONTROL_HOST } 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';
@@ -34,12 +32,12 @@ 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 }); }
 }
 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']
             }] } });

package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-classes-base-input.mjs","sources":["../../../../libs/ui-kit/classes/base-input/base-input.ts","../../../../libs/ui-kit/classes/base-input/ng-doc-ui-kit-classes-base-input.ts"],"sourcesContent":["import {Directive, ElementRef, HostBinding, Renderer2} from '@angular/core';\nimport {FlControl, FlControlHost} from 'flex-controls';\n\n@Directive()\nexport abstract class NgDocBaseInput<T> extends FlControl<T> {\n\tprotected constructor(\n\t\tpublic elementRef: ElementRef<HTMLInputElement>,\n\t\tprotected renderer: Renderer2,\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\t@HostBinding('class')\n\tget hostClasses(): string {\n\t\treturn 'ng-doc-input';\n\t}\n\n\tget placeholder(): string {\n\t\treturn this.elementRef.nativeElement.placeholder || '';\n\t}\n\n\tget isFocused(): boolean {\n\t\treturn document.activeElement === this.elementRef.nativeElement;\n\t}\n\n\tget isReadonly(): boolean {\n\t\treturn this.elementRef.nativeElement.readOnly;\n\t}\n\n\tget value(): string {\n\t\treturn this.elementRef.nativeElement.value;\n\t}\n\n\tfocus(): void {\n\t\tthis.elementRef.nativeElement.focus();\n\t}\n\n\tblink(): void {\n\t\tthis.renderer.removeClass(this.elementRef.nativeElement, '-blink');\n\t\t// eslint-disable-next-line @typescript-eslint/no-unused-expressions\n\t\tthis.elementRef.nativeElement.offsetWidth;\n\t\tthis.renderer.addClass(this.elementRef.nativeElement, '-blink');\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA,MACsB,cAAkB,SAAQ,SAAY,CAAA;AAC3D,IAAA,WAAA,CACQ,UAAwC,EACrC,QAAmB,EACV,IAAuB,EAAA;QAE1C,KAAK,CAAC,IAAI,CAAC,CAAC;QAJL,IAAU,CAAA,UAAA,GAAV,UAAU,CAA8B;QACrC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACV,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;KAG1C;AAED,IAAA,IACI,WAAW,GAAA;AACd,QAAA,OAAO,cAAc,CAAC;KACtB;AAED,IAAA,IAAI,WAAW,GAAA;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,IAAI,EAAE,CAAC;KACvD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KAChE;AAED,IAAA,IAAI,UAAU,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;KAC9C;AAED,IAAA,IAAI,KAAK,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;KAC3C;IAED,KAAK,GAAA;AACJ,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACtC;IAED,KAAK,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;;AAEnE,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;AAC1C,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;KAChE;8GAvCoB,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBADnC,SAAS;qJAWL,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;;;ACbrB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-classes-base-input.mjs","sources":["../../../../libs/ui-kit/classes/base-input/base-input.ts","../../../../libs/ui-kit/classes/base-input/ng-doc-ui-kit-classes-base-input.ts"],"sourcesContent":["import {Directive, ElementRef, HostBinding, inject, Renderer2} from '@angular/core';\nimport {FL_CONTROL_HOST, FlControl} from 'flex-controls';\nimport {FlBaseControlHost} from 'flex-controls/interfaces';\n\n@Directive()\nexport abstract class NgDocBaseInput<T> extends FlControl<T> {\n\telementRef: ElementRef<HTMLInputElement> = inject(ElementRef);\n\tprivate renderer: Renderer2 = inject(Renderer2);\n\tprotected constructor() {\n\t\tsuper(inject<FlBaseControlHost<T, T> | undefined>(FL_CONTROL_HOST, {optional: true}) || undefined);\n\t}\n\n\t@HostBinding('class')\n\tget hostClasses(): string {\n\t\treturn 'ng-doc-input';\n\t}\n\n\tget placeholder(): string {\n\t\treturn this.elementRef.nativeElement.placeholder || '';\n\t}\n\n\tget isFocused(): boolean {\n\t\treturn document.activeElement === this.elementRef.nativeElement;\n\t}\n\n\tget isReadonly(): boolean {\n\t\treturn this.elementRef.nativeElement.readOnly;\n\t}\n\n\tget value(): string {\n\t\treturn this.elementRef.nativeElement.value;\n\t}\n\n\tfocus(): void {\n\t\tthis.elementRef.nativeElement.focus();\n\t}\n\n\tblink(): void {\n\t\tthis.renderer.removeClass(this.elementRef.nativeElement, '-blink');\n\t\t// eslint-disable-next-line @typescript-eslint/no-unused-expressions\n\t\tthis.elementRef.nativeElement.offsetWidth;\n\t\tthis.renderer.addClass(this.elementRef.nativeElement, '-blink');\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA,MACsB,cAAkB,SAAQ,SAAY,CAAA;AAG3D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC,MAAM,CAAsC,eAAe,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI,SAAS,CAAC,CAAC;AAHpG,QAAA,IAAA,CAAA,UAAU,GAAiC,MAAM,CAAC,UAAU,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,SAAS,CAAC,CAAC;KAG/C;AAED,IAAA,IACI,WAAW,GAAA;AACd,QAAA,OAAO,cAAc,CAAC;KACtB;AAED,IAAA,IAAI,WAAW,GAAA;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,IAAI,EAAE,CAAC;KACvD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KAChE;AAED,IAAA,IAAI,UAAU,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;KAC9C;AAED,IAAA,IAAI,KAAK,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;KAC3C;IAED,KAAK,GAAA;AACJ,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACtC;IAED,KAAK,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;;AAEnE,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;AAC1C,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;KAChE;8GArCoB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBADnC,SAAS;0EASL,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;;;ACZrB;;AAEG;;;;"}

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

@@ -10,11 +10,11 @@ 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 }); }
 }
 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/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/blockquote.module.ts","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocBlockquoteType} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocIconModule} from '@ng-doc/ui-kit/components/icon';\n\nimport {NgDocBlockquoteComponent} from './blockquote.component';\n\n@NgModule({\n\tdeclarations: [NgDocBlockquoteComponent],\n\timports: [CommonModule, NgDocIconModule],\n\texports: [NgDocBlockquoteComponent],\n})\nexport class NgDocBlockquoteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA,MAMa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QASC,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;AACtC,KAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,+JCTrC,qcAcA,EAAA,MAAA,EAAA,CAAA,g+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDLa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACC,+BAA+B,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qcAAA,EAAA,MAAA,EAAA,CAAA,g+BAAA,CAAA,EAAA,CAAA;8BAK/C,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AELrC,MAKa,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBAJlB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAC7B,YAAY,EAAE,eAAe,aAC7B,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEtB,qBAAqB,EAAA,OAAA,EAAA,CAHvB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;oBACxC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACnC,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/blockquote.module.ts","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocBlockquoteType} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocIconModule} from '@ng-doc/ui-kit/components/icon';\n\nimport {NgDocBlockquoteComponent} from './blockquote.component';\n\n@NgModule({\n\tdeclarations: [NgDocBlockquoteComponent],\n\timports: [CommonModule, NgDocIconModule],\n\texports: [NgDocBlockquoteComponent],\n})\nexport class NgDocBlockquoteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA,MAMa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QASC,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;AACtC,KAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,+JCTrC,qcAcA,EAAA,MAAA,EAAA,CAAA,67BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDLa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACC,+BAA+B,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qcAAA,EAAA,MAAA,EAAA,CAAA,67BAAA,CAAA,EAAA,CAAA;8BAK/C,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AELrC,MAKa,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBAJlB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAC7B,YAAY,EAAE,eAAe,aAC7B,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEtB,qBAAqB,EAAA,OAAA,EAAA,CAHvB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;oBACxC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACnC,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}

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

@@ -9,11 +9,11 @@ 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 }); }
 }
 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/fesm2022/ng-doc-ui-kit-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/button.component.html","../../../../libs/ui-kit/components/button/button.module.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocColor, NgDocPaletteColor, NgDocSize} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector:\n\t\t'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]',\n\ttemplateUrl: './button.component.html',\n\tstyleUrls: ['./button.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor | NgDocPaletteColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = false;\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocButtonComponent} from './button.component';\n\n@NgModule({\n\tdeclarations: [NgDocButtonComponent],\n\timports: [CommonModule],\n\texports: [NgDocButtonComponent],\n})\nexport class NgDocButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAOa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAK,CAAA,KAAA,GAAmC,SAAS,CAAC;QAIlD,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACzB,KAAA;8GAZY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,uYCVjC,6BACA,EAAA,MAAA,EAAA,CAAA,yjrBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BAER,+IAA+I,EAAA,eAAA,EAG/H,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,yjrBAAA,CAAA,EAAA,CAAA;8BAK/C,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;AEfxC,MAKa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJd,YAAA,EAAA,CAAA,oBAAoB,CACzB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHnB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAC/B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/button.component.html","../../../../libs/ui-kit/components/button/button.module.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocColor, NgDocPaletteColor, NgDocSize} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector:\n\t\t'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]',\n\ttemplateUrl: './button.component.html',\n\tstyleUrls: ['./button.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor | NgDocPaletteColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = false;\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocButtonComponent} from './button.component';\n\n@NgModule({\n\tdeclarations: [NgDocButtonComponent],\n\timports: [CommonModule],\n\texports: [NgDocButtonComponent],\n})\nexport class NgDocButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAOa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAK,CAAA,KAAA,GAAmC,SAAS,CAAC;QAIlD,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACzB,KAAA;8GAZY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,uYCVjC,6BACA,EAAA,MAAA,EAAA,CAAA,shrBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BAER,+IAA+I,EAAA,eAAA,EAG/H,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,shrBAAA,CAAA,EAAA,CAAA;8BAK/C,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;AEfxC,MAKa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJd,YAAA,EAAA,CAAA,oBAAoB,CACzB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHnB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAC/B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -19,11 +19,11 @@ 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 }); }
 }
 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]

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/checkbox.module.ts","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional} from '@angular/core';\nimport {NgDocColor} from '@ng-doc/ui-kit/types';\nimport {FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocCheckboxComponent<T> extends FlControlSelector<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor(\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t}\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocIconModule} from '@ng-doc/ui-kit/components/icon';\nimport {NgDocCheckedChangeModule} from '@ng-doc/ui-kit/directives/checked-change';\nimport {NgDocFocusableModule} from '@ng-doc/ui-kit/directives/focusable';\n\nimport {NgDocCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n\tdeclarations: [NgDocCheckboxComponent],\n\timports: [CommonModule, NgDocIconModule, NgDocFocusableModule, NgDocCheckedChangeModule],\n\texports: [NgDocCheckboxComponent],\n})\nexport class NgDocCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/checkbox.module.ts","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional} from '@angular/core';\nimport {NgDocColor} from '@ng-doc/ui-kit/types';\nimport {FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocCheckboxComponent<T> extends FlControlSelector<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor(\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t}\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocIconModule} from '@ng-doc/ui-kit/components/icon';\nimport {NgDocCheckedChangeModule} from '@ng-doc/ui-kit/directives/checked-change';\nimport {NgDocFocusableModule} from '@ng-doc/ui-kit/directives/focusable';\n\nimport {NgDocCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n\tdeclarations: [NgDocCheckboxComponent],\n\timports: [CommonModule, NgDocIconModule, NgDocFocusableModule, NgDocCheckedChangeModule],\n\texports: [NgDocCheckboxComponent],\n})\nexport class NgDocCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}