@ng-doc/ui-kit 16.16.0 → 16.18.0-beta.1
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/cdk/combobox-host/combobox-host.component.d.ts +6 -7
- package/classes/base-input/base-input.d.ts +8 -5
- package/classes/input-host/input-host.d.ts +2 -2
- package/components/button/button.component.d.ts +1 -2
- package/components/checkbox/checkbox.component.d.ts +4 -6
- package/components/clear-control/clear-control.component.d.ts +6 -9
- package/components/combobox/combobox.component.d.ts +4 -5
- package/components/input-wrapper/input-wrapper.component.d.ts +3 -5
- package/components/list/list.component.d.ts +3 -3
- package/components/option/option.component.d.ts +7 -10
- package/components/toggle/toggle.component.d.ts +5 -10
- package/directives/input-number/input-number.directive.d.ts +1 -4
- package/directives/input-string/input-string.directive.d.ts +1 -4
- package/esm2022/cdk/combobox-host/combobox-host.component.mjs +30 -43
- package/esm2022/classes/base-input/base-input.mjs +19 -12
- package/esm2022/classes/input-host/input-host.mjs +1 -1
- package/esm2022/classes/list-item/list-item.mjs +2 -1
- package/esm2022/classes/overlay-host/overlay-host.mjs +2 -1
- package/esm2022/components/blockquote/blockquote.component.mjs +5 -6
- package/esm2022/components/button/button.component.mjs +5 -9
- package/esm2022/components/button-icon/button-icon.component.mjs +5 -6
- package/esm2022/components/checkbox/checkbox.component.mjs +14 -25
- package/esm2022/components/clear-control/clear-control.component.mjs +18 -30
- package/esm2022/components/combobox/combobox.component.mjs +13 -15
- package/esm2022/components/data-list/data-list.component.mjs +5 -6
- package/esm2022/components/data-list-group/data-list-group.component.mjs +5 -6
- package/esm2022/components/dialog-outlet/dialog-outlet.component.mjs +4 -4
- package/esm2022/components/dot/dot.component.mjs +5 -6
- package/esm2022/components/dropdown/dropdown.component.mjs +6 -6
- package/esm2022/components/expander/expander.component.mjs +5 -6
- package/esm2022/components/floated-border/floated-border.component.mjs +5 -6
- package/esm2022/components/floated-content/floated-content.component.mjs +6 -7
- package/esm2022/components/focus-control/focus-control.component.mjs +7 -8
- package/esm2022/components/icon/icon.component.mjs +6 -7
- package/esm2022/components/input-wrapper/input-wrapper.component.mjs +13 -23
- package/esm2022/components/label/label.component.mjs +5 -6
- package/esm2022/components/line/line.component.mjs +5 -6
- package/esm2022/components/list/list.component.mjs +6 -6
- package/esm2022/components/option/option.component.mjs +19 -33
- package/esm2022/components/option-group/option-group.component.mjs +9 -10
- package/esm2022/components/overlay-container/overlay-container.component.mjs +7 -8
- package/esm2022/components/overlay-pointer/overlay-pointer.component.mjs +5 -6
- package/esm2022/components/pane/pane.component.mjs +14 -16
- package/esm2022/components/selection/selection-host.directive.mjs +5 -6
- package/esm2022/components/selection/selection-origin.directive.mjs +6 -7
- package/esm2022/components/selection/selection.component.mjs +5 -5
- package/esm2022/components/sidenav/sidenav.component.mjs +5 -6
- package/esm2022/components/smooth-resize/smooth-resize.component.mjs +6 -7
- package/esm2022/components/spinner/spinner.component.mjs +5 -6
- package/esm2022/components/tab-group/tab/tab.component.mjs +5 -6
- package/esm2022/components/tab-group/tab-group.component.mjs +5 -5
- package/esm2022/components/tag/tag.component.mjs +5 -6
- package/esm2022/components/text/text-left.directive.mjs +5 -6
- package/esm2022/components/text/text-right.directive.mjs +5 -6
- package/esm2022/components/text/text.component.mjs +6 -7
- package/esm2022/components/toggle/toggle.component.mjs +18 -34
- package/esm2022/components/wrapper/wrapper.component.mjs +5 -6
- package/esm2022/directives/autofocus/autofocus.directive.mjs +6 -7
- package/esm2022/directives/checked-change/checked-change.directive.mjs +6 -7
- package/esm2022/directives/data/data.directive.mjs +6 -7
- package/esm2022/directives/dropdown-handler/dropdown-handler.directive.mjs +5 -6
- package/esm2022/directives/dropdown-origin/dropdown-origin.directive.mjs +6 -7
- package/esm2022/directives/event-switcher/event-switcher.directive.mjs +5 -5
- package/esm2022/directives/focus-catcher/focus-catcher.directive.mjs +7 -6
- package/esm2022/directives/focusable/focusable.directive.mjs +5 -6
- package/esm2022/directives/hotkey/hotkey.directive.mjs +5 -5
- package/esm2022/directives/input-number/input-number.directive.mjs +17 -18
- package/esm2022/directives/input-string/input-string.directive.mjs +17 -18
- package/esm2022/directives/let/let.directive.mjs +6 -7
- package/esm2022/directives/media-query/media-query.directive.mjs +5 -5
- package/esm2022/directives/rotator/rotator.directive.mjs +6 -7
- package/esm2022/directives/tooltip/tooltip.directive.mjs +5 -5
- package/esm2022/interceptors/cache.interceptor.mjs +5 -6
- package/esm2022/pipes/as-array/as-array.pipe.mjs +5 -6
- package/esm2022/pipes/bind/bind.pipe.mjs +5 -6
- package/esm2022/pipes/execute/execute.pipe.mjs +5 -6
- package/esm2022/pipes/highlighter/highlighter.pipe.mjs +5 -6
- package/esm2022/services/dialog/dialog.service.mjs +5 -6
- package/esm2022/services/notify/notify.service.mjs +5 -5
- package/esm2022/services/overlay/overlay.service.mjs +7 -8
- package/esm2022/services/overlay-strategy/overlay-strategy.mjs +7 -8
- package/esm2022/services/scroll/scroll.service.mjs +7 -8
- package/fesm2022/ng-doc-ui-kit-animations.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs +30 -43
- package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs +18 -10
- package/fesm2022/ng-doc-ui-kit-classes-base-input.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-input-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-list-item.mjs +1 -0
- package/fesm2022/ng-doc-ui-kit-classes-list-item.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-classes-overlay-host.mjs +1 -0
- package/fesm2022/ng-doc-ui-kit-classes-overlay-host.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-button.mjs +3 -6
- package/fesm2022/ng-doc-ui-kit-components-button.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs +13 -23
- package/fesm2022/ng-doc-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs +18 -30
- package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-combobox.mjs +11 -12
- package/fesm2022/ng-doc-ui-kit-components-combobox.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list-group.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-data-list-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-data-list.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-data-list.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-dot.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-dot.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs +6 -6
- package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-expander.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-expander.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-floated-border.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-floated-border.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-focus-control.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-focus-control.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-icon.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-icon.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs +13 -23
- package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-label.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-label.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-line.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-line.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-list.mjs +8 -8
- package/fesm2022/ng-doc-ui-kit-components-list.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-option-group.mjs +8 -8
- package/fesm2022/ng-doc-ui-kit-components-option-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-option.mjs +19 -31
- package/fesm2022/ng-doc-ui-kit-components-option.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-pane.mjs +13 -13
- package/fesm2022/ng-doc-ui-kit-components-pane.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs +12 -12
- package/fesm2022/ng-doc-ui-kit-components-selection.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-spinner.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-spinner.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs +8 -8
- package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-text.mjs +10 -10
- package/fesm2022/ng-doc-ui-kit-components-text.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-toggle.mjs +19 -35
- package/fesm2022/ng-doc-ui-kit-components-toggle.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-data.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-data.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs +6 -6
- package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs +8 -7
- package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs +17 -18
- package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs +17 -18
- package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-let.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-let.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-media-query.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-directives-media-query.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-rotator.mjs +4 -4
- package/fesm2022/ng-doc-ui-kit-directives-rotator.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs +7 -7
- package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-interceptors.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-interceptors.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-observables.mjs +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-as-array.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-as-array.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-bind.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-bind.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-execute.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-execute.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-pipes-highlighter.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-pipes-highlighter.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-dialog.mjs +3 -3
- package/fesm2022/ng-doc-ui-kit-services-dialog.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-notify.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-services-notify.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-overlay-strategy.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-services-overlay-strategy.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-overlay.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-services-overlay.mjs.map +1 -1
- package/fesm2022/ng-doc-ui-kit-services-scroll.mjs +5 -5
- package/fesm2022/ng-doc-ui-kit-services-scroll.mjs.map +1 -1
- package/package.json +5 -5
- package/services/overlay-strategy/overlay-strategy.d.ts +2 -2
|
@@ -4,10 +4,10 @@ import { Directive, Component, ChangeDetectionStrategy, Input, HostBinding, Cont
|
|
|
4
4
|
|
|
5
5
|
/** Using to display content on the left side */
|
|
6
6
|
class NgDocTextLeftDirective {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextLeftDirective, isStandalone: true, selector: "[ngDocTextLeft]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextLeftDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: '[ngDocTextLeft]',
|
|
@@ -17,10 +17,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
17
17
|
|
|
18
18
|
/** Using to display content on the right side */
|
|
19
19
|
class NgDocTextRightDirective {
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextRightDirective, isStandalone: true, selector: "[ngDocTextRight]", ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextRightDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: '[ngDocTextRight]',
|
|
@@ -43,13 +43,13 @@ class NgDocTextComponent {
|
|
|
43
43
|
ngAfterContentChecked() {
|
|
44
44
|
this.changeDetectorRef.detectChanges();
|
|
45
45
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextComponent, isStandalone: true, 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=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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf], 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=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"] }]
|
|
52
|
-
}], ctorParameters:
|
|
52
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { size: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}, {
|
|
55
55
|
type: HostBinding,
|
|
@@ -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/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\tstandalone: true,\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\tstandalone: true,\n})\nexport class NgDocTextRightDirective {}\n","import { NgIf } from '@angular/common';\nimport {\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\tstandalone: true,\n\timports: [NgIf],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAEA;
|
|
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/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\tstandalone: true,\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\tstandalone: true,\n})\nexport class NgDocTextRightDirective {}\n","import { NgIf } from '@angular/common';\nimport {\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\tstandalone: true,\n\timports: [NgIf],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __metadata, __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { inject, Component, ChangeDetectionStrategy, ViewChild, HostBinding } from '@angular/core';
|
|
4
4
|
import { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';
|
|
5
5
|
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
6
|
-
import
|
|
7
|
-
import { FlControlSelector, FlCompareHost, FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
|
|
6
|
+
import { DIStateControl, injectHostControl, DICompareHost } from 'di-controls';
|
|
8
7
|
import { fromEvent } from 'rxjs';
|
|
9
|
-
import { filter,
|
|
8
|
+
import { filter, pairwise, map, tap, startWith, takeUntil, last, switchMap } from 'rxjs/operators';
|
|
10
9
|
|
|
11
|
-
let NgDocToggleComponent = class NgDocToggleComponent extends
|
|
12
|
-
constructor(
|
|
13
|
-
super(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
let NgDocToggleComponent = class NgDocToggleComponent extends DIStateControl {
|
|
11
|
+
constructor() {
|
|
12
|
+
super({
|
|
13
|
+
host: injectHostControl({ optional: true }),
|
|
14
|
+
compareHost: inject(DICompareHost, { optional: true }),
|
|
15
|
+
onIncomingUpdate: () => {
|
|
16
|
+
this.setState(!!this.checked());
|
|
17
|
+
},
|
|
18
|
+
});
|
|
18
19
|
this.dragging = false;
|
|
19
20
|
this.maxPixelValue = 0;
|
|
20
21
|
}
|
|
@@ -36,10 +37,6 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
|
|
|
36
37
|
});
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
|
-
incomingUpdate(value) {
|
|
40
|
-
super.incomingUpdate(value);
|
|
41
|
-
this.setState(!!this.checked);
|
|
42
|
-
}
|
|
43
40
|
updateModel(value) {
|
|
44
41
|
super.updateModel(value);
|
|
45
42
|
this.setState(!!this.checked);
|
|
@@ -61,7 +58,7 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
|
|
|
61
58
|
this.wrapper.nativeElement.offsetWidth / 2;
|
|
62
59
|
const circleCenterLeft = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +
|
|
63
60
|
this.circle.nativeElement.offsetWidth / 2;
|
|
64
|
-
circleCenterLeft > wrapperMiddle ? this.
|
|
61
|
+
circleCenterLeft > wrapperMiddle ? this.check() : this.uncheck();
|
|
65
62
|
this.setState(!!this.checked);
|
|
66
63
|
}
|
|
67
64
|
}
|
|
@@ -73,30 +70,17 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
|
|
|
73
70
|
this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(${newPosition}px)`);
|
|
74
71
|
}
|
|
75
72
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocToggleComponent, isStandalone: true, selector: "ng-doc-toggle", host: { properties: { "attr.data-ng-doc-dragging": "this.dragging" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }, { propertyName: "circle", first: true, predicate: ["circle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n", styles: [":host .ng-doc-toggle-wrapper{position:relative;display:inline-block;width:40px;height:22px;border-radius:24px;background-color:var(--ng-doc-base-3);cursor:pointer;transition:background-color var(--ng-doc-transition)}:host .ng-doc-toggle-wrapper .ng-doc-toggle-circle{position:absolute;left:3px;top:3px;height:calc(var(--ng-doc-base-gutter) * 2);width:calc(var(--ng-doc-base-gutter) * 2);border-radius:50%;background-color:var(--ng-doc-base-0);-webkit-user-select:none;user-select:none;transition:transform var(--ng-doc-transition);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-primary)}:host[data-ng-doc-dragging=true]{cursor:grabbing}:host[data-ng-doc-dragging=true] .ng-doc-toggle-wrapper{pointer-events:none}:host[data-disabled=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-2);cursor:unset}:host[data-disabled=true][data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78
75
|
};
|
|
79
76
|
NgDocToggleComponent = __decorate([
|
|
80
77
|
UntilDestroy(),
|
|
81
|
-
__metadata("design:paramtypes", [
|
|
82
|
-
ChangeDetectorRef,
|
|
83
|
-
FlCompareHost,
|
|
84
|
-
FlControlHost])
|
|
78
|
+
__metadata("design:paramtypes", [])
|
|
85
79
|
], NgDocToggleComponent);
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocToggleComponent, decorators: [{
|
|
87
81
|
type: Component,
|
|
88
82
|
args: [{ selector: 'ng-doc-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n", styles: [":host .ng-doc-toggle-wrapper{position:relative;display:inline-block;width:40px;height:22px;border-radius:24px;background-color:var(--ng-doc-base-3);cursor:pointer;transition:background-color var(--ng-doc-transition)}:host .ng-doc-toggle-wrapper .ng-doc-toggle-circle{position:absolute;left:3px;top:3px;height:calc(var(--ng-doc-base-gutter) * 2);width:calc(var(--ng-doc-base-gutter) * 2);border-radius:50%;background-color:var(--ng-doc-base-0);-webkit-user-select:none;user-select:none;transition:transform var(--ng-doc-transition);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-primary)}:host[data-ng-doc-dragging=true]{cursor:grabbing}:host[data-ng-doc-dragging=true] .ng-doc-toggle-wrapper{pointer-events:none}:host[data-disabled=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-2);cursor:unset}:host[data-disabled=true][data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-3)}\n"] }]
|
|
89
|
-
}], ctorParameters:
|
|
90
|
-
type: Inject,
|
|
91
|
-
args: [FlCompareHost]
|
|
92
|
-
}, {
|
|
93
|
-
type: Optional
|
|
94
|
-
}] }, { type: i1.FlControlHost, decorators: [{
|
|
95
|
-
type: Inject,
|
|
96
|
-
args: [FL_CONTROL_HOST]
|
|
97
|
-
}, {
|
|
98
|
-
type: Optional
|
|
99
|
-
}] }]; }, propDecorators: { wrapper: [{
|
|
83
|
+
}], ctorParameters: () => [], propDecorators: { wrapper: [{
|
|
100
84
|
type: ViewChild,
|
|
101
85
|
args: ['wrapper', { static: true }]
|
|
102
86
|
}], circle: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-toggle.mjs","sources":["../../../../libs/ui-kit/components/toggle/toggle.component.ts","../../../../libs/ui-kit/components/toggle/toggle.component.html","../../../../libs/ui-kit/components/toggle/ng-doc-ui-kit-components-toggle.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tOnInit,\n\tOptional,\n\tRenderer2,\n\tViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector } from 'flex-controls';\nimport { fromEvent } from 'rxjs';\nimport { filter, last, map, pairwise, startWith, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-toggle',\n\ttemplateUrl: './toggle.component.html',\n\tstyleUrls: ['./toggle.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocToggleComponent<T>\n\textends FlControlSelector<T>\n\timplements OnInit, ControlValueAccessor\n{\n\t@ViewChild('wrapper', { static: true })\n\tprivate wrapper?: ElementRef<HTMLElement>;\n\n\t@ViewChild('circle', { static: true })\n\tprivate circle?: ElementRef<HTMLElement>;\n\n\t@HostBinding('attr.data-ng-doc-dragging')\n\tdragging: boolean = false;\n\n\tprivate maxPixelValue: number = 0;\n\n\tconstructor(\n\t\tprotected renderer: Renderer2,\n\t\tprotected override changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t}\n\n\toverride ngOnInit(): void {\n\t\tsuper.ngOnInit();\n\t\tif (this.wrapper && this.circle) {\n\t\t\tthis.maxPixelValue =\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth - this.circle.nativeElement.offsetWidth - 6;\n\t\t\tfromEvent(this.circle.nativeElement, 'mousedown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(() => !this.disabled),\n\t\t\t\t\tswitchMap(() => {\n\t\t\t\t\t\tconst transition: string = this.circle?.nativeElement.style.transition ?? '';\n\t\t\t\t\t\tthis.renderer.setStyle(this.circle?.nativeElement, 'transition', '');\n\t\t\t\t\t\tthis.setDragging(true);\n\n\t\t\t\t\t\treturn fromEvent(document.body, 'mousemove').pipe(\n\t\t\t\t\t\t\tpairwise(),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [Event, Event]) =>\n\t\t\t\t\t\t\t\t\t[newEvent, oldEvent] as [MouseEvent, MouseEvent],\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [MouseEvent, MouseEvent]) =>\n\t\t\t\t\t\t\t\t\toldEvent.clientX - newEvent.clientX,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfilter((deltaX: number) => deltaX !== 0),\n\t\t\t\t\t\t\ttap((deltaX: number) => this.changeCirclePosition(deltaX)),\n\t\t\t\t\t\t\tstartWith(null),\n\t\t\t\t\t\t\ttakeUntil(\n\t\t\t\t\t\t\t\tfromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false))),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tlast(),\n\t\t\t\t\t\t\ttap(\n\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\tthis.circle &&\n\t\t\t\t\t\t\t\t\tthis.renderer.setStyle(this.circle.nativeElement, 'transition', transition),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t);\n\t\t\t\t\t}),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((deltaX: number | null) => {\n\t\t\t\t\tdeltaX === null ? this.toggle() : this.detectByCoordinates();\n\t\t\t\t});\n\t\t}\n\t}\n\n\tprotected override incomingUpdate(value: T | null): void {\n\t\tsuper.incomingUpdate(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\toverride updateModel(value: boolean | T | null): void {\n\t\tsuper.updateModel(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\tprotected setState(isSelected: boolean): void {\n\t\tisSelected\n\t\t\t? this.circle &&\n\t\t\t this.renderer.setStyle(\n\t\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t\t'transform',\n\t\t\t\t\t`translateX(${this.maxPixelValue}px)`,\n\t\t\t )\n\t\t\t: this.circle &&\n\t\t\t this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(0)`);\n\t}\n\n\tprivate setDragging(value: boolean): void {\n\t\tthis.dragging = value;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tprivate detectByCoordinates(): void {\n\t\tif (!this.disabled && this.wrapper && this.circle) {\n\t\t\tconst wrapperMiddle: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.wrapper.nativeElement).x +\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth / 2;\n\t\t\tconst circleCenterLeft: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +\n\t\t\t\tthis.circle.nativeElement.offsetWidth / 2;\n\t\t\tcircleCenterLeft > wrapperMiddle ? this.select() : this.deselect();\n\t\t\tthis.setState(!!this.checked);\n\t\t}\n\t}\n\n\tprivate changeCirclePosition(delta: number): void {\n\t\tif (this.wrapper && this.circle) {\n\t\t\tconst wrapperLeft: number = NgDocPositionUtils.getElementPosition(\n\t\t\t\tthis.wrapper.nativeElement,\n\t\t\t).x;\n\t\t\tconst circleLeft: number = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x;\n\t\t\tconst newPosition: number = Math.max(\n\t\t\t\tMath.min(circleLeft - wrapperLeft - 3 + delta, this.maxPixelValue),\n\t\t\t\t0,\n\t\t\t);\n\t\t\tthis.renderer.setStyle(\n\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t'transform',\n\t\t\t\t`translateX(${newPosition}px)`,\n\t\t\t);\n\t\t}\n\t}\n}\n","<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\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-toggle.mjs","sources":["../../../../libs/ui-kit/components/toggle/toggle.component.ts","../../../../libs/ui-kit/components/toggle/toggle.component.html","../../../../libs/ui-kit/components/toggle/ng-doc-ui-kit-components-toggle.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tinject,\n\tOnInit,\n\tViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\nimport { fromEvent } from 'rxjs';\nimport { filter, last, map, pairwise, startWith, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-toggle',\n\ttemplateUrl: './toggle.component.html',\n\tstyleUrls: ['./toggle.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocToggleComponent<T>\n\textends DIStateControl<T>\n\timplements OnInit, ControlValueAccessor\n{\n\t@ViewChild('wrapper', { static: true })\n\tprivate wrapper?: ElementRef<HTMLElement>;\n\n\t@ViewChild('circle', { static: true })\n\tprivate circle?: ElementRef<HTMLElement>;\n\n\t@HostBinding('attr.data-ng-doc-dragging')\n\tdragging: boolean = false;\n\n\tprivate maxPixelValue: number = 0;\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl({ optional: true }),\n\t\t\tcompareHost: inject(DICompareHost, { optional: true }),\n\t\t\tonIncomingUpdate: () => {\n\t\t\t\tthis.setState(!!this.checked());\n\t\t\t},\n\t\t});\n\t}\n\n\toverride ngOnInit(): void {\n\t\tsuper.ngOnInit();\n\t\tif (this.wrapper && this.circle) {\n\t\t\tthis.maxPixelValue =\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth - this.circle.nativeElement.offsetWidth - 6;\n\t\t\tfromEvent(this.circle.nativeElement, 'mousedown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(() => !this.disabled),\n\t\t\t\t\tswitchMap(() => {\n\t\t\t\t\t\tconst transition: string = this.circle?.nativeElement.style.transition ?? '';\n\t\t\t\t\t\tthis.renderer.setStyle(this.circle?.nativeElement, 'transition', '');\n\t\t\t\t\t\tthis.setDragging(true);\n\n\t\t\t\t\t\treturn fromEvent(document.body, 'mousemove').pipe(\n\t\t\t\t\t\t\tpairwise(),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [Event, Event]) =>\n\t\t\t\t\t\t\t\t\t[newEvent, oldEvent] as [MouseEvent, MouseEvent],\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [MouseEvent, MouseEvent]) =>\n\t\t\t\t\t\t\t\t\toldEvent.clientX - newEvent.clientX,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfilter((deltaX: number) => deltaX !== 0),\n\t\t\t\t\t\t\ttap((deltaX: number) => this.changeCirclePosition(deltaX)),\n\t\t\t\t\t\t\tstartWith(null),\n\t\t\t\t\t\t\ttakeUntil(\n\t\t\t\t\t\t\t\tfromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false))),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tlast(),\n\t\t\t\t\t\t\ttap(\n\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\tthis.circle &&\n\t\t\t\t\t\t\t\t\tthis.renderer.setStyle(this.circle.nativeElement, 'transition', transition),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t);\n\t\t\t\t\t}),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((deltaX: number | null) => {\n\t\t\t\t\tdeltaX === null ? this.toggle() : this.detectByCoordinates();\n\t\t\t\t});\n\t\t}\n\t}\n\n\toverride updateModel(value: boolean | T | null): void {\n\t\tsuper.updateModel(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\tprotected setState(isSelected: boolean): void {\n\t\tisSelected\n\t\t\t? this.circle &&\n\t\t\t this.renderer.setStyle(\n\t\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t\t'transform',\n\t\t\t\t\t`translateX(${this.maxPixelValue}px)`,\n\t\t\t )\n\t\t\t: this.circle &&\n\t\t\t this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(0)`);\n\t}\n\n\tprivate setDragging(value: boolean): void {\n\t\tthis.dragging = value;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tprivate detectByCoordinates(): void {\n\t\tif (!this.disabled && this.wrapper && this.circle) {\n\t\t\tconst wrapperMiddle: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.wrapper.nativeElement).x +\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth / 2;\n\t\t\tconst circleCenterLeft: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +\n\t\t\t\tthis.circle.nativeElement.offsetWidth / 2;\n\t\t\tcircleCenterLeft > wrapperMiddle ? this.check() : this.uncheck();\n\t\t\tthis.setState(!!this.checked);\n\t\t}\n\t}\n\n\tprivate changeCirclePosition(delta: number): void {\n\t\tif (this.wrapper && this.circle) {\n\t\t\tconst wrapperLeft: number = NgDocPositionUtils.getElementPosition(\n\t\t\t\tthis.wrapper.nativeElement,\n\t\t\t).x;\n\t\t\tconst circleLeft: number = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x;\n\t\t\tconst newPosition: number = Math.max(\n\t\t\t\tMath.min(circleLeft - wrapperLeft - 3 + delta, this.maxPixelValue),\n\t\t\t\t0,\n\t\t\t);\n\t\t\tthis.renderer.setStyle(\n\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t'transform',\n\t\t\t\t`translateX(${newPosition}px)`,\n\t\t\t);\n\t\t}\n\t}\n}\n","<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class NgDocWrapperComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocWrapperComponent, isStandalone: true, selector: "ng-doc-wrapper", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host[data-ng-doc-focused=true]{--ng-doc-floated-border-color: var(--ng-doc-floated-focus-border-color, var(--ng-doc-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocWrapperComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ng-doc-wrapper', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host[data-ng-doc-focused=true]{--ng-doc-floated-border-color: var(--ng-doc-floated-focus-border-color, var(--ng-doc-primary))}\n"] }]
|
|
11
11
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-wrapper.mjs","sources":["../../../../libs/ui-kit/components/wrapper/wrapper.component.ts","../../../../libs/ui-kit/components/wrapper/ng-doc-ui-kit-components-wrapper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-wrapper',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./wrapper.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocWrapperComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-wrapper.mjs","sources":["../../../../libs/ui-kit/components/wrapper/wrapper.component.ts","../../../../libs/ui-kit/components/wrapper/ng-doc-ui-kit-components-wrapper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-wrapper',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./wrapper.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocWrapperComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0EALvB,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,YAChB,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,CAAA;;;ACPjB;;AAEG;;;;"}
|
|
@@ -16,16 +16,16 @@ class NgDocAutofocusDirective {
|
|
|
16
16
|
Promise.resolve().then(() => element.select());
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocAutofocusDirective, isStandalone: true, selector: "[ngDocAutofocus]", inputs: { selectAll: "selectAll" }, ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocAutofocusDirective, decorators: [{
|
|
23
23
|
type: Directive,
|
|
24
24
|
args: [{
|
|
25
25
|
selector: '[ngDocAutofocus]',
|
|
26
26
|
standalone: true,
|
|
27
27
|
}]
|
|
28
|
-
}], ctorParameters:
|
|
28
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selectAll: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-autofocus.mjs","sources":["../../../../libs/ui-kit/directives/autofocus/autofocus.directive.ts","../../../../libs/ui-kit/directives/autofocus/ng-doc-ui-kit-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, Input, OnInit } from '@angular/core';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n@Directive({\n\tselector: '[ngDocAutofocus]',\n\tstandalone: true,\n})\nexport class NgDocAutofocusDirective implements OnInit {\n\t@Input()\n\tselectAll: boolean = false;\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>) {}\n\n\tngOnInit(): void {\n\t\tconst element: HTMLElement = this.elementRef.nativeElement;\n\n\t\tif (NgDocFocusUtils.isNativeKeyboardFocusable(element)) {\n\t\t\telement.focus();\n\t\t}\n\n\t\tif (this.selectAll && element instanceof HTMLInputElement) {\n\t\t\tPromise.resolve().then(() => element.select());\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-autofocus.mjs","sources":["../../../../libs/ui-kit/directives/autofocus/autofocus.directive.ts","../../../../libs/ui-kit/directives/autofocus/ng-doc-ui-kit-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, Input, OnInit } from '@angular/core';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n@Directive({\n\tselector: '[ngDocAutofocus]',\n\tstandalone: true,\n})\nexport class NgDocAutofocusDirective implements OnInit {\n\t@Input()\n\tselectAll: boolean = false;\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>) {}\n\n\tngOnInit(): void {\n\t\tconst element: HTMLElement = this.elementRef.nativeElement;\n\n\t\tif (NgDocFocusUtils.isNativeKeyboardFocusable(element)) {\n\t\t\telement.focus();\n\t\t}\n\n\t\tif (this.selectAll && element instanceof HTMLInputElement) {\n\t\t\tPromise.resolve().then(() => element.select());\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAInC,IAAA,WAAA,CAAoB,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAFvD,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;KAEgC;IAE3D,QAAQ,GAAA;AACP,QAAA,MAAM,OAAO,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAE3D,QAAA,IAAI,eAAe,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE;YACvD,OAAO,CAAC,KAAK,EAAE,CAAC;AAChB,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,YAAY,gBAAgB,EAAE;AAC1D,YAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC/C,SAAA;KACD;8GAhBW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;+EAGA,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACRP;;AAEG;;;;"}
|
|
@@ -19,16 +19,16 @@ class NgDocCheckedChangeDirective {
|
|
|
19
19
|
updateProperty(property, value) {
|
|
20
20
|
this.renderer.setProperty(this.element.nativeElement, property, value);
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckedChangeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocCheckedChangeDirective, isStandalone: true, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: { ngDocChecked: "ngDocChecked" }, outputs: { ngDocCheckedChange: "ngDocCheckedChange" }, host: { listeners: { "change": "onChange($event.target)" } }, ngImport: i0 }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckedChangeDirective, decorators: [{
|
|
26
26
|
type: Directive,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'input[ngDocChecked], input[ngDocCheckedChange]',
|
|
29
29
|
standalone: true,
|
|
30
30
|
}]
|
|
31
|
-
}], ctorParameters:
|
|
31
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ngDocChecked: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], ngDocCheckedChange: [{
|
|
34
34
|
type: Output
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-checked-change.mjs","sources":["../../../../libs/ui-kit/directives/checked-change/checked-change.directive.ts","../../../../libs/ui-kit/directives/checked-change/ng-doc-ui-kit-directives-checked-change.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostListener,\n\tInput,\n\tOutput,\n\tRenderer2,\n} from '@angular/core';\n\n@Directive({\n\tselector: 'input[ngDocChecked], input[ngDocCheckedChange]',\n\tstandalone: true,\n})\nexport class NgDocCheckedChangeDirective {\n\t@Input()\n\tset ngDocChecked(checked: null | boolean) {\n\t\tthis.updateProperty('checked', checked || false);\n\t\tthis.updateProperty('indeterminate', checked === null);\n\t}\n\n\t@Output()\n\treadonly ngDocCheckedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\tconstructor(\n\t\tprivate readonly element: ElementRef<HTMLInputElement>,\n\t\tprivate readonly renderer: Renderer2,\n\t) {\n\t\tthis.updateProperty('checked', false);\n\t}\n\n\t@HostListener('change', ['$event.target'])\n\tonChange({ checked }: HTMLInputElement): void {\n\t\tthis.updateProperty('indeterminate', false);\n\t\tthis.ngDocCheckedChange.emit(checked);\n\t}\n\n\tprivate updateProperty(property: 'checked' | 'indeterminate', value: boolean): void {\n\t\tthis.renderer.setProperty(this.element.nativeElement, property, value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-checked-change.mjs","sources":["../../../../libs/ui-kit/directives/checked-change/checked-change.directive.ts","../../../../libs/ui-kit/directives/checked-change/ng-doc-ui-kit-directives-checked-change.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostListener,\n\tInput,\n\tOutput,\n\tRenderer2,\n} from '@angular/core';\n\n@Directive({\n\tselector: 'input[ngDocChecked], input[ngDocCheckedChange]',\n\tstandalone: true,\n})\nexport class NgDocCheckedChangeDirective {\n\t@Input()\n\tset ngDocChecked(checked: null | boolean) {\n\t\tthis.updateProperty('checked', checked || false);\n\t\tthis.updateProperty('indeterminate', checked === null);\n\t}\n\n\t@Output()\n\treadonly ngDocCheckedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\tconstructor(\n\t\tprivate readonly element: ElementRef<HTMLInputElement>,\n\t\tprivate readonly renderer: Renderer2,\n\t) {\n\t\tthis.updateProperty('checked', false);\n\t}\n\n\t@HostListener('change', ['$event.target'])\n\tonChange({ checked }: HTMLInputElement): void {\n\t\tthis.updateProperty('indeterminate', false);\n\t\tthis.ngDocCheckedChange.emit(checked);\n\t}\n\n\tprivate updateProperty(property: 'checked' | 'indeterminate', value: boolean): void {\n\t\tthis.renderer.setProperty(this.element.nativeElement, property, value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,2BAA2B,CAAA;IACvC,IACI,YAAY,CAAC,OAAuB,EAAA;QACvC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;KACvD;IAKD,WACkB,CAAA,OAAqC,EACrC,QAAmB,EAAA;QADnB,IAAO,CAAA,OAAA,GAAP,OAAO,CAA8B;QACrC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAJ5B,QAAA,IAAA,CAAA,kBAAkB,GAA0B,IAAI,YAAY,EAAW,CAAC;AAMhF,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KACtC;IAGD,QAAQ,CAAC,EAAE,OAAO,EAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC5C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACtC;IAEO,cAAc,CAAC,QAAqC,EAAE,KAAc,EAAA;AAC3E,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;KACvE;8GAzBW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,gDAAgD;AAC1D,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;uGAGI,YAAY,EAAA,CAAA;sBADf,KAAK;gBAOG,kBAAkB,EAAA,CAAA;sBAD1B,MAAM;gBAWP,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,CAAA;;;AC/B1C;;AAEG;;;;"}
|
|
@@ -6,16 +6,16 @@ class NgDocDataDirective {
|
|
|
6
6
|
this.template = template;
|
|
7
7
|
this.viewContainerRef = viewContainerRef;
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDataDirective, isStandalone: true, selector: "[ngDocData]", ngImport: i0 }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataDirective, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: '[ngDocData]',
|
|
16
16
|
standalone: true,
|
|
17
17
|
}]
|
|
18
|
-
}], ctorParameters:
|
|
18
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-data.mjs","sources":["../../../../libs/ui-kit/directives/data/data.directive.ts","../../../../libs/ui-kit/directives/data/ng-doc-ui-kit-directives-data.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[ngDocData]',\n\tstandalone: true,\n})\nexport class NgDocDataDirective {\n\tconstructor(\n\t\tprotected template: TemplateRef<unknown>,\n\t\tprotected viewContainerRef: ViewContainerRef,\n\t) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-data.mjs","sources":["../../../../libs/ui-kit/directives/data/data.directive.ts","../../../../libs/ui-kit/directives/data/ng-doc-ui-kit-directives-data.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[ngDocData]',\n\tstandalone: true,\n})\nexport class NgDocDataDirective {\n\tconstructor(\n\t\tprotected template: TemplateRef<unknown>,\n\t\tprotected viewContainerRef: ViewContainerRef,\n\t) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,kBAAkB,CAAA;IAC9B,WACW,CAAA,QAA8B,EAC9B,gBAAkC,EAAA;QADlC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAsB;QAC9B,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KACzC;8GAJQ,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ class NgDocDropdownHandlerDirective {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDropdownHandlerDirective, isStandalone: true, selector: "[ngDocDropdownHandler]", inputs: { dropdown: ["ngDocDropdownHandler", "dropdown"] }, host: { listeners: { "keydown": "keyboardEvent($event)" } }, ngImport: i0 }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownHandlerDirective, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
23
|
args: [{
|
|
24
24
|
selector: '[ngDocDropdownHandler]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-handler.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-handler/dropdown-handler.directive.ts","../../../../libs/ui-kit/directives/dropdown-handler/ng-doc-ui-kit-directives-dropdown-handler.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\n\n@Directive({\n\tselector: '[ngDocDropdownHandler]',\n\tstandalone: true,\n})\nexport class NgDocDropdownHandlerDirective {\n\t@Input('ngDocDropdownHandler')\n\tdropdown?: NgDocDropdownComponent;\n\n\t@HostListener('keydown', ['$event'])\n\tkeyboardEvent(event: KeyboardEvent): void {\n\t\tif (this.dropdown) {\n\t\t\tif (event.key === 'ArrowDown' && !this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.open();\n\t\t\t}\n\n\t\t\tif (event.key === 'Escape' && this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.close();\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-handler.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-handler/dropdown-handler.directive.ts","../../../../libs/ui-kit/directives/dropdown-handler/ng-doc-ui-kit-directives-dropdown-handler.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\n\n@Directive({\n\tselector: '[ngDocDropdownHandler]',\n\tstandalone: true,\n})\nexport class NgDocDropdownHandlerDirective {\n\t@Input('ngDocDropdownHandler')\n\tdropdown?: NgDocDropdownComponent;\n\n\t@HostListener('keydown', ['$event'])\n\tkeyboardEvent(event: KeyboardEvent): void {\n\t\tif (this.dropdown) {\n\t\t\tif (event.key === 'ArrowDown' && !this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.open();\n\t\t\t}\n\n\t\t\tif (event.key === 'Escape' && this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.close();\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,6BAA6B,CAAA;AAKzC,IAAA,aAAa,CAAC,KAAoB,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACzD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrB,aAAA;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACrD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;AACtB,aAAA;AACD,SAAA;KACD;8GAjBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;8BAGA,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,sBAAsB,CAAA;gBAI7B,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ACXpC;;AAEG;;;;"}
|
|
@@ -8,15 +8,15 @@ class NgDocDropdownOriginDirective extends CdkOverlayOrigin {
|
|
|
8
8
|
super(origin);
|
|
9
9
|
this.origin = origin;
|
|
10
10
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownOriginDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
12
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDropdownOriginDirective, isStandalone: true, selector: "[ngDocDropdownOrigin]", providers: [
|
|
13
13
|
{
|
|
14
14
|
provide: NgDocOverlayHost,
|
|
15
15
|
useExisting: NgDocDropdownOriginDirective,
|
|
16
16
|
},
|
|
17
17
|
], exportAs: ["ngDocDropdownOrigin"], usesInheritance: true, ngImport: i0 }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownOriginDirective, decorators: [{
|
|
20
20
|
type: Directive,
|
|
21
21
|
args: [{
|
|
22
22
|
selector: '[ngDocDropdownOrigin]',
|
|
@@ -29,7 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
29
29
|
],
|
|
30
30
|
standalone: true,
|
|
31
31
|
}]
|
|
32
|
-
}], ctorParameters:
|
|
32
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-origin.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-origin/dropdown-origin.directive.ts","../../../../libs/ui-kit/directives/dropdown-origin/ng-doc-ui-kit-directives-dropdown-origin.ts"],"sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { Directive, ElementRef } from '@angular/core';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\n\n@Directive({\n\tselector: '[ngDocDropdownOrigin]',\n\texportAs: 'ngDocDropdownOrigin',\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: NgDocDropdownOriginDirective,\n\t\t},\n\t],\n\tstandalone: true,\n})\nexport class NgDocDropdownOriginDirective extends CdkOverlayOrigin implements NgDocOverlayHost {\n\tconstructor(public origin: ElementRef<HTMLElement>) {\n\t\tsuper(origin);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-origin.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-origin/dropdown-origin.directive.ts","../../../../libs/ui-kit/directives/dropdown-origin/ng-doc-ui-kit-directives-dropdown-origin.ts"],"sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { Directive, ElementRef } from '@angular/core';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\n\n@Directive({\n\tselector: '[ngDocDropdownOrigin]',\n\texportAs: 'ngDocDropdownOrigin',\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocOverlayHost,\n\t\t\tuseExisting: NgDocDropdownOriginDirective,\n\t\t},\n\t],\n\tstandalone: true,\n})\nexport class NgDocDropdownOriginDirective extends CdkOverlayOrigin implements NgDocOverlayHost {\n\tconstructor(public origin: ElementRef<HTMLElement>) {\n\t\tsuper(origin);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAeM,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;AACjE,IAAA,WAAA,CAAmB,MAA+B,EAAA;QACjD,KAAK,CAAC,MAAM,CAAC,CAAC;QADI,IAAM,CAAA,MAAA,GAAN,MAAM,CAAyB;KAEjD;8GAHW,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAR7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,4BAA4B;AACzC,aAAA;AACD,SAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAGW,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAXxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,SAAS,EAAE;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAA8B,4BAAA;AACzC,yBAAA;AACD,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __metadata, __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { ElementRef, NgZone, Directive, Input } from '@angular/core';
|
|
4
4
|
import { asArray } from '@ng-doc/core/helpers/as-array';
|
|
5
5
|
import { toElement } from '@ng-doc/ui-kit/helpers';
|
|
6
6
|
import { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';
|
|
7
7
|
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
8
|
-
import {
|
|
8
|
+
import { fromEvent, merge } from 'rxjs';
|
|
9
9
|
|
|
10
10
|
let NgDocEventSwitcherDirective = class NgDocEventSwitcherDirective {
|
|
11
11
|
constructor(elementRef, ngZone) {
|
|
@@ -28,20 +28,20 @@ let NgDocEventSwitcherDirective = class NgDocEventSwitcherDirective {
|
|
|
28
28
|
const eventConstructor = from.constructor;
|
|
29
29
|
target.dispatchEvent(new eventConstructor(from.type, from));
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocEventSwitcherDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
32
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocEventSwitcherDirective, isStandalone: true, selector: "[ngDocEventSwitcher]", inputs: { switchTo: ["ngDocEventSwitcher", "switchTo"], events: "events" }, ngImport: i0 }); }
|
|
33
33
|
};
|
|
34
34
|
NgDocEventSwitcherDirective = __decorate([
|
|
35
35
|
UntilDestroy(),
|
|
36
36
|
__metadata("design:paramtypes", [ElementRef, NgZone])
|
|
37
37
|
], NgDocEventSwitcherDirective);
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocEventSwitcherDirective, decorators: [{
|
|
39
39
|
type: Directive,
|
|
40
40
|
args: [{
|
|
41
41
|
selector: '[ngDocEventSwitcher]',
|
|
42
42
|
standalone: true,
|
|
43
43
|
}]
|
|
44
|
-
}], ctorParameters:
|
|
44
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { switchTo: [{
|
|
45
45
|
type: Input,
|
|
46
46
|
args: ['ngDocEventSwitcher']
|
|
47
47
|
}], events: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-directives-event-switcher.mjs","sources":["../../../../libs/ui-kit/directives/event-switcher/event-switcher.directive.ts","../../../../libs/ui-kit/directives/event-switcher/ng-doc-ui-kit-directives-event-switcher.ts"],"sourcesContent":["import { Directive, ElementRef, Input, NgZone, OnInit } from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { Constructor } from '@ng-doc/core/types';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';\nimport { BaseElement } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent, merge } from 'rxjs';\n\n@Directive({\n\tselector: '[ngDocEventSwitcher]',\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocEventSwitcherDirective implements OnInit {\n\t@Input('ngDocEventSwitcher')\n\tswitchTo: BaseElement<HTMLElement> | null = null;\n\n\t@Input()\n\tevents: string | string[] = [];\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>, private ngZone: NgZone) {}\n\n\tngOnInit(): void {\n\t\tmerge(\n\t\t\t...asArray(this.events).map((eventName: string) =>\n\t\t\t\tfromEvent(this.elementRef.nativeElement, eventName),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(ngDocZoneDetach(this.ngZone), untilDestroyed(this))\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\tif (this.switchTo && !event.defaultPrevented && event.bubbles) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tthis.makeEvent(event, toElement(this.switchTo));\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tprivate makeEvent(from: Event, target: Element): void {\n\t\tconst eventConstructor: Constructor<Event> = from.constructor as Constructor<Event>;\n\t\ttarget.dispatchEvent(new eventConstructor(from.type, from));\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAca,IAAA,2BAA2B,
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-directives-event-switcher.mjs","sources":["../../../../libs/ui-kit/directives/event-switcher/event-switcher.directive.ts","../../../../libs/ui-kit/directives/event-switcher/ng-doc-ui-kit-directives-event-switcher.ts"],"sourcesContent":["import { Directive, ElementRef, Input, NgZone, OnInit } from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { Constructor } from '@ng-doc/core/types';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';\nimport { BaseElement } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent, merge } from 'rxjs';\n\n@Directive({\n\tselector: '[ngDocEventSwitcher]',\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocEventSwitcherDirective implements OnInit {\n\t@Input('ngDocEventSwitcher')\n\tswitchTo: BaseElement<HTMLElement> | null = null;\n\n\t@Input()\n\tevents: string | string[] = [];\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>, private ngZone: NgZone) {}\n\n\tngOnInit(): void {\n\t\tmerge(\n\t\t\t...asArray(this.events).map((eventName: string) =>\n\t\t\t\tfromEvent(this.elementRef.nativeElement, eventName),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(ngDocZoneDetach(this.ngZone), untilDestroyed(this))\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\tif (this.switchTo && !event.defaultPrevented && event.bubbles) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tthis.makeEvent(event, toElement(this.switchTo));\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tprivate makeEvent(from: Event, target: Element): void {\n\t\tconst eventConstructor: Constructor<Event> = from.constructor as Constructor<Event>;\n\t\ttarget.dispatchEvent(new eventConstructor(from.type, from));\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAca,IAAA,2BAA2B,GAAjC,MAAM,2BAA2B,CAAA;IAOvC,WAAoB,CAAA,UAAmC,EAAU,MAAc,EAAA;QAA3D,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAAU,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAL/E,IAAQ,CAAA,QAAA,GAAoC,IAAI,CAAC;QAGjD,IAAM,CAAA,MAAA,GAAsB,EAAE,CAAC;KAEoD;IAEnF,QAAQ,GAAA;QACP,KAAK,CACJ,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAiB,KAC7C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CACnD,CACD;AACC,aAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;AACxD,aAAA,SAAS,CAAC,CAAC,KAAY,KAAI;AAC3B,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC9D,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AAChD,aAAA;AACF,SAAC,CAAC,CAAC;KACJ;IAEO,SAAS,CAAC,IAAW,EAAE,MAAe,EAAA;AAC7C,QAAA,MAAM,gBAAgB,GAAuB,IAAI,CAAC,WAAiC,CAAC;AACpF,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;KAC5D;8GA3BW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AADvC,IAAA,YAAY,EAAE;AAQkB,IAAA,UAAA,CAAA,mBAAA,EAAA,CAAA,UAAU,EAA+B,MAAM,CAAA,CAAA;AAPnE,CAAA,EAAA,2BAA2B,CA4BvC,CAAA;2FA5BY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;oGAIA,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,oBAAoB,CAAA;gBAI3B,MAAM,EAAA,CAAA;sBADL,KAAK;;;AClBP;;AAEG;;;;"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __metadata, __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { EventEmitter, ElementRef, NgZone, ChangeDetectorRef, Directive, Output, HostBinding } from '@angular/core';
|
|
4
4
|
import { FOCUS_EVENT, BLUR_EVENT } from '@ng-doc/ui-kit/constants';
|
|
5
5
|
import { toElement } from '@ng-doc/ui-kit/helpers';
|
|
6
6
|
import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
|
|
7
7
|
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
8
|
-
import {
|
|
8
|
+
import { fromEvent, merge } from 'rxjs';
|
|
9
9
|
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
10
10
|
|
|
11
11
|
var NgDocFocusCatcherDirective_1;
|
|
12
|
-
let NgDocFocusCatcherDirective =
|
|
12
|
+
let NgDocFocusCatcherDirective = class NgDocFocusCatcherDirective {
|
|
13
|
+
static { NgDocFocusCatcherDirective_1 = this; }
|
|
13
14
|
constructor(elementRef, ngZone, changeDetectorRef) {
|
|
14
15
|
this.elementRef = elementRef;
|
|
15
16
|
this.ngZone = ngZone;
|
|
@@ -28,8 +29,8 @@ let NgDocFocusCatcherDirective = NgDocFocusCatcherDirective_1 = class NgDocFocus
|
|
|
28
29
|
static observeFocus(element) {
|
|
29
30
|
return merge(fromEvent(element, FOCUS_EVENT), fromEvent(element, BLUR_EVENT)).pipe(debounceTime(0), distinctUntilChanged((a, b) => a.type === b.type));
|
|
30
31
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocFocusCatcherDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocFocusCatcherDirective, isStandalone: true, selector: "[ngDocFocusCatcher]", outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "attr.data-ng-doc-focused": "this.focused" } }, exportAs: ["ngDocFocusCatcher"], ngImport: i0 }); }
|
|
33
34
|
};
|
|
34
35
|
NgDocFocusCatcherDirective = NgDocFocusCatcherDirective_1 = __decorate([
|
|
35
36
|
UntilDestroy(),
|
|
@@ -37,14 +38,14 @@ NgDocFocusCatcherDirective = NgDocFocusCatcherDirective_1 = __decorate([
|
|
|
37
38
|
NgZone,
|
|
38
39
|
ChangeDetectorRef])
|
|
39
40
|
], NgDocFocusCatcherDirective);
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocFocusCatcherDirective, decorators: [{
|
|
41
42
|
type: Directive,
|
|
42
43
|
args: [{
|
|
43
44
|
selector: '[ngDocFocusCatcher]',
|
|
44
45
|
exportAs: 'ngDocFocusCatcher',
|
|
45
46
|
standalone: true,
|
|
46
47
|
}]
|
|
47
|
-
}], ctorParameters:
|
|
48
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { focusEvent: [{
|
|
48
49
|
type: Output
|
|
49
50
|
}], blurEvent: [{
|
|
50
51
|
type: Output
|