@ng-doc/ui-kit 16.7.2 → 16.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/components/smooth-resize/smooth-resize.component.d.ts +1 -2
  2. package/esm2022/components/blockquote/blockquote.component.mjs +3 -3
  3. package/esm2022/components/button/button.component.mjs +2 -2
  4. package/esm2022/components/smooth-resize/smooth-resize.component.mjs +6 -6
  5. package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +2 -2
  6. package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
  7. package/fesm2022/ng-doc-ui-kit-components-button.mjs +2 -2
  8. package/fesm2022/ng-doc-ui-kit-components-button.mjs.map +1 -1
  9. package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs +5 -5
  10. package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs.map +1 -1
  11. package/package.json +2 -2
package/components/smooth-resize/smooth-resize.component.d.ts CHANGED
@@ -9,11 +9,10 @@ export declare class NgDocSmoothResizeComponent implements OnChanges {
9
9
  params: {
10
10
  startHeight: number;
11
11
  startWidth: number;
12
- startOpacity: number;
13
12
  };
14
13
  };
15
14
  constructor(element: ElementRef<HTMLElement>);
16
15
  ngOnChanges(): void;
17
16
  static ɵfac: i0.ɵɵFactoryDeclaration<NgDocSmoothResizeComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<NgDocSmoothResizeComponent, "ng-doc-smooth-resize", never, { "trigger": { "alias": "trigger"; "required": false; }; "animateOpacity": { "alias": "animateOpacity"; "required": false; }; }, {}, never, ["*"], true, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgDocSmoothResizeComponent, "ng-doc-smooth-resize", never, { "trigger": { "alias": "trigger"; "required": true; }; "animateOpacity": { "alias": "animateOpacity"; "required": false; }; }, {}, never, ["*"], true, never>;
19
18
  }
package/esm2022/components/blockquote/blockquote.component.mjs CHANGED
@@ -7,16 +7,16 @@ class NgDocBlockquoteComponent {
7
7
  this.type = 'default';
8
8
  }
9
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, 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;--ng-doc-code-margin: var(--ng-doc-base-gutter) 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11
11
  }
12
12
  export { NgDocBlockquoteComponent };
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
14
14
  type: Component,
15
- args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], 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"] }]
15
+ args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], 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;--ng-doc-code-margin: var(--ng-doc-base-gutter) 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"] }]
16
16
  }], propDecorators: { type: [{
17
17
  type: Input
18
18
  }, {
19
19
  type: HostBinding,
20
20
  args: ['attr.data-ng-doc-type']
21
21
  }] } });
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2txdW90ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2Jsb2NrcXVvdGUvYmxvY2txdW90ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2Jsb2NrcXVvdGUvYmxvY2txdW90ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3RCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7O0FBR2xFLE1BUWEsd0JBQXdCO0lBUnJDO1FBV0MsU0FBSSxHQUF3QixTQUFTLENBQUM7S0FDdEM7OEdBSlksd0JBQXdCO2tHQUF4Qix3QkFBd0IsbUxDYnJDLHFjQWNBLHEvQkRIVyxJQUFJLDZGQUFFLFFBQVEsNkVBQUUsWUFBWSxxRkFBRSxrQkFBa0I7O1NBRTlDLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNDLCtCQUErQixtQkFHeEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxrQkFBa0IsQ0FBQzs4QkFLM0QsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdJZiwgTmdTd2l0Y2gsIE5nU3dpdGNoQ2FzZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NJY29uQ29tcG9uZW50fSBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHtOZ0RvY0Jsb2NrcXVvdGVUeXBlfSBmcm9tICdAbmctZG9jL3VpLWtpdC90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2Jsb2NrcXVvdGVbbmctZG9jLWJsb2NrcXVvdGVdJyxcblx0dGVtcGxhdGVVcmw6ICcuL2Jsb2NrcXVvdGUuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9ibG9ja3F1b3RlLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbTmdJZiwgTmdTd2l0Y2gsIE5nU3dpdGNoQ2FzZSwgTmdEb2NJY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NCbG9ja3F1b3RlQ29tcG9uZW50IHtcblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLXR5cGUnKVxuXHR0eXBlOiBOZ0RvY0Jsb2NrcXVvdGVUeXBlID0gJ2RlZmF1bHQnO1xufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1ibG9ja3F1b3RlLWljb25cIiAqbmdJZj1cInR5cGUgIT09ICdkZWZhdWx0J1wiPlxuXHQ8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ25vdGUnXCI+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImluZm9cIiBbc2l6ZV09XCIyNFwiPjwvbmctZG9jLWljb24+XG5cdFx0PC9uZy1jb250YWluZXI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3dhcm5pbmcnXCI+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImFsZXJ0LXRyaWFuZ2xlXCIgW3NpemVdPVwiMjRcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvbmctY29udGFpbmVyPlxuXHQ8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGRpdj5cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbiJdfQ==
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2txdW90ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2Jsb2NrcXVvdGUvYmxvY2txdW90ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2Jsb2NrcXVvdGUvYmxvY2txdW90ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3RCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7O0FBR2xFLE1BUWEsd0JBQXdCO0lBUnJDO1FBV0MsU0FBSSxHQUF3QixTQUFTLENBQUM7S0FDdEM7OEdBSlksd0JBQXdCO2tHQUF4Qix3QkFBd0IsbUxDYnJDLHFjQWNBLHVpQ0RIVyxJQUFJLDZGQUFFLFFBQVEsNkVBQUUsWUFBWSxxRkFBRSxrQkFBa0I7O1NBRTlDLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNDLCtCQUErQixtQkFHeEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxrQkFBa0IsQ0FBQzs4QkFLM0QsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdJZiwgTmdTd2l0Y2gsIE5nU3dpdGNoQ2FzZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NJY29uQ29tcG9uZW50fSBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHtOZ0RvY0Jsb2NrcXVvdGVUeXBlfSBmcm9tICdAbmctZG9jL3VpLWtpdC90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2Jsb2NrcXVvdGVbbmctZG9jLWJsb2NrcXVvdGVdJyxcblx0dGVtcGxhdGVVcmw6ICcuL2Jsb2NrcXVvdGUuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9ibG9ja3F1b3RlLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbTmdJZiwgTmdTd2l0Y2gsIE5nU3dpdGNoQ2FzZSwgTmdEb2NJY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NCbG9ja3F1b3RlQ29tcG9uZW50IHtcblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLXR5cGUnKVxuXHR0eXBlOiBOZ0RvY0Jsb2NrcXVvdGVUeXBlID0gJ2RlZmF1bHQnO1xufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1ibG9ja3F1b3RlLWljb25cIiAqbmdJZj1cInR5cGUgIT09ICdkZWZhdWx0J1wiPlxuXHQ8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ25vdGUnXCI+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImluZm9cIiBbc2l6ZV09XCIyNFwiPjwvbmctZG9jLWljb24+XG5cdFx0PC9uZy1jb250YWluZXI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3dhcm5pbmcnXCI+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImFsZXJ0LXRyaWFuZ2xlXCIgW3NpemVdPVwiMjRcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvbmctY29udGFpbmVyPlxuXHQ8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGRpdj5cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbiJdfQ==
package/esm2022/components/button/button.component.mjs CHANGED
@@ -7,12 +7,12 @@ class NgDocButtonComponent {
7
7
  this.rounded = false;
8
8
  }
9
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, 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 }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, 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]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}: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;--ng-doc-line-height: 32px}: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 }); }
11
11
  }
12
12
  export { NgDocButtonComponent };
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
14
14
  type: Component,
15
- 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, standalone: true, 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"] }]
15
+ 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, standalone: true, 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]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}: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;--ng-doc-line-height: 32px}: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"] }]
16
16
  }], propDecorators: { size: [{
17
17
  type: Input
18
18
  }, {
package/esm2022/components/smooth-resize/smooth-resize.component.mjs CHANGED
@@ -7,7 +7,7 @@ class NgDocSmoothResizeComponent {
7
7
  this.animateOpacity = true;
8
8
  this.resizeAnimation = {
9
9
  value: 0,
10
- params: { startHeight: 0, startWidth: 0, startOpacity: 0 },
10
+ params: { startHeight: 0, startWidth: 0 },
11
11
  };
12
12
  }
13
13
  ngOnChanges() {
@@ -16,7 +16,6 @@ class NgDocSmoothResizeComponent {
16
16
  params: {
17
17
  startHeight: this.element.nativeElement.clientHeight,
18
18
  startWidth: this.element.nativeElement.clientWidth,
19
- startOpacity: this.animateOpacity ? 0 : 1,
20
19
  },
21
20
  };
22
21
  }
@@ -25,7 +24,7 @@ class NgDocSmoothResizeComponent {
25
24
  trigger('resizeAnimation', [
26
25
  transition('void <=> *', []),
27
26
  transition('* <=> *', [
28
- style({ height: '{{startHeight}}px', width: '{{startWidth}}px', opacity: '{{startOpacity}}' }),
27
+ style({ height: '{{startHeight}}px', width: '{{startWidth}}px' }),
29
28
  animate('.225s ease-in-out'),
30
29
  ]),
31
30
  ]),
@@ -38,17 +37,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
38
37
  trigger('resizeAnimation', [
39
38
  transition('void <=> *', []),
40
39
  transition('* <=> *', [
41
- style({ height: '{{startHeight}}px', width: '{{startWidth}}px', opacity: '{{startOpacity}}' }),
40
+ style({ height: '{{startHeight}}px', width: '{{startWidth}}px' }),
42
41
  animate('.225s ease-in-out'),
43
42
  ]),
44
43
  ]),
45
44
  ], selector: 'ng-doc-smooth-resize', template: ` <ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;overflow:hidden;height:var(--ng-doc-smooth-resize-height);max-height:var(--ng-doc-smooth-resize-max-height)}\n"] }]
46
45
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { trigger: [{
47
- type: Input
46
+ type: Input,
47
+ args: [{ required: true }]
48
48
  }], animateOpacity: [{
49
49
  type: Input
50
50
  }], resizeAnimation: [{
51
51
  type: HostBinding,
52
52
  args: ['@resizeAnimation']
53
53
  }] } });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21vb3RoLXJlc2l6ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3Ntb290aC1yZXNpemUvc21vb3RoLXJlc2l6ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7O0FBRTVHLE1BeUJhLDBCQUEwQjtJQWdCdEMsWUFBNkIsT0FBZ0M7UUFBaEMsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7UUFYN0QsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFHL0Isb0JBQWUsR0FHWDtZQUNILEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLEVBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLFlBQVksRUFBRSxDQUFDLEVBQUM7U0FDeEQsQ0FBQztJQUU4RCxDQUFDO0lBRWpFLFdBQVc7UUFDVixJQUFJLENBQUMsZUFBZSxHQUFHO1lBQ3RCLEtBQUssRUFBRSxJQUFJLENBQUMsT0FBTztZQUNuQixNQUFNLEVBQUU7Z0JBQ1AsV0FBVyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFlBQVk7Z0JBQ3BELFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXO2dCQUNsRCxZQUFZLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3pDO1NBQ0QsQ0FBQztJQUNILENBQUM7OEdBM0JXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDZPQWQ1Qiw0QkFBNEIsOEtBVjFCO1lBQ1gsT0FBTyxDQUFDLGlCQUFpQixFQUFFO2dCQUMxQixVQUFVLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztnQkFDNUIsVUFBVSxDQUFDLFNBQVMsRUFBRTtvQkFDckIsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUMsQ0FBQztvQkFDNUYsT0FBTyxDQUFDLG1CQUFtQixDQUFDO2lCQUM1QixDQUFDO2FBQ0YsQ0FBQztTQUNGOztTQWdCVywwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkF6QnRDLFNBQVM7aUNBQ0c7d0JBQ1gsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUMxQixVQUFVLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQzs0QkFDNUIsVUFBVSxDQUFDLFNBQVMsRUFBRTtnQ0FDckIsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUMsQ0FBQztnQ0FDNUYsT0FBTyxDQUFDLG1CQUFtQixDQUFDOzZCQUM1QixDQUFDO3lCQUNGLENBQUM7cUJBQ0YsWUFDUyxzQkFBc0IsWUFDdEIsNEJBQTRCLG1CQVdyQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7aUdBSWhCLE9BQU87c0JBRE4sS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxXQUFXO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuXHRhbmltYXRpb25zOiBbXG5cdFx0dHJpZ2dlcigncmVzaXplQW5pbWF0aW9uJywgW1xuXHRcdFx0dHJhbnNpdGlvbigndm9pZCA8PT4gKicsIFtdKSxcblx0XHRcdHRyYW5zaXRpb24oJyogPD0+IConLCBbXG5cdFx0XHRcdHN0eWxlKHtoZWlnaHQ6ICd7e3N0YXJ0SGVpZ2h0fX1weCcsIHdpZHRoOiAne3tzdGFydFdpZHRofX1weCcsIG9wYWNpdHk6ICd7e3N0YXJ0T3BhY2l0eX19J30pLFxuXHRcdFx0XHRhbmltYXRlKCcuMjI1cyBlYXNlLWluLW91dCcpLFxuXHRcdFx0XSksXG5cdFx0XSksXG5cdF0sXG5cdHNlbGVjdG9yOiAnbmctZG9jLXNtb290aC1yZXNpemUnLFxuXHR0ZW1wbGF0ZTogYCA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcblx0c3R5bGVzOiBbXG5cdFx0YFxuXHRcdFx0Omhvc3Qge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0aGVpZ2h0OiB2YXIoLS1uZy1kb2Mtc21vb3RoLXJlc2l6ZS1oZWlnaHQpO1xuXHRcdFx0XHRtYXgtaGVpZ2h0OiB2YXIoLS1uZy1kb2Mtc21vb3RoLXJlc2l6ZS1tYXgtaGVpZ2h0KTtcblx0XHRcdH1cblx0XHRgLFxuXHRdLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NTbW9vdGhSZXNpemVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXHRASW5wdXQoKVxuXHR0cmlnZ2VyOiB1bmtub3duO1xuXG5cdEBJbnB1dCgpXG5cdGFuaW1hdGVPcGFjaXR5OiBib29sZWFuID0gdHJ1ZTtcblxuXHRASG9zdEJpbmRpbmcoJ0ByZXNpemVBbmltYXRpb24nKVxuXHRyZXNpemVBbmltYXRpb24/OiB7XG5cdFx0dmFsdWU6IHVua25vd247XG5cdFx0cGFyYW1zOiB7c3RhcnRIZWlnaHQ6IG51bWJlcjsgc3RhcnRXaWR0aDogbnVtYmVyOyBzdGFydE9wYWNpdHk6IG51bWJlcn07XG5cdH0gPSB7XG5cdFx0dmFsdWU6IDAsXG5cdFx0cGFyYW1zOiB7c3RhcnRIZWlnaHQ6IDAsIHN0YXJ0V2lkdGg6IDAsIHN0YXJ0T3BhY2l0eTogMH0sXG5cdH07XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBlbGVtZW50OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuXHRuZ09uQ2hhbmdlcygpOiB2b2lkIHtcblx0XHR0aGlzLnJlc2l6ZUFuaW1hdGlvbiA9IHtcblx0XHRcdHZhbHVlOiB0aGlzLnRyaWdnZXIsXG5cdFx0XHRwYXJhbXM6IHtcblx0XHRcdFx0c3RhcnRIZWlnaHQ6IHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodCxcblx0XHRcdFx0c3RhcnRXaWR0aDogdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgsXG5cdFx0XHRcdHN0YXJ0T3BhY2l0eTogdGhpcy5hbmltYXRlT3BhY2l0eSA/IDAgOiAxLFxuXHRcdFx0fSxcblx0XHR9O1xuXHR9XG59XG4iXX0=
54
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21vb3RoLXJlc2l6ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3Ntb290aC1yZXNpemUvc21vb3RoLXJlc2l6ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7O0FBRTVHLE1BeUJhLDBCQUEwQjtJQWdCdEMsWUFBNkIsT0FBZ0M7UUFBaEMsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7UUFYN0QsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFHL0Isb0JBQWUsR0FHWDtZQUNILEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLEVBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFDO1NBQ3ZDLENBQUM7SUFFOEQsQ0FBQztJQUVqRSxXQUFXO1FBQ1YsSUFBSSxDQUFDLGVBQWUsR0FBRztZQUN0QixLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDbkIsTUFBTSxFQUFFO2dCQUNQLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxZQUFZO2dCQUNwRCxVQUFVLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsV0FBVzthQUNsRDtTQUNELENBQUM7SUFDSCxDQUFDOzhHQTFCVywwQkFBMEI7a0dBQTFCLDBCQUEwQiw2T0FkNUIsNEJBQTRCLDhLQVYxQjtZQUNYLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtnQkFDMUIsVUFBVSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUM7Z0JBQzVCLFVBQVUsQ0FBQyxTQUFTLEVBQUU7b0JBQ3JCLEtBQUssQ0FBQyxFQUFDLE1BQU0sRUFBRSxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUMsQ0FBQztvQkFDL0QsT0FBTyxDQUFDLG1CQUFtQixDQUFDO2lCQUM1QixDQUFDO2FBQ0YsQ0FBQztTQUNGOztTQWdCVywwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkF6QnRDLFNBQVM7aUNBQ0c7d0JBQ1gsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUMxQixVQUFVLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQzs0QkFDNUIsVUFBVSxDQUFDLFNBQVMsRUFBRTtnQ0FDckIsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBQyxDQUFDO2dDQUMvRCxPQUFPLENBQUMsbUJBQW1CLENBQUM7NkJBQzVCLENBQUM7eUJBQ0YsQ0FBQztxQkFDRixZQUNTLHNCQUFzQixZQUN0Qiw0QkFBNEIsbUJBV3JCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSTtpR0FJaEIsT0FBTztzQkFETixLQUFLO3VCQUFDLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQztnQkFJdkIsY0FBYztzQkFEYixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsV0FBVzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0YW5pbWF0aW9uczogW1xuXHRcdHRyaWdnZXIoJ3Jlc2l6ZUFuaW1hdGlvbicsIFtcblx0XHRcdHRyYW5zaXRpb24oJ3ZvaWQgPD0+IConLCBbXSksXG5cdFx0XHR0cmFuc2l0aW9uKCcqIDw9PiAqJywgW1xuXHRcdFx0XHRzdHlsZSh7aGVpZ2h0OiAne3tzdGFydEhlaWdodH19cHgnLCB3aWR0aDogJ3t7c3RhcnRXaWR0aH19cHgnfSksXG5cdFx0XHRcdGFuaW1hdGUoJy4yMjVzIGVhc2UtaW4tb3V0JyksXG5cdFx0XHRdKSxcblx0XHRdKSxcblx0XSxcblx0c2VsZWN0b3I6ICduZy1kb2Mtc21vb3RoLXJlc2l6ZScsXG5cdHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuXHRzdHlsZXM6IFtcblx0XHRgXG5cdFx0XHQ6aG9zdCB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0XHRoZWlnaHQ6IHZhcigtLW5nLWRvYy1zbW9vdGgtcmVzaXplLWhlaWdodCk7XG5cdFx0XHRcdG1heC1oZWlnaHQ6IHZhcigtLW5nLWRvYy1zbW9vdGgtcmVzaXplLW1heC1oZWlnaHQpO1xuXHRcdFx0fVxuXHRcdGAsXG5cdF0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1Ntb290aFJlc2l6ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdEBJbnB1dCh7cmVxdWlyZWQ6IHRydWV9KVxuXHR0cmlnZ2VyOiB1bmtub3duO1xuXG5cdEBJbnB1dCgpXG5cdGFuaW1hdGVPcGFjaXR5OiBib29sZWFuID0gdHJ1ZTtcblxuXHRASG9zdEJpbmRpbmcoJ0ByZXNpemVBbmltYXRpb24nKVxuXHRyZXNpemVBbmltYXRpb24/OiB7XG5cdFx0dmFsdWU6IHVua25vd247XG5cdFx0cGFyYW1zOiB7c3RhcnRIZWlnaHQ6IG51bWJlcjsgc3RhcnRXaWR0aDogbnVtYmVyfTtcblx0fSA9IHtcblx0XHR2YWx1ZTogMCxcblx0XHRwYXJhbXM6IHtzdGFydEhlaWdodDogMCwgc3RhcnRXaWR0aDogMH0sXG5cdH07XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBlbGVtZW50OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuXHRuZ09uQ2hhbmdlcygpOiB2b2lkIHtcblx0XHR0aGlzLnJlc2l6ZUFuaW1hdGlvbiA9IHtcblx0XHRcdHZhbHVlOiB0aGlzLnRyaWdnZXIsXG5cdFx0XHRwYXJhbXM6IHtcblx0XHRcdFx0c3RhcnRIZWlnaHQ6IHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodCxcblx0XHRcdFx0c3RhcnRXaWR0aDogdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgsXG5cdFx0XHR9LFxuXHRcdH07XG5cdH1cbn1cbiJdfQ==
package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs CHANGED
@@ -8,11 +8,11 @@ class NgDocBlockquoteComponent {
8
8
  this.type = 'default';
9
9
  }
10
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, 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;--ng-doc-code-margin: var(--ng-doc-base-gutter) 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
12
12
  }
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
14
14
  type: Component,
15
- args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], 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"] }]
15
+ args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], 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;--ng-doc-code-margin: var(--ng-doc-base-gutter) 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"] }]
16
16
  }], propDecorators: { type: [{
17
17
  type: Input
18
18
  }, {
package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map CHANGED
@@ -1 +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/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import {NgIf, NgSwitch, NgSwitchCase} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocIconComponent} from '@ng-doc/ui-kit/components/icon';\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\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAQa,wBAAwB,CAAA;AARrC,IAAA,WAAA,GAAA;QAWC,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;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrC,qcAcA,EDHW,MAAA,EAAA,CAAA,67BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,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;;2FAE9C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAGxB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,qcAAA,EAAA,MAAA,EAAA,CAAA,67BAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}
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/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import {NgIf, NgSwitch, NgSwitchCase} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocIconComponent} from '@ng-doc/ui-kit/components/icon';\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\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAQa,wBAAwB,CAAA;AARrC,IAAA,WAAA,GAAA;QAWC,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;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrC,qcAcA,EDHW,MAAA,EAAA,CAAA,++BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,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;;2FAE9C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAGxB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,qcAAA,EAAA,MAAA,EAAA,CAAA,++BAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}
package/fesm2022/ng-doc-ui-kit-components-button.mjs CHANGED
@@ -8,11 +8,11 @@ class NgDocButtonComponent {
8
8
  this.rounded = false;
9
9
  }
10
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, 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 }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, 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]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}: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;--ng-doc-line-height: 32px}: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 }); }
12
12
  }
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
14
14
  type: Component,
15
- 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, standalone: true, 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"] }]
15
+ 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, standalone: true, 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]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}: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;--ng-doc-line-height: 32px}: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"] }]
16
16
  }], propDecorators: { size: [{
17
17
  type: Input
18
18
  }, {
package/fesm2022/ng-doc-ui-kit-components-button.mjs.map CHANGED
@@ -1 +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/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\tstandalone: true,\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAQa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWC,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,2ZCXjC,6BACA,EAAA,MAAA,EAAA,CAAA,shrBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDUa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAER,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,EAG/H,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,shrBAAA,CAAA,EAAA,CAAA;8BAKhB,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;;;AErBxC;;AAEG;;;;"}
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/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\tstandalone: true,\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAQa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWC,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,2ZCXjC,6BACA,EAAA,MAAA,EAAA,CAAA,ghrBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDUa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAER,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,EAG/H,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,ghrBAAA,CAAA,EAAA,CAAA;8BAKhB,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;;;AErBxC;;AAEG;;;;"}
package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs CHANGED
@@ -8,7 +8,7 @@ class NgDocSmoothResizeComponent {
8
8
  this.animateOpacity = true;
9
9
  this.resizeAnimation = {
10
10
  value: 0,
11
- params: { startHeight: 0, startWidth: 0, startOpacity: 0 },
11
+ params: { startHeight: 0, startWidth: 0 },
12
12
  };
13
13
  }
14
14
  ngOnChanges() {
@@ -17,7 +17,6 @@ class NgDocSmoothResizeComponent {
17
17
  params: {
18
18
  startHeight: this.element.nativeElement.clientHeight,
19
19
  startWidth: this.element.nativeElement.clientWidth,
20
- startOpacity: this.animateOpacity ? 0 : 1,
21
20
  },
22
21
  };
23
22
  }
@@ -26,7 +25,7 @@ class NgDocSmoothResizeComponent {
26
25
  trigger('resizeAnimation', [
27
26
  transition('void <=> *', []),
28
27
  transition('* <=> *', [
29
- style({ height: '{{startHeight}}px', width: '{{startWidth}}px', opacity: '{{startOpacity}}' }),
28
+ style({ height: '{{startHeight}}px', width: '{{startWidth}}px' }),
30
29
  animate('.225s ease-in-out'),
31
30
  ]),
32
31
  ]),
@@ -38,13 +37,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
38
37
  trigger('resizeAnimation', [
39
38
  transition('void <=> *', []),
40
39
  transition('* <=> *', [
41
- style({ height: '{{startHeight}}px', width: '{{startWidth}}px', opacity: '{{startOpacity}}' }),
40
+ style({ height: '{{startHeight}}px', width: '{{startWidth}}px' }),
42
41
  animate('.225s ease-in-out'),
43
42
  ]),
44
43
  ]),
45
44
  ], selector: 'ng-doc-smooth-resize', template: ` <ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;overflow:hidden;height:var(--ng-doc-smooth-resize-height);max-height:var(--ng-doc-smooth-resize-max-height)}\n"] }]
46
45
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { trigger: [{
47
- type: Input
46
+ type: Input,
47
+ args: [{ required: true }]
48
48
  }], animateOpacity: [{
49
49
  type: Input
50
50
  }], resizeAnimation: [{
package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-components-smooth-resize.mjs","sources":["../../../../libs/ui-kit/components/smooth-resize/smooth-resize.component.ts","../../../../libs/ui-kit/components/smooth-resize/ng-doc-ui-kit-components-smooth-resize.ts"],"sourcesContent":["import {animate, style, transition, trigger} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, OnChanges} from '@angular/core';\n\n@Component({\n\tanimations: [\n\t\ttrigger('resizeAnimation', [\n\t\t\ttransition('void <=> *', []),\n\t\t\ttransition('* <=> *', [\n\t\t\t\tstyle({height: '{{startHeight}}px', width: '{{startWidth}}px', opacity: '{{startOpacity}}'}),\n\t\t\t\tanimate('.225s ease-in-out'),\n\t\t\t]),\n\t\t]),\n\t],\n\tselector: 'ng-doc-smooth-resize',\n\ttemplate: ` <ng-content></ng-content>`,\n\tstyles: [\n\t\t`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\toverflow: hidden;\n\t\t\t\theight: var(--ng-doc-smooth-resize-height);\n\t\t\t\tmax-height: var(--ng-doc-smooth-resize-max-height);\n\t\t\t}\n\t\t`,\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocSmoothResizeComponent implements OnChanges {\n\t@Input()\n\ttrigger: unknown;\n\n\t@Input()\n\tanimateOpacity: boolean = true;\n\n\t@HostBinding('@resizeAnimation')\n\tresizeAnimation?: {\n\t\tvalue: unknown;\n\t\tparams: {startHeight: number; startWidth: number; startOpacity: number};\n\t} = {\n\t\tvalue: 0,\n\t\tparams: {startHeight: 0, startWidth: 0, startOpacity: 0},\n\t};\n\n\tconstructor(private readonly element: ElementRef<HTMLElement>) {}\n\n\tngOnChanges(): void {\n\t\tthis.resizeAnimation = {\n\t\t\tvalue: this.trigger,\n\t\t\tparams: {\n\t\t\t\tstartHeight: this.element.nativeElement.clientHeight,\n\t\t\t\tstartWidth: this.element.nativeElement.clientWidth,\n\t\t\t\tstartOpacity: this.animateOpacity ? 0 : 1,\n\t\t\t},\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAyBa,0BAA0B,CAAA;AAgBtC,IAAA,WAAA,CAA6B,OAAgC,EAAA;QAAhC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;QAX7D,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAGX;AACH,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,MAAM,EAAE,EAAC,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC;SACxD,CAAC;KAE+D;IAEjE,WAAW,GAAA;QACV,IAAI,CAAC,eAAe,GAAG;YACtB,KAAK,EAAE,IAAI,CAAC,OAAO;AACnB,YAAA,MAAM,EAAE;AACP,gBAAA,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY;AACpD,gBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW;gBAClD,YAAY,EAAE,IAAI,CAAC,cAAc,GAAG,CAAC,GAAG,CAAC;AACzC,aAAA;SACD,CAAC;KACF;8GA3BW,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd5B,4BAA4B,EAV1B,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA,UAAA,EAAA;YACX,OAAO,CAAC,iBAAiB,EAAE;AAC1B,gBAAA,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;gBAC5B,UAAU,CAAC,SAAS,EAAE;AACrB,oBAAA,KAAK,CAAC,EAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAC,CAAC;oBAC5F,OAAO,CAAC,mBAAmB,CAAC;iBAC5B,CAAC;aACF,CAAC;AACF,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAgBW,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAzBtC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA;wBACX,OAAO,CAAC,iBAAiB,EAAE;AAC1B,4BAAA,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;4BAC5B,UAAU,CAAC,SAAS,EAAE;AACrB,gCAAA,KAAK,CAAC,EAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAC,CAAC;gCAC5F,OAAO,CAAC,mBAAmB,CAAC;6BAC5B,CAAC;yBACF,CAAC;qBACF,EACS,QAAA,EAAA,sBAAsB,YACtB,CAA4B,0BAAA,CAAA,EAAA,eAAA,EAWrB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA,CAAA;iGAIhB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,cAAc,EAAA,CAAA;sBADb,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,WAAW;uBAAC,kBAAkB,CAAA;;;ACnChC;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-components-smooth-resize.mjs","sources":["../../../../libs/ui-kit/components/smooth-resize/smooth-resize.component.ts","../../../../libs/ui-kit/components/smooth-resize/ng-doc-ui-kit-components-smooth-resize.ts"],"sourcesContent":["import {animate, style, transition, trigger} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, OnChanges} from '@angular/core';\n\n@Component({\n\tanimations: [\n\t\ttrigger('resizeAnimation', [\n\t\t\ttransition('void <=> *', []),\n\t\t\ttransition('* <=> *', [\n\t\t\t\tstyle({height: '{{startHeight}}px', width: '{{startWidth}}px'}),\n\t\t\t\tanimate('.225s ease-in-out'),\n\t\t\t]),\n\t\t]),\n\t],\n\tselector: 'ng-doc-smooth-resize',\n\ttemplate: ` <ng-content></ng-content>`,\n\tstyles: [\n\t\t`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\toverflow: hidden;\n\t\t\t\theight: var(--ng-doc-smooth-resize-height);\n\t\t\t\tmax-height: var(--ng-doc-smooth-resize-max-height);\n\t\t\t}\n\t\t`,\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocSmoothResizeComponent implements OnChanges {\n\t@Input({required: true})\n\ttrigger: unknown;\n\n\t@Input()\n\tanimateOpacity: boolean = true;\n\n\t@HostBinding('@resizeAnimation')\n\tresizeAnimation?: {\n\t\tvalue: unknown;\n\t\tparams: {startHeight: number; startWidth: number};\n\t} = {\n\t\tvalue: 0,\n\t\tparams: {startHeight: 0, startWidth: 0},\n\t};\n\n\tconstructor(private readonly element: ElementRef<HTMLElement>) {}\n\n\tngOnChanges(): void {\n\t\tthis.resizeAnimation = {\n\t\t\tvalue: this.trigger,\n\t\t\tparams: {\n\t\t\t\tstartHeight: this.element.nativeElement.clientHeight,\n\t\t\t\tstartWidth: this.element.nativeElement.clientWidth,\n\t\t\t},\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAyBa,0BAA0B,CAAA;AAgBtC,IAAA,WAAA,CAA6B,OAAgC,EAAA;QAAhC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;QAX7D,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAGX;AACH,YAAA,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,EAAC,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAC;SACvC,CAAC;KAE+D;IAEjE,WAAW,GAAA;QACV,IAAI,CAAC,eAAe,GAAG;YACtB,KAAK,EAAE,IAAI,CAAC,OAAO;AACnB,YAAA,MAAM,EAAE;AACP,gBAAA,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY;AACpD,gBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW;AAClD,aAAA;SACD,CAAC;KACF;8GA1BW,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd5B,4BAA4B,EAV1B,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA,UAAA,EAAA;YACX,OAAO,CAAC,iBAAiB,EAAE;AAC1B,gBAAA,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;gBAC5B,UAAU,CAAC,SAAS,EAAE;oBACrB,KAAK,CAAC,EAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,EAAC,CAAC;oBAC/D,OAAO,CAAC,mBAAmB,CAAC;iBAC5B,CAAC;aACF,CAAC;AACF,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAgBW,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAzBtC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA;wBACX,OAAO,CAAC,iBAAiB,EAAE;AAC1B,4BAAA,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;4BAC5B,UAAU,CAAC,SAAS,EAAE;gCACrB,KAAK,CAAC,EAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,EAAC,CAAC;gCAC/D,OAAO,CAAC,mBAAmB,CAAC;6BAC5B,CAAC;yBACF,CAAC;qBACF,EACS,QAAA,EAAA,sBAAsB,YACtB,CAA4B,0BAAA,CAAA,EAAA,eAAA,EAWrB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA,CAAA;iGAIhB,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAA;gBAIvB,cAAc,EAAA,CAAA;sBADb,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,WAAW;uBAAC,kBAAkB,CAAA;;;ACnChC;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-doc/ui-kit",
3
- "version": "16.7.2",
3
+ "version": "16.8.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=16.0.0",
6
6
  "@angular/core": ">=16.0.0",
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "dependencies": {
13
13
  "tslib": "^2.3.0",
14
- "@ng-doc/core": "16.7.2",
14
+ "@ng-doc/core": "16.8.0",
15
15
  "@angular/cdk": "^16.0.0"
16
16
  },
17
17
  "publishConfig": {