@ng-doc/ui-kit 16.0.0-beta.2 → 16.0.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/classes/base-input/base-input.d.ts +4 -5
- package/directives/input-number/input-number.directive.d.ts +3 -6
- package/directives/input-string/input-string.directive.d.ts +3 -6
- package/esm2022/cdk/combobox-host/combobox-host.component.mjs +14 -14
- package/esm2022/classes/base-input/base-input.mjs +9 -11
- package/esm2022/components/blockquote/blockquote.component.mjs +2 -2
- package/esm2022/components/button/button.component.mjs +2 -2
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/input-wrapper/input-wrapper.component.mjs +4 -5
- package/esm2022/components/label/label.component.mjs +2 -2
- package/esm2022/components/option/option.component.mjs +2 -2
- package/esm2022/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/components/tag/tag.component.mjs +2 -2
- package/esm2022/components/text/text.component.mjs +2 -2
- package/esm2022/directives/input-number/input-number.directive.mjs +9 -27
- package/esm2022/directives/input-string/input-string.directive.mjs +7 -21
- package/esm2022/tokens/index.mjs +1 -2
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs +13 -13
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs +8 -10
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs +3 -4
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-label.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-label.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-option.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-option.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-text.mjs +2 -2
- package/fesm2022/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs +8 -26
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs +6 -20
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-tokens.mjs +1 -3
- package/fesm2022/ng-doc-ui-kit-tokens.mjs.map +1 -1
- package/package.json +3 -3
- package/tokens/index.d.ts +0 -1
- package/esm2022/tokens/input-control.mjs +0 -3
- package/tokens/input-control.d.ts +0 -3
|
@@ -6,7 +6,6 @@ import { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';
|
|
|
6
6
|
import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
|
|
7
7
|
import * as i4 from '@ng-doc/ui-kit/directives/focus-catcher';
|
|
8
8
|
import { NgDocFocusCatcherDirective, NgDocFocusCatcherModule } from '@ng-doc/ui-kit/directives/focus-catcher';
|
|
9
|
-
import { NG_DOC_INPUT_CONTROL } from '@ng-doc/ui-kit/tokens';
|
|
10
9
|
import { UntilDestroy } from '@ngneat/until-destroy';
|
|
11
10
|
import * as i7 from 'flex-controls';
|
|
12
11
|
import { FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
|
|
@@ -57,7 +56,7 @@ let NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = class NgDocInput
|
|
|
57
56
|
provide: NgDocInputHost,
|
|
58
57
|
useExisting: NgDocInputWrapperComponent_1,
|
|
59
58
|
},
|
|
60
|
-
], queries: [{ propertyName: "input", first: true, predicate: NgDocBaseInput, descendants: true }, { propertyName: "inputControl", first: true, predicate:
|
|
59
|
+
], queries: [{ propertyName: "input", first: true, predicate: NgDocBaseInput, descendants: true }, { propertyName: "inputControl", first: true, predicate: NgDocBaseInput, descendants: true }], viewQueries: [{ propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-grey-70)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i3.NgDocWrapperComponent, selector: "ng-doc-wrapper" }, { kind: "directive", type: i4.NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "component", type: i5.NgDocFloatedBorderComponent, selector: "ng-doc-floated-border" }, { kind: "component", type: i6.NgDocFloatedContentComponent, selector: "[ng-doc-floated-content]", inputs: ["bindTo", "propertyName", "alignTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
60
|
};
|
|
62
61
|
__decorate([
|
|
63
62
|
ngDocMakePure,
|
|
@@ -78,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
78
77
|
provide: NgDocInputHost,
|
|
79
78
|
useExisting: NgDocInputWrapperComponent,
|
|
80
79
|
},
|
|
81
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-
|
|
80
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-grey-70)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"] }]
|
|
82
81
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i7.FlControlHost, decorators: [{
|
|
83
82
|
type: Inject,
|
|
84
83
|
args: [FL_CONTROL_HOST]
|
|
@@ -102,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
102
101
|
args: [NgDocBaseInput]
|
|
103
102
|
}], inputControl: [{
|
|
104
103
|
type: ContentChild,
|
|
105
|
-
args: [
|
|
104
|
+
args: [NgDocBaseInput]
|
|
106
105
|
}], focusCatcher: [{
|
|
107
106
|
type: ViewChild,
|
|
108
107
|
args: [NgDocFocusCatcherDirective, { static: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-input-wrapper.mjs","sources":["../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.ts","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.html","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.module.ts","../../../../libs/ui-kit/components/input-wrapper/ng-doc-ui-kit-components-input-wrapper.ts"],"sourcesContent":["import {\n\tAfterViewChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOptional,\n\tViewChild,\n} from '@angular/core';\nimport {NgDocBaseInput} from '@ng-doc/ui-kit/classes/base-input';\nimport {NgDocInputHost} from '@ng-doc/ui-kit/classes/input-host';\nimport {ngDocMakePure} from '@ng-doc/ui-kit/decorators';\nimport {NgDocFocusCatcherDirective} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocContextWithImplicit} from '@ng-doc/ui-kit/interfaces';\nimport {NG_DOC_INPUT_CONTROL} from '@ng-doc/ui-kit/tokens';\nimport {NgDocContent, NgDocTextAlign} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy} from '@ngneat/until-destroy';\nimport {FL_CONTROL_HOST, FlControl, FlControlHost} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-input-wrapper',\n\ttemplateUrl: './input-wrapper.component.html',\n\tstyleUrls: ['./input-wrapper.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: NgDocInputWrapperComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown> implements AfterViewChecked, NgDocInputHost<T> {\n\t@Input()\n\tblurContent: NgDocContent<NgDocContextWithImplicit<B | null>> = '';\n\n\t@Input()\n\tblurContext: B | null = null;\n\n\t@Input()\n\tleftContent: NgDocContent = '';\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@ContentChild(NgDocBaseInput)\n\tinput?: NgDocBaseInput<T>;\n\n\t@ContentChild(NG_DOC_INPUT_CONTROL)\n\tinputControl?: FlControl<T>;\n\n\t@ViewChild(NgDocFocusCatcherDirective, {static: true})\n\tfocusCatcher?: NgDocFocusCatcherDirective;\n\n\tconstructor(\n\t\tpublic elementRef: ElementRef<HTMLElement>,\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected controlHost?: FlControlHost<unknown>,\n\t) {}\n\n\tngAfterViewChecked(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@ngDocMakePure\n\tgetBlurContext($implicit: B | null): NgDocContextWithImplicit<B | null> {\n\t\treturn {$implicit};\n\t}\n\n\t@HostBinding('attr.data-ng-doc-input-disabled')\n\tget disabled(): boolean {\n\t\treturn !!this.inputControl?.disabled;\n\t}\n\n\tinputHasValue(): boolean {\n\t\treturn !!this.inputControl?.hasValue;\n\t}\n\n\tget blurContentIsVisible(): boolean {\n\t\treturn !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\temptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocFloatedBorderModule} from '@ng-doc/ui-kit/components/floated-border';\nimport {NgDocFloatedContentModule} from '@ng-doc/ui-kit/components/floated-content';\nimport {NgDocWrapperModule} from '@ng-doc/ui-kit/components/wrapper';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocFocusableModule} from '@ng-doc/ui-kit/directives/focusable';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocInputWrapperComponent} from './input-wrapper.component';\n\n@NgModule({\n\tdeclarations: [NgDocInputWrapperComponent],\n\timports: [\n\t\tCommonModule,\n\t\tPolymorpheusModule,\n\t\tNgDocWrapperModule,\n\t\tNgDocFocusCatcherModule,\n\t\tNgDocFloatedBorderModule,\n\t\tNgDocFloatedContentModule,\n\t\tNgDocFocusableModule,\n\t],\n\texports: [NgDocInputWrapperComponent],\n})\nexport class NgDocInputWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-input-wrapper.mjs","sources":["../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.ts","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.html","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.module.ts","../../../../libs/ui-kit/components/input-wrapper/ng-doc-ui-kit-components-input-wrapper.ts"],"sourcesContent":["import {\n\tAfterViewChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOptional,\n\tViewChild,\n} from '@angular/core';\nimport {NgDocBaseInput} from '@ng-doc/ui-kit/classes/base-input';\nimport {NgDocInputHost} from '@ng-doc/ui-kit/classes/input-host';\nimport {ngDocMakePure} from '@ng-doc/ui-kit/decorators';\nimport {NgDocFocusCatcherDirective} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocContextWithImplicit} from '@ng-doc/ui-kit/interfaces';\nimport {NgDocContent, NgDocTextAlign} from '@ng-doc/ui-kit/types';\nimport {UntilDestroy} from '@ngneat/until-destroy';\nimport {FL_CONTROL_HOST, FlControl, FlControlHost} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-input-wrapper',\n\ttemplateUrl: './input-wrapper.component.html',\n\tstyleUrls: ['./input-wrapper.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: NgDocInputWrapperComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown> implements AfterViewChecked, NgDocInputHost<T> {\n\t@Input()\n\tblurContent: NgDocContent<NgDocContextWithImplicit<B | null>> = '';\n\n\t@Input()\n\tblurContext: B | null = null;\n\n\t@Input()\n\tleftContent: NgDocContent = '';\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@ContentChild(NgDocBaseInput)\n\tinput?: NgDocBaseInput<T>;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: FlControl<T>;\n\n\t@ViewChild(NgDocFocusCatcherDirective, {static: true})\n\tfocusCatcher?: NgDocFocusCatcherDirective;\n\n\tconstructor(\n\t\tpublic elementRef: ElementRef<HTMLElement>,\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected controlHost?: FlControlHost<unknown>,\n\t) {}\n\n\tngAfterViewChecked(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@ngDocMakePure\n\tgetBlurContext($implicit: B | null): NgDocContextWithImplicit<B | null> {\n\t\treturn {$implicit};\n\t}\n\n\t@HostBinding('attr.data-ng-doc-input-disabled')\n\tget disabled(): boolean {\n\t\treturn !!this.inputControl?.disabled;\n\t}\n\n\tinputHasValue(): boolean {\n\t\treturn !!this.inputControl?.hasValue;\n\t}\n\n\tget blurContentIsVisible(): boolean {\n\t\treturn !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\temptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div class=\"ng-doc-input-container\"\n\t\t\t (focusin)=\"emptyEvent()\"\n\t\t\t (focusout)=\"emptyEvent()\"\n\t\t\t [class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t #inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{text}}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\"\n\t\t>\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"ng-doc-floated-content\"\n\t\t\t ng-doc-floated-content\n\t\t\t [bindTo]=\"inputContainer\"\n\t\t\t propertyName=\"--ng-doc-input-padding-right\"\n\t\t\t alignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{text}}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocFloatedBorderModule} from '@ng-doc/ui-kit/components/floated-border';\nimport {NgDocFloatedContentModule} from '@ng-doc/ui-kit/components/floated-content';\nimport {NgDocWrapperModule} from '@ng-doc/ui-kit/components/wrapper';\nimport {NgDocFocusCatcherModule} from '@ng-doc/ui-kit/directives/focus-catcher';\nimport {NgDocFocusableModule} from '@ng-doc/ui-kit/directives/focusable';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocInputWrapperComponent} from './input-wrapper.component';\n\n@NgModule({\n\tdeclarations: [NgDocInputWrapperComponent],\n\timports: [\n\t\tCommonModule,\n\t\tPolymorpheusModule,\n\t\tNgDocWrapperModule,\n\t\tNgDocFocusCatcherModule,\n\t\tNgDocFloatedBorderModule,\n\t\tNgDocFloatedContentModule,\n\t\tNgDocFocusableModule,\n\t],\n\texports: [NgDocInputWrapperComponent],\n})\nexport class NgDocInputWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -12,11 +12,11 @@ class NgDocLabelComponent {
|
|
|
12
12
|
this.align = 'left';
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocLabelComponent, selector: "label[ng-doc-label]", inputs: { label: ["ng-doc-label", "label"], align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocLabelComponent, selector: "label[ng-doc-label]", inputs: { label: ["ng-doc-label", "label"], align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'label[ng-doc-label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-
|
|
19
|
+
args: [{ selector: 'label[ng-doc-label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\n"] }]
|
|
20
20
|
}], propDecorators: { label: [{
|
|
21
21
|
type: Input,
|
|
22
22
|
args: ['ng-doc-label']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-label.mjs","sources":["../../../../libs/ui-kit/components/label/label.component.ts","../../../../libs/ui-kit/components/label/label.component.html","../../../../libs/ui-kit/components/label/label.module.ts","../../../../libs/ui-kit/components/label/ng-doc-ui-kit-components-label.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocContent, NgDocHorizontalAlign} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'label[ng-doc-label]',\n\ttemplateUrl: './label.component.html',\n\tstyleUrls: ['./label.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocLabelComponent {\n\t@Input('ng-doc-label')\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n}\n","<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocLetModule} from '@ng-doc/ui-kit/directives/let';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocLabelComponent} from './label.component';\n\n@NgModule({\n\tdeclarations: [NgDocLabelComponent],\n\timports: [CommonModule, PolymorpheusModule, NgDocLetModule],\n\texports: [NgDocLabelComponent],\n})\nexport class NgDocLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAGA,MAMa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAIzB,IAAK,CAAA,KAAA,GAAyB,MAAM,CAAC;AACrC,KAAA;8GAPY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2LCThC,gNAMA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-label.mjs","sources":["../../../../libs/ui-kit/components/label/label.component.ts","../../../../libs/ui-kit/components/label/label.component.html","../../../../libs/ui-kit/components/label/label.module.ts","../../../../libs/ui-kit/components/label/ng-doc-ui-kit-components-label.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocContent, NgDocHorizontalAlign} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'label[ng-doc-label]',\n\ttemplateUrl: './label.component.html',\n\tstyleUrls: ['./label.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocLabelComponent {\n\t@Input('ng-doc-label')\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n}\n","<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{text}}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocLetModule} from '@ng-doc/ui-kit/directives/let';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocLabelComponent} from './label.component';\n\n@NgModule({\n\tdeclarations: [NgDocLabelComponent],\n\timports: [CommonModule, PolymorpheusModule, NgDocLetModule],\n\texports: [NgDocLabelComponent],\n})\nexport class NgDocLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAGA,MAMa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAIzB,IAAK,CAAA,KAAA,GAAyB,MAAM,CAAC;AACrC,KAAA;8GAPY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2LCThC,gNAMA,EAAA,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDGa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;uBAAC,cAAc,CAAA;gBAKrB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;AEPtC,MAKa,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,CAJb,mBAAmB,CACxB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAChD,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAHlB,OAAA,EAAA,CAAA,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,cAAc,CAAC;oBAC3D,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC9B,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
|
|
@@ -42,7 +42,7 @@ class NgDocOptionComponent extends FlControlSelector {
|
|
|
42
42
|
provide: NgDocListItem,
|
|
43
43
|
useExisting: NgDocOptionComponent,
|
|
44
44
|
},
|
|
45
|
-
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-
|
|
45
|
+
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background-color:var(--ng-doc-base-1);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
51
51
|
provide: NgDocListItem,
|
|
52
52
|
useExisting: NgDocOptionComponent,
|
|
53
53
|
},
|
|
54
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-family:var(--ng-doc-font-family);font-
|
|
54
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background-color:var(--ng-doc-base-1);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"] }]
|
|
55
55
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.NgDocListComponent, decorators: [{
|
|
56
56
|
type: Optional
|
|
57
57
|
}] }, { type: i2.FlCompareHost, decorators: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/option.module.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInject,\n\tOnDestroy,\n\tOptional,\n} from '@angular/core';\nimport {NgDocListItem} from '@ng-doc/ui-kit/classes/list-item';\nimport {NgDocListComponent} from '@ng-doc/ui-kit/components/list';\nimport {FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-option',\n\ttemplate: '<ng-content></ng-content>',\n\tstyleUrls: ['./option.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocListItem,\n\t\t\tuseExisting: NgDocOptionComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocOptionComponent<T> extends FlControlSelector<T> implements NgDocListItem, OnDestroy {\n\t@HostBinding('attr.data-ng-doc-hover')\n\tprotected hovered: boolean = false;\n\n\tconstructor(\n\t\treadonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected override readonly changeDetectorRef: ChangeDetectorRef,\n\t\t@Optional()\n\t\tprivate readonly list: NgDocListComponent<T>,\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t\tthis.list?.registerItem(this);\n\t}\n\n\t@HostListener('click')\n\tclickEvent(): void {\n\t\tthis.select();\n\t}\n\n\tselectByUser(): void {\n\t\tconst anchor: HTMLAnchorElement | null = this.elementRef.nativeElement.querySelector('a');\n\n\t\tanchor ? anchor.click() : this.select();\n\t}\n\n\tsetActiveStyles(): void {\n\t\tthis.hovered = true;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tsetInactiveStyles(): void {\n\t\tthis.hovered = false;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\toverride ngOnDestroy(): void {\n\t\tsuper.ngOnDestroy();\n\t\tthis.list?.unregisterItem(this);\n\t}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocOptionComponent} from './option.component';\n\n@NgModule({\n\tdeclarations: [NgDocOptionComponent],\n\timports: [CommonModule],\n\texports: [NgDocOptionComponent],\n})\nexport class NgDocOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAeA,MAYa,oBAAwB,SAAQ,iBAAoB,CAAA;IAIhE,WACU,CAAA,UAAmC,EAChB,iBAAoC,EAE/C,IAA2B,EAGzB,WAA+C,EAG/C,IAAuB,EAAA;AAE1C,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAXhB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAChB,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;QAE/C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAuB;QAGzB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoC;QAG/C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;QAZjC,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AAelC,QAAA,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;KAC9B;IAGD,UAAU,GAAA;QACT,IAAI,CAAC,MAAM,EAAE,CAAC;KACd;IAED,YAAY,GAAA;AACX,QAAA,MAAM,MAAM,GAA6B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAE1F,QAAA,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;KACxC;IAED,eAAe,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;IAED,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;IAEQ,WAAW,GAAA;QACnB,KAAK,CAAC,WAAW,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;KAChC;8GA5CW,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EASvB,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAGb,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAZZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EARrB,QAAA,EAAA,eAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,oBAAoB;AACjC,aAAA;AACD,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/option.module.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInject,\n\tOnDestroy,\n\tOptional,\n} from '@angular/core';\nimport {NgDocListItem} from '@ng-doc/ui-kit/classes/list-item';\nimport {NgDocListComponent} from '@ng-doc/ui-kit/components/list';\nimport {FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector} from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-option',\n\ttemplate: '<ng-content></ng-content>',\n\tstyleUrls: ['./option.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocListItem,\n\t\t\tuseExisting: NgDocOptionComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocOptionComponent<T> extends FlControlSelector<T> implements NgDocListItem, OnDestroy {\n\t@HostBinding('attr.data-ng-doc-hover')\n\tprotected hovered: boolean = false;\n\n\tconstructor(\n\t\treadonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected override readonly changeDetectorRef: ChangeDetectorRef,\n\t\t@Optional()\n\t\tprivate readonly list: NgDocListComponent<T>,\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t\tthis.list?.registerItem(this);\n\t}\n\n\t@HostListener('click')\n\tclickEvent(): void {\n\t\tthis.select();\n\t}\n\n\tselectByUser(): void {\n\t\tconst anchor: HTMLAnchorElement | null = this.elementRef.nativeElement.querySelector('a');\n\n\t\tanchor ? anchor.click() : this.select();\n\t}\n\n\tsetActiveStyles(): void {\n\t\tthis.hovered = true;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tsetInactiveStyles(): void {\n\t\tthis.hovered = false;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\toverride ngOnDestroy(): void {\n\t\tsuper.ngOnDestroy();\n\t\tthis.list?.unregisterItem(this);\n\t}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocOptionComponent} from './option.component';\n\n@NgModule({\n\tdeclarations: [NgDocOptionComponent],\n\timports: [CommonModule],\n\texports: [NgDocOptionComponent],\n})\nexport class NgDocOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,7 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
|
|
|
65
65
|
this.selectedTab = tab;
|
|
66
66
|
}
|
|
67
67
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-
|
|
68
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;z-index:3;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i3.NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: i3.NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "directive", type: i3.NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: i4.NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
};
|
|
70
70
|
NgDocTabGroupComponent = __decorate([
|
|
71
71
|
UntilDestroy(),
|
|
@@ -73,7 +73,7 @@ NgDocTabGroupComponent = __decorate([
|
|
|
73
73
|
], NgDocTabGroupComponent);
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
|
-
args: [{ animations: [tabFadeAnimation], selector: 'ng-doc-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-
|
|
76
|
+
args: [{ animations: [tabFadeAnimation], selector: 'ng-doc-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;z-index:3;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"] }]
|
|
77
77
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { openedTab: [{
|
|
78
78
|
type: Input
|
|
79
79
|
}], tabElements: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/tab-group.module.ts","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {NgDocContent} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport {tabFadeAnimation} from '@ng-doc/ui-kit/animations';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {startWith} from 'rxjs/operators';\n\nimport {NgDocTabComponent} from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab?: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocSelectionModule} from '@ng-doc/ui-kit/components/selection';\nimport {NgDocSmoothResizeModule} from \"@ng-doc/ui-kit/components/smooth-resize\";\nimport {NgDocTextModule} from '@ng-doc/ui-kit/components/text';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocTabComponent} from './tab/tab.component';\nimport {NgDocTabGroupComponent} from './tab-group.component';\n\n@NgModule({\n\tdeclarations: [NgDocTabGroupComponent, NgDocTabComponent],\n\timports: [CommonModule, PolymorpheusModule, NgDocTextModule, NgDocSelectionModule, NgDocSmoothResizeModule],\n\texports: [NgDocTabGroupComponent, NgDocTabComponent],\n})\nexport class NgDocTabGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/tab-group.module.ts","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {NgDocContent} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport {tabFadeAnimation} from '@ng-doc/ui-kit/animations';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {startWith} from 'rxjs/operators';\n\nimport {NgDocTabComponent} from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab?: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {NgDocSelectionModule} from '@ng-doc/ui-kit/components/selection';\nimport {NgDocSmoothResizeModule} from \"@ng-doc/ui-kit/components/smooth-resize\";\nimport {NgDocTextModule} from '@ng-doc/ui-kit/components/text';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {NgDocTabComponent} from './tab/tab.component';\nimport {NgDocTabGroupComponent} from './tab-group.component';\n\n@NgModule({\n\tdeclarations: [NgDocTabGroupComponent, NgDocTabComponent],\n\timports: [CommonModule, PolymorpheusModule, NgDocTextModule, NgDocSelectionModule, NgDocSmoothResizeModule],\n\texports: [NgDocTabGroupComponent, NgDocTabComponent],\n})\nexport class NgDocTabGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,11 @@ class NgDocTagComponent {
|
|
|
9
9
|
this.mod = 'default';
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-color=red][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-red-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=pink][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-pink-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=purple][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-purple-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=deep-purple][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-deep-purple-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=indigo][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-indigo-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=blue][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-blue-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=light-blue][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-light-blue-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=cian][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-cian-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=teal][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-teal-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=green][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-green-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=light-green][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-light-green-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=lime][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-lime-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=yellow][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-yellow-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=ember][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-ember-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=orange][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-orange-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=deep-orange][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-deep-orange-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=grey][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-grey-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=red][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-red-10);--ng-doc-tag-color: var(--ng-doc-red-140)}:host[data-ng-doc-color=pink][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-pink-10);--ng-doc-tag-color: var(--ng-doc-pink-140)}:host[data-ng-doc-color=purple][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-purple-10);--ng-doc-tag-color: var(--ng-doc-purple-140)}:host[data-ng-doc-color=deep-purple][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-deep-purple-10);--ng-doc-tag-color: var(--ng-doc-deep-purple-140)}:host[data-ng-doc-color=indigo][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-indigo-10);--ng-doc-tag-color: var(--ng-doc-indigo-140)}:host[data-ng-doc-color=blue][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-blue-10);--ng-doc-tag-color: var(--ng-doc-blue-140)}:host[data-ng-doc-color=light-blue][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-light-blue-10);--ng-doc-tag-color: var(--ng-doc-light-blue-140)}:host[data-ng-doc-color=cian][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-cian-10);--ng-doc-tag-color: var(--ng-doc-cian-140)}:host[data-ng-doc-color=teal][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-teal-10);--ng-doc-tag-color: var(--ng-doc-teal-140)}:host[data-ng-doc-color=green][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-green-10);--ng-doc-tag-color: var(--ng-doc-green-140)}:host[data-ng-doc-color=light-green][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-light-green-10);--ng-doc-tag-color: var(--ng-doc-light-green-140)}:host[data-ng-doc-color=lime][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-lime-10);--ng-doc-tag-color: var(--ng-doc-lime-140)}:host[data-ng-doc-color=yellow][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-yellow-10);--ng-doc-tag-color: var(--ng-doc-yellow-140)}:host[data-ng-doc-color=ember][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-ember-10);--ng-doc-tag-color: var(--ng-doc-ember-140)}:host[data-ng-doc-color=orange][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-orange-10);--ng-doc-tag-color: var(--ng-doc-orange-140)}:host[data-ng-doc-color=deep-orange][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-deep-orange-10);--ng-doc-tag-color: var(--ng-doc-deep-orange-140)}:host[data-ng-doc-color=grey][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-grey-10);--ng-doc-tag-color: var(--ng-doc-grey-140)}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTagComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-
|
|
16
|
+
args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host[data-ng-doc-color=red][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-red-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=pink][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-pink-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=purple][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-purple-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=deep-purple][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-deep-purple-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=indigo][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-indigo-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=blue][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-blue-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=light-blue][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-light-blue-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=cian][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-cian-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=teal][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-teal-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=green][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-green-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=light-green][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-light-green-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=lime][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-lime-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=yellow][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-yellow-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=ember][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-ember-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=orange][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-orange-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=deep-orange][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-deep-orange-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=grey][data-ng-doc-mod=default]{--ng-doc-tag-background: var(--ng-doc-grey-100);--ng-doc-tag-color: var(--ng-doc-white)}:host[data-ng-doc-color=red][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-red-10);--ng-doc-tag-color: var(--ng-doc-red-140)}:host[data-ng-doc-color=pink][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-pink-10);--ng-doc-tag-color: var(--ng-doc-pink-140)}:host[data-ng-doc-color=purple][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-purple-10);--ng-doc-tag-color: var(--ng-doc-purple-140)}:host[data-ng-doc-color=deep-purple][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-deep-purple-10);--ng-doc-tag-color: var(--ng-doc-deep-purple-140)}:host[data-ng-doc-color=indigo][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-indigo-10);--ng-doc-tag-color: var(--ng-doc-indigo-140)}:host[data-ng-doc-color=blue][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-blue-10);--ng-doc-tag-color: var(--ng-doc-blue-140)}:host[data-ng-doc-color=light-blue][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-light-blue-10);--ng-doc-tag-color: var(--ng-doc-light-blue-140)}:host[data-ng-doc-color=cian][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-cian-10);--ng-doc-tag-color: var(--ng-doc-cian-140)}:host[data-ng-doc-color=teal][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-teal-10);--ng-doc-tag-color: var(--ng-doc-teal-140)}:host[data-ng-doc-color=green][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-green-10);--ng-doc-tag-color: var(--ng-doc-green-140)}:host[data-ng-doc-color=light-green][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-light-green-10);--ng-doc-tag-color: var(--ng-doc-light-green-140)}:host[data-ng-doc-color=lime][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-lime-10);--ng-doc-tag-color: var(--ng-doc-lime-140)}:host[data-ng-doc-color=yellow][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-yellow-10);--ng-doc-tag-color: var(--ng-doc-yellow-140)}:host[data-ng-doc-color=ember][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-ember-10);--ng-doc-tag-color: var(--ng-doc-ember-140)}:host[data-ng-doc-color=orange][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-orange-10);--ng-doc-tag-color: var(--ng-doc-orange-140)}:host[data-ng-doc-color=deep-orange][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-deep-orange-10);--ng-doc-tag-color: var(--ng-doc-deep-orange-140)}:host[data-ng-doc-color=grey][data-ng-doc-mod=light]{--ng-doc-tag-background: var(--ng-doc-grey-10);--ng-doc-tag-color: var(--ng-doc-grey-140)}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
|
|
17
17
|
}], propDecorators: { color: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/tag.module.ts","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocColor, NgDocPaletteColor, NgDocTagSize} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor | NgDocPaletteColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' | 'light' = 'default';\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocTagComponent} from './tag.component';\n\n@NgModule({\n\tdeclarations: [NgDocTagComponent],\n\timports: [CommonModule],\n\texports: [NgDocTagComponent],\n})\nexport class NgDocTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAMa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;QASC,IAAK,CAAA,KAAA,GAAmC,SAAS,CAAC;QAIlD,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,oPCT9B,6BACA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/tag.module.ts","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {NgDocColor, NgDocPaletteColor, NgDocTagSize} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor | NgDocPaletteColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' | 'light' = 'default';\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocTagComponent} from './tag.component';\n\n@NgModule({\n\tdeclarations: [NgDocTagComponent],\n\timports: [CommonModule],\n\texports: [NgDocTagComponent],\n})\nexport class NgDocTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAMa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;QASC,IAAK,CAAA,KAAA,GAAmC,SAAS,CAAC;QAIlD,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,oPCT9B,6BACA,EAAA,MAAA,EAAA,CAAA,klLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;+BACC,YAAY,EAAA,eAAA,EAGL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,klLAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,GAAG,EAAA,CAAA;sBAFF,KAAK;;sBACL,WAAW;uBAAC,sBAAsB,CAAA;;;AEdpC,MAKa,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAJX,YAAA,EAAA,CAAA,iBAAiB,CACtB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHhB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC5B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|
|
@@ -43,11 +43,11 @@ class NgDocTextComponent {
|
|
|
43
43
|
this.changeDetectorRef.detectChanges();
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=left] .ng-doc-text{text-align:left}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-
|
|
50
|
+
args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=left] .ng-doc-text{text-align:left}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"] }]
|
|
51
51
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-text.mjs","sources":["../../../../libs/ui-kit/components/text/text-left.directive.ts","../../../../libs/ui-kit/components/text/text-right.directive.ts","../../../../libs/ui-kit/components/text/text.component.ts","../../../../libs/ui-kit/components/text/text.component.html","../../../../libs/ui-kit/components/text/text.module.ts","../../../../libs/ui-kit/components/text/ng-doc-ui-kit-components-text.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/** Using to display content on the left side */\n@Directive({\n\tselector: '[ngDocTextLeft]',\n})\nexport class NgDocTextLeftDirective {}\n","import {Directive} from '@angular/core';\n\n/** Using to display content on the right side */\n@Directive({\n\tselector: '[ngDocTextRight]',\n})\nexport class NgDocTextRightDirective {}\n","import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tHostBinding,\n\tInput,\n} from '@angular/core';\nimport {NgDocSize, NgDocTextAlign, NgDocTextColor} from '@ng-doc/ui-kit/types';\n\nimport {NgDocTextLeftDirective} from './text-left.directive';\nimport {NgDocTextRightDirective} from './text-right.directive';\n\n@Component({\n\tselector: '[ng-doc-text]',\n\ttemplateUrl: './text.component.html',\n\tstyleUrls: ['./text.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n\t/** Text size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-size')\n\tsize: NgDocSize = 'medium';\n\n\t/** Text color */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-color')\n\tcolor: NgDocTextColor = 'normal';\n\n\t/** Text align */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-absolute')\n\tabsoluteContent: boolean = false;\n\n\t@ContentChild(NgDocTextLeftDirective)\n\tleftContent?: NgDocTextLeftDirective;\n\n\t@ContentChild(NgDocTextRightDirective)\n\trightContent?: NgDocTextRightDirective;\n\n\t@HostBinding('class.ngde')\n\treadonly ngDocElement: boolean = true;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentChecked(): void {\n\t\tthis.changeDetectorRef.detectChanges();\n\t}\n}\n","<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocTextComponent} from './text.component';\nimport {NgDocTextLeftDirective} from './text-left.directive';\nimport {NgDocTextRightDirective} from './text-right.directive';\n\n@NgModule({\n\tdeclarations: [NgDocTextComponent, NgDocTextLeftDirective, NgDocTextRightDirective],\n\timports: [CommonModule],\n\texports: [NgDocTextComponent, NgDocTextLeftDirective, NgDocTextRightDirective],\n})\nexport class NgDocTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;AACA,MAGa,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,iBAAA,CAAA;;;ACHD;AACA,MAGa,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,iBAAA,CAAA;;;ACSD,MAMa,kBAAkB,CAAA;AA6B9B,IAAA,WAAA,CAA6B,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;;QAzBjE,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;;QAK3B,IAAK,CAAA,KAAA,GAAmB,QAAQ,CAAC;;QAKjC,IAAK,CAAA,KAAA,GAAmB,MAAM,CAAC;QAI/B,IAAe,CAAA,eAAA,GAAY,KAAK,CAAC;QASxB,IAAY,CAAA,YAAA,GAAY,IAAI,CAAC;KAE+B;IAErE,qBAAqB,GAAA;AACpB,QAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;KACvC;8GAjCW,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAoBhB,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,gCAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,EAGtB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,uBAAuB,gDC3CtC,6TASA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-text.mjs","sources":["../../../../libs/ui-kit/components/text/text-left.directive.ts","../../../../libs/ui-kit/components/text/text-right.directive.ts","../../../../libs/ui-kit/components/text/text.component.ts","../../../../libs/ui-kit/components/text/text.component.html","../../../../libs/ui-kit/components/text/text.module.ts","../../../../libs/ui-kit/components/text/ng-doc-ui-kit-components-text.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/** Using to display content on the left side */\n@Directive({\n\tselector: '[ngDocTextLeft]',\n})\nexport class NgDocTextLeftDirective {}\n","import {Directive} from '@angular/core';\n\n/** Using to display content on the right side */\n@Directive({\n\tselector: '[ngDocTextRight]',\n})\nexport class NgDocTextRightDirective {}\n","import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tHostBinding,\n\tInput,\n} from '@angular/core';\nimport {NgDocSize, NgDocTextAlign, NgDocTextColor} from '@ng-doc/ui-kit/types';\n\nimport {NgDocTextLeftDirective} from './text-left.directive';\nimport {NgDocTextRightDirective} from './text-right.directive';\n\n@Component({\n\tselector: '[ng-doc-text]',\n\ttemplateUrl: './text.component.html',\n\tstyleUrls: ['./text.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n\t/** Text size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-size')\n\tsize: NgDocSize = 'medium';\n\n\t/** Text color */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-color')\n\tcolor: NgDocTextColor = 'normal';\n\n\t/** Text align */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-absolute')\n\tabsoluteContent: boolean = false;\n\n\t@ContentChild(NgDocTextLeftDirective)\n\tleftContent?: NgDocTextLeftDirective;\n\n\t@ContentChild(NgDocTextRightDirective)\n\trightContent?: NgDocTextRightDirective;\n\n\t@HostBinding('class.ngde')\n\treadonly ngDocElement: boolean = true;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentChecked(): void {\n\t\tthis.changeDetectorRef.detectChanges();\n\t}\n}\n","<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {NgDocTextComponent} from './text.component';\nimport {NgDocTextLeftDirective} from './text-left.directive';\nimport {NgDocTextRightDirective} from './text-right.directive';\n\n@NgModule({\n\tdeclarations: [NgDocTextComponent, NgDocTextLeftDirective, NgDocTextRightDirective],\n\timports: [CommonModule],\n\texports: [NgDocTextComponent, NgDocTextLeftDirective, NgDocTextRightDirective],\n})\nexport class NgDocTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;AACA,MAGa,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,iBAAA,CAAA;;;ACHD;AACA,MAGa,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,iBAAA,CAAA;;;ACSD,MAMa,kBAAkB,CAAA;AA6B9B,IAAA,WAAA,CAA6B,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;;QAzBjE,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;;QAK3B,IAAK,CAAA,KAAA,GAAmB,QAAQ,CAAC;;QAKjC,IAAK,CAAA,KAAA,GAAmB,MAAM,CAAC;QAI/B,IAAe,CAAA,eAAA,GAAY,KAAK,CAAC;QASxB,IAAY,CAAA,YAAA,GAAY,IAAI,CAAC;KAE+B;IAErE,qBAAqB,GAAA;AACpB,QAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;KACvC;8GAjCW,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAoBhB,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,6BAAA,EAAA,YAAA,EAAA,gCAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,EAGtB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,uBAAuB,gDC3CtC,6TASA,EAAA,MAAA,EAAA,CAAA,8vDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDWa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACC,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6TAAA,EAAA,MAAA,EAAA,CAAA,8vDAAA,CAAA,EAAA,CAAA;wGAM/C,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,4BAA4B,CAAA;gBAMzC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,6BAA6B,CAAA;gBAM1C,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,6BAA6B,CAAA;gBAK1C,eAAe,EAAA,CAAA;sBAFd,KAAK;;sBACL,WAAW;uBAAC,gCAAgC,CAAA;gBAI7C,WAAW,EAAA,CAAA;sBADV,YAAY;uBAAC,sBAAsB,CAAA;gBAIpC,YAAY,EAAA,CAAA;sBADX,YAAY;uBAAC,uBAAuB,CAAA;gBAI5B,YAAY,EAAA,CAAA;sBADpB,WAAW;uBAAC,YAAY,CAAA;;;AEvC1B,MAKa,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJZ,YAAA,EAAA,CAAA,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,CACxE,EAAA,OAAA,EAAA,CAAA,YAAY,CACZ,EAAA,OAAA,EAAA,CAAA,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEjE,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC;oBACnF,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,CAAC;AAC9E,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
import { __decorate, __metadata } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { ElementRef,
|
|
3
|
+
import { ElementRef, Directive, HostListener, NgModule } from '@angular/core';
|
|
4
4
|
import { isPresent } from '@ng-doc/core/helpers/is-present';
|
|
5
5
|
import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
|
|
6
6
|
import { toElement } from '@ng-doc/ui-kit/helpers';
|
|
7
|
-
import { NG_DOC_INPUT_CONTROL } from '@ng-doc/ui-kit/tokens';
|
|
8
7
|
import { UntilDestroy } from '@ngneat/until-destroy';
|
|
9
|
-
import * as i1 from 'flex-controls';
|
|
10
|
-
import { FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
|
|
11
8
|
|
|
12
9
|
var NgDocInputNumberDirective_1;
|
|
13
10
|
let NgDocInputNumberDirective = NgDocInputNumberDirective_1 = class NgDocInputNumberDirective extends NgDocBaseInput {
|
|
14
|
-
constructor(elementRef
|
|
15
|
-
super(
|
|
11
|
+
constructor(elementRef) {
|
|
12
|
+
super();
|
|
16
13
|
this.elementRef = elementRef;
|
|
17
|
-
this.renderer = renderer;
|
|
18
|
-
this.host = host;
|
|
19
14
|
}
|
|
20
15
|
blurEvent() {
|
|
21
16
|
this.onTouched();
|
|
@@ -26,33 +21,20 @@ let NgDocInputNumberDirective = NgDocInputNumberDirective_1 = class NgDocInputNu
|
|
|
26
21
|
incomingUpdate(value) {
|
|
27
22
|
toElement(this.elementRef).value = isPresent(value) ? String(Number(value)) : '';
|
|
28
23
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputNumberDirective, deps: [{ token: i0.ElementRef }
|
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocInputNumberDirective, selector: "input[ngDocInputNumber]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [
|
|
31
|
-
{ provide: NG_DOC_INPUT_CONTROL, useExisting: NgDocInputNumberDirective_1 },
|
|
32
|
-
{ provide: NgDocBaseInput, useExisting: NgDocInputNumberDirective_1 },
|
|
33
|
-
], usesInheritance: true, ngImport: i0 }); }
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocInputNumberDirective, selector: "input[ngDocInputNumber]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [{ provide: NgDocBaseInput, useExisting: NgDocInputNumberDirective_1 }], usesInheritance: true, ngImport: i0 }); }
|
|
34
26
|
};
|
|
35
27
|
NgDocInputNumberDirective = NgDocInputNumberDirective_1 = __decorate([
|
|
36
28
|
UntilDestroy(),
|
|
37
|
-
__metadata("design:paramtypes", [ElementRef
|
|
38
|
-
Renderer2,
|
|
39
|
-
FlControlHost])
|
|
29
|
+
__metadata("design:paramtypes", [ElementRef])
|
|
40
30
|
], NgDocInputNumberDirective);
|
|
41
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputNumberDirective, decorators: [{
|
|
42
32
|
type: Directive,
|
|
43
33
|
args: [{
|
|
44
34
|
selector: `input[ngDocInputNumber]`,
|
|
45
|
-
providers: [
|
|
46
|
-
{ provide: NG_DOC_INPUT_CONTROL, useExisting: NgDocInputNumberDirective },
|
|
47
|
-
{ provide: NgDocBaseInput, useExisting: NgDocInputNumberDirective },
|
|
48
|
-
],
|
|
35
|
+
providers: [{ provide: NgDocBaseInput, useExisting: NgDocInputNumberDirective }],
|
|
49
36
|
}]
|
|
50
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }
|
|
51
|
-
type: Inject,
|
|
52
|
-
args: [FL_CONTROL_HOST]
|
|
53
|
-
}, {
|
|
54
|
-
type: Optional
|
|
55
|
-
}] }]; }, propDecorators: { blurEvent: [{
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { blurEvent: [{
|
|
56
38
|
type: HostListener,
|
|
57
39
|
args: ['blur']
|
|
58
40
|
}], inputEvent: [{
|