@ng-doc/ui-kit 19.1.0 → 19.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/components/dialog-outlet/dialog-outlet.component.d.ts +2 -1
  2. package/components/option-group/option-group.component.d.ts +1 -0
  3. package/components/selection/selection.component.d.ts +1 -0
  4. package/components/tab-group/tab-group.component.d.ts +1 -0
  5. package/directives/event-switcher/event-switcher.directive.d.ts +1 -0
  6. package/directives/tooltip/tooltip.directive.d.ts +1 -0
  7. package/fesm2022/ng-doc-ui-kit-animations.mjs.map +1 -1
  8. package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs +4 -9
  9. package/fesm2022/ng-doc-ui-kit-cdk-combobox-host.mjs.map +1 -1
  10. package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs +1 -2
  11. package/fesm2022/ng-doc-ui-kit-components-blockquote.mjs.map +1 -1
  12. package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs +4 -9
  13. package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs.map +1 -1
  14. package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs +15 -18
  15. package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs.map +1 -1
  16. package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs +3 -13
  17. package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs.map +1 -1
  18. package/fesm2022/ng-doc-ui-kit-components-expander.mjs +3 -3
  19. package/fesm2022/ng-doc-ui-kit-components-expander.mjs.map +1 -1
  20. package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs +3 -11
  21. package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map +1 -1
  22. package/fesm2022/ng-doc-ui-kit-components-list.mjs +5 -12
  23. package/fesm2022/ng-doc-ui-kit-components-list.mjs.map +1 -1
  24. package/fesm2022/ng-doc-ui-kit-components-option-group.mjs +6 -10
  25. package/fesm2022/ng-doc-ui-kit-components-option-group.mjs.map +1 -1
  26. package/fesm2022/ng-doc-ui-kit-components-option.mjs.map +1 -1
  27. package/fesm2022/ng-doc-ui-kit-components-pane.mjs +7 -14
  28. package/fesm2022/ng-doc-ui-kit-components-pane.mjs.map +1 -1
  29. package/fesm2022/ng-doc-ui-kit-components-selection.mjs +6 -11
  30. package/fesm2022/ng-doc-ui-kit-components-selection.mjs.map +1 -1
  31. package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs +1 -3
  32. package/fesm2022/ng-doc-ui-kit-components-sidenav.mjs.map +1 -1
  33. package/fesm2022/ng-doc-ui-kit-components-smooth-resize.mjs.map +1 -1
  34. package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs +9 -11
  35. package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map +1 -1
  36. package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs +1 -1
  37. package/fesm2022/ng-doc-ui-kit-components-tab-routes-group.mjs.map +1 -1
  38. package/fesm2022/ng-doc-ui-kit-components-text.mjs.map +1 -1
  39. package/fesm2022/ng-doc-ui-kit-components-toggle.mjs +4 -9
  40. package/fesm2022/ng-doc-ui-kit-components-toggle.mjs.map +1 -1
  41. package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs.map +1 -1
  42. package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs +6 -10
  43. package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs.map +1 -1
  44. package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs +6 -15
  45. package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs.map +1 -1
  46. package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs +6 -10
  47. package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs.map +1 -1
  48. package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs +2 -8
  49. package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs.map +1 -1
  50. package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs +2 -8
  51. package/fesm2022/ng-doc-ui-kit-directives-input-string.mjs.map +1 -1
  52. package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs +7 -18
  53. package/fesm2022/ng-doc-ui-kit-directives-tooltip.mjs.map +1 -1
  54. package/fesm2022/ng-doc-ui-kit-helpers.mjs.map +1 -1
  55. package/fesm2022/ng-doc-ui-kit-interceptors.mjs.map +1 -1
  56. package/fesm2022/ng-doc-ui-kit-observables.mjs.map +1 -1
  57. package/fesm2022/ng-doc-ui-kit-services-notify.mjs +4 -10
  58. package/fesm2022/ng-doc-ui-kit-services-notify.mjs.map +1 -1
  59. package/fesm2022/ng-doc-ui-kit-types.mjs.map +1 -1
  60. package/fesm2022/ng-doc-ui-kit-utils.mjs.map +1 -1
  61. package/package.json +30 -31
@@ -1,11 +1,10 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, Input, QueryList, ChangeDetectorRef, ViewChildren, ContentChildren } from '@angular/core';
3
- import { __decorate, __metadata } from 'tslib';
2
+ import { Component, ChangeDetectionStrategy, Input, QueryList, inject, DestroyRef, ViewChildren, ContentChildren } from '@angular/core';
4
3
  import { NgFor } from '@angular/common';
4
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
5
5
  import { tabFadeAnimation } from '@ng-doc/ui-kit/animations';
6
6
  import { NgDocSelectionHostDirective, NgDocSelectionComponent, NgDocSelectionOriginDirective } from '@ng-doc/ui-kit/components/selection';
7
7
  import { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';
8
- import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
9
8
  import * as i1 from '@tinkoff/ng-polymorpheus';
10
9
  import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
11
10
  import { startWith } from 'rxjs/operators';
@@ -31,14 +30,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
31
30
  type: Input
32
31
  }] } });
33
32
 
34
- let NgDocTabGroupComponent = class NgDocTabGroupComponent {
33
+ class NgDocTabGroupComponent {
35
34
  constructor(changeDetectorRef) {
36
35
  this.changeDetectorRef = changeDetectorRef;
37
36
  this.tabElements = new QueryList();
38
37
  this.tabs = new QueryList();
38
+ this.destroyRef = inject(DestroyRef);
39
39
  }
40
40
  ngAfterContentInit() {
41
- this.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {
41
+ this.tabs.changes
42
+ .pipe(startWith(this.tabs), takeUntilDestroyed(this.destroyRef))
43
+ .subscribe(() => {
42
44
  const tabToOpen = this.openedTab
43
45
  ? this.tabs.find((tab) => tab.id === this.openedTab)
44
46
  : this.tabs.get(0);
@@ -48,7 +50,7 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
48
50
  }
49
51
  ngAfterViewInit() {
50
52
  this.tabElements.changes
51
- .pipe(startWith(this.tabElements), untilDestroyed(this))
53
+ .pipe(startWith(this.tabElements), takeUntilDestroyed(this.destroyRef))
52
54
  .subscribe(() => this.changeDetectorRef.detectChanges());
53
55
  }
54
56
  get selectedIndex() {
@@ -62,11 +64,7 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
62
64
  }
63
65
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
64
66
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocTabGroupComponent, isStandalone: true, 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\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>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}: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:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) 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;--ng-doc-font-size: 13px;--ng-doc-font-weight: 500}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
65
- };
66
- NgDocTabGroupComponent = __decorate([
67
- UntilDestroy(),
68
- __metadata("design:paramtypes", [ChangeDetectorRef])
69
- ], NgDocTabGroupComponent);
67
+ }
70
68
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
71
69
  type: Component,
72
70
  args: [{ animations: [tabFadeAnimation], selector: 'ng-doc-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
@@ -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/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 selector: 'ng-doc-tab, a[ng-doc-tab]',\n template: '',\n styleUrls: ['./tab.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocTabComponent<T> {\n @Input()\n label: NgDocContent = '';\n\n @Input()\n id: T | number = 0;\n\n /** Expander content */\n @Input()\n content: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n Input,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n NgDocSelectionComponent,\n NgDocSelectionHostDirective,\n NgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n animations: [tabFadeAnimation],\n selector: 'ng-doc-tab-group',\n templateUrl: './tab-group.component.html',\n styleUrls: ['./tab-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgDocSelectionHostDirective,\n NgDocSelectionComponent,\n NgFor,\n NgDocSelectionOriginDirective,\n PolymorpheusModule,\n NgDocSmoothResizeComponent,\n ],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n @Input()\n openedTab!: T;\n\n @ViewChildren('headerTab')\n tabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n @ContentChildren(NgDocTabComponent)\n tabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n selectedTab?: NgDocTabComponent<T>;\n\n constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterContentInit(): void {\n this.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n const tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n ? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n : this.tabs.get(0);\n\n tabToOpen && this.selectTab(tabToOpen);\n\n this.changeDetectorRef.markForCheck();\n });\n }\n\n ngAfterViewInit(): void {\n this.tabElements.changes\n .pipe(startWith(this.tabElements), untilDestroyed(this))\n .subscribe(() => this.changeDetectorRef.detectChanges());\n }\n\n get selectedIndex(): number {\n return this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n }\n\n get selectedHeaderTab(): ElementRef | null {\n return this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n }\n\n selectTab(tab: NgDocTabComponent<T>) {\n this.selectedTab = tab;\n }\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\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>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\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-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/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 selector: 'ng-doc-tab, a[ng-doc-tab]',\n template: '',\n styleUrls: ['./tab.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocTabComponent<T> {\n @Input()\n label: NgDocContent = '';\n\n @Input()\n id: T | number = 0;\n\n /** Expander content */\n @Input()\n content: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n DestroyRef,\n ElementRef,\n inject,\n Input,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n NgDocSelectionComponent,\n NgDocSelectionHostDirective,\n NgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n animations: [tabFadeAnimation],\n selector: 'ng-doc-tab-group',\n templateUrl: './tab-group.component.html',\n styleUrls: ['./tab-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgDocSelectionHostDirective,\n NgDocSelectionComponent,\n NgFor,\n NgDocSelectionOriginDirective,\n PolymorpheusModule,\n NgDocSmoothResizeComponent,\n ],\n})\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n @Input()\n openedTab!: T;\n\n @ViewChildren('headerTab')\n tabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n @ContentChildren(NgDocTabComponent)\n tabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n selectedTab?: NgDocTabComponent<T>;\n\n private readonly destroyRef = inject(DestroyRef);\n\n constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterContentInit(): void {\n this.tabs.changes\n .pipe(startWith(this.tabs), takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n const tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n ? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n : this.tabs.get(0);\n\n tabToOpen && this.selectTab(tabToOpen);\n\n this.changeDetectorRef.markForCheck();\n });\n }\n\n ngAfterViewInit(): void {\n this.tabElements.changes\n .pipe(startWith(this.tabElements), takeUntilDestroyed(this.destroyRef))\n .subscribe(() => this.changeDetectorRef.detectChanges());\n }\n\n get selectedIndex(): number {\n return this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n }\n\n get selectedHeaderTab(): ElementRef | null {\n return this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n }\n\n selectTab(tab: NgDocTabComponent<T>) {\n this.selectedTab = tab;\n }\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\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>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAiB,EAAE;QAGxB,IAAE,CAAA,EAAA,GAAe,CAAC;;QAIlB,IAAO,CAAA,OAAA,GAAiB,EAAE;AAC3B;8GAVY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,+IALlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,YAC3B,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA;8BAIhB,KAAK,EAAA,CAAA;sBADJ;gBAID,EAAE,EAAA,CAAA;sBADD;gBAKD,OAAO,EAAA,CAAA;sBADN;;;MCyBU,sBAAsB,CAAA;AAcjC,IAAA,WAAA,CAA6B,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;AAT9C,QAAA,IAAA,CAAA,WAAW,GAA0B,IAAI,SAAS,EAAc;AAGhE,QAAA,IAAA,CAAA,IAAI,GAAoC,IAAI,SAAS,EAAwB;AAI5D,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;IAIhD,kBAAkB,GAAA;QAChB,IAAI,CAAC,IAAI,CAAC;AACP,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aAC9D,SAAS,CAAC,MAAK;AACd,YAAA,MAAM,SAAS,GAAqC,IAAI,CAAC;AACvD,kBAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAyB,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS;kBACvE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpB,YAAA,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;AAEtC,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACvC,SAAC,CAAC;;IAGN,eAAe,GAAA;QACb,IAAI,CAAC,WAAW,CAAC;AACd,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACrE,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;;AAG5D,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;;AAG9E,IAAA,IAAI,iBAAiB,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,GAAG,IAAI;;AAGnF,IAAA,SAAS,CAAC,GAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,WAAW,GAAG,GAAG;;8GA7Cb,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,qIAOhB,iBAAiB,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClDpC,8uBAsBA,EDaI,MAAA,EAAA,CAAA,wwCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,iEAC3B,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,KAAK,EACL,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,6BAA6B,oGAC7B,kBAAkB,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,0BAA0B,EAXhB,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAcnB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAflC,SAAS;iCACI,CAAC,gBAAgB,CAAC,EACpB,QAAA,EAAA,kBAAkB,mBAGX,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,2BAA2B;wBAC3B,uBAAuB;wBACvB,KAAK;wBACL,6BAA6B;wBAC7B,kBAAkB;wBAClB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,8uBAAA,EAAA,MAAA,EAAA,CAAA,wwCAAA,CAAA,EAAA;sFAID,SAAS,EAAA,CAAA;sBADR;gBAID,WAAW,EAAA,CAAA;sBADV,YAAY;uBAAC,WAAW;gBAIzB,IAAI,EAAA,CAAA;sBADH,eAAe;uBAAC,iBAAiB;;;AElDpC;;AAEG;;;;"}
@@ -26,7 +26,7 @@ class NgDocTabRoutesGroupComponent {
26
26
  }
27
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocTabRoutesGroupComponent, decorators: [{
28
28
  type: Component,
29
- args: [{ selector: 'ng-doc-tab-routes-group', imports: [CommonModule, NgDocSelectionComponent, NgDocSelectionHostDirective], hostDirectives: [NgDocSelectionHostDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;border-bottom:1px solid var(--ng-doc-base-4)}\n"] }]
29
+ args: [{ selector: 'ng-doc-tab-routes-group', imports: [CommonModule, NgDocSelectionComponent], hostDirectives: [NgDocSelectionHostDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;border-bottom:1px solid var(--ng-doc-base-4)}\n"] }]
30
30
  }] });
31
31
 
32
32
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-components-tab-routes-group.mjs","sources":["../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.html","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.html","../../../../libs/ui-kit/components/tab-routes-group/ng-doc-ui-kit-components-tab-routes-group.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocSelectionOriginDirective } from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'a[ng-doc-tab-route]',\n imports: [CommonModule],\n templateUrl: './tab-route.component.html',\n styleUrl: './tab-route.component.scss',\n hostDirectives: [\n { directive: NgDocSelectionOriginDirective, inputs: ['ngDocSelectionOrigin: isActive'] },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRouteComponent {\n @Input()\n isActive = false;\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport {\n NgDocSelectionComponent,\n NgDocSelectionHostDirective,\n} from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'ng-doc-tab-routes-group',\n templateUrl: './tab-routes-group.component.html',\n styleUrl: './tab-routes-group.component.scss',\n imports: [CommonModule, NgDocSelectionComponent, NgDocSelectionHostDirective],\n hostDirectives: [NgDocSelectionHostDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRoutesGroupComponent {}\n","<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAca,sBAAsB,CAAA;AAVnC,IAAA,WAAA,GAAA;QAYE,IAAQ,CAAA,QAAA,GAAG,KAAK;AACjB;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdnC,6BACA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDKY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACtB,OAAA,EAAA,CAAC,YAAY,CAAC,EAGP,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,6BAA6B,EAAE,MAAM,EAAE,CAAC,gCAAgC,CAAC,EAAE;qBACzF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA;8BAI/C,QAAQ,EAAA,CAAA;sBADP;;;MEAU,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,ECfzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oEAEA,EDSY,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIpC,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAG1B,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,EAAE,2BAA2B,CAAC,EAAA,cAAA,EAC7D,CAAC,2BAA2B,CAAC,EAC5B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oEAAA,EAAA,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA;;;AEbjD;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-components-tab-routes-group.mjs","sources":["../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-route/tab-route.component.html","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.ts","../../../../libs/ui-kit/components/tab-routes-group/tab-routes-group.component.html","../../../../libs/ui-kit/components/tab-routes-group/ng-doc-ui-kit-components-tab-routes-group.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocSelectionOriginDirective } from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'a[ng-doc-tab-route]',\n imports: [CommonModule],\n templateUrl: './tab-route.component.html',\n styleUrl: './tab-route.component.scss',\n hostDirectives: [\n { directive: NgDocSelectionOriginDirective, inputs: ['ngDocSelectionOrigin: isActive'] },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRouteComponent {\n @Input()\n isActive = false;\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport {\n NgDocSelectionComponent,\n NgDocSelectionHostDirective,\n} from '@ng-doc/ui-kit/components/selection';\n\n@Component({\n selector: 'ng-doc-tab-routes-group',\n templateUrl: './tab-routes-group.component.html',\n styleUrl: './tab-routes-group.component.scss',\n imports: [CommonModule, NgDocSelectionComponent],\n hostDirectives: [NgDocSelectionHostDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabRoutesGroupComponent {}\n","<ng-doc-selection></ng-doc-selection>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAca,sBAAsB,CAAA;AAVnC,IAAA,WAAA,GAAA;QAYE,IAAQ,CAAA,QAAA,GAAG,KAAK;AACjB;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdnC,6BACA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDKY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACtB,OAAA,EAAA,CAAC,YAAY,CAAC,EAGP,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,6BAA6B,EAAE,MAAM,EAAE,CAAC,gCAAgC,CAAC,EAAE;qBACzF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA;8BAI/C,QAAQ,EAAA,CAAA;sBADP;;;MEAU,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,ECfzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oEAEA,EDSY,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIpC,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAG1B,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,CAAC,EAChC,cAAA,EAAA,CAAC,2BAA2B,CAAC,EAC5B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oEAAA,EAAA,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA;;;AEbjD;;AAEG;;;;"}
@@ -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 AfterContentChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n Input,\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 selector: '[ng-doc-text]',\n templateUrl: './text.component.html',\n styleUrls: ['./text.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgIf],\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n /** Text size */\n @Input()\n @HostBinding('attr.data-ng-doc-text-size')\n size: NgDocSize = 'medium';\n\n /** Text color */\n @Input()\n @HostBinding('attr.data-ng-doc-text-color')\n color: NgDocTextColor = 'normal';\n\n /** Text align */\n @Input()\n @HostBinding('attr.data-ng-doc-text-align')\n align: NgDocTextAlign = 'left';\n\n @Input()\n @HostBinding('attr.data-ng-doc-text-absolute')\n absoluteContent: boolean = false;\n\n @ContentChild(NgDocTextLeftDirective)\n leftContent?: NgDocTextLeftDirective;\n\n @ContentChild(NgDocTextRightDirective)\n rightContent?: NgDocTextRightDirective;\n\n @HostBinding('class.ngde')\n readonly ngDocElement: boolean = true;\n\n constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterContentChecked(): void {\n this.changeDetectorRef.detectChanges();\n }\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
+ {"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 selector: '[ngDocTextLeft]',\n standalone: true,\n})\nexport class NgDocTextLeftDirective {}\n","import { Directive } from '@angular/core';\n\n/** Using to display content on the right side */\n@Directive({\n selector: '[ngDocTextRight]',\n standalone: true,\n})\nexport class NgDocTextRightDirective {}\n","import { NgIf } from '@angular/common';\nimport {\n AfterContentChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n Input,\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 selector: '[ng-doc-text]',\n templateUrl: './text.component.html',\n styleUrls: ['./text.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgIf],\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n /** Text size */\n @Input()\n @HostBinding('attr.data-ng-doc-text-size')\n size: NgDocSize = 'medium';\n\n /** Text color */\n @Input()\n @HostBinding('attr.data-ng-doc-text-color')\n color: NgDocTextColor = 'normal';\n\n /** Text align */\n @Input()\n @HostBinding('attr.data-ng-doc-text-align')\n align: NgDocTextAlign = 'left';\n\n @Input()\n @HostBinding('attr.data-ng-doc-text-absolute')\n absoluteContent: boolean = false;\n\n @ContentChild(NgDocTextLeftDirective)\n leftContent?: NgDocTextLeftDirective;\n\n @ContentChild(NgDocTextRightDirective)\n rightContent?: NgDocTextRightDirective;\n\n @HostBinding('class.ngde')\n readonly ngDocElement: boolean = true;\n\n constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterContentChecked(): void {\n this.changeDetectorRef.detectChanges();\n }\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,13 +1,12 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
2
  import { inject, Component, ChangeDetectionStrategy, ViewChild, HostBinding } from '@angular/core';
3
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
4
4
  import { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';
5
- import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
6
5
  import { DIStateControl, injectHostControl, DICompareHost } from 'di-controls';
7
6
  import { fromEvent } from 'rxjs';
8
7
  import { filter, switchMap, pairwise, map, tap, startWith, takeUntil, last } from 'rxjs/operators';
9
8
 
10
- let NgDocToggleComponent = class NgDocToggleComponent extends DIStateControl {
9
+ class NgDocToggleComponent extends DIStateControl {
11
10
  constructor() {
12
11
  super({
13
12
  host: injectHostControl({ optional: true }),
@@ -31,7 +30,7 @@ let NgDocToggleComponent = class NgDocToggleComponent extends DIStateControl {
31
30
  this.setDragging(true);
32
31
  return fromEvent(document.body, 'mousemove').pipe(pairwise(), map(([newEvent, oldEvent]) => [newEvent, oldEvent]), map(([newEvent, oldEvent]) => oldEvent.clientX - newEvent.clientX), filter((deltaX) => deltaX !== 0), tap((deltaX) => this.changeCirclePosition(deltaX)), startWith(null), takeUntil(fromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false)))), last(), tap(() => this.circle &&
33
32
  this.renderer.setStyle(this.circle.nativeElement, 'transition', transition)));
34
- }), untilDestroyed(this))
33
+ }), takeUntilDestroyed(this['destroyRef']))
35
34
  .subscribe((deltaX) => {
36
35
  deltaX === null ? this.toggle() : this.detectByCoordinates();
37
36
  });
@@ -72,11 +71,7 @@ let NgDocToggleComponent = class NgDocToggleComponent extends DIStateControl {
72
71
  }
73
72
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
74
73
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", 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 }); }
75
- };
76
- NgDocToggleComponent = __decorate([
77
- UntilDestroy(),
78
- __metadata("design:paramtypes", [])
79
- ], NgDocToggleComponent);
74
+ }
80
75
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocToggleComponent, decorators: [{
81
76
  type: Component,
82
77
  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"] }]
@@ -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\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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"}
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 ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n inject,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';\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 selector: 'ng-doc-toggle',\n templateUrl: './toggle.component.html',\n styleUrls: ['./toggle.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocToggleComponent<T>\n extends DIStateControl<T>\n implements OnInit, ControlValueAccessor\n{\n @ViewChild('wrapper', { static: true })\n private wrapper?: ElementRef<HTMLElement>;\n\n @ViewChild('circle', { static: true })\n private circle?: ElementRef<HTMLElement>;\n\n @HostBinding('attr.data-ng-doc-dragging')\n dragging: boolean = false;\n\n private maxPixelValue: number = 0;\n\n constructor() {\n super({\n host: injectHostControl({ optional: true }),\n compareHost: inject(DICompareHost, { optional: true }),\n onIncomingUpdate: () => {\n this.setState(!!this.checked());\n },\n });\n }\n\n override ngOnInit(): void {\n super.ngOnInit();\n if (this.wrapper && this.circle) {\n this.maxPixelValue =\n this.wrapper.nativeElement.offsetWidth - this.circle.nativeElement.offsetWidth - 6;\n fromEvent(this.circle.nativeElement, 'mousedown')\n .pipe(\n filter(() => !this.disabled),\n switchMap(() => {\n const transition: string = this.circle?.nativeElement.style.transition ?? '';\n this.renderer.setStyle(this.circle?.nativeElement, 'transition', '');\n this.setDragging(true);\n\n return fromEvent(document.body, 'mousemove').pipe(\n pairwise(),\n map(\n ([newEvent, oldEvent]: [Event, Event]) =>\n [newEvent, oldEvent] as [MouseEvent, MouseEvent],\n ),\n map(\n ([newEvent, oldEvent]: [MouseEvent, MouseEvent]) =>\n oldEvent.clientX - newEvent.clientX,\n ),\n filter((deltaX: number) => deltaX !== 0),\n tap((deltaX: number) => this.changeCirclePosition(deltaX)),\n startWith(null),\n takeUntil(\n fromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false))),\n ),\n last(),\n tap(\n () =>\n this.circle &&\n this.renderer.setStyle(this.circle.nativeElement, 'transition', transition),\n ),\n );\n }),\n takeUntilDestroyed(this['destroyRef']),\n )\n .subscribe((deltaX: number | null) => {\n deltaX === null ? this.toggle() : this.detectByCoordinates();\n });\n }\n }\n\n override updateModel(value: boolean | T | null): void {\n super.updateModel(value);\n this.setState(!!this.checked);\n }\n\n protected setState(isSelected: boolean): void {\n isSelected\n ? this.circle &&\n this.renderer.setStyle(\n this.circle.nativeElement,\n 'transform',\n `translateX(${this.maxPixelValue}px)`,\n )\n : this.circle &&\n this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(0)`);\n }\n\n private setDragging(value: boolean): void {\n this.dragging = value;\n this.changeDetectorRef.markForCheck();\n }\n\n private detectByCoordinates(): void {\n if (!this.disabled && this.wrapper && this.circle) {\n const wrapperMiddle: number =\n NgDocPositionUtils.getElementPosition(this.wrapper.nativeElement).x +\n this.wrapper.nativeElement.offsetWidth / 2;\n const circleCenterLeft: number =\n NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +\n this.circle.nativeElement.offsetWidth / 2;\n circleCenterLeft > wrapperMiddle ? this.check() : this.uncheck();\n this.setState(!!this.checked);\n }\n }\n\n private changeCirclePosition(delta: number): void {\n if (this.wrapper && this.circle) {\n const wrapperLeft: number = NgDocPositionUtils.getElementPosition(\n this.wrapper.nativeElement,\n ).x;\n const circleLeft: number = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x;\n const newPosition: number = Math.max(\n Math.min(circleLeft - wrapperLeft - 3 + delta, this.maxPixelValue),\n 0,\n );\n this.renderer.setStyle(\n this.circle.nativeElement,\n 'transform',\n `translateX(${newPosition}px)`,\n );\n }\n }\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":";;;;;;;;AAuBM,MAAO,oBACX,SAAQ,cAAiB,CAAA;AAczB,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;YACJ,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YACtD,gBAAgB,EAAE,MAAK;gBACrB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;aAChC;AACF,SAAA,CAAC;QAXJ,IAAQ,CAAA,QAAA,GAAY,KAAK;QAEjB,IAAa,CAAA,aAAA,GAAW,CAAC;;IAYxB,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE;QAChB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AAC/B,YAAA,IAAI,CAAC,aAAa;AAChB,gBAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC;YACpF,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW;AAC7C,iBAAA,IAAI,CACH,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC5B,SAAS,CAAC,MAAK;AACb,gBAAA,MAAM,UAAU,GAAW,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE;AAC5E,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,CAAC;AACpE,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBAEtB,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAAI,CAC/C,QAAQ,EAAE,EACV,GAAG,CACD,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAiB,KACnC,CAAC,QAAQ,EAAE,QAAQ,CAA6B,CACnD,EACD,GAAG,CACD,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAA2B,KAC7C,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CACtC,EACD,MAAM,CAAC,CAAC,MAAc,KAAK,MAAM,KAAK,CAAC,CAAC,EACxC,GAAG,CAAC,CAAC,MAAc,KAAK,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAC1D,SAAS,CAAC,IAAI,CAAC,EACf,SAAS,CACP,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7E,EACD,IAAI,EAAE,EACN,GAAG,CACD,MACE,IAAI,CAAC,MAAM;AACX,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAC9E,CACF;aACF,CAAC,EACF,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAEvC,iBAAA,SAAS,CAAC,CAAC,MAAqB,KAAI;AACnC,gBAAA,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC9D,aAAC,CAAC;;;AAIC,IAAA,WAAW,CAAC,KAAyB,EAAA;AAC5C,QAAA,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;;AAGrB,IAAA,QAAQ,CAAC,UAAmB,EAAA;QACpC;cACI,IAAI,CAAC,MAAM;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,MAAM,CAAC,aAAa,EACzB,WAAW,EACX,CAAA,WAAA,EAAc,IAAI,CAAC,aAAa,KAAK;cAEvC,IAAI,CAAC,MAAM;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,EAAE,CAAA,aAAA,CAAe,CAAC;;AAG7E,IAAA,WAAW,CAAC,KAAc,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;IAG/B,mBAAmB,GAAA;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AACjD,YAAA,MAAM,aAAa,GACjB,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;gBACnE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC;AAC5C,YAAA,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;gBAClE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC;AAC3C,YAAA,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE;YAChE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;;;AAIzB,IAAA,oBAAoB,CAAC,KAAa,EAAA;QACxC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AAC/B,YAAA,MAAM,WAAW,GAAW,kBAAkB,CAAC,kBAAkB,CAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAC3B,CAAC,CAAC;AACH,YAAA,MAAM,UAAU,GAAW,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;YAC7F,MAAM,WAAW,GAAW,IAAI,CAAC,GAAG,CAClC,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAClE,CAAC,CACF;AACD,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,MAAM,CAAC,aAAa,EACzB,WAAW,EACX,cAAc,WAAW,CAAA,GAAA,CAAK,CAC/B;;;8GAvHM,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2XCvBjC,qIAGA,EAAA,MAAA,EAAA,CAAA,igCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDoBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGR,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,qIAAA,EAAA,MAAA,EAAA,CAAA,igCAAA,CAAA,EAAA;wDAOR,OAAO,EAAA,CAAA;sBADd,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBAI9B,MAAM,EAAA,CAAA;sBADb,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBAIrC,QAAQ,EAAA,CAAA;sBADP,WAAW;uBAAC,2BAA2B;;;AEjC1C;;AAEG;;;;"}
@@ -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":";;;MAca,2BAA2B,CAAA;IACvC,IACI,YAAY,CAAC,OAAuB,EAAA;QACvC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,IAAI,KAAK,CAAC;QAChD,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;;IAMvD,WACkB,CAAA,OAAqC,EACrC,QAAmB,EAAA;QADnB,IAAO,CAAA,OAAA,GAAP,OAAO;QACP,IAAQ,CAAA,QAAA,GAAR,QAAQ;AAJjB,QAAA,IAAA,CAAA,kBAAkB,GAA0B,IAAI,YAAY,EAAW;AAM/E,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC;;IAItC,QAAQ,CAAC,EAAE,OAAO,EAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG9B,cAAc,CAAC,QAAqC,EAAE,KAAc,EAAA;AAC3E,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC;;8GAxB3D,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;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;;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;uGAGI,YAAY,EAAA,CAAA;sBADf;gBAOQ,kBAAkB,EAAA,CAAA;sBAD1B;gBAWD,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,QAAQ,EAAE,CAAC,eAAe,CAAC;;;AC/B1C;;AAEG;;;;"}
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 Directive,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n Renderer2,\n} from '@angular/core';\n\n@Directive({\n selector: 'input[ngDocChecked], input[ngDocCheckedChange]',\n standalone: true,\n})\nexport class NgDocCheckedChangeDirective {\n @Input()\n set ngDocChecked(checked: null | boolean) {\n this.updateProperty('checked', checked || false);\n this.updateProperty('indeterminate', checked === null);\n }\n\n @Output()\n readonly ngDocCheckedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n constructor(\n private readonly element: ElementRef<HTMLInputElement>,\n private readonly renderer: Renderer2,\n ) {\n this.updateProperty('checked', false);\n }\n\n @HostListener('change', ['$event.target'])\n onChange({ checked }: HTMLInputElement): void {\n this.updateProperty('indeterminate', false);\n this.ngDocCheckedChange.emit(checked);\n }\n\n private updateProperty(property: 'checked' | 'indeterminate', value: boolean): void {\n this.renderer.setProperty(this.element.nativeElement, property, value);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,2BAA2B,CAAA;IACtC,IACI,YAAY,CAAC,OAAuB,EAAA;QACtC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,IAAI,KAAK,CAAC;QAChD,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;;IAMxD,WACmB,CAAA,OAAqC,EACrC,QAAmB,EAAA;QADnB,IAAO,CAAA,OAAA,GAAP,OAAO;QACP,IAAQ,CAAA,QAAA,GAAR,QAAQ;AAJlB,QAAA,IAAA,CAAA,kBAAkB,GAA0B,IAAI,YAAY,EAAW;AAM9E,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC;;IAIvC,QAAQ,CAAC,EAAE,OAAO,EAAoB,EAAA;AACpC,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG/B,cAAc,CAAC,QAAqC,EAAE,KAAc,EAAA;AAC1E,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC;;8GAxB7D,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;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;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gDAAgD;AAC1D,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;uGAGK,YAAY,EAAA,CAAA;sBADf;gBAOQ,kBAAkB,EAAA,CAAA;sBAD1B;gBAWD,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,QAAQ,EAAE,CAAC,eAAe,CAAC;;;AC/B3C;;AAEG;;;;"}
@@ -1,22 +1,22 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
- import { ElementRef, NgZone, Directive, Input } from '@angular/core';
2
+ import { inject, DestroyRef, Directive, Input } from '@angular/core';
3
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
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
- import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
8
7
  import { merge, fromEvent } from 'rxjs';
9
8
 
10
- let NgDocEventSwitcherDirective = class NgDocEventSwitcherDirective {
9
+ class NgDocEventSwitcherDirective {
11
10
  constructor(elementRef, ngZone) {
12
11
  this.elementRef = elementRef;
13
12
  this.ngZone = ngZone;
14
13
  this.switchTo = null;
15
14
  this.events = [];
15
+ this.destroyRef = inject(DestroyRef);
16
16
  }
17
17
  ngOnInit() {
18
18
  merge(...asArray(this.events).map((eventName) => fromEvent(this.elementRef.nativeElement, eventName)))
19
- .pipe(ngDocZoneDetach(this.ngZone), untilDestroyed(this))
19
+ .pipe(ngDocZoneDetach(this.ngZone), takeUntilDestroyed(this.destroyRef))
20
20
  .subscribe((event) => {
21
21
  if (this.switchTo && !event.defaultPrevented && event.bubbles) {
22
22
  event.stopPropagation();
@@ -30,11 +30,7 @@ let NgDocEventSwitcherDirective = class NgDocEventSwitcherDirective {
30
30
  }
31
31
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocEventSwitcherDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
32
32
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgDocEventSwitcherDirective, isStandalone: true, selector: "[ngDocEventSwitcher]", inputs: { switchTo: ["ngDocEventSwitcher", "switchTo"], events: "events" }, ngImport: i0 }); }
33
- };
34
- NgDocEventSwitcherDirective = __decorate([
35
- UntilDestroy(),
36
- __metadata("design:paramtypes", [ElementRef, NgZone])
37
- ], NgDocEventSwitcherDirective);
33
+ }
38
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocEventSwitcherDirective, decorators: [{
39
35
  type: Directive,
40
36
  args: [{
@@ -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,GAAjC,MAAM,2BAA2B,CAAA;IAOvC,WAAoB,CAAA,UAAmC,EAAU,MAAc,EAAA;QAA3D,IAAU,CAAA,UAAA,GAAV,UAAU;QAAmC,IAAM,CAAA,MAAA,GAAN,MAAM;QALvE,IAAQ,CAAA,QAAA,GAAoC,IAAI;QAGhD,IAAM,CAAA,MAAA,GAAsB,EAAE;;IAI9B,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;AAEA,aAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;AACvD,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;AACvB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;;AAEjD,SAAC,CAAC;;IAGI,SAAS,CAAC,IAAW,EAAE,MAAe,EAAA;AAC7C,QAAA,MAAM,gBAAgB,GAAuB,IAAI,CAAC,WAAiC;AACnF,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;;8GA1BhD,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;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;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AADvC,IAAA,YAAY,EAAE;AAQkB,IAAA,UAAA,CAAA,mBAAA,EAAA,CAAA,UAAU,EAA+B,MAAM,CAAA;AAPnE,CAAA,EAAA,2BAA2B,CA4BvC;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;oGAIA,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,oBAAoB;gBAI3B,MAAM,EAAA,CAAA;sBADL;;;AClBF;;AAEG;;;;"}
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 { DestroyRef, Directive, ElementRef, inject, Input, NgZone, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\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 { fromEvent, merge } from 'rxjs';\n\n@Directive({\n selector: '[ngDocEventSwitcher]',\n standalone: true,\n})\nexport class NgDocEventSwitcherDirective implements OnInit {\n @Input('ngDocEventSwitcher')\n switchTo: BaseElement<HTMLElement> | null = null;\n\n @Input()\n events: string | string[] = [];\n\n private readonly destroyRef = inject(DestroyRef);\n\n constructor(\n private elementRef: ElementRef<HTMLElement>,\n private ngZone: NgZone,\n ) {}\n\n ngOnInit(): void {\n merge(\n ...asArray(this.events).map((eventName: string) =>\n fromEvent(this.elementRef.nativeElement, eventName),\n ),\n )\n .pipe(ngDocZoneDetach(this.ngZone), takeUntilDestroyed(this.destroyRef))\n .subscribe((event: Event) => {\n if (this.switchTo && !event.defaultPrevented && event.bubbles) {\n event.stopPropagation();\n this.makeEvent(event, toElement(this.switchTo));\n }\n });\n }\n\n private makeEvent(from: Event, target: Element): void {\n const eventConstructor: Constructor<Event> = from.constructor as Constructor<Event>;\n target.dispatchEvent(new eventConstructor(from.type, from));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAaa,2BAA2B,CAAA;IAStC,WACU,CAAA,UAAmC,EACnC,MAAc,EAAA;QADd,IAAU,CAAA,UAAA,GAAV,UAAU;QACV,IAAM,CAAA,MAAA,GAAN,MAAM;QAThB,IAAQ,CAAA,QAAA,GAAoC,IAAI;QAGhD,IAAM,CAAA,MAAA,GAAsB,EAAE;AAEb,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;IAOhD,QAAQ,GAAA;QACN,KAAK,CACH,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAiB,KAC5C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CACpD;AAEA,aAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACtE,aAAA,SAAS,CAAC,CAAC,KAAY,KAAI;AAC1B,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC7D,KAAK,CAAC,eAAe,EAAE;AACvB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;;AAEnD,SAAC,CAAC;;IAGE,SAAS,CAAC,IAAW,EAAE,MAAe,EAAA;AAC5C,QAAA,MAAM,gBAAgB,GAAuB,IAAI,CAAC,WAAiC;AACnF,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;;8GA/BlD,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;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;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;oGAGC,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,oBAAoB;gBAI3B,MAAM,EAAA,CAAA;sBADL;;;ACjBH;;AAEG;;;;"}
@@ -1,16 +1,13 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
- import { EventEmitter, ElementRef, NgZone, ChangeDetectorRef, Directive, Output, HostBinding } from '@angular/core';
2
+ import { EventEmitter, Directive, Output, HostBinding } from '@angular/core';
3
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
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
- import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
8
7
  import { merge, fromEvent } from 'rxjs';
9
8
  import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
10
9
 
11
- var NgDocFocusCatcherDirective_1;
12
- let NgDocFocusCatcherDirective = class NgDocFocusCatcherDirective {
13
- static { NgDocFocusCatcherDirective_1 = this; }
10
+ class NgDocFocusCatcherDirective {
14
11
  constructor(elementRef, ngZone, changeDetectorRef) {
15
12
  this.elementRef = elementRef;
16
13
  this.ngZone = ngZone;
@@ -18,8 +15,8 @@ let NgDocFocusCatcherDirective = class NgDocFocusCatcherDirective {
18
15
  this.focusEvent = new EventEmitter();
19
16
  this.blurEvent = new EventEmitter();
20
17
  this.focused = false;
21
- NgDocFocusCatcherDirective_1.observeFocus(toElement(this.elementRef))
22
- .pipe(ngDocZoneOptimize(this.ngZone), untilDestroyed(this))
18
+ NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))
19
+ .pipe(ngDocZoneOptimize(this.ngZone), takeUntilDestroyed())
23
20
  .subscribe((event) => {
24
21
  this.focused = event.type === FOCUS_EVENT;
25
22
  this.focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);
@@ -31,13 +28,7 @@ let NgDocFocusCatcherDirective = class NgDocFocusCatcherDirective {
31
28
  }
32
29
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocFocusCatcherDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
33
30
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgDocFocusCatcherDirective, isStandalone: true, selector: "[ngDocFocusCatcher]", outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "attr.data-ng-doc-focused": "this.focused" } }, exportAs: ["ngDocFocusCatcher"], ngImport: i0 }); }
34
- };
35
- NgDocFocusCatcherDirective = NgDocFocusCatcherDirective_1 = __decorate([
36
- UntilDestroy(),
37
- __metadata("design:paramtypes", [ElementRef,
38
- NgZone,
39
- ChangeDetectorRef])
40
- ], NgDocFocusCatcherDirective);
31
+ }
41
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocFocusCatcherDirective, decorators: [{
42
33
  type: Directive,
43
34
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-directives-focus-catcher.mjs","sources":["../../../../libs/ui-kit/directives/focus-catcher/focus-catcher.directive.ts","../../../../libs/ui-kit/directives/focus-catcher/ng-doc-ui-kit-directives-focus-catcher.ts"],"sourcesContent":["import {\n\tChangeDetectorRef,\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostBinding,\n\tNgZone,\n\tOutput,\n} from '@angular/core';\nimport { BLUR_EVENT, FOCUS_EVENT } from '@ng-doc/ui-kit/constants';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[ngDocFocusCatcher]',\n\texportAs: 'ngDocFocusCatcher',\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocFocusCatcherDirective {\n\t@Output()\n\tfocusEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n\t@Output()\n\tblurEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n\t@HostBinding('attr.data-ng-doc-focused')\n\tfocused: boolean = false;\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\tprivate ngZone: NgZone,\n\t\tprivate changeDetectorRef: ChangeDetectorRef,\n\t) {\n\t\tNgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))\n\t\t\t.pipe(ngDocZoneOptimize(this.ngZone), untilDestroyed(this))\n\t\t\t.subscribe((event: FocusEvent) => {\n\t\t\t\tthis.focused = event.type === FOCUS_EVENT;\n\t\t\t\tthis.focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);\n\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t});\n\t}\n\n\tstatic observeFocus(element: HTMLElement): Observable<FocusEvent> {\n\t\treturn merge(\n\t\t\tfromEvent<FocusEvent>(element, FOCUS_EVENT),\n\t\t\tfromEvent<FocusEvent>(element, BLUR_EVENT),\n\t\t).pipe(\n\t\t\tdebounceTime(0),\n\t\t\tdistinctUntilChanged((a: FocusEvent, b: FocusEvent) => a.type === b.type),\n\t\t);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAsBa,IAAA,0BAA0B,GAAhC,MAAM,0BAA0B,CAAA;;AAUtC,IAAA,WAAA,CACS,UAAmC,EACnC,MAAc,EACd,iBAAoC,EAAA;QAFpC,IAAU,CAAA,UAAA,GAAV,UAAU;QACV,IAAM,CAAA,MAAA,GAAN,MAAM;QACN,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;AAX1B,QAAA,IAAA,CAAA,UAAU,GAAwB,IAAI,YAAY,EAAS;AAG3D,QAAA,IAAA,CAAA,SAAS,GAAwB,IAAI,YAAY,EAAS;QAG1D,IAAO,CAAA,OAAA,GAAY,KAAK;QAOvB,4BAA0B,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;AAChE,aAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;AACzD,aAAA,SAAS,CAAC,CAAC,KAAiB,KAAI;YAChC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACvE,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACtC,SAAC,CAAC;;IAGJ,OAAO,YAAY,CAAC,OAAoB,EAAA;AACvC,QAAA,OAAO,KAAK,CACX,SAAS,CAAa,OAAO,EAAE,WAAW,CAAC,EAC3C,SAAS,CAAa,OAAO,EAAE,UAAU,CAAC,CAC1C,CAAC,IAAI,CACL,YAAY,CAAC,CAAC,CAAC,EACf,oBAAoB,CAAC,CAAC,CAAa,EAAE,CAAa,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CACzE;;8GA/BU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAA1B,0BAA0B,GAAA,4BAAA,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;qCAYO,UAAU;QACd,MAAM;QACK,iBAAiB,CAAA;AAbjC,CAAA,EAAA,0BAA0B,CAiCtC;2FAjCY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;oIAIA,UAAU,EAAA,CAAA;sBADT;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,OAAO,EAAA,CAAA;sBADN,WAAW;uBAAC,0BAA0B;;;AC7BxC;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-directives-focus-catcher.mjs","sources":["../../../../libs/ui-kit/directives/focus-catcher/focus-catcher.directive.ts","../../../../libs/ui-kit/directives/focus-catcher/ng-doc-ui-kit-directives-focus-catcher.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Directive,\n ElementRef,\n EventEmitter,\n HostBinding,\n NgZone,\n Output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BLUR_EVENT, FOCUS_EVENT } from '@ng-doc/ui-kit/constants';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\n@Directive({\n selector: '[ngDocFocusCatcher]',\n exportAs: 'ngDocFocusCatcher',\n standalone: true,\n})\nexport class NgDocFocusCatcherDirective {\n @Output()\n focusEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n @Output()\n blurEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n @HostBinding('attr.data-ng-doc-focused')\n focused: boolean = false;\n\n constructor(\n private elementRef: ElementRef<HTMLElement>,\n private ngZone: NgZone,\n private changeDetectorRef: ChangeDetectorRef,\n ) {\n NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))\n .pipe(ngDocZoneOptimize(this.ngZone), takeUntilDestroyed())\n .subscribe((event: FocusEvent) => {\n this.focused = event.type === FOCUS_EVENT;\n this.focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);\n this.changeDetectorRef.markForCheck();\n });\n }\n\n static observeFocus(element: HTMLElement): Observable<FocusEvent> {\n return merge(\n fromEvent<FocusEvent>(element, FOCUS_EVENT),\n fromEvent<FocusEvent>(element, BLUR_EVENT),\n ).pipe(\n debounceTime(0),\n distinctUntilChanged((a: FocusEvent, b: FocusEvent) => a.type === b.type),\n );\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,0BAA0B,CAAA;AAUrC,IAAA,WAAA,CACU,UAAmC,EACnC,MAAc,EACd,iBAAoC,EAAA;QAFpC,IAAU,CAAA,UAAA,GAAV,UAAU;QACV,IAAM,CAAA,MAAA,GAAN,MAAM;QACN,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB;AAX3B,QAAA,IAAA,CAAA,UAAU,GAAwB,IAAI,YAAY,EAAS;AAG3D,QAAA,IAAA,CAAA,SAAS,GAAwB,IAAI,YAAY,EAAS;QAG1D,IAAO,CAAA,OAAA,GAAY,KAAK;QAOtB,0BAA0B,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;aAC/D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE;AACzD,aAAA,SAAS,CAAC,CAAC,KAAiB,KAAI;YAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACvE,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACvC,SAAC,CAAC;;IAGN,OAAO,YAAY,CAAC,OAAoB,EAAA;AACtC,QAAA,OAAO,KAAK,CACV,SAAS,CAAa,OAAO,EAAE,WAAW,CAAC,EAC3C,SAAS,CAAa,OAAO,EAAE,UAAU,CAAC,CAC3C,CAAC,IAAI,CACJ,YAAY,CAAC,CAAC,CAAC,EACf,oBAAoB,CAAC,CAAC,CAAa,EAAE,CAAa,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAC1E;;8GA/BQ,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;oIAGC,UAAU,EAAA,CAAA;sBADT;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,OAAO,EAAA,CAAA;sBADN,WAAW;uBAAC,0BAA0B;;;AC5BzC;;AAEG;;;;"}
@@ -1,17 +1,17 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
- import { EventEmitter, afterNextRender, NgZone, Directive, Input, Output } from '@angular/core';
2
+ import { EventEmitter, inject, DestroyRef, afterNextRender, Directive, Input, Output } from '@angular/core';
3
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
4
4
  import { isKeyboardEvent } from '@ng-doc/core/helpers/is-keyboard-event';
5
5
  import { objectKeys } from '@ng-doc/core/helpers/object-keys';
6
6
  import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
7
- import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
8
7
  import { fromEvent } from 'rxjs';
9
8
  import { filter } from 'rxjs/operators';
10
9
 
11
- let NgDocHotkeyDirective = class NgDocHotkeyDirective {
10
+ class NgDocHotkeyDirective {
12
11
  constructor(ngZone) {
13
12
  this.ngZone = ngZone;
14
13
  this.callback = new EventEmitter();
14
+ const destroyRef = inject(DestroyRef);
15
15
  afterNextRender(() => {
16
16
  fromEvent(document, 'keyup')
17
17
  .pipe(filter(isKeyboardEvent), filter((event) => objectKeys(this.hotkey ?? {}).every((key) => this.hotkey && this.hotkey[key] === event[key])), filter((event) => {
@@ -19,7 +19,7 @@ let NgDocHotkeyDirective = class NgDocHotkeyDirective {
19
19
  return !['input', 'textarea', 'select'].includes(event.target.tagName.toLowerCase());
20
20
  }
21
21
  return true;
22
- }), ngDocZoneOptimize(this.ngZone), untilDestroyed(this))
22
+ }), ngDocZoneOptimize(this.ngZone), takeUntilDestroyed(destroyRef))
23
23
  .subscribe((event) => {
24
24
  event.preventDefault();
25
25
  this.callback.emit();
@@ -28,11 +28,7 @@ let NgDocHotkeyDirective = class NgDocHotkeyDirective {
28
28
  }
29
29
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocHotkeyDirective, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
30
30
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgDocHotkeyDirective, isStandalone: true, selector: "[ngDocHotkey]", inputs: { hotkey: ["ngDocHotkey", "hotkey"] }, outputs: { callback: "ngDocHotkey" }, ngImport: i0 }); }
31
- };
32
- NgDocHotkeyDirective = __decorate([
33
- UntilDestroy(),
34
- __metadata("design:paramtypes", [NgZone])
35
- ], NgDocHotkeyDirective);
31
+ }
36
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocHotkeyDirective, decorators: [{
37
33
  type: Directive,
38
34
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-directives-hotkey.mjs","sources":["../../../../libs/ui-kit/directives/hotkey/hotkey.directive.ts","../../../../libs/ui-kit/directives/hotkey/ng-doc-ui-kit-directives-hotkey.ts"],"sourcesContent":["import { afterNextRender, Directive, EventEmitter, Input, NgZone, Output } from '@angular/core';\nimport { isKeyboardEvent } from '@ng-doc/core/helpers/is-keyboard-event';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[ngDocHotkey]',\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocHotkeyDirective {\n\t@Input('ngDocHotkey')\n\thotkey?: Partial<KeyboardEvent>;\n\n\t@Output('ngDocHotkey')\n\tcallback: EventEmitter<void> = new EventEmitter<void>();\n\n\tconstructor(private readonly ngZone: NgZone) {\n\t\tafterNextRender(() => {\n\t\t\tfromEvent(document, 'keyup')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(isKeyboardEvent),\n\t\t\t\t\tfilter((event: KeyboardEvent) =>\n\t\t\t\t\t\tobjectKeys(this.hotkey ?? {}).every(\n\t\t\t\t\t\t\t(key: keyof KeyboardEvent) => this.hotkey && this.hotkey[key] === event[key],\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t\t\tfilter((event: KeyboardEvent) => {\n\t\t\t\t\t\tif (event.target instanceof HTMLElement) {\n\t\t\t\t\t\t\treturn !['input', 'textarea', 'select'].includes(event.target.tagName.toLowerCase());\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}),\n\t\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((event: KeyboardEvent) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tthis.callback.emit();\n\t\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":";;;;;;;;;;AAaa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAOhC,IAAA,WAAA,CAA6B,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM;AAFnC,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAQ;QAGtD,eAAe,CAAC,MAAK;AACpB,YAAA,SAAS,CAAC,QAAQ,EAAE,OAAO;iBACzB,IAAI,CACJ,MAAM,CAAC,eAAe,CAAC,EACvB,MAAM,CAAC,CAAC,KAAoB,KAC3B,UAAU,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,KAAK,CAClC,CAAC,GAAwB,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAC5E,CACD,EACD,MAAM,CAAC,CAAC,KAAoB,KAAI;AAC/B,gBAAA,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;oBACxC,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;;AAErF,gBAAA,OAAO,IAAI;AACZ,aAAC,CAAC,EACF,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9B,cAAc,CAAC,IAAI,CAAC;AAEpB,iBAAA,SAAS,CAAC,CAAC,KAAoB,KAAI;gBACnC,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACrB,aAAC,CAAC;AACJ,SAAC,CAAC;;8GA9BS,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAApB,oBAAoB,GAAA,UAAA,CAAA;AADhC,IAAA,YAAY,EAAE;qCAQuB,MAAM,CAAA;AAP/B,CAAA,EAAA,oBAAoB,CAgChC;2FAhCY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;2EAIA,MAAM,EAAA,CAAA;sBADL,KAAK;uBAAC,aAAa;gBAIpB,QAAQ,EAAA,CAAA;sBADP,MAAM;uBAAC,aAAa;;;ACjBtB;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-directives-hotkey.mjs","sources":["../../../../libs/ui-kit/directives/hotkey/hotkey.directive.ts","../../../../libs/ui-kit/directives/hotkey/ng-doc-ui-kit-directives-hotkey.ts"],"sourcesContent":["import {\n afterNextRender,\n DestroyRef,\n Directive,\n EventEmitter,\n inject,\n Input,\n NgZone,\n Output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { isKeyboardEvent } from '@ng-doc/core/helpers/is-keyboard-event';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { fromEvent } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\n@Directive({\n selector: '[ngDocHotkey]',\n standalone: true,\n})\nexport class NgDocHotkeyDirective {\n @Input('ngDocHotkey')\n hotkey?: Partial<KeyboardEvent>;\n\n @Output('ngDocHotkey')\n callback: EventEmitter<void> = new EventEmitter<void>();\n\n constructor(private readonly ngZone: NgZone) {\n const destroyRef = inject(DestroyRef);\n\n afterNextRender(() => {\n fromEvent(document, 'keyup')\n .pipe(\n filter(isKeyboardEvent),\n filter((event: KeyboardEvent) =>\n objectKeys(this.hotkey ?? {}).every(\n (key: keyof KeyboardEvent) => this.hotkey && this.hotkey[key] === event[key],\n ),\n ),\n filter((event: KeyboardEvent) => {\n if (event.target instanceof HTMLElement) {\n return !['input', 'textarea', 'select'].includes(event.target.tagName.toLowerCase());\n }\n return true;\n }),\n ngDocZoneOptimize(this.ngZone),\n takeUntilDestroyed(destroyRef),\n )\n .subscribe((event: KeyboardEvent) => {\n event.preventDefault();\n this.callback.emit();\n });\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,oBAAoB,CAAA;AAO/B,IAAA,WAAA,CAA6B,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM;AAFnC,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAQ;AAGrD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAErC,eAAe,CAAC,MAAK;AACnB,YAAA,SAAS,CAAC,QAAQ,EAAE,OAAO;iBACxB,IAAI,CACH,MAAM,CAAC,eAAe,CAAC,EACvB,MAAM,CAAC,CAAC,KAAoB,KAC1B,UAAU,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,KAAK,CACjC,CAAC,GAAwB,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAC7E,CACF,EACD,MAAM,CAAC,CAAC,KAAoB,KAAI;AAC9B,gBAAA,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;oBACvC,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;;AAEtF,gBAAA,OAAO,IAAI;AACb,aAAC,CAAC,EACF,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9B,kBAAkB,CAAC,UAAU,CAAC;AAE/B,iBAAA,SAAS,CAAC,CAAC,KAAoB,KAAI;gBAClC,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACtB,aAAC,CAAC;AACN,SAAC,CAAC;;8GAhCO,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;2EAGC,MAAM,EAAA,CAAA;sBADL,KAAK;uBAAC,aAAa;gBAIpB,QAAQ,EAAA,CAAA;sBADP,MAAM;uBAAC,aAAa;;;ACzBvB;;AAEG;;;;"}
@@ -1,12 +1,10 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
2
  import { forwardRef, Directive, HostListener } from '@angular/core';
4
3
  import { isPresent } from '@ng-doc/core/helpers/is-present';
5
4
  import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
6
5
  import { toElement } from '@ng-doc/ui-kit/helpers';
7
- import { UntilDestroy } from '@ngneat/until-destroy';
8
6
 
9
- let NgDocInputNumberDirective = class NgDocInputNumberDirective extends NgDocBaseInput {
7
+ class NgDocInputNumberDirective extends NgDocBaseInput {
10
8
  constructor() {
11
9
  super({
12
10
  onIncomingUpdate: (value) => {
@@ -24,11 +22,7 @@ let NgDocInputNumberDirective = class NgDocInputNumberDirective extends NgDocBas
24
22
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgDocInputNumberDirective, isStandalone: true, selector: "input[ngDocInputNumber]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [
25
23
  { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },
26
24
  ], usesInheritance: true, ngImport: i0 }); }
27
- };
28
- NgDocInputNumberDirective = __decorate([
29
- UntilDestroy(),
30
- __metadata("design:paramtypes", [])
31
- ], NgDocInputNumberDirective);
25
+ }
32
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocInputNumberDirective, decorators: [{
33
27
  type: Directive,
34
28
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-directives-input-number.mjs","sources":["../../../../libs/ui-kit/directives/input-number/input-number.directive.ts","../../../../libs/ui-kit/directives/input-number/ng-doc-ui-kit-directives-input-number.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { UntilDestroy } from '@ngneat/until-destroy';\n\n@Directive({\n\tselector: `input[ngDocInputNumber]`,\n\tproviders: [\n\t\t{ provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },\n\t],\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocInputNumberDirective extends NgDocBaseInput<number> {\n\tconstructor() {\n\t\tsuper({\n\t\t\tonIncomingUpdate: (value) => {\n\t\t\t\ttoElement(this.elementRef).value = isPresent(value) ? String(Number(value)) : '';\n\t\t\t},\n\t\t});\n\t}\n\n\t@HostListener('blur')\n\tblurEvent(): void {\n\t\tthis.touch();\n\t}\n\n\t@HostListener('input')\n\tinputEvent(): void {\n\t\tthis.updateModel(Number(this.elementRef.nativeElement.value));\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAcO,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,cAAsB,CAAA;AACpE,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;AACL,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC3B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;aAChF;AACD,SAAA,CAAC;;IAIH,SAAS,GAAA;QACR,IAAI,CAAC,KAAK,EAAE;;IAIb,UAAU,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;;8GAhBlD,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAN1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACrF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAIW,yBAAyB,GAAA,UAAA,CAAA;AADrC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,yBAAyB,CAkBrC;2FAlBY,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,CAAyB,uBAAA,CAAA;AACnC,oBAAA,SAAS,EAAE;AACV,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAA+B,yBAAA,CAAC,EAAE;AACrF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;wDAYA,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,MAAM;gBAMpB,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO;;;AC5BtB;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-directives-input-number.mjs","sources":["../../../../libs/ui-kit/directives/input-number/input-number.directive.ts","../../../../libs/ui-kit/directives/input-number/ng-doc-ui-kit-directives-input-number.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\n\n@Directive({\n selector: `input[ngDocInputNumber]`,\n providers: [\n { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },\n ],\n standalone: true,\n})\nexport class NgDocInputNumberDirective extends NgDocBaseInput<number> {\n constructor() {\n super({\n onIncomingUpdate: (value) => {\n toElement(this.elementRef).value = isPresent(value) ? String(Number(value)) : '';\n },\n });\n }\n\n @HostListener('blur')\n blurEvent(): void {\n this.touch();\n }\n\n @HostListener('input')\n inputEvent(): void {\n this.updateModel(Number(this.elementRef.nativeElement.value));\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYM,MAAO,yBAA0B,SAAQ,cAAsB,CAAA;AACnE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;AACJ,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC1B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;aACjF;AACF,SAAA,CAAC;;IAIJ,SAAS,GAAA;QACP,IAAI,CAAC,KAAK,EAAE;;IAId,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;;8GAhBpD,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EALzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACtF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAyB,uBAAA,CAAA;AACnC,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAA+B,yBAAA,CAAC,EAAE;AACtF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;wDAWC,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,MAAM;gBAMpB,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO;;;AC1BvB;;AAEG;;;;"}
@@ -1,13 +1,11 @@
1
- import { __decorate, __metadata } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
2
  import { forwardRef, Directive, HostListener } from '@angular/core';
4
3
  import { isPresent } from '@ng-doc/core/helpers/is-present';
5
4
  import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
6
5
  import { toElement } from '@ng-doc/ui-kit/helpers';
7
- import { UntilDestroy } from '@ngneat/until-destroy';
8
6
 
9
7
  /** Directive converts any input data or model to text */
10
- let NgDocInputStringDirective = class NgDocInputStringDirective extends NgDocBaseInput {
8
+ class NgDocInputStringDirective extends NgDocBaseInput {
11
9
  constructor() {
12
10
  super({
13
11
  onIncomingUpdate: (value) => {
@@ -25,11 +23,7 @@ let NgDocInputStringDirective = class NgDocInputStringDirective extends NgDocBas
25
23
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgDocInputStringDirective, isStandalone: true, selector: "input[ngDocInputString]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [
26
24
  { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputStringDirective) },
27
25
  ], usesInheritance: true, ngImport: i0 }); }
28
- };
29
- NgDocInputStringDirective = __decorate([
30
- UntilDestroy(),
31
- __metadata("design:paramtypes", [])
32
- ], NgDocInputStringDirective);
26
+ }
33
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocInputStringDirective, decorators: [{
34
28
  type: Directive,
35
29
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ng-doc-ui-kit-directives-input-string.mjs","sources":["../../../../libs/ui-kit/directives/input-string/input-string.directive.ts","../../../../libs/ui-kit/directives/input-string/ng-doc-ui-kit-directives-input-string.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { UntilDestroy } from '@ngneat/until-destroy';\n\n/** Directive converts any input data or model to text */\n@Directive({\n\tselector: `input[ngDocInputString]`,\n\tproviders: [\n\t\t{ provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputStringDirective) },\n\t],\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocInputStringDirective extends NgDocBaseInput<string> {\n\tconstructor() {\n\t\tsuper({\n\t\t\tonIncomingUpdate: (value) => {\n\t\t\t\ttoElement(this.elementRef).value = isPresent(value) ? String(value) : '';\n\t\t\t},\n\t\t});\n\t}\n\n\t@HostListener('blur')\n\tblurEvent(): void {\n\t\tthis.touch();\n\t}\n\n\t@HostListener('input')\n\tinputEvent(): void {\n\t\tthis.updateModel(this.elementRef.nativeElement.value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA;AASO,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,cAAsB,CAAA;AACpE,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;AACL,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC3B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE;aACxE;AACD,SAAA,CAAC;;IAIH,SAAS,GAAA;QACR,IAAI,CAAC,KAAK,EAAE;;IAIb,UAAU,GAAA;QACT,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;;8GAhB1C,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAN1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACrF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAIW,yBAAyB,GAAA,UAAA,CAAA;AADrC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,yBAAyB,CAkBrC;2FAlBY,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,CAAyB,uBAAA,CAAA;AACnC,oBAAA,SAAS,EAAE;AACV,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAA+B,yBAAA,CAAC,EAAE;AACrF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;wDAYA,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,MAAM;gBAMpB,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO;;;AC7BtB;;AAEG;;;;"}
1
+ {"version":3,"file":"ng-doc-ui-kit-directives-input-string.mjs","sources":["../../../../libs/ui-kit/directives/input-string/input-string.directive.ts","../../../../libs/ui-kit/directives/input-string/ng-doc-ui-kit-directives-input-string.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\n\n/** Directive converts any input data or model to text */\n@Directive({\n selector: `input[ngDocInputString]`,\n providers: [\n { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputStringDirective) },\n ],\n standalone: true,\n})\nexport class NgDocInputStringDirective extends NgDocBaseInput<string> {\n constructor() {\n super({\n onIncomingUpdate: (value) => {\n toElement(this.elementRef).value = isPresent(value) ? String(value) : '';\n },\n });\n }\n\n @HostListener('blur')\n blurEvent(): void {\n this.touch();\n }\n\n @HostListener('input')\n inputEvent(): void {\n this.updateModel(this.elementRef.nativeElement.value);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAKA;AAQM,MAAO,yBAA0B,SAAQ,cAAsB,CAAA;AACnE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;AACJ,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC1B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE;aACzE;AACF,SAAA,CAAC;;IAIJ,SAAS,GAAA;QACP,IAAI,CAAC,KAAK,EAAE;;IAId,UAAU,GAAA;QACR,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;;8GAhB5C,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EALzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACtF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAyB,uBAAA,CAAA;AACnC,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAA+B,yBAAA,CAAC,EAAE;AACtF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;wDAWC,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,MAAM;gBAMpB,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO;;;AC3BvB;;AAEG;;;;"}