@ng-doc/ui-kit 15.7.1 → 15.7.3
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.
- package/components/text/text.component.d.ts +1 -0
- package/esm2020/components/button/button.component.mjs +2 -2
- package/esm2020/components/text/text.component.mjs +6 -2
- package/fesm2015/ng-doc-ui-kit-components-button.mjs +2 -2
- package/fesm2015/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2015/ng-doc-ui-kit-components-text.mjs +5 -1
- package/fesm2015/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/fesm2020/ng-doc-ui-kit-components-button.mjs +2 -2
- package/fesm2020/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2020/ng-doc-ui-kit-components-text.mjs +5 -1
- package/fesm2020/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/package.json +2 -2
- package/styles/main.css +0 -204
|
@@ -14,6 +14,7 @@ export declare class NgDocTextComponent implements AfterContentChecked {
|
|
|
14
14
|
absoluteContent: boolean;
|
|
15
15
|
leftContent?: NgDocTextLeftDirective;
|
|
16
16
|
rightContent?: NgDocTextRightDirective;
|
|
17
|
+
readonly ngDocElement: boolean;
|
|
17
18
|
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
18
19
|
ngAfterContentChecked(): void;
|
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgDocTextComponent, never>;
|
|
@@ -8,10 +8,10 @@ export class NgDocButtonComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
NgDocButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background-color:var(--ng-doc-button-background);--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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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
|
+
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocButtonComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background-color:var(--ng-doc-button-background);--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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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"] }]
|
|
14
|
+
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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
15
|
}], propDecorators: { size: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}, {
|
|
@@ -13,13 +13,14 @@ export class NgDocTextComponent {
|
|
|
13
13
|
/** Text align */
|
|
14
14
|
this.align = 'left';
|
|
15
15
|
this.absoluteContent = false;
|
|
16
|
+
this.ngDocElement = true;
|
|
16
17
|
}
|
|
17
18
|
ngAfterContentChecked() {
|
|
18
19
|
this.changeDetectorRef.detectChanges();
|
|
19
20
|
}
|
|
20
21
|
}
|
|
21
22
|
NgDocTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
NgDocTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=left] .ng-doc-text{text-align:left}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hosth1{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 9);--ng-doc-font-weight: 700}:hosth2{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-font-weight: 600}:hosth3{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 5);--ng-doc-font-weight: 600}:hosth4{--ng-doc-font-size: 20px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-font-weight: 600}:hosth5,:hosth6{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-font-weight: 600}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
|
+
NgDocTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=left] .ng-doc-text{text-align:left}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hosth1{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 9);--ng-doc-font-weight: 700}:hosth2{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-font-weight: 600}:hosth3{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 5);--ng-doc-font-weight: 600}:hosth4{--ng-doc-font-size: 20px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-font-weight: 600}:hosth5,:hosth6{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-font-weight: 600}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocTextComponent, decorators: [{
|
|
24
25
|
type: Component,
|
|
25
26
|
args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=left] .ng-doc-text{text-align:left}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hosth1{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 9);--ng-doc-font-weight: 700}:hosth2{border:none;--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 6);--ng-doc-font-weight: 600}:hosth3{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 5);--ng-doc-font-weight: 600}:hosth4{--ng-doc-font-size: 20px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 4);--ng-doc-font-weight: 600}:hosth5,:hosth6{--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-font-weight: 600}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"] }]
|
|
@@ -49,5 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
|
|
|
49
50
|
}], rightContent: [{
|
|
50
51
|
type: ContentChild,
|
|
51
52
|
args: [NgDocTextRightDirective]
|
|
53
|
+
}], ngDocElement: [{
|
|
54
|
+
type: HostBinding,
|
|
55
|
+
args: ['class.ngde']
|
|
52
56
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3RleHQvdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3RleHQvdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRU4sdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEdBQ0wsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sd0JBQXdCLENBQUM7OztBQVEvRCxNQUFNLE9BQU8sa0JBQWtCO0lBNkI5QixZQUE2QixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQTVCakUsaUJBQWlCO1FBR2pCLFNBQUksR0FBYyxRQUFRLENBQUM7UUFFM0IsaUJBQWlCO1FBR2pCLFVBQUssR0FBbUIsUUFBUSxDQUFDO1FBRWpDLGlCQUFpQjtRQUdqQixVQUFLLEdBQW1CLE1BQU0sQ0FBQztRQUkvQixvQkFBZSxHQUFZLEtBQUssQ0FBQztRQVN4QixpQkFBWSxHQUFZLElBQUksQ0FBQztJQUU4QixDQUFDO0lBRXJFLHFCQUFxQjtRQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEMsQ0FBQzs7K0dBakNXLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdiQW9CaEIsc0JBQXNCLCtFQUd0Qix1QkFBdUIsZ0RDM0N0Qyw2VEFTQTsyRkRXYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNO3dHQU0vQyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsNEJBQTRCO2dCQU16QyxLQUFLO3NCQUZKLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsNkJBQTZCO2dCQU0xQyxLQUFLO3NCQUZKLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsNkJBQTZCO2dCQUsxQyxlQUFlO3NCQUZkLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0NBQWdDO2dCQUk3QyxXQUFXO3NCQURWLFlBQVk7dUJBQUMsc0JBQXNCO2dCQUlwQyxZQUFZO3NCQURYLFlBQVk7dUJBQUMsdUJBQXVCO2dCQUk1QixZQUFZO3NCQURwQixXQUFXO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuXHRBZnRlckNvbnRlbnRDaGVja2VkLFxuXHRDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXG5cdENvbXBvbmVudCxcblx0Q29udGVudENoaWxkLFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1NpemUsIE5nRG9jVGV4dEFsaWduLCBOZ0RvY1RleHRDb2xvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvdHlwZXMnO1xuXG5pbXBvcnQge05nRG9jVGV4dExlZnREaXJlY3RpdmV9IGZyb20gJy4vdGV4dC1sZWZ0LmRpcmVjdGl2ZSc7XG5pbXBvcnQge05nRG9jVGV4dFJpZ2h0RGlyZWN0aXZlfSBmcm9tICcuL3RleHQtcmlnaHQuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnW25nLWRvYy10ZXh0XScsXG5cdHRlbXBsYXRlVXJsOiAnLi90ZXh0LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vdGV4dC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCB7XG5cdC8qKiBUZXh0IGNvbG9yICovXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy10ZXh0LXNpemUnKVxuXHRzaXplOiBOZ0RvY1NpemUgPSAnbWVkaXVtJztcblxuXHQvKiogVGV4dCBjb2xvciAqL1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2MtdGV4dC1jb2xvcicpXG5cdGNvbG9yOiBOZ0RvY1RleHRDb2xvciA9ICdub3JtYWwnO1xuXG5cdC8qKiBUZXh0IGFsaWduICovXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy10ZXh0LWFsaWduJylcblx0YWxpZ246IE5nRG9jVGV4dEFsaWduID0gJ2xlZnQnO1xuXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy10ZXh0LWFic29sdXRlJylcblx0YWJzb2x1dGVDb250ZW50OiBib29sZWFuID0gZmFsc2U7XG5cblx0QENvbnRlbnRDaGlsZChOZ0RvY1RleHRMZWZ0RGlyZWN0aXZlKVxuXHRsZWZ0Q29udGVudD86IE5nRG9jVGV4dExlZnREaXJlY3RpdmU7XG5cblx0QENvbnRlbnRDaGlsZChOZ0RvY1RleHRSaWdodERpcmVjdGl2ZSlcblx0cmlnaHRDb250ZW50PzogTmdEb2NUZXh0UmlnaHREaXJlY3RpdmU7XG5cblx0QEhvc3RCaW5kaW5nKCdjbGFzcy5uZ2RlJylcblx0cmVhZG9ubHkgbmdEb2NFbGVtZW50OiBib29sZWFuID0gdHJ1ZTtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuXHRuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG5cdFx0dGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG5cdH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwibmctZG9jLXRleHQtbGVmdFwiICpuZ0lmPVwibGVmdENvbnRlbnRcIj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW25nRG9jVGV4dExlZnRdXCI+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuPHNwYW4gY2xhc3M9XCJuZy1kb2MtdGV4dFwiPlxuXHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+XG48c3BhbiBjbGFzcz1cIm5nLWRvYy10ZXh0LXJpZ2h0XCIgKm5nSWY9XCJyaWdodENvbnRlbnRcIj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW25nRG9jVGV4dFJpZ2h0XVwiPjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -10,10 +10,10 @@ class NgDocButtonComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
NgDocButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background-color:var(--ng-doc-button-background);--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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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 });
|
|
13
|
+
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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 });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocButtonComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background-color:var(--ng-doc-button-background);--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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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
|
+
args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-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]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}: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"] }]
|
|
17
17
|
}], propDecorators: { size: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}, {
|