@ng-doc/ui-kit 15.12.0 → 15.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/components/index.d.ts +1 -0
- package/components/sidenav/index.d.ts +2 -0
- package/components/sidenav/sidenav.component.d.ts +41 -0
- package/components/sidenav/sidenav.module.d.ts +9 -0
- package/esm2020/components/button/button.component.mjs +2 -2
- package/esm2020/components/index.mjs +2 -1
- package/esm2020/components/sidenav/index.mjs +3 -0
- package/esm2020/components/sidenav/ng-doc-ui-kit-components-sidenav.mjs +5 -0
- package/esm2020/components/sidenav/sidenav.component.mjs +155 -0
- package/esm2020/components/sidenav/sidenav.module.mjs +19 -0
- package/esm2020/directives/media-query/media-query.directive.mjs +3 -3
- 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-sidenav.mjs +178 -0
- package/fesm2015/ng-doc-ui-kit-components-sidenav.mjs.map +1 -0
- package/fesm2015/ng-doc-ui-kit-components.mjs +1 -0
- package/fesm2015/ng-doc-ui-kit-components.mjs.map +1 -1
- package/fesm2015/ng-doc-ui-kit-directives-media-query.mjs +2 -2
- package/fesm2015/ng-doc-ui-kit-directives-media-query.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-sidenav.mjs +178 -0
- package/fesm2020/ng-doc-ui-kit-components-sidenav.mjs.map +1 -0
- package/fesm2020/ng-doc-ui-kit-components.mjs +1 -0
- package/fesm2020/ng-doc-ui-kit-components.mjs.map +1 -1
- package/fesm2020/ng-doc-ui-kit-directives-media-query.mjs +2 -2
- package/fesm2020/ng-doc-ui-kit-directives-media-query.mjs.map +1 -1
- package/package.json +10 -2
- package/styles/main.css +2 -0
package/README.md
CHANGED
package/components/index.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ export * from '@ng-doc/ui-kit/components/overlay-container';
|
|
|
23
23
|
export * from '@ng-doc/ui-kit/components/overlay-pointer';
|
|
24
24
|
export * from '@ng-doc/ui-kit/components/pane';
|
|
25
25
|
export * from '@ng-doc/ui-kit/components/selection';
|
|
26
|
+
export * from '@ng-doc/ui-kit/components/sidenav';
|
|
26
27
|
export * from '@ng-doc/ui-kit/components/smooth-resize';
|
|
27
28
|
export * from '@ng-doc/ui-kit/components/spinner';
|
|
28
29
|
export * from '@ng-doc/ui-kit/components/tab-group';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AnimationEvent } from '@angular/animations';
|
|
2
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
3
|
+
import { NgDocContent, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NgDocSidenavComponent {
|
|
6
|
+
private readonly changeDetectorRef;
|
|
7
|
+
/**
|
|
8
|
+
* Content of the sidenav.
|
|
9
|
+
*/
|
|
10
|
+
sidebar: NgDocContent;
|
|
11
|
+
/**
|
|
12
|
+
* Align of the sidenav.
|
|
13
|
+
*/
|
|
14
|
+
align: NgDocHorizontalAlign;
|
|
15
|
+
/**
|
|
16
|
+
* Indicates whether the sidenav is over the page content or not.
|
|
17
|
+
* Which means that the sidenav is not part of the page content.
|
|
18
|
+
*/
|
|
19
|
+
over: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Indicates whether the sidenav is opened or not.
|
|
22
|
+
* This is used to trigger the animation.
|
|
23
|
+
*/
|
|
24
|
+
opened: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Indicates whether the sidenav has a backdrop or not.
|
|
27
|
+
*/
|
|
28
|
+
hasBackdrop: boolean;
|
|
29
|
+
openedChange: EventEmitter<boolean>;
|
|
30
|
+
closeEvent: EventEmitter<void>;
|
|
31
|
+
beforeOpen: EventEmitter<void>;
|
|
32
|
+
beforeClose: EventEmitter<void>;
|
|
33
|
+
afterOpen: EventEmitter<void>;
|
|
34
|
+
afterClose: EventEmitter<void>;
|
|
35
|
+
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
36
|
+
protected get backdrop(): boolean;
|
|
37
|
+
protected animationStart(event: AnimationEvent): void;
|
|
38
|
+
protected animationDone(event: AnimationEvent): void;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgDocSidenavComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgDocSidenavComponent, "ng-doc-sidenav", never, { "sidebar": "sidebar"; "align": "align"; "over": "over"; "opened": "opened"; "hasBackdrop": "hasBackdrop"; }, { "openedChange": "openedChange"; "closeEvent": "closeEvent"; "beforeOpen": "beforeOpen"; "beforeClose": "beforeClose"; "afterOpen": "afterOpen"; "afterClose": "afterClose"; }, never, ["*"], false, never>;
|
|
41
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./sidenav.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@tinkoff/ng-polymorpheus";
|
|
5
|
+
export declare class NgDocSidenavModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgDocSidenavModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgDocSidenavModule, [typeof i1.NgDocSidenavComponent], [typeof i2.CommonModule, typeof i3.PolymorpheusModule], [typeof i1.NgDocSidenavComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgDocSidenavModule>;
|
|
9
|
+
}
|
|
@@ -8,10 +8,10 @@ export class NgDocButtonComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
NgDocButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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 });
|
|
11
|
+
NgDocButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-feature-settings:\"calt\" off;font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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);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"] }]
|
|
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-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));background-color:var(--ng-doc-button-background);text-decoration:none;--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;background-color:var(--ng-doc-button-hover-background);--ng-doc-button-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);--ng-doc-button-color: var(--ng-doc-button-active-color)}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: rgba(var(--ng-doc-primary-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: rgba(var(--ng-doc-link-color-rgb), .15);--ng-doc-button-color: var(--ng-doc-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .25);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .35)}:host[ng-doc-button][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-10);--ng-doc-button-color: var(--ng-doc-red-120);--ng-doc-button-hover-background: var(--ng-doc-red-20);--ng-doc-button-hover-color: var(--ng-doc-red-120);--ng-doc-button-active-background: var(--ng-doc-red-30);--ng-doc-button-active-color: var(--ng-doc-red-120)}:host[ng-doc-button][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-10);--ng-doc-button-color: var(--ng-doc-pink-120);--ng-doc-button-hover-background: var(--ng-doc-pink-20);--ng-doc-button-hover-color: var(--ng-doc-pink-120);--ng-doc-button-active-background: var(--ng-doc-pink-30);--ng-doc-button-active-color: var(--ng-doc-pink-120)}:host[ng-doc-button][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-10);--ng-doc-button-color: var(--ng-doc-purple-120);--ng-doc-button-hover-background: var(--ng-doc-purple-20);--ng-doc-button-hover-color: var(--ng-doc-purple-120);--ng-doc-button-active-background: var(--ng-doc-purple-30);--ng-doc-button-active-color: var(--ng-doc-purple-120)}:host[ng-doc-button][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-10);--ng-doc-button-color: var(--ng-doc-deep-purple-120);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-20);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-120);--ng-doc-button-active-background: var(--ng-doc-deep-purple-30);--ng-doc-button-active-color: var(--ng-doc-deep-purple-120)}:host[ng-doc-button][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-10);--ng-doc-button-color: var(--ng-doc-indigo-120);--ng-doc-button-hover-background: var(--ng-doc-indigo-20);--ng-doc-button-hover-color: var(--ng-doc-indigo-120);--ng-doc-button-active-background: var(--ng-doc-indigo-30);--ng-doc-button-active-color: var(--ng-doc-indigo-120)}:host[ng-doc-button][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-10);--ng-doc-button-color: var(--ng-doc-blue-120);--ng-doc-button-hover-background: var(--ng-doc-blue-20);--ng-doc-button-hover-color: var(--ng-doc-blue-120);--ng-doc-button-active-background: var(--ng-doc-blue-30);--ng-doc-button-active-color: var(--ng-doc-blue-120)}:host[ng-doc-button][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-10);--ng-doc-button-color: var(--ng-doc-light-blue-120);--ng-doc-button-hover-background: var(--ng-doc-light-blue-20);--ng-doc-button-hover-color: var(--ng-doc-light-blue-120);--ng-doc-button-active-background: var(--ng-doc-light-blue-30);--ng-doc-button-active-color: var(--ng-doc-light-blue-120)}:host[ng-doc-button][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-10);--ng-doc-button-color: var(--ng-doc-cian-120);--ng-doc-button-hover-background: var(--ng-doc-cian-20);--ng-doc-button-hover-color: var(--ng-doc-cian-120);--ng-doc-button-active-background: var(--ng-doc-cian-30);--ng-doc-button-active-color: var(--ng-doc-cian-120)}:host[ng-doc-button][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-10);--ng-doc-button-color: var(--ng-doc-teal-120);--ng-doc-button-hover-background: var(--ng-doc-teal-20);--ng-doc-button-hover-color: var(--ng-doc-teal-120);--ng-doc-button-active-background: var(--ng-doc-teal-30);--ng-doc-button-active-color: var(--ng-doc-teal-120)}:host[ng-doc-button][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-10);--ng-doc-button-color: var(--ng-doc-green-120);--ng-doc-button-hover-background: var(--ng-doc-green-20);--ng-doc-button-hover-color: var(--ng-doc-green-120);--ng-doc-button-active-background: var(--ng-doc-green-30);--ng-doc-button-active-color: var(--ng-doc-green-120)}:host[ng-doc-button][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-10);--ng-doc-button-color: var(--ng-doc-light-green-120);--ng-doc-button-hover-background: var(--ng-doc-light-green-20);--ng-doc-button-hover-color: var(--ng-doc-light-green-120);--ng-doc-button-active-background: var(--ng-doc-light-green-30);--ng-doc-button-active-color: var(--ng-doc-light-green-120)}:host[ng-doc-button][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-10);--ng-doc-button-color: var(--ng-doc-lime-120);--ng-doc-button-hover-background: var(--ng-doc-lime-20);--ng-doc-button-hover-color: var(--ng-doc-lime-120);--ng-doc-button-active-background: var(--ng-doc-lime-30);--ng-doc-button-active-color: var(--ng-doc-lime-120)}:host[ng-doc-button][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-10);--ng-doc-button-color: var(--ng-doc-yellow-120);--ng-doc-button-hover-background: var(--ng-doc-yellow-20);--ng-doc-button-hover-color: var(--ng-doc-yellow-120);--ng-doc-button-active-background: var(--ng-doc-yellow-30);--ng-doc-button-active-color: var(--ng-doc-yellow-120)}:host[ng-doc-button][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-10);--ng-doc-button-color: var(--ng-doc-ember-120);--ng-doc-button-hover-background: var(--ng-doc-ember-20);--ng-doc-button-hover-color: var(--ng-doc-ember-120);--ng-doc-button-active-background: var(--ng-doc-ember-30);--ng-doc-button-active-color: var(--ng-doc-ember-120)}:host[ng-doc-button][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-10);--ng-doc-button-color: var(--ng-doc-orange-120);--ng-doc-button-hover-background: var(--ng-doc-orange-20);--ng-doc-button-hover-color: var(--ng-doc-orange-120);--ng-doc-button-active-background: var(--ng-doc-orange-30);--ng-doc-button-active-color: var(--ng-doc-orange-120)}:host[ng-doc-button][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-10);--ng-doc-button-color: var(--ng-doc-deep-orange-120);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-20);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-120);--ng-doc-button-active-background: var(--ng-doc-deep-orange-30);--ng-doc-button-active-color: var(--ng-doc-deep-orange-120)}:host[ng-doc-button][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-10);--ng-doc-button-color: var(--ng-doc-grey-120);--ng-doc-button-hover-background: var(--ng-doc-grey-20);--ng-doc-button-hover-color: var(--ng-doc-grey-120);--ng-doc-button-active-background: var(--ng-doc-grey-30);--ng-doc-button-active-color: var(--ng-doc-grey-120)}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .1);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .25)}:host[ng-doc-button-text][data-ng-doc-color=red]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-red-100);--ng-doc-button-hover-background: var(--ng-doc-red-10);--ng-doc-button-hover-color: var(--ng-doc-red-100);--ng-doc-button-active-background: var(--ng-doc-red-20);--ng-doc-button-active-color: var(--ng-doc-red-100)}:host[ng-doc-button-text][data-ng-doc-color=pink]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-pink-100);--ng-doc-button-hover-background: var(--ng-doc-pink-10);--ng-doc-button-hover-color: var(--ng-doc-pink-100);--ng-doc-button-active-background: var(--ng-doc-pink-20);--ng-doc-button-active-color: var(--ng-doc-pink-100)}:host[ng-doc-button-text][data-ng-doc-color=purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-purple-100);--ng-doc-button-hover-background: var(--ng-doc-purple-10);--ng-doc-button-hover-color: var(--ng-doc-purple-100);--ng-doc-button-active-background: var(--ng-doc-purple-20);--ng-doc-button-active-color: var(--ng-doc-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-purple]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-purple-100);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-10);--ng-doc-button-hover-color: var(--ng-doc-deep-purple-100);--ng-doc-button-active-background: var(--ng-doc-deep-purple-20);--ng-doc-button-active-color: var(--ng-doc-deep-purple-100)}:host[ng-doc-button-text][data-ng-doc-color=indigo]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-indigo-100);--ng-doc-button-hover-background: var(--ng-doc-indigo-10);--ng-doc-button-hover-color: var(--ng-doc-indigo-100);--ng-doc-button-active-background: var(--ng-doc-indigo-20);--ng-doc-button-active-color: var(--ng-doc-indigo-100)}:host[ng-doc-button-text][data-ng-doc-color=blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-blue-100);--ng-doc-button-hover-background: var(--ng-doc-blue-10);--ng-doc-button-hover-color: var(--ng-doc-blue-100);--ng-doc-button-active-background: var(--ng-doc-blue-20);--ng-doc-button-active-color: var(--ng-doc-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=light-blue]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-blue-100);--ng-doc-button-hover-background: var(--ng-doc-light-blue-10);--ng-doc-button-hover-color: var(--ng-doc-light-blue-100);--ng-doc-button-active-background: var(--ng-doc-light-blue-20);--ng-doc-button-active-color: var(--ng-doc-light-blue-100)}:host[ng-doc-button-text][data-ng-doc-color=cian]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-cian-100);--ng-doc-button-hover-background: var(--ng-doc-cian-10);--ng-doc-button-hover-color: var(--ng-doc-cian-100);--ng-doc-button-active-background: var(--ng-doc-cian-20);--ng-doc-button-active-color: var(--ng-doc-cian-100)}:host[ng-doc-button-text][data-ng-doc-color=teal]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-teal-100);--ng-doc-button-hover-background: var(--ng-doc-teal-10);--ng-doc-button-hover-color: var(--ng-doc-teal-100);--ng-doc-button-active-background: var(--ng-doc-teal-20);--ng-doc-button-active-color: var(--ng-doc-teal-100)}:host[ng-doc-button-text][data-ng-doc-color=green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-green-100);--ng-doc-button-hover-background: var(--ng-doc-green-10);--ng-doc-button-hover-color: var(--ng-doc-green-100);--ng-doc-button-active-background: var(--ng-doc-green-20);--ng-doc-button-active-color: var(--ng-doc-green-100)}:host[ng-doc-button-text][data-ng-doc-color=light-green]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-light-green-100);--ng-doc-button-hover-background: var(--ng-doc-light-green-10);--ng-doc-button-hover-color: var(--ng-doc-light-green-100);--ng-doc-button-active-background: var(--ng-doc-light-green-20);--ng-doc-button-active-color: var(--ng-doc-light-green-100)}:host[ng-doc-button-text][data-ng-doc-color=lime]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-lime-100);--ng-doc-button-hover-background: var(--ng-doc-lime-10);--ng-doc-button-hover-color: var(--ng-doc-lime-100);--ng-doc-button-active-background: var(--ng-doc-lime-20);--ng-doc-button-active-color: var(--ng-doc-lime-100)}:host[ng-doc-button-text][data-ng-doc-color=yellow]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-yellow-100);--ng-doc-button-hover-background: var(--ng-doc-yellow-10);--ng-doc-button-hover-color: var(--ng-doc-yellow-100);--ng-doc-button-active-background: var(--ng-doc-yellow-20);--ng-doc-button-active-color: var(--ng-doc-yellow-100)}:host[ng-doc-button-text][data-ng-doc-color=ember]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-ember-100);--ng-doc-button-hover-background: var(--ng-doc-ember-10);--ng-doc-button-hover-color: var(--ng-doc-ember-100);--ng-doc-button-active-background: var(--ng-doc-ember-20);--ng-doc-button-active-color: var(--ng-doc-ember-100)}:host[ng-doc-button-text][data-ng-doc-color=orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-orange-100);--ng-doc-button-hover-background: var(--ng-doc-orange-10);--ng-doc-button-hover-color: var(--ng-doc-orange-100);--ng-doc-button-active-background: var(--ng-doc-orange-20);--ng-doc-button-active-color: var(--ng-doc-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=deep-orange]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-deep-orange-100);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-10);--ng-doc-button-hover-color: var(--ng-doc-deep-orange-100);--ng-doc-button-active-background: var(--ng-doc-deep-orange-20);--ng-doc-button-active-color: var(--ng-doc-deep-orange-100)}:host[ng-doc-button-text][data-ng-doc-color=grey]{--ng-doc-button-background: transparent;--ng-doc-button-color: var(--ng-doc-grey-100);--ng-doc-button-hover-background: var(--ng-doc-grey-10);--ng-doc-button-hover-color: var(--ng-doc-grey-100);--ng-doc-button-active-background: var(--ng-doc-grey-20);--ng-doc-button-active-color: var(--ng-doc-grey-100)}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-background: rgba(var(--ng-doc-primary-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-primary-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: rgba(var(--ng-doc-link-color-rgb), .9);--ng-doc-button-active-background: rgba(var(--ng-doc-link-color-rgb), .8)}:host[ng-doc-button-flat][data-ng-doc-color=red]{--ng-doc-button-background: var(--ng-doc-red-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-red-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-red-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=pink]{--ng-doc-button-background: var(--ng-doc-pink-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-pink-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-pink-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=purple]{--ng-doc-button-background: var(--ng-doc-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-purple]{--ng-doc-button-background: var(--ng-doc-deep-purple-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-purple-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-purple-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=indigo]{--ng-doc-button-background: var(--ng-doc-indigo-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-indigo-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-indigo-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=blue]{--ng-doc-button-background: var(--ng-doc-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-blue]{--ng-doc-button-background: var(--ng-doc-light-blue-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-blue-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-blue-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=cian]{--ng-doc-button-background: var(--ng-doc-cian-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-cian-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-cian-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=teal]{--ng-doc-button-background: var(--ng-doc-teal-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-teal-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-teal-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=green]{--ng-doc-button-background: var(--ng-doc-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=light-green]{--ng-doc-button-background: var(--ng-doc-light-green-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-light-green-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-light-green-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=lime]{--ng-doc-button-background: var(--ng-doc-lime-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-lime-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-lime-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=yellow]{--ng-doc-button-background: var(--ng-doc-yellow-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-yellow-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-yellow-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=ember]{--ng-doc-button-background: var(--ng-doc-ember-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-ember-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-ember-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=orange]{--ng-doc-button-background: var(--ng-doc-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=deep-orange]{--ng-doc-button-background: var(--ng-doc-deep-orange-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-deep-orange-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-deep-orange-80);--ng-doc-button-active-color: var(--ng-doc-white)}:host[ng-doc-button-flat][data-ng-doc-color=grey]{--ng-doc-button-background: var(--ng-doc-grey-100);--ng-doc-button-color: var(--ng-doc-white);--ng-doc-button-hover-background: var(--ng-doc-grey-90);--ng-doc-button-hover-color: var(--ng-doc-white);--ng-doc-button-active-background: var(--ng-doc-grey-80);--ng-doc-button-active-color: var(--ng-doc-white)}\n"] }]
|
|
15
15
|
}], propDecorators: { size: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}, {
|
|
@@ -23,6 +23,7 @@ export * from '@ng-doc/ui-kit/components/overlay-container';
|
|
|
23
23
|
export * from '@ng-doc/ui-kit/components/overlay-pointer';
|
|
24
24
|
export * from '@ng-doc/ui-kit/components/pane';
|
|
25
25
|
export * from '@ng-doc/ui-kit/components/selection';
|
|
26
|
+
export * from '@ng-doc/ui-kit/components/sidenav';
|
|
26
27
|
export * from '@ng-doc/ui-kit/components/smooth-resize';
|
|
27
28
|
export * from '@ng-doc/ui-kit/components/spinner';
|
|
28
29
|
export * from '@ng-doc/ui-kit/components/tab-group';
|
|
@@ -30,4 +31,4 @@ export * from '@ng-doc/ui-kit/components/tag';
|
|
|
30
31
|
export * from '@ng-doc/ui-kit/components/text';
|
|
31
32
|
export * from '@ng-doc/ui-kit/components/toggle';
|
|
32
33
|
export * from '@ng-doc/ui-kit/components/wrapper';
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9ibG9ja3F1b3RlJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvYnV0dG9uLWljb24nO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2NsZWFyLWNvbnRyb2wnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9jb21ib2JveCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2RhdGEtbGlzdCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2RhdGEtbGlzdC1ncm91cCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2RvdCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2Ryb3Bkb3duJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvZXhwYW5kZXInO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9mbG9hdGVkLWJvcmRlcic7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2Zsb2F0ZWQtY29udGVudCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2ZvY3VzLWNvbnRyb2wnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9pY29uJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvaW5wdXQtd3JhcHBlcic7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2xhYmVsJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvbGluZSc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL2xpc3QnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9vcHRpb24nO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9vcHRpb24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9vdmVybGF5LWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL292ZXJsYXktcG9pbnRlcic7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL3BhbmUnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9zZWxlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9zaWRlbmF2JztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvc21vb3RoLXJlc2l6ZSc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL3VpLWtpdC9jb21wb25lbnRzL3NwaW5uZXInO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy90YWItZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy90YWcnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy90ZXh0JztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvdWkta2l0L2NvbXBvbmVudHMvd3JhcHBlcic7XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './sidenav.component';
|
|
2
|
+
export * from './sidenav.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3NpZGVuYXYvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zaWRlbmF2LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGVuYXYubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLXVpLWtpdC1jb21wb25lbnRzLXNpZGVuYXYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3NpZGVuYXYvbmctZG9jLXVpLWtpdC1jb21wb25lbnRzLXNpZGVuYXYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@tinkoff/ng-polymorpheus";
|
|
6
|
+
export class NgDocSidenavComponent {
|
|
7
|
+
constructor(changeDetectorRef) {
|
|
8
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
9
|
+
/**
|
|
10
|
+
* Content of the sidenav.
|
|
11
|
+
*/
|
|
12
|
+
this.sidebar = '';
|
|
13
|
+
/**
|
|
14
|
+
* Align of the sidenav.
|
|
15
|
+
*/
|
|
16
|
+
this.align = 'left';
|
|
17
|
+
/**
|
|
18
|
+
* Indicates whether the sidenav is over the page content or not.
|
|
19
|
+
* Which means that the sidenav is not part of the page content.
|
|
20
|
+
*/
|
|
21
|
+
this.over = false;
|
|
22
|
+
/**
|
|
23
|
+
* Indicates whether the sidenav is opened or not.
|
|
24
|
+
* This is used to trigger the animation.
|
|
25
|
+
*/
|
|
26
|
+
this.opened = true;
|
|
27
|
+
/**
|
|
28
|
+
* Indicates whether the sidenav has a backdrop or not.
|
|
29
|
+
*/
|
|
30
|
+
this.hasBackdrop = true;
|
|
31
|
+
this.openedChange = new EventEmitter();
|
|
32
|
+
this.closeEvent = new EventEmitter();
|
|
33
|
+
this.beforeOpen = new EventEmitter();
|
|
34
|
+
this.beforeClose = new EventEmitter();
|
|
35
|
+
this.afterOpen = new EventEmitter();
|
|
36
|
+
this.afterClose = new EventEmitter();
|
|
37
|
+
}
|
|
38
|
+
get backdrop() {
|
|
39
|
+
return this.over && this.opened && this.hasBackdrop;
|
|
40
|
+
}
|
|
41
|
+
animationStart(event) {
|
|
42
|
+
!!event.toState ? this.beforeOpen.emit() : this.beforeClose.emit();
|
|
43
|
+
}
|
|
44
|
+
animationDone(event) {
|
|
45
|
+
!!event.toState ? this.afterOpen.emit() : this.afterClose.emit();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
NgDocSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
+
NgDocSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: NgDocSidenavComponent, selector: "ng-doc-sidenav", inputs: { sidebar: "sidebar", align: "align", over: "over", opened: "opened", hasBackdrop: "hasBackdrop" }, outputs: { openedChange: "openedChange", closeEvent: "closeEvent", beforeOpen: "beforeOpen", beforeClose: "beforeClose", afterOpen: "afterOpen", afterClose: "afterClose" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-over": "this.over", "attr.data-ng-doc-opened": "this.opened" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\"\n\t>\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [
|
|
50
|
+
trigger('sidenavAnimation', [
|
|
51
|
+
state('false', style({ display: 'none' })),
|
|
52
|
+
transition('left => false', [
|
|
53
|
+
style({ transform: 'translateX(0)', opacity: 1 }),
|
|
54
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(-100%)', opacity: 0 })),
|
|
55
|
+
]),
|
|
56
|
+
transition('false => left', [
|
|
57
|
+
style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
|
|
58
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
|
|
59
|
+
]),
|
|
60
|
+
transition('right => false', [
|
|
61
|
+
style({ transform: 'translateX(0)', opacity: 1 }),
|
|
62
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(100%)', opacity: 0 })),
|
|
63
|
+
]),
|
|
64
|
+
transition('false => right', [
|
|
65
|
+
style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
|
|
66
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
|
|
67
|
+
]),
|
|
68
|
+
]),
|
|
69
|
+
trigger('sidenavContentAnimation', [
|
|
70
|
+
state('true', style({
|
|
71
|
+
'margin-left': 'var(--ng-doc-sidenav-width)',
|
|
72
|
+
width: 'calc(100% - var(--ng-doc-sidenav-width))',
|
|
73
|
+
})),
|
|
74
|
+
state('false', style({ 'margin-left': '0', width: '100%' })),
|
|
75
|
+
transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
|
|
76
|
+
transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
|
|
77
|
+
]),
|
|
78
|
+
trigger('backdropFade', [
|
|
79
|
+
transition(':enter', [
|
|
80
|
+
style({ opacity: 0 }),
|
|
81
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
|
|
82
|
+
]),
|
|
83
|
+
]),
|
|
84
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavComponent, decorators: [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{ animations: [
|
|
88
|
+
trigger('sidenavAnimation', [
|
|
89
|
+
state('false', style({ display: 'none' })),
|
|
90
|
+
transition('left => false', [
|
|
91
|
+
style({ transform: 'translateX(0)', opacity: 1 }),
|
|
92
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(-100%)', opacity: 0 })),
|
|
93
|
+
]),
|
|
94
|
+
transition('false => left', [
|
|
95
|
+
style({ transform: 'translateX(-100%)', opacity: 0, display: 'block' }),
|
|
96
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
|
|
97
|
+
]),
|
|
98
|
+
transition('right => false', [
|
|
99
|
+
style({ transform: 'translateX(0)', opacity: 1 }),
|
|
100
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(100%)', opacity: 0 })),
|
|
101
|
+
]),
|
|
102
|
+
transition('false => right', [
|
|
103
|
+
style({ transform: 'translateX(100%)', opacity: 0, display: 'block' }),
|
|
104
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ transform: 'translateX(0)', opacity: 1 })),
|
|
105
|
+
]),
|
|
106
|
+
]),
|
|
107
|
+
trigger('sidenavContentAnimation', [
|
|
108
|
+
state('true', style({
|
|
109
|
+
'margin-left': 'var(--ng-doc-sidenav-width)',
|
|
110
|
+
width: 'calc(100% - var(--ng-doc-sidenav-width))',
|
|
111
|
+
})),
|
|
112
|
+
state('false', style({ 'margin-left': '0', width: '100%' })),
|
|
113
|
+
transition('true => false', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
|
|
114
|
+
transition('false => true', animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
|
|
115
|
+
]),
|
|
116
|
+
trigger('backdropFade', [
|
|
117
|
+
transition(':enter', [
|
|
118
|
+
style({ opacity: 0 }),
|
|
119
|
+
animate('220ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 })),
|
|
120
|
+
]),
|
|
121
|
+
]),
|
|
122
|
+
], selector: 'ng-doc-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-sidenav-wrapper\">\n\t<div\n\t\tclass=\"ng-doc-sidenav\"\n\t\t[@sidenavAnimation]=\"opened ? align : false\"\n\t\t(@sidenavAnimation.start)=\"animationStart($event)\"\n\t\t(@sidenavAnimation.done)=\"animationDone($event)\"\n\t>\n\t\t<ng-container *polymorpheusOutlet=\"sidebar\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-sidenav-content\" [@sidenavContentAnimation]=\"!over ? opened : false\">\n\t\t<div class=\"ng-doc-backdrop\" @backdropFade *ngIf=\"backdrop\" (click)=\"closeEvent.emit()\"></div>\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-align=right] .ng-doc-sidenav-wrapper{flex-direction:row-reverse}:host[data-ng-doc-over=true] .ng-doc-sidenav-content{min-width:100%}:host[data-ng-doc-over=true][data-ng-doc-align=left] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) -5px 5px 20px -5px}:host[data-ng-doc-over=true][data-ng-doc-align=right] .ng-doc-sidenav{--ng-doc-sidebar-shadow: var(--ng-doc-shadow-color) 0px 5px 20px -5px}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, 0);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:5;transition:box-shadow var(--ng-doc-transition)}:host .ng-doc-sidenav-content{width:100%;padding:var(--ng-doc-sidenav-content-padding)}:host .ng-doc-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}:host .ng-doc-backdrop:not(nothing){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host .ng-doc-backdrop:not(nothing):before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}\n"] }]
|
|
123
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebar: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], align: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}, {
|
|
128
|
+
type: HostBinding,
|
|
129
|
+
args: ['attr.data-ng-doc-align']
|
|
130
|
+
}], over: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}, {
|
|
133
|
+
type: HostBinding,
|
|
134
|
+
args: ['attr.data-ng-doc-over']
|
|
135
|
+
}], opened: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}, {
|
|
138
|
+
type: HostBinding,
|
|
139
|
+
args: ['attr.data-ng-doc-opened']
|
|
140
|
+
}], hasBackdrop: [{
|
|
141
|
+
type: Input
|
|
142
|
+
}], openedChange: [{
|
|
143
|
+
type: Output
|
|
144
|
+
}], closeEvent: [{
|
|
145
|
+
type: Output
|
|
146
|
+
}], beforeOpen: [{
|
|
147
|
+
type: Output
|
|
148
|
+
}], beforeClose: [{
|
|
149
|
+
type: Output
|
|
150
|
+
}], afterOpen: [{
|
|
151
|
+
type: Output
|
|
152
|
+
}], afterClose: [{
|
|
153
|
+
type: Output
|
|
154
|
+
}] } });
|
|
155
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3NpZGVuYXYvc2lkZW5hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3NpZGVuYXYvc2lkZW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsT0FBTyxFQUFrQixLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRixPQUFPLEVBQ04sdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxHQUNOLE1BQU0sZUFBZSxDQUFDOzs7O0FBZ0R2QixNQUFNLE9BQU8scUJBQXFCO0lBc0RqQyxZQUE2QixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQXJEakU7O1dBRUc7UUFFSCxZQUFPLEdBQWlCLEVBQUUsQ0FBQztRQUUzQjs7V0FFRztRQUdILFVBQUssR0FBeUIsTUFBTSxDQUFDO1FBRXJDOzs7V0FHRztRQUdILFNBQUksR0FBWSxLQUFLLENBQUM7UUFFdEI7OztXQUdHO1FBR0gsV0FBTSxHQUFZLElBQUksQ0FBQztRQUV2Qjs7V0FFRztRQUVILGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBRzVCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFHbEUsZUFBVSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzFELGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUcxRCxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzNELGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUd6RCxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFVSxDQUFDO0lBRXJFLElBQWMsUUFBUTtRQUNyQixPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3JELENBQUM7SUFFUyxjQUFjLENBQUMsS0FBcUI7UUFDNUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUE4QixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVGLENBQUM7SUFFUyxhQUFhLENBQUMsS0FBcUI7UUFDM0MsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUE4QixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFGLENBQUM7O2tIQWxFVyxxQkFBcUI7c0dBQXJCLHFCQUFxQixpZUN6RGxDLG1rQkFjQSxnakRERGE7UUFDWCxPQUFPLENBQUMsa0JBQWtCLEVBQUU7WUFDM0IsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQztZQUN4QyxVQUFVLENBQUMsZUFBZSxFQUFFO2dCQUMzQixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQkFDL0MsT0FBTyxDQUFDLHdDQUF3QyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUN0RyxDQUFDO1lBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQkFDM0IsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxDQUFDO2dCQUNyRSxPQUFPLENBQUMsd0NBQXdDLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUNsRyxDQUFDO1lBQ0YsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dCQUM1QixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQkFDL0MsT0FBTyxDQUFDLHdDQUF3QyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUNyRyxDQUFDO1lBQ0YsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dCQUM1QixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLENBQUM7Z0JBQ3BFLE9BQU8sQ0FBQyx3Q0FBd0MsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO2FBQ2xHLENBQUM7U0FDRixDQUFDO1FBQ0YsT0FBTyxDQUFDLHlCQUF5QixFQUFFO1lBQ2xDLEtBQUssQ0FDSixNQUFNLEVBQ04sS0FBSyxDQUFDO2dCQUNMLGFBQWEsRUFBRSw2QkFBNkI7Z0JBQzVDLEtBQUssRUFBRSwwQ0FBMEM7YUFDakQsQ0FBQyxDQUNGO1lBQ0QsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDO1lBQzFELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLHdDQUF3QyxDQUFDLENBQUM7WUFDOUUsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsd0NBQXdDLENBQUMsQ0FBQztTQUM5RSxDQUFDO1FBQ0YsT0FBTyxDQUFDLGNBQWMsRUFBRTtZQUN2QixVQUFVLENBQUMsUUFBUSxFQUFFO2dCQUNwQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7Z0JBQ25CLE9BQU8sQ0FBQyx3Q0FBd0MsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUN0RSxDQUFDO1NBQ0YsQ0FBQztLQUNGOzJGQU1XLHFCQUFxQjtrQkE3Q2pDLFNBQVM7aUNBQ0c7d0JBQ1gsT0FBTyxDQUFDLGtCQUFrQixFQUFFOzRCQUMzQixLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDOzRCQUN4QyxVQUFVLENBQUMsZUFBZSxFQUFFO2dDQUMzQixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQ0FDL0MsT0FBTyxDQUFDLHdDQUF3QyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzs2QkFDdEcsQ0FBQzs0QkFDRixVQUFVLENBQUMsZUFBZSxFQUFFO2dDQUMzQixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLENBQUM7Z0NBQ3JFLE9BQU8sQ0FBQyx3Q0FBd0MsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDOzZCQUNsRyxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRTtnQ0FDNUIsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7Z0NBQy9DLE9BQU8sQ0FBQyx3Q0FBd0MsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NkJBQ3JHLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dDQUM1QixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLENBQUM7Z0NBQ3BFLE9BQU8sQ0FBQyx3Q0FBd0MsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDOzZCQUNsRyxDQUFDO3lCQUNGLENBQUM7d0JBQ0YsT0FBTyxDQUFDLHlCQUF5QixFQUFFOzRCQUNsQyxLQUFLLENBQ0osTUFBTSxFQUNOLEtBQUssQ0FBQztnQ0FDTCxhQUFhLEVBQUUsNkJBQTZCO2dDQUM1QyxLQUFLLEVBQUUsMENBQTBDOzZCQUNqRCxDQUFDLENBQ0Y7NEJBQ0QsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDOzRCQUMxRCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDOzRCQUM5RSxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDO3lCQUM5RSxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxjQUFjLEVBQUU7NEJBQ3ZCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ3BCLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQ0FDbkIsT0FBTyxDQUFDLHdDQUF3QyxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDOzZCQUN0RSxDQUFDO3lCQUNGLENBQUM7cUJBQ0YsWUFDUyxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTt3R0FPL0MsT0FBTztzQkFETixLQUFLO2dCQVFOLEtBQUs7c0JBRkosS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx3QkFBd0I7Z0JBU3JDLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBU3BDLE1BQU07c0JBRkwsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBT3RDLFdBQVc7c0JBRFYsS0FBSztnQkFJTixZQUFZO3NCQURYLE1BQU07Z0JBSVAsVUFBVTtzQkFEVCxNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxXQUFXO3NCQURWLE1BQU07Z0JBSVAsU0FBUztzQkFEUixNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgQW5pbWF0aW9uRXZlbnQsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuXHRDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXG5cdENvbXBvbmVudCxcblx0RXZlbnRFbWl0dGVyLFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXQsXG5cdE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ29udGVudCwgTmdEb2NIb3Jpem9udGFsQWxpZ259IGZyb20gJ0BuZy1kb2MvdWkta2l0L3R5cGVzJztcblxuQENvbXBvbmVudCh7XG5cdGFuaW1hdGlvbnM6IFtcblx0XHR0cmlnZ2VyKCdzaWRlbmF2QW5pbWF0aW9uJywgW1xuXHRcdFx0c3RhdGUoJ2ZhbHNlJywgc3R5bGUoe2Rpc3BsYXk6ICdub25lJ30pKSxcblx0XHRcdHRyYW5zaXRpb24oJ2xlZnQgPT4gZmFsc2UnLCBbXG5cdFx0XHRcdHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJywgb3BhY2l0eTogMX0pLFxuXHRcdFx0XHRhbmltYXRlKCcyMjBtcyBjdWJpYy1iZXppZXIoMC4yNSwgMC44LCAwLjI1LCAxKScsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKScsIG9wYWNpdHk6IDB9KSksXG5cdFx0XHRdKSxcblx0XHRcdHRyYW5zaXRpb24oJ2ZhbHNlID0+IGxlZnQnLCBbXG5cdFx0XHRcdHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKScsIG9wYWNpdHk6IDAsIGRpc3BsYXk6ICdibG9jayd9KSxcblx0XHRcdFx0YW5pbWF0ZSgnMjIwbXMgY3ViaWMtYmV6aWVyKDAuMjUsIDAuOCwgMC4yNSwgMSknLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDF9KSksXG5cdFx0XHRdKSxcblx0XHRcdHRyYW5zaXRpb24oJ3JpZ2h0ID0+IGZhbHNlJywgW1xuXHRcdFx0XHRzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDF9KSxcblx0XHRcdFx0YW5pbWF0ZSgnMjIwbXMgY3ViaWMtYmV6aWVyKDAuMjUsIDAuOCwgMC4yNSwgMSknLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKScsIG9wYWNpdHk6IDB9KSksXG5cdFx0XHRdKSxcblx0XHRcdHRyYW5zaXRpb24oJ2ZhbHNlID0+IHJpZ2h0JywgW1xuXHRcdFx0XHRzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKScsIG9wYWNpdHk6IDAsIGRpc3BsYXk6ICdibG9jayd9KSxcblx0XHRcdFx0YW5pbWF0ZSgnMjIwbXMgY3ViaWMtYmV6aWVyKDAuMjUsIDAuOCwgMC4yNSwgMSknLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDF9KSksXG5cdFx0XHRdKSxcblx0XHRdKSxcblx0XHR0cmlnZ2VyKCdzaWRlbmF2Q29udGVudEFuaW1hdGlvbicsIFtcblx0XHRcdHN0YXRlKFxuXHRcdFx0XHQndHJ1ZScsXG5cdFx0XHRcdHN0eWxlKHtcblx0XHRcdFx0XHQnbWFyZ2luLWxlZnQnOiAndmFyKC0tbmctZG9jLXNpZGVuYXYtd2lkdGgpJyxcblx0XHRcdFx0XHR3aWR0aDogJ2NhbGMoMTAwJSAtIHZhcigtLW5nLWRvYy1zaWRlbmF2LXdpZHRoKSknLFxuXHRcdFx0XHR9KSxcblx0XHRcdCksXG5cdFx0XHRzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7J21hcmdpbi1sZWZ0JzogJzAnLCB3aWR0aDogJzEwMCUnfSkpLFxuXHRcdFx0dHJhbnNpdGlvbigndHJ1ZSA9PiBmYWxzZScsIGFuaW1hdGUoJzIyMG1zIGN1YmljLWJlemllcigwLjI1LCAwLjgsIDAuMjUsIDEpJykpLFxuXHRcdFx0dHJhbnNpdGlvbignZmFsc2UgPT4gdHJ1ZScsIGFuaW1hdGUoJzIyMG1zIGN1YmljLWJlemllcigwLjI1LCAwLjgsIDAuMjUsIDEpJykpLFxuXHRcdF0pLFxuXHRcdHRyaWdnZXIoJ2JhY2tkcm9wRmFkZScsIFtcblx0XHRcdHRyYW5zaXRpb24oJzplbnRlcicsIFtcblx0XHRcdFx0c3R5bGUoe29wYWNpdHk6IDB9KSxcblx0XHRcdFx0YW5pbWF0ZSgnMjIwbXMgY3ViaWMtYmV6aWVyKDAuMjUsIDAuOCwgMC4yNSwgMSknLCBzdHlsZSh7b3BhY2l0eTogMX0pKSxcblx0XHRcdF0pLFxuXHRcdF0pLFxuXHRdLFxuXHRzZWxlY3RvcjogJ25nLWRvYy1zaWRlbmF2Jyxcblx0dGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1NpZGVuYXZDb21wb25lbnQge1xuXHQvKipcblx0ICogQ29udGVudCBvZiB0aGUgc2lkZW5hdi5cblx0ICovXG5cdEBJbnB1dCgpXG5cdHNpZGViYXI6IE5nRG9jQ29udGVudCA9ICcnO1xuXG5cdC8qKlxuXHQgKiBBbGlnbiBvZiB0aGUgc2lkZW5hdi5cblx0ICovXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy1hbGlnbicpXG5cdGFsaWduOiBOZ0RvY0hvcml6b250YWxBbGlnbiA9ICdsZWZ0JztcblxuXHQvKipcblx0ICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIHNpZGVuYXYgaXMgb3ZlciB0aGUgcGFnZSBjb250ZW50IG9yIG5vdC5cblx0ICogV2hpY2ggbWVhbnMgdGhhdCB0aGUgc2lkZW5hdiBpcyBub3QgcGFydCBvZiB0aGUgcGFnZSBjb250ZW50LlxuXHQgKi9cblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLW92ZXInKVxuXHRvdmVyOiBib29sZWFuID0gZmFsc2U7XG5cblx0LyoqXG5cdCAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBzaWRlbmF2IGlzIG9wZW5lZCBvciBub3QuXG5cdCAqIFRoaXMgaXMgdXNlZCB0byB0cmlnZ2VyIHRoZSBhbmltYXRpb24uXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2Mtb3BlbmVkJylcblx0b3BlbmVkOiBib29sZWFuID0gdHJ1ZTtcblxuXHQvKipcblx0ICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIHNpZGVuYXYgaGFzIGEgYmFja2Ryb3Agb3Igbm90LlxuXHQgKi9cblx0QElucHV0KClcblx0aGFzQmFja2Ryb3A6IGJvb2xlYW4gPSB0cnVlO1xuXG5cdEBPdXRwdXQoKVxuXHRvcGVuZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuXHRAT3V0cHV0KClcblx0Y2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG5cdEBPdXRwdXQoKVxuXHRiZWZvcmVPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cblx0QE91dHB1dCgpXG5cdGJlZm9yZUNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cblx0QE91dHB1dCgpXG5cdGFmdGVyT3BlbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG5cdEBPdXRwdXQoKVxuXHRhZnRlckNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cblx0cHJvdGVjdGVkIGdldCBiYWNrZHJvcCgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy5vdmVyICYmIHRoaXMub3BlbmVkICYmIHRoaXMuaGFzQmFja2Ryb3A7XG5cdH1cblxuXHRwcm90ZWN0ZWQgYW5pbWF0aW9uU3RhcnQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG5cdFx0KCEhZXZlbnQudG9TdGF0ZSBhcyB1bmtub3duIGFzIGJvb2xlYW4pID8gdGhpcy5iZWZvcmVPcGVuLmVtaXQoKSA6IHRoaXMuYmVmb3JlQ2xvc2UuZW1pdCgpO1xuXHR9XG5cblx0cHJvdGVjdGVkIGFuaW1hdGlvbkRvbmUoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG5cdFx0KCEhZXZlbnQudG9TdGF0ZSBhcyB1bmtub3duIGFzIGJvb2xlYW4pID8gdGhpcy5hZnRlck9wZW4uZW1pdCgpIDogdGhpcy5hZnRlckNsb3NlLmVtaXQoKTtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1zaWRlbmF2LXdyYXBwZXJcIj5cblx0PGRpdlxuXHRcdGNsYXNzPVwibmctZG9jLXNpZGVuYXZcIlxuXHRcdFtAc2lkZW5hdkFuaW1hdGlvbl09XCJvcGVuZWQgPyBhbGlnbiA6IGZhbHNlXCJcblx0XHQoQHNpZGVuYXZBbmltYXRpb24uc3RhcnQpPVwiYW5pbWF0aW9uU3RhcnQoJGV2ZW50KVwiXG5cdFx0KEBzaWRlbmF2QW5pbWF0aW9uLmRvbmUpPVwiYW5pbWF0aW9uRG9uZSgkZXZlbnQpXCJcblx0PlxuXHRcdDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cInNpZGViYXJcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2Mtc2lkZW5hdi1jb250ZW50XCIgW0BzaWRlbmF2Q29udGVudEFuaW1hdGlvbl09XCIhb3ZlciA/IG9wZW5lZCA6IGZhbHNlXCI+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy1iYWNrZHJvcFwiIEBiYWNrZHJvcEZhZGUgKm5nSWY9XCJiYWNrZHJvcFwiIChjbGljayk9XCJjbG9zZUV2ZW50LmVtaXQoKVwiPjwvZGl2PlxuXHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
4
|
+
import { NgDocSidenavComponent } from './sidenav.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class NgDocSidenavModule {
|
|
7
|
+
}
|
|
8
|
+
NgDocSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
NgDocSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavModule, declarations: [NgDocSidenavComponent], imports: [CommonModule, PolymorpheusModule], exports: [NgDocSidenavComponent] });
|
|
10
|
+
NgDocSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavModule, imports: [CommonModule, PolymorpheusModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidenavModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [NgDocSidenavComponent],
|
|
15
|
+
imports: [CommonModule, PolymorpheusModule],
|
|
16
|
+
exports: [NgDocSidenavComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3NpZGVuYXYvc2lkZW5hdi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFNUQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0scUJBQXFCLENBQUM7O0FBTzFELE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFKZixxQkFBcUIsYUFDMUIsWUFBWSxFQUFFLGtCQUFrQixhQUNoQyxxQkFBcUI7Z0hBRW5CLGtCQUFrQixZQUhwQixZQUFZLEVBQUUsa0JBQWtCOzJGQUc5QixrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UG9seW1vcnBoZXVzTW9kdWxlfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5pbXBvcnQge05nRG9jU2lkZW5hdkNvbXBvbmVudH0gZnJvbSAnLi9zaWRlbmF2LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG5cdGRlY2xhcmF0aW9uczogW05nRG9jU2lkZW5hdkNvbXBvbmVudF0sXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBvbHltb3JwaGV1c01vZHVsZV0sXG5cdGV4cG9ydHM6IFtOZ0RvY1NpZGVuYXZDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1NpZGVuYXZNb2R1bGUge31cbiJdfQ==
|
|
@@ -3,7 +3,7 @@ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
|
|
|
3
3
|
import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
4
4
|
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
|
|
5
5
|
import { Subject } from 'rxjs';
|
|
6
|
-
import { pluck, takeUntil } from 'rxjs/operators';
|
|
6
|
+
import { distinctUntilChanged, pluck, takeUntil } from 'rxjs/operators';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@angular/cdk/layout";
|
|
9
9
|
let NgDocMediaQueryDirective = class NgDocMediaQueryDirective {
|
|
@@ -19,7 +19,7 @@ let NgDocMediaQueryDirective = class NgDocMediaQueryDirective {
|
|
|
19
19
|
this.unsubscribe$.next();
|
|
20
20
|
this.breakpointObserver
|
|
21
21
|
.observe(this.match)
|
|
22
|
-
.pipe(pluck('matches'), takeUntil(this.unsubscribe$), untilDestroyed(this))
|
|
22
|
+
.pipe(pluck('matches'), distinctUntilChanged(), takeUntil(this.unsubscribe$), untilDestroyed(this))
|
|
23
23
|
.subscribe((matches) => {
|
|
24
24
|
this.viewRef?.destroy();
|
|
25
25
|
this.viewRef = undefined;
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
|
|
|
49
49
|
type: Input,
|
|
50
50
|
args: ['ngDocMediaQuery']
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtcXVlcnkuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1raXQvZGlyZWN0aXZlcy9tZWRpYS1xdWVyeS9tZWRpYS1xdWVyeS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxrQkFBa0IsRUFBRSxXQUFXLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUMsU0FBUyxFQUFtQixLQUFLLEVBQWEsV0FBVyxFQUFFLGdCQUFnQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBQyxZQUFZLEVBQUUsY0FBYyxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDbkUsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQWUsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7QUFPN0UsSUFBTSx3QkFBd0IsR0FBOUIsTUFBTSx3QkFBd0I7SUFTcEMsWUFDa0IsV0FBaUMsRUFDakMsZ0JBQWtDLEVBQ2xDLGtCQUFzQztRQUZ0QyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7UUFDakMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBVnhELFVBQUssR0FBc0IsRUFBRSxDQUFDO1FBRXJCLGdCQUFXLEdBQXVCLFdBQVcsQ0FBQztRQUV0QyxpQkFBWSxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO0lBT2hFLENBQUM7SUFFSixXQUFXO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUV6QixJQUFJLENBQUMsa0JBQWtCO2FBQ3JCLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO2FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsRyxTQUFTLENBQUMsQ0FBQyxPQUFnQixFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQztZQUV6QixJQUFJLE9BQU8sRUFBRTtnQkFDWixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzFFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDN0I7UUFDRixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O3FIQTlCVyx3QkFBd0I7eUdBQXhCLHdCQUF3QjtBQUF4Qix3QkFBd0I7SUFEcEMsWUFBWSxFQUFFO3FDQVdpQixXQUFXO1FBQ04sZ0JBQWdCO1FBQ2Qsa0JBQWtCO0dBWjVDLHdCQUF3QixDQStCcEM7U0EvQlksd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLGlCQUFpQjtpQkFDM0I7a0tBSUEsS0FBSztzQkFESixLQUFLO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50c30gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQge0RpcmVjdGl2ZSwgRW1iZWRkZWRWaWV3UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWR9IGZyb20gJ0BuZ25lYXQvdW50aWwtZGVzdHJveSc7XG5pbXBvcnQge1N1YmplY3R9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBwbHVjaywgdGFrZVVudGlsfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ1tuZ0RvY01lZGlhUXVlcnldJyxcblx0ZXhwb3J0QXM6ICduZ0RvY01lZGlhUXVlcnknLFxufSlcbkBVbnRpbERlc3Ryb3koKVxuZXhwb3J0IGNsYXNzIE5nRG9jTWVkaWFRdWVyeURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdEBJbnB1dCgnbmdEb2NNZWRpYVF1ZXJ5Jylcblx0bWF0Y2g6IHN0cmluZyB8IHN0cmluZ1tdID0gW107XG5cblx0cmVhZG9ubHkgYnJlYWtwb2ludHM6IHR5cGVvZiBCcmVha3BvaW50cyA9IEJyZWFrcG9pbnRzO1xuXG5cdHByaXZhdGUgcmVhZG9ubHkgdW5zdWJzY3JpYmUkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblx0cHJpdmF0ZSB2aWV3UmVmPzogRW1iZWRkZWRWaWV3UmVmPHVua25vd24+O1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+LFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcblx0XHRwcml2YXRlIHJlYWRvbmx5IGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuXHQpIHt9XG5cblx0bmdPbkNoYW5nZXMoKTogdm9pZCB7XG5cdFx0dGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuXG5cdFx0dGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcblx0XHRcdC5vYnNlcnZlKHRoaXMubWF0Y2gpXG5cdFx0XHQucGlwZShwbHVjaygnbWF0Y2hlcycpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCB0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpLCB1bnRpbERlc3Ryb3llZCh0aGlzKSlcblx0XHRcdC5zdWJzY3JpYmUoKG1hdGNoZXM6IGJvb2xlYW4pID0+IHtcblx0XHRcdFx0dGhpcy52aWV3UmVmPy5kZXN0cm95KCk7XG5cdFx0XHRcdHRoaXMudmlld1JlZiA9IHVuZGVmaW5lZDtcblxuXHRcdFx0XHRpZiAobWF0Y2hlcykge1xuXHRcdFx0XHRcdHRoaXMudmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZik7XG5cdFx0XHRcdFx0dGhpcy52aWV3UmVmLmRldGVjdENoYW5nZXMoKTtcblx0XHRcdFx0fVxuXHRcdFx0fSk7XG5cdH1cbn1cbiJdfQ==
|