@ngbase/adk 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/a11y/accessibility-group.d.ts +2 -5
- package/accordion/accordion-item.d.ts +7 -1
- package/accordion/public-api.d.ts +1 -1
- package/autocomplete/autocomplete-input.d.ts +2 -4
- package/autocomplete/autocomplete.d.ts +13 -4
- package/avatar/avatar.d.ts +1 -1
- package/breadcrumb/breadcrumb.d.ts +2 -3
- package/breadcrumb/public-api.d.ts +1 -1
- package/carousel/carousel.d.ts +3 -3
- package/checkbox/checkbox.d.ts +11 -3
- package/checkbox/public-api.d.ts +1 -1
- package/chip/chip.d.ts +2 -2
- package/datepicker/calendar.d.ts +3 -3
- package/datepicker/datepicker-trigger.d.ts +22 -5
- package/datepicker/datepicker.d.ts +4 -3
- package/datepicker/time.d.ts +2 -2
- package/dialog/dialog.d.ts +1 -1
- package/drag/drag.d.ts +1 -2
- package/fesm2022/ngbase-adk-a11y.mjs +29 -26
- package/fesm2022/ngbase-adk-a11y.mjs.map +1 -1
- package/fesm2022/ngbase-adk-accordion.mjs +16 -3
- package/fesm2022/ngbase-adk-accordion.mjs.map +1 -1
- package/fesm2022/ngbase-adk-autocomplete.mjs +23 -52
- package/fesm2022/ngbase-adk-autocomplete.mjs.map +1 -1
- package/fesm2022/ngbase-adk-avatar.mjs +2 -2
- package/fesm2022/ngbase-adk-avatar.mjs.map +1 -1
- package/fesm2022/ngbase-adk-breadcrumb.mjs +2 -2
- package/fesm2022/ngbase-adk-breadcrumb.mjs.map +1 -1
- package/fesm2022/ngbase-adk-carousel.mjs +7 -7
- package/fesm2022/ngbase-adk-carousel.mjs.map +1 -1
- package/fesm2022/ngbase-adk-checkbox.mjs +8 -6
- package/fesm2022/ngbase-adk-checkbox.mjs.map +1 -1
- package/fesm2022/ngbase-adk-chip.mjs +4 -2
- package/fesm2022/ngbase-adk-chip.mjs.map +1 -1
- package/fesm2022/ngbase-adk-datepicker.mjs +187 -350
- package/fesm2022/ngbase-adk-datepicker.mjs.map +1 -1
- package/fesm2022/ngbase-adk-dialog.mjs +14 -15
- package/fesm2022/ngbase-adk-dialog.mjs.map +1 -1
- package/fesm2022/ngbase-adk-drag.mjs +1 -2
- package/fesm2022/ngbase-adk-drag.mjs.map +1 -1
- package/fesm2022/ngbase-adk-form-field.mjs +2 -156
- package/fesm2022/ngbase-adk-form-field.mjs.map +1 -1
- package/fesm2022/ngbase-adk-list.mjs +2 -2
- package/fesm2022/ngbase-adk-list.mjs.map +1 -1
- package/fesm2022/ngbase-adk-mask.mjs +5 -3
- package/fesm2022/ngbase-adk-mask.mjs.map +1 -1
- package/fesm2022/ngbase-adk-menu.mjs +34 -34
- package/fesm2022/ngbase-adk-menu.mjs.map +1 -1
- package/fesm2022/ngbase-adk-otp.mjs +164 -0
- package/fesm2022/ngbase-adk-otp.mjs.map +1 -0
- package/fesm2022/ngbase-adk-pagination.mjs +10 -67
- package/fesm2022/ngbase-adk-pagination.mjs.map +1 -1
- package/fesm2022/ngbase-adk-popover.mjs +434 -556
- package/fesm2022/ngbase-adk-popover.mjs.map +1 -1
- package/fesm2022/ngbase-adk-portal.mjs +5 -10
- package/fesm2022/ngbase-adk-portal.mjs.map +1 -1
- package/fesm2022/ngbase-adk-radio.mjs +8 -19
- package/fesm2022/ngbase-adk-radio.mjs.map +1 -1
- package/fesm2022/ngbase-adk-resizable.mjs +10 -43
- package/fesm2022/ngbase-adk-resizable.mjs.map +1 -1
- package/fesm2022/ngbase-adk-select.mjs +87 -185
- package/fesm2022/ngbase-adk-select.mjs.map +1 -1
- package/fesm2022/ngbase-adk-sheet.mjs +95 -0
- package/fesm2022/ngbase-adk-sheet.mjs.map +1 -0
- package/fesm2022/ngbase-adk-sidenav.mjs +2 -2
- package/fesm2022/ngbase-adk-sidenav.mjs.map +1 -1
- package/fesm2022/ngbase-adk-slider.mjs +12 -23
- package/fesm2022/ngbase-adk-slider.mjs.map +1 -1
- package/fesm2022/ngbase-adk-sonner.mjs +13 -63
- package/fesm2022/ngbase-adk-sonner.mjs.map +1 -1
- package/fesm2022/ngbase-adk-stepper.mjs +16 -114
- package/fesm2022/ngbase-adk-stepper.mjs.map +1 -1
- package/fesm2022/ngbase-adk-switch.mjs +2 -2
- package/fesm2022/ngbase-adk-switch.mjs.map +1 -1
- package/fesm2022/ngbase-adk-table.mjs +17 -35
- package/fesm2022/ngbase-adk-table.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tabs.mjs +14 -94
- package/fesm2022/ngbase-adk-tabs.mjs.map +1 -1
- package/fesm2022/ngbase-adk-test.mjs +11 -1
- package/fesm2022/ngbase-adk-test.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tooltip.mjs +49 -39
- package/fesm2022/ngbase-adk-tooltip.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tour.mjs +3 -3
- package/fesm2022/ngbase-adk-tour.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tree.mjs +11 -43
- package/fesm2022/ngbase-adk-tree.mjs.map +1 -1
- package/fesm2022/ngbase-adk-utils.mjs +12 -9
- package/fesm2022/ngbase-adk-utils.mjs.map +1 -1
- package/form-field/public-api.d.ts +0 -1
- package/mask/mask.d.ts +1 -2
- package/menu/menu-trigger.d.ts +3 -3
- package/menu/menu.d.ts +13 -7
- package/otp/index.d.ts +5 -0
- package/{form-field → otp}/otp.d.ts +1 -1
- package/otp/public-api.d.ts +1 -0
- package/package.json +27 -19
- package/pagination/pagination.d.ts +7 -3
- package/popover/base-popover.service.d.ts +1 -1
- package/popover/popover-arrow.ng.d.ts +34 -0
- package/popover/popover.d.ts +17 -7
- package/popover/popover.service.d.ts +5 -4
- package/popover/public-api.d.ts +1 -0
- package/popover/utils.d.ts +32 -48
- package/portal/dialog-ref.d.ts +0 -1
- package/portal/portal-base.service.d.ts +3 -3
- package/portal/portal-close.directive.d.ts +3 -2
- package/radio/radio.d.ts +5 -1
- package/resizable/resizable-group.d.ts +2 -2
- package/resizable/resizable.d.ts +2 -2
- package/select/option-group.d.ts +3 -3
- package/select/option.d.ts +1 -1
- package/select/select-base.d.ts +8 -6
- package/select/select.d.ts +6 -3
- package/sheet/index.d.ts +5 -0
- package/sheet/public-api.d.ts +2 -0
- package/sheet/sheet.d.ts +26 -0
- package/sheet/sheet.service.d.ts +13 -0
- package/sidenav/public-api.d.ts +1 -1
- package/sidenav/sidenav.d.ts +1 -1
- package/slider/public-api.d.ts +1 -1
- package/slider/slider.d.ts +6 -5
- package/sonner/sonner.d.ts +2 -1
- package/stepper/animation.d.ts +1 -1
- package/stepper/step.d.ts +1 -1
- package/stepper/stepper.d.ts +2 -2
- package/switch/switch.d.ts +1 -1
- package/table/body-row.d.ts +3 -3
- package/table/head-row.d.ts +3 -3
- package/table/table.d.ts +3 -3
- package/tabs/tab-group.d.ts +4 -4
- package/tabs/tab.d.ts +2 -2
- package/test/utils.d.ts +19 -3
- package/tooltip/public-api.d.ts +1 -1
- package/tooltip/tooltip.d.ts +5 -1
- package/tooltip/tooltip.directive.d.ts +1 -1
- package/tooltip/tooltip.service.d.ts +4 -2
- package/tour/tour.service.d.ts +3 -4
- package/tree/public-api.d.ts +2 -2
- package/tree/tree-node.d.ts +2 -2
- package/tree/tree.d.ts +2 -2
- package/utils/utils.d.ts +5 -4
- package/schematics/collection.json +0 -15
- package/schematics/components/files/accordion/accordion.ts.template +0 -55
- package/schematics/components/files/accordion/index.ts.template +0 -5
- package/schematics/components/files/alert/alert.ts.template +0 -62
- package/schematics/components/files/alert/index.ts.template +0 -1
- package/schematics/components/files/autocomplete/autocomplete.ts.template +0 -48
- package/schematics/components/files/autocomplete/index.ts.template +0 -5
- package/schematics/components/files/avatar/avatar.ts.template +0 -31
- package/schematics/components/files/avatar/index.ts.template +0 -1
- package/schematics/components/files/badge/badge.ts.template +0 -11
- package/schematics/components/files/badge/index.ts.template +0 -1
- package/schematics/components/files/breadcrumb/breadcrumb.ts.template +0 -49
- package/schematics/components/files/breadcrumb/index.ts.template +0 -1
- package/schematics/components/files/button/button.ts.template +0 -29
- package/schematics/components/files/button/index.ts.template +0 -5
- package/schematics/components/files/card/card.ts.template +0 -11
- package/schematics/components/files/card/index.ts.template +0 -5
- package/schematics/components/files/carousel/carousel.ts.template +0 -44
- package/schematics/components/files/carousel/index.ts.template +0 -1
- package/schematics/components/files/checkbox/checkbox.ts.template +0 -46
- package/schematics/components/files/checkbox/focus-style.directive.ts.template +0 -12
- package/schematics/components/files/checkbox/index.ts.template +0 -6
- package/schematics/components/files/chip/chip.ts.template +0 -36
- package/schematics/components/files/chip/index.ts.template +0 -1
- package/schematics/components/files/color-picker/color-picker.ts.template +0 -104
- package/schematics/components/files/color-picker/index.ts.template +0 -5
- package/schematics/components/files/command/command.ts.template +0 -82
- package/schematics/components/files/command/index.ts.template +0 -1
- package/schematics/components/files/datepicker/calendar.ts.template +0 -117
- package/schematics/components/files/datepicker/datepicker-trigger.ts.template +0 -27
- package/schematics/components/files/datepicker/datepicker.ts.template +0 -28
- package/schematics/components/files/datepicker/index.ts.template +0 -3
- package/schematics/components/files/datepicker/time.ts.template +0 -46
- package/schematics/components/files/dialog/dialog.ts.template +0 -89
- package/schematics/components/files/dialog/index.ts.template +0 -5
- package/schematics/components/files/drawer/drawer.ts.template +0 -104
- package/schematics/components/files/drawer/index.ts.template +0 -5
- package/schematics/components/files/form-field/index.ts.template +0 -7
- package/schematics/components/files/form-field/input-style.directive.ts.template +0 -11
- package/schematics/components/files/form-field/input.ts.template +0 -100
- package/schematics/components/files/form-field/otp.ts.template +0 -37
- package/schematics/components/files/hover-card/hover-card.ts.template +0 -13
- package/schematics/components/files/hover-card/index.ts.template +0 -5
- package/schematics/components/files/icon/icon.ts.template +0 -16
- package/schematics/components/files/icon/index.ts.template +0 -1
- package/schematics/components/files/inline-edit/index.ts.template +0 -1
- package/schematics/components/files/inline-edit/inline-edit.ts.template +0 -24
- package/schematics/components/files/keys/index.ts.template +0 -5
- package/schematics/components/files/keys/key.ts.template +0 -35
- package/schematics/components/files/list/index.ts.template +0 -5
- package/schematics/components/files/list/list.ts.template +0 -28
- package/schematics/components/files/mask/index.ts.template +0 -1
- package/schematics/components/files/mask/mask.ts.template +0 -8
- package/schematics/components/files/menu/context-menu.ts.template +0 -14
- package/schematics/components/files/menu/index.ts.template +0 -8
- package/schematics/components/files/menu/mention.ts.template +0 -14
- package/schematics/components/files/menu/menu.ts.template +0 -37
- package/schematics/components/files/menu/navigation-menu.ts.template +0 -8
- package/schematics/components/files/pagination/index.ts.template +0 -1
- package/schematics/components/files/pagination/pagination.ts.template +0 -71
- package/schematics/components/files/picasa/index.ts.template +0 -1
- package/schematics/components/files/picasa/picasa-base.component.ts.template +0 -80
- package/schematics/components/files/picasa/picasa.component.ts.template +0 -57
- package/schematics/components/files/picasa/picasa.directive.ts.template +0 -41
- package/schematics/components/files/picasa/picase.service.ts.template +0 -24
- package/schematics/components/files/popover/index.ts.template +0 -1
- package/schematics/components/files/popover/popover.ts.template +0 -87
- package/schematics/components/files/progress/index.ts.template +0 -5
- package/schematics/components/files/progress/progress.ts.template +0 -14
- package/schematics/components/files/radio/index.ts.template +0 -5
- package/schematics/components/files/radio/radio.ts.template +0 -40
- package/schematics/components/files/resizable/index.ts.template +0 -5
- package/schematics/components/files/resizable/resizable.ts.template +0 -56
- package/schematics/components/files/scroll-area/index.ts.template +0 -1
- package/schematics/components/files/scroll-area/scroll-area.ts.template +0 -40
- package/schematics/components/files/select/index.ts.template +0 -8
- package/schematics/components/files/select/list-selection.ts.template +0 -15
- package/schematics/components/files/select/option.ts.template +0 -34
- package/schematics/components/files/select/select-input.ts.template +0 -21
- package/schematics/components/files/select/select.ts.template +0 -96
- package/schematics/components/files/selectable/index.ts.template +0 -1
- package/schematics/components/files/selectable/selectable.ts.template +0 -34
- package/schematics/components/files/separator/index.ts.template +0 -5
- package/schematics/components/files/separator/separator.ts.template +0 -19
- package/schematics/components/files/sheet/index.ts.template +0 -5
- package/schematics/components/files/sheet/sheet.ts.template +0 -134
- package/schematics/components/files/sidenav/index.ts.template +0 -1
- package/schematics/components/files/sidenav/sidenav.ts.template +0 -48
- package/schematics/components/files/skeleton/index.ts.template +0 -1
- package/schematics/components/files/skeleton/skeleton.ts.template +0 -15
- package/schematics/components/files/slider/index.ts.template +0 -5
- package/schematics/components/files/slider/slider.ts.template +0 -42
- package/schematics/components/files/sonner/index.ts.template +0 -5
- package/schematics/components/files/sonner/sonner.ts.template +0 -58
- package/schematics/components/files/spinner/index.ts.template +0 -1
- package/schematics/components/files/spinner/spinner.ts.template +0 -79
- package/schematics/components/files/stepper/index.ts.template +0 -1
- package/schematics/components/files/stepper/stepper.ts.template +0 -88
- package/schematics/components/files/switch/index.ts.template +0 -5
- package/schematics/components/files/switch/switch.ts.template +0 -29
- package/schematics/components/files/table/body-cell.ts.template +0 -19
- package/schematics/components/files/table/body-row.ts.template +0 -21
- package/schematics/components/files/table/column.ts.template +0 -8
- package/schematics/components/files/table/head-cell.ts.template +0 -19
- package/schematics/components/files/table/head-row.ts.template +0 -27
- package/schematics/components/files/table/index.ts.template +0 -26
- package/schematics/components/files/table/table.ts.template +0 -20
- package/schematics/components/files/tabs/index.ts.template +0 -5
- package/schematics/components/files/tabs/tab.ts.template +0 -89
- package/schematics/components/files/theme/index.ts.template +0 -2
- package/schematics/components/files/theme/theme-button.component.ts.template +0 -26
- package/schematics/components/files/theme/theme.component.ts.template +0 -165
- package/schematics/components/files/theme/theme.service.ts.template +0 -44
- package/schematics/components/files/toggle/index.ts.template +0 -5
- package/schematics/components/files/toggle/toggle.ts.template +0 -13
- package/schematics/components/files/toggle-group/index.ts.template +0 -5
- package/schematics/components/files/toggle-group/toggle-group.ts.template +0 -25
- package/schematics/components/files/tooltip/index.ts.template +0 -5
- package/schematics/components/files/tooltip/tooltip.ts.template +0 -40
- package/schematics/components/files/tour/index.ts.template +0 -3
- package/schematics/components/files/tour/tour-step.ts.template +0 -8
- package/schematics/components/files/tour/tour.service.ts.template +0 -7
- package/schematics/components/files/tour/tour.ts.template +0 -8
- package/schematics/components/files/tree/index.ts.template +0 -1
- package/schematics/components/files/tree/tree.ts.template +0 -66
- package/schematics/components/index.d.ts +0 -3
- package/schematics/components/index.js +0 -17
- package/schematics/components/index.js.map +0 -1
- package/schematics/components/index.ts +0 -29
- package/schematics/components/schema.d.ts +0 -6
- package/schematics/components/schema.js +0 -3
- package/schematics/components/schema.js.map +0 -1
- package/schematics/components/schema.json +0 -137
- package/schematics/components/schema.ts +0 -6
|
@@ -1,21 +1,32 @@
|
|
|
1
1
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, ElementRef, signal, afterRenderEffect,
|
|
4
|
-
import { tooltipPosition } from '@ngbase/adk/popover';
|
|
3
|
+
import { inject, ElementRef, signal, afterRenderEffect, Directive, Injectable, InjectionToken, input, computed, untracked } from '@angular/core';
|
|
4
|
+
import { POPOVER_ARROW_TRACKER, tooltipPosition, providePopoverArrowTracker } from '@ngbase/adk/popover';
|
|
5
5
|
import { basePortal } from '@ngbase/adk/portal';
|
|
6
6
|
|
|
7
|
+
const tooltipAnimation = trigger('tooltipAnimation', [
|
|
8
|
+
state('1', style({ transform: 'none', opacity: 1 })),
|
|
9
|
+
state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
10
|
+
state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
11
|
+
transition('* => *', animate('150ms ease-out')),
|
|
12
|
+
]);
|
|
7
13
|
class NgbTooltipTemplate {
|
|
8
14
|
constructor() {
|
|
9
15
|
this.el = inject(ElementRef);
|
|
16
|
+
this.arrowTracker = inject(POPOVER_ARROW_TRACKER, { optional: true });
|
|
10
17
|
this.content = signal('Tooltip');
|
|
18
|
+
this.target = signal(undefined);
|
|
11
19
|
this.position = 'top';
|
|
12
20
|
this.onRemoved = () => {
|
|
13
21
|
this.hide();
|
|
14
22
|
};
|
|
15
23
|
afterRenderEffect(() => {
|
|
16
24
|
const _ = this.content();
|
|
25
|
+
const target = this.target();
|
|
17
26
|
// we need for the content to be set before setting the position
|
|
18
|
-
|
|
27
|
+
if (target) {
|
|
28
|
+
this.setPosition(target);
|
|
29
|
+
}
|
|
19
30
|
});
|
|
20
31
|
}
|
|
21
32
|
update(content, target, position, hide) {
|
|
@@ -28,13 +39,14 @@ class NgbTooltipTemplate {
|
|
|
28
39
|
}
|
|
29
40
|
setTarget(target) {
|
|
30
41
|
this.ngOnDestroy();
|
|
31
|
-
this.target
|
|
42
|
+
this.target.set(target);
|
|
32
43
|
this.listenTarget();
|
|
33
44
|
}
|
|
34
45
|
listenTarget() {
|
|
35
46
|
this.observer = new MutationObserver(() => {
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
const target = this.target();
|
|
48
|
+
if (target?.isConnected) {
|
|
49
|
+
this.setPosition(target);
|
|
38
50
|
}
|
|
39
51
|
else {
|
|
40
52
|
this.onRemoved();
|
|
@@ -44,54 +56,43 @@ class NgbTooltipTemplate {
|
|
|
44
56
|
}
|
|
45
57
|
setPosition(target) {
|
|
46
58
|
const el = this.el.nativeElement;
|
|
47
|
-
const { top, bottom, left, right } = tooltipPosition({
|
|
59
|
+
const { top, bottom, left, right, position } = tooltipPosition({
|
|
48
60
|
target,
|
|
49
61
|
el,
|
|
50
62
|
position: this.position,
|
|
63
|
+
offset: 8,
|
|
51
64
|
});
|
|
52
65
|
if (bottom != undefined) {
|
|
53
66
|
el.style.bottom = `${bottom}px`;
|
|
67
|
+
el.style.top = '';
|
|
54
68
|
}
|
|
55
69
|
else {
|
|
56
70
|
el.style.top = `${top}px`;
|
|
71
|
+
el.style.bottom = '';
|
|
57
72
|
}
|
|
58
73
|
if (right != undefined) {
|
|
59
74
|
el.style.right = `${right}px`;
|
|
75
|
+
el.style.left = '';
|
|
60
76
|
}
|
|
61
77
|
else {
|
|
62
78
|
el.style.left = `${left}px`;
|
|
79
|
+
el.style.right = '';
|
|
63
80
|
}
|
|
81
|
+
this.arrowTracker?.values.set({ top, bottom, left, right, target, position });
|
|
64
82
|
}
|
|
65
83
|
ngOnDestroy() {
|
|
66
84
|
this.observer?.disconnect();
|
|
67
85
|
}
|
|
68
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltipTemplate, deps: [], target: i0.ɵɵFactoryTarget.
|
|
69
|
-
static { this.ɵ
|
|
70
|
-
trigger('slideInOutAnimation', [
|
|
71
|
-
state('1', style({ transform: 'none', opacity: 1 })),
|
|
72
|
-
state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
73
|
-
state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
74
|
-
transition('* => *', animate('150ms ease-out')),
|
|
75
|
-
]),
|
|
76
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltipTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
87
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTooltipTemplate, isStandalone: true, selector: "[ngbTooltip]", host: { properties: { "@tooltipAnimation": "" } }, ngImport: i0 }); }
|
|
77
88
|
}
|
|
78
89
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltipTemplate, decorators: [{
|
|
79
|
-
type:
|
|
90
|
+
type: Directive,
|
|
80
91
|
args: [{
|
|
81
92
|
selector: '[ngbTooltip]',
|
|
82
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
83
|
-
template: `{{ content() }}`,
|
|
84
93
|
host: {
|
|
85
|
-
'[@
|
|
94
|
+
'[@tooltipAnimation]': '',
|
|
86
95
|
},
|
|
87
|
-
animations: [
|
|
88
|
-
trigger('slideInOutAnimation', [
|
|
89
|
-
state('1', style({ transform: 'none', opacity: 1 })),
|
|
90
|
-
state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
91
|
-
state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
|
|
92
|
-
transition('* => *', animate('150ms ease-out')),
|
|
93
|
-
]),
|
|
94
|
-
],
|
|
95
96
|
}]
|
|
96
97
|
}], ctorParameters: () => [] });
|
|
97
98
|
|
|
@@ -99,25 +100,33 @@ class TooltipService {
|
|
|
99
100
|
constructor() {
|
|
100
101
|
this.tooltip = tooltipPortal();
|
|
101
102
|
this.delay = 100;
|
|
102
|
-
this.destroy = () => {
|
|
103
|
-
|
|
104
|
-
this.
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
103
|
+
this.destroy = (force) => {
|
|
104
|
+
if (force) {
|
|
105
|
+
this.close();
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
this.timeoutId = setTimeout(() => this.close(), this.delay ?? 100);
|
|
109
|
+
}
|
|
108
110
|
};
|
|
109
111
|
}
|
|
110
112
|
insert(el, content, position, hide, component) {
|
|
111
113
|
clearTimeout(this.timeoutId);
|
|
114
|
+
// destroy immediately if position is different
|
|
115
|
+
if (this.position && this.position !== position)
|
|
116
|
+
this.destroy(true);
|
|
117
|
+
// update if tooltip is open
|
|
112
118
|
if (this.tooltipOpen) {
|
|
113
119
|
this.tooltipOpen.parent.instance.update(content, el, position, hide);
|
|
114
|
-
// setTimeout(() => {
|
|
115
|
-
// this.tooltipOpen.parent.instance.setPosition(el);
|
|
116
|
-
// });
|
|
117
120
|
}
|
|
118
121
|
else {
|
|
119
122
|
this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);
|
|
120
123
|
}
|
|
124
|
+
this.position = position;
|
|
125
|
+
}
|
|
126
|
+
close() {
|
|
127
|
+
this.tooltipOpen?.destroy();
|
|
128
|
+
this.tooltipOpen = undefined;
|
|
129
|
+
this.delay = 100;
|
|
121
130
|
}
|
|
122
131
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
123
132
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TooltipService, providedIn: 'root' }); }
|
|
@@ -216,12 +225,13 @@ class NgbTooltip {
|
|
|
216
225
|
this.remove();
|
|
217
226
|
}
|
|
218
227
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
219
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTooltip, isStandalone: true, selector: "[ngbTooltip]", inputs: { ngbTooltip: { classPropertyName: "ngbTooltip", publicName: "ngbTooltip", isSignal: true, isRequired: false, transformFunction: null }, ngbTooltipPosition: { classPropertyName: "ngbTooltipPosition", publicName: "ngbTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
228
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTooltip, isStandalone: true, selector: "[ngbTooltip]", inputs: { ngbTooltip: { classPropertyName: "ngbTooltip", publicName: "ngbTooltip", isSignal: true, isRequired: false, transformFunction: null }, ngbTooltipPosition: { classPropertyName: "ngbTooltipPosition", publicName: "ngbTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [providePopoverArrowTracker()], ngImport: i0 }); }
|
|
220
229
|
}
|
|
221
230
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltip, decorators: [{
|
|
222
231
|
type: Directive,
|
|
223
232
|
args: [{
|
|
224
233
|
selector: '[ngbTooltip]',
|
|
234
|
+
providers: [providePopoverArrowTracker()],
|
|
225
235
|
}]
|
|
226
236
|
}], ctorParameters: () => [] });
|
|
227
237
|
|
|
@@ -233,5 +243,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
233
243
|
* Generated bundle index. Do not edit.
|
|
234
244
|
*/
|
|
235
245
|
|
|
236
|
-
export { NgbTooltip, NgbTooltipTemplate, provideNgbTooltipOptions };
|
|
246
|
+
export { NgbTooltip, NgbTooltipTemplate, provideNgbTooltipOptions, tooltipAnimation };
|
|
237
247
|
//# sourceMappingURL=ngbase-adk-tooltip.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-tooltip.mjs","sources":["../../../projects/adk/tooltip/tooltip.ts","../../../projects/adk/tooltip/tooltip.service.ts","../../../projects/adk/tooltip/tooltip.directive.ts","../../../projects/adk/tooltip/public-api.ts","../../../projects/adk/tooltip/ngbase-adk-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n OnDestroy,\n afterRenderEffect,\n inject,\n signal,\n} from '@angular/core';\nimport { PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\n\n@Component({\n selector: '[ngbTooltip]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `{{ content() }}`,\n host: {\n '[@slideInOutAnimation]': '1',\n },\n animations: [\n trigger('slideInOutAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n transition('* => *', animate('150ms ease-out')),\n ]),\n ],\n})\nexport class NgbTooltipTemplate implements OnDestroy {\n readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly content = signal('Tooltip');\n\n private target!: HTMLElement;\n private position: PopoverPosition = 'top';\n private hide!: VoidFunction;\n private observer?: MutationObserver;\n\n constructor() {\n afterRenderEffect(() => {\n const _ = this.content();\n // we need for the content to be set before setting the position\n this.setPosition(this.target);\n });\n }\n\n update(content: string, target: HTMLElement, position: PopoverPosition, hide: VoidFunction) {\n this.setTarget(target);\n this.hide = hide;\n this.position = position;\n this.el.nativeElement.style.right = '';\n this.el.nativeElement.style.transition = '.15s ease-out all';\n this.content.set(content);\n }\n\n private setTarget(target: HTMLElement) {\n this.ngOnDestroy();\n this.target = target;\n this.listenTarget();\n }\n\n private listenTarget() {\n this.observer = new MutationObserver(() => {\n if (this.target.isConnected) {\n this.setPosition(this.target);\n } else {\n this.onRemoved();\n }\n });\n\n this.observer.observe(document.body, { childList: true, subtree: true });\n }\n\n private onRemoved = () => {\n this.hide();\n };\n\n setPosition(target: HTMLElement) {\n const el = this.el.nativeElement;\n\n const { top, bottom, left, right } = tooltipPosition({\n target,\n el,\n position: this.position,\n });\n if (bottom != undefined) {\n el.style.bottom = `${bottom}px`;\n } else {\n el.style.top = `${top}px`;\n }\n if (right != undefined) {\n el.style.right = `${right}px`;\n } else {\n el.style.left = `${left}px`;\n }\n }\n\n ngOnDestroy(): void {\n this.observer?.disconnect();\n }\n}\n","import { ComponentRef, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogInput } from '@ngbase/adk/portal';\nimport { PopoverPosition } from '@ngbase/adk/popover';\nimport { NgbTooltipTemplate } from './tooltip';\n\n@Injectable({ providedIn: 'root' })\nexport class TooltipService {\n tooltip = tooltipPortal();\n tooltipOpen: TooltipOpen | undefined;\n timeoutId: any;\n delay = 100;\n\n insert(\n el: HTMLElement,\n content: string,\n position: PopoverPosition,\n hide: VoidFunction,\n component?: Type<NgbTooltipTemplate>,\n ) {\n clearTimeout(this.timeoutId);\n if (this.tooltipOpen) {\n this.tooltipOpen.parent.instance.update(content, el, position, hide);\n // setTimeout(() => {\n // this.tooltipOpen.parent.instance.setPosition(el);\n // });\n } else {\n this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);\n }\n }\n\n destroy = () => {\n this.timeoutId = setTimeout(() => {\n this.tooltipOpen?.destroy();\n this.tooltipOpen = undefined;\n this.delay = 100;\n }, this.delay ?? 100);\n };\n}\n\ninterface TooltipOpen {\n destroy: VoidFunction;\n parent: ComponentRef<NgbTooltipTemplate>;\n replace: ((component: DialogInput<NgbTooltipTemplate>) => void) | undefined;\n}\n\nexport function tooltipPortal() {\n const NAME = 'tooltip';\n const base = basePortal(NAME, NgbTooltipTemplate);\n\n function open(\n content: string,\n target: HTMLElement,\n position: PopoverPosition,\n hide: VoidFunction,\n parentComponent?: Type<NgbTooltipTemplate>,\n ) {\n const { diaRef, parent, replace } = base.open<NgbTooltipTemplate>(\n undefined,\n comp => {\n comp.instance.update(content, target, position || 'top', hide);\n },\n undefined,\n false,\n parentComponent,\n );\n\n function destroy() {\n diaRef.close();\n }\n\n return { destroy, parent, replace } as TooltipOpen;\n }\n\n return { open };\n}\n","import {\n Directive,\n ElementRef,\n InjectionToken,\n OnDestroy,\n Type,\n afterRenderEffect,\n computed,\n inject,\n input,\n untracked,\n} from '@angular/core';\nimport { PopoverPosition } from '@ngbase/adk/popover';\nimport { TooltipService } from './tooltip.service';\nimport { NgbTooltipTemplate } from './tooltip';\n\nexport function provideNgbTooltipOptions(options: TooltipOptions) {\n return { provide: TOOLTIP_OPTIONS, useValue: options };\n}\n\nexport const TOOLTIP_OPTIONS = new InjectionToken<TooltipOptions>('TOOLTIP_OPTIONS');\n\nexport interface TooltipOptions {\n showDelay?: number;\n hideDelay?: number;\n position?: PopoverPosition;\n component?: Type<NgbTooltipTemplate>;\n}\n\n@Directive({\n selector: '[ngbTooltip]',\n})\nexport class NgbTooltip implements OnDestroy {\n // Dependencies\n private defaultOptions = inject(TOOLTIP_OPTIONS, { optional: true });\n private el = inject(ElementRef);\n private tooltipService = inject(TooltipService);\n\n // Inputs\n readonly ngbTooltip = input<string>();\n readonly ngbTooltipPosition = input<PopoverPosition>();\n readonly delay = input(0);\n\n // State\n readonly options = computed(() => {\n const o = this.defaultOptions || {};\n const options: TooltipOptions = {\n showDelay: this.delay() || o.showDelay || 0,\n hideDelay: o.hideDelay || 0,\n position: this.ngbTooltipPosition() || o.position || 'top',\n component: this.defaultOptions?.component || o.component,\n };\n return options;\n });\n timer: any;\n\n constructor() {\n let active = false;\n afterRenderEffect(() => {\n const content = this.ngbTooltip();\n untracked(() => {\n if (content) {\n if (!active) {\n this.el.nativeElement.addEventListener('mouseenter', this.show);\n this.el.nativeElement.addEventListener('mouseleave', this.hide);\n active = true;\n }\n } else if (active) {\n this.remove();\n active = false;\n }\n });\n });\n }\n\n show = () => {\n // listen when cursor is over and element is removed\n const options = this.options();\n if (options.showDelay === 0 || this.tooltipService.tooltipOpen) {\n this.tooltipService.insert(\n this.el.nativeElement,\n this.ngbTooltip()!,\n options.position!,\n this.quickHide,\n options.component,\n );\n return;\n }\n this.timer = setTimeout(() => {\n this.tooltipService.insert(\n this.el.nativeElement,\n this.ngbTooltip()!,\n options.position!,\n this.hide,\n options.component,\n );\n }, options.showDelay);\n };\n\n removed = () => {\n this.tooltipService.delay = 0;\n this.hide();\n };\n\n hide = () => {\n clearTimeout(this.timer);\n this.tooltipService.destroy();\n };\n\n quickHide = () => {\n this.tooltipService.delay = 0;\n this.hide();\n };\n\n private remove() {\n this.hide();\n this.el.nativeElement.removeEventListener('mouseenter', this.show);\n this.el.nativeElement.removeEventListener('mouseleave', this.hide);\n }\n\n ngOnDestroy() {\n this.remove();\n }\n}\n","/*\n * Public API Surface of tooltip\n */\n\nexport { NgbTooltipTemplate } from './tooltip';\nexport { NgbTooltip, provideNgbTooltipOptions, type TooltipOptions } from './tooltip.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngbase-adk-tooltip.mjs","sources":["../../../projects/adk/tooltip/tooltip.ts","../../../projects/adk/tooltip/tooltip.service.ts","../../../projects/adk/tooltip/tooltip.directive.ts","../../../projects/adk/tooltip/public-api.ts","../../../projects/adk/tooltip/ngbase-adk-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { Directive, ElementRef, OnDestroy, afterRenderEffect, inject, signal } from '@angular/core';\nimport { POPOVER_ARROW_TRACKER, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\n\nexport const tooltipAnimation = trigger('tooltipAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n transition('* => *', animate('150ms ease-out')),\n]);\n\n@Directive({\n selector: '[ngbTooltip]',\n host: {\n '[@tooltipAnimation]': '',\n },\n})\nexport class NgbTooltipTemplate implements OnDestroy {\n readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly arrowTracker = inject(POPOVER_ARROW_TRACKER, { optional: true });\n\n readonly content = signal('Tooltip');\n private target = signal<HTMLElement | undefined>(undefined);\n private position: PopoverPosition = 'top';\n private hide!: VoidFunction;\n private observer?: MutationObserver;\n\n constructor() {\n afterRenderEffect(() => {\n const _ = this.content();\n const target = this.target();\n // we need for the content to be set before setting the position\n if (target) {\n this.setPosition(target);\n }\n });\n }\n\n update(content: string, target: HTMLElement, position: PopoverPosition, hide: VoidFunction) {\n this.setTarget(target);\n this.hide = hide;\n this.position = position;\n this.el.nativeElement.style.right = '';\n this.el.nativeElement.style.transition = '.15s ease-out all';\n this.content.set(content);\n }\n\n private setTarget(target: HTMLElement) {\n this.ngOnDestroy();\n this.target.set(target);\n this.listenTarget();\n }\n\n private listenTarget() {\n this.observer = new MutationObserver(() => {\n const target = this.target();\n if (target?.isConnected) {\n this.setPosition(target);\n } else {\n this.onRemoved();\n }\n });\n\n this.observer.observe(document.body, { childList: true, subtree: true });\n }\n\n private onRemoved = () => {\n this.hide();\n };\n\n setPosition(target: HTMLElement) {\n const el = this.el.nativeElement;\n\n const { top, bottom, left, right, position } = tooltipPosition({\n target,\n el,\n position: this.position,\n offset: 8,\n });\n if (bottom != undefined) {\n el.style.bottom = `${bottom}px`;\n el.style.top = '';\n } else {\n el.style.top = `${top}px`;\n el.style.bottom = '';\n }\n if (right != undefined) {\n el.style.right = `${right}px`;\n el.style.left = '';\n } else {\n el.style.left = `${left}px`;\n el.style.right = '';\n }\n this.arrowTracker?.values.set({ top, bottom, left, right, target, position });\n }\n\n ngOnDestroy(): void {\n this.observer?.disconnect();\n }\n}\n","import { ComponentRef, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogInput } from '@ngbase/adk/portal';\nimport { PopoverPosition } from '@ngbase/adk/popover';\nimport { NgbTooltipTemplate } from './tooltip';\n\n@Injectable({ providedIn: 'root' })\nexport class TooltipService {\n tooltip = tooltipPortal();\n tooltipOpen: TooltipOpen | undefined;\n private position?: PopoverPosition;\n private timeoutId: any;\n delay = 100;\n\n insert(\n el: HTMLElement,\n content: string,\n position: PopoverPosition,\n hide: VoidFunction,\n component?: Type<NgbTooltipTemplate>,\n ) {\n clearTimeout(this.timeoutId);\n // destroy immediately if position is different\n if (this.position && this.position !== position) this.destroy(true);\n\n // update if tooltip is open\n if (this.tooltipOpen) {\n this.tooltipOpen.parent.instance.update(content, el, position, hide);\n } else {\n this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);\n }\n this.position = position;\n }\n\n destroy = (force?: boolean) => {\n if (force) {\n this.close();\n } else {\n this.timeoutId = setTimeout(() => this.close(), this.delay ?? 100);\n }\n };\n\n private close() {\n this.tooltipOpen?.destroy();\n this.tooltipOpen = undefined;\n this.delay = 100;\n }\n}\n\ninterface TooltipOpen {\n destroy: VoidFunction;\n parent: ComponentRef<NgbTooltipTemplate>;\n replace: ((component: DialogInput<NgbTooltipTemplate>) => void) | undefined;\n}\n\nexport function tooltipPortal() {\n const NAME = 'tooltip';\n const base = basePortal(NAME, NgbTooltipTemplate);\n\n function open(\n content: string,\n target: HTMLElement,\n position: PopoverPosition,\n hide: VoidFunction,\n parentComponent?: Type<NgbTooltipTemplate>,\n ) {\n const { diaRef, parent, replace } = base.open<NgbTooltipTemplate>(\n undefined,\n comp => {\n comp.instance.update(content, target, position || 'top', hide);\n },\n undefined,\n false,\n parentComponent,\n );\n\n function destroy() {\n diaRef.close();\n }\n\n return { destroy, parent, replace } as TooltipOpen;\n }\n\n return { open };\n}\n","import {\n Directive,\n ElementRef,\n InjectionToken,\n OnDestroy,\n Type,\n afterRenderEffect,\n computed,\n inject,\n input,\n untracked,\n} from '@angular/core';\nimport { PopoverPosition, providePopoverArrowTracker } from '@ngbase/adk/popover';\nimport { TooltipService } from './tooltip.service';\nimport { NgbTooltipTemplate } from './tooltip';\n\nexport function provideNgbTooltipOptions(options: TooltipOptions) {\n return { provide: TOOLTIP_OPTIONS, useValue: options };\n}\n\nexport const TOOLTIP_OPTIONS = new InjectionToken<TooltipOptions>('TOOLTIP_OPTIONS');\n\nexport interface TooltipOptions {\n showDelay?: number;\n hideDelay?: number;\n position?: PopoverPosition;\n component?: Type<NgbTooltipTemplate>;\n}\n\n@Directive({\n selector: '[ngbTooltip]',\n providers: [providePopoverArrowTracker()],\n})\nexport class NgbTooltip implements OnDestroy {\n // Dependencies\n private defaultOptions = inject(TOOLTIP_OPTIONS, { optional: true });\n private el = inject(ElementRef);\n private tooltipService = inject(TooltipService);\n\n // Inputs\n readonly ngbTooltip = input<string>();\n readonly ngbTooltipPosition = input<PopoverPosition>();\n readonly delay = input(0);\n\n // State\n readonly options = computed(() => {\n const o = this.defaultOptions || {};\n const options: TooltipOptions = {\n showDelay: this.delay() || o.showDelay || 0,\n hideDelay: o.hideDelay || 0,\n position: this.ngbTooltipPosition() || o.position || 'top',\n component: this.defaultOptions?.component || o.component,\n };\n return options;\n });\n timer: any;\n\n constructor() {\n let active = false;\n afterRenderEffect(() => {\n const content = this.ngbTooltip();\n untracked(() => {\n if (content) {\n if (!active) {\n this.el.nativeElement.addEventListener('mouseenter', this.show);\n this.el.nativeElement.addEventListener('mouseleave', this.hide);\n active = true;\n }\n } else if (active) {\n this.remove();\n active = false;\n }\n });\n });\n }\n\n show = () => {\n // listen when cursor is over and element is removed\n const options = this.options();\n if (options.showDelay === 0 || this.tooltipService.tooltipOpen) {\n this.tooltipService.insert(\n this.el.nativeElement,\n this.ngbTooltip()!,\n options.position!,\n this.quickHide,\n options.component,\n );\n return;\n }\n this.timer = setTimeout(() => {\n this.tooltipService.insert(\n this.el.nativeElement,\n this.ngbTooltip()!,\n options.position!,\n this.hide,\n options.component,\n );\n }, options.showDelay);\n };\n\n removed = () => {\n this.tooltipService.delay = 0;\n this.hide();\n };\n\n hide = () => {\n clearTimeout(this.timer);\n this.tooltipService.destroy();\n };\n\n quickHide = () => {\n this.tooltipService.delay = 0;\n this.hide();\n };\n\n private remove() {\n this.hide();\n this.el.nativeElement.removeEventListener('mouseenter', this.show);\n this.el.nativeElement.removeEventListener('mouseleave', this.hide);\n }\n\n ngOnDestroy() {\n this.remove();\n }\n}\n","/*\n * Public API Surface of tooltip\n */\n\nexport { NgbTooltipTemplate, tooltipAnimation } from './tooltip';\nexport { NgbTooltip, provideNgbTooltipOptions, type TooltipOptions } from './tooltip.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,gBAAgB,GAAG,OAAO,CAAC,kBAAkB,EAAE;AAC1D,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACpD,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,8BAA8B,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/E,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,8BAA8B,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,IAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAChD,CAAA;MAQY,kBAAkB,CAAA;AAU7B,IAAA,WAAA,GAAA;AATS,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC;QAChD,IAAY,CAAA,YAAA,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEhE,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAA0B,SAAS,CAAC;QACnD,IAAQ,CAAA,QAAA,GAAoB,KAAK;QA2CjC,IAAS,CAAA,SAAA,GAAG,MAAK;YACvB,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;QAxCC,iBAAiB,CAAC,MAAK;AACrB,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;AACxB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;;YAE5B,IAAI,MAAM,EAAE;AACV,gBAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;;AAE5B,SAAC,CAAC;;AAGJ,IAAA,MAAM,CAAC,OAAe,EAAE,MAAmB,EAAE,QAAyB,EAAE,IAAkB,EAAA;AACxF,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;QACxB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;QACtC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,mBAAmB;AAC5D,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;AAGnB,IAAA,SAAS,CAAC,MAAmB,EAAA;QACnC,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;QACvB,IAAI,CAAC,YAAY,EAAE;;IAGb,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AACxC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,IAAI,MAAM,EAAE,WAAW,EAAE;AACvB,gBAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;;iBACnB;gBACL,IAAI,CAAC,SAAS,EAAE;;AAEpB,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;AAO1E,IAAA,WAAW,CAAC,MAAmB,EAAA;AAC7B,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;AAEhC,QAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC;YAC7D,MAAM;YACN,EAAE;YACF,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,MAAM,EAAE,CAAC;AACV,SAAA,CAAC;AACF,QAAA,IAAI,MAAM,IAAI,SAAS,EAAE;YACvB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,MAAM,IAAI;AAC/B,YAAA,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;;aACZ;YACL,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,GAAG,IAAI;AACzB,YAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;;AAEtB,QAAA,IAAI,KAAK,IAAI,SAAS,EAAE;YACtB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,KAAK,IAAI;AAC7B,YAAA,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE;;aACb;YACL,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,IAAI,IAAI;AAC3B,YAAA,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;;QAErB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;;IAG/E,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE;;8GAhFlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,EAAE;AAC1B,qBAAA;AACF,iBAAA;;;MCVY,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEE,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE;QAIzB,IAAK,CAAA,KAAA,GAAG,GAAG;AAsBX,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,KAAe,KAAI;YAC5B,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,KAAK,EAAE;;iBACP;AACL,gBAAA,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;;AAEtE,SAAC;AAOF;IAjCC,MAAM,CACJ,EAAe,EACf,OAAe,EACf,QAAyB,EACzB,IAAkB,EAClB,SAAoC,EAAA;AAEpC,QAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;;QAE5B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;AAGnE,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC;;aAC/D;AACL,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC;;AAE9E,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;IAWlB,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,GAAG;;8GAtCP,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cADD,MAAM,EAAA,CAAA,CAAA;;2FACnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;SAiDlB,aAAa,GAAA;IAC3B,MAAM,IAAI,GAAG,SAAS;IACtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAEjD,SAAS,IAAI,CACX,OAAe,EACf,MAAmB,EACnB,QAAyB,EACzB,IAAkB,EAClB,eAA0C,EAAA;AAE1C,QAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAC3C,SAAS,EACT,IAAI,IAAG;AACL,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,KAAK,EAAE,IAAI,CAAC;AAChE,SAAC,EACD,SAAS,EACT,KAAK,EACL,eAAe,CAChB;AAED,QAAA,SAAS,OAAO,GAAA;YACd,MAAM,CAAC,KAAK,EAAE;;AAGhB,QAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAiB;;IAGpD,OAAO,EAAE,IAAI,EAAE;AACjB;;ACnEM,SAAU,wBAAwB,CAAC,OAAuB,EAAA;IAC9D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE;AACxD;AAEO,MAAM,eAAe,GAAG,IAAI,cAAc,CAAiB,iBAAiB,CAAC;MAavE,UAAU,CAAA;AAwBrB,IAAA,WAAA,GAAA;;QAtBQ,IAAc,CAAA,cAAA,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5D,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AACvB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;;QAGtC,IAAU,CAAA,UAAA,GAAG,KAAK,EAAU;QAC5B,IAAkB,CAAA,kBAAA,GAAG,KAAK,EAAmB;AAC7C,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAC/B,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE;AACnC,YAAA,MAAM,OAAO,GAAmB;gBAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC;AAC3C,gBAAA,SAAS,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC;gBAC3B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK;gBAC1D,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,IAAI,CAAC,CAAC,SAAS;aACzD;AACD,YAAA,OAAO,OAAO;AAChB,SAAC,CAAC;QAsBF,IAAI,CAAA,IAAA,GAAG,MAAK;;AAEV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,IAAI,OAAO,CAAC,SAAS,KAAK,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE;AAC9D,gBAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CACxB,IAAI,CAAC,EAAE,CAAC,aAAa,EACrB,IAAI,CAAC,UAAU,EAAG,EAClB,OAAO,CAAC,QAAS,EACjB,IAAI,CAAC,SAAS,EACd,OAAO,CAAC,SAAS,CAClB;gBACD;;AAEF,YAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAK;AAC3B,gBAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CACxB,IAAI,CAAC,EAAE,CAAC,aAAa,EACrB,IAAI,CAAC,UAAU,EAAG,EAClB,OAAO,CAAC,QAAS,EACjB,IAAI,CAAC,IAAI,EACT,OAAO,CAAC,SAAS,CAClB;AACH,aAAC,EAAE,OAAO,CAAC,SAAS,CAAC;AACvB,SAAC;QAED,IAAO,CAAA,OAAA,GAAG,MAAK;AACb,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC;YAC7B,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;QAED,IAAI,CAAA,IAAA,GAAG,MAAK;AACV,YAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;AAC/B,SAAC;QAED,IAAS,CAAA,SAAA,GAAG,MAAK;AACf,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC;YAC7B,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;QAvDC,IAAI,MAAM,GAAG,KAAK;QAClB,iBAAiB,CAAC,MAAK;AACrB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;YACjC,SAAS,CAAC,MAAK;gBACb,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,MAAM,EAAE;AACX,wBAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC;AAC/D,wBAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC;wBAC/D,MAAM,GAAG,IAAI;;;qBAEV,IAAI,MAAM,EAAE;oBACjB,IAAI,CAAC,MAAM,EAAE;oBACb,MAAM,GAAG,KAAK;;AAElB,aAAC,CAAC;AACJ,SAAC,CAAC;;IA0CI,MAAM,GAAA;QACZ,IAAI,CAAC,IAAI,EAAE;AACX,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC;AAClE,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC;;IAGpE,WAAW,GAAA;QACT,IAAI,CAAC,MAAM,EAAE;;8GAzFJ,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAFV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,0BAA0B,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAE9B,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE,CAAC,0BAA0B,EAAE,CAAC;AAC1C,iBAAA;;;AChCD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -125,7 +125,7 @@ class NgbTourService {
|
|
|
125
125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourService, decorators: [{
|
|
126
126
|
type: Injectable,
|
|
127
127
|
args: [{ providedIn: 'root' }]
|
|
128
|
-
}]
|
|
128
|
+
}] });
|
|
129
129
|
|
|
130
130
|
class NgbTourStep {
|
|
131
131
|
constructor() {
|
|
@@ -273,7 +273,7 @@ class NgbBaseTour extends BaseDialog {
|
|
|
273
273
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbBaseTour, isStandalone: true, selector: "[ngbTour]", host: { listeners: { "@parentAnimation.done": "animationDone()" }, properties: { "@parentAnimation": "" } }, viewQueries: [{ propertyName: "myDialog", first: true, predicate: ["myDialog"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
274
274
|
<div
|
|
275
275
|
#container
|
|
276
|
-
class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-
|
|
276
|
+
class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md"
|
|
277
277
|
[@slideInOutAnimation]
|
|
278
278
|
>
|
|
279
279
|
<ng-container #myDialog />
|
|
@@ -289,7 +289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
289
289
|
template: `
|
|
290
290
|
<div
|
|
291
291
|
#container
|
|
292
|
-
class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-
|
|
292
|
+
class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md"
|
|
293
293
|
[@slideInOutAnimation]
|
|
294
294
|
>
|
|
295
295
|
<ng-container #myDialog />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-tour.mjs","sources":["../../../projects/adk/tour/tour.service.ts","../../../projects/adk/tour/tour-step.ts","../../../projects/adk/tour/tour.ts","../../../projects/adk/tour/animation.ts","../../../projects/adk/tour/tour-base.ts","../../../projects/adk/tour/ngbase-adk-tour.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\nimport { DialogInput } from '@ngbase/adk/portal';\nimport { PopoverOpen, ngbPopoverPortal } from '@ngbase/adk/popover';\nimport { NgbTourStep } from './tour-step';\n\n@Injectable({ providedIn: 'root' })\nexport class NgbTourService {\n private popover = ngbPopoverPortal();\n readonly steps = signal<NgbTourStep[]>([]);\n readonly step = signal(-1);\n private readonly ids = signal<string[]>([]);\n currentStep = computed(() => {\n const id = this.ids()[this.step()];\n const steps = this.steps();\n return steps.find(x => x.ngbTourStep() === id);\n });\n private diaRef?: PopoverOpen<any>;\n private id = 0;\n private template!: DialogInput<any>;\n readonly showPrev = computed(() => this.step() > 0);\n readonly showNext = computed(() => this.step() < this.ids().length - 1);\n readonly isLast = computed(() => this.step() === this.ids().length - 1);\n readonly totalSteps = computed(() => this.ids().length);\n scrolled = signal(0);\n private clipPath = computed(() => {\n const _ = this.scrolled();\n const currentStep = this.currentStep();\n if (!currentStep) {\n return '';\n }\n const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n return `polygon(\n 0 0,\n 100% 0,\n 100% ${top}px,\n ${left}px ${top}px,\n ${left}px ${top + height}px,\n ${left + width}px ${top + height}px,\n ${left + width}px ${top}px,\n 100% ${top}px,\n 100% 100%,\n 0 100%,\n 0 0\n )`;\n });\n\n constructor() {}\n\n addStep(step: NgbTourStep) {\n this.steps.update(x => [...x, step]);\n }\n\n start<T>(comp: DialogInput<T>, ids: string[]) {\n this.template = comp;\n this.ids.set(ids);\n this.step.set(-1);\n this.next();\n }\n\n prev() {\n const steps = this.ids();\n const prevStep = this.step();\n if (steps.length) {\n const step = (prevStep - 1 + steps.length) % steps.length;\n this.go(step);\n }\n }\n\n next() {\n const steps = this.ids();\n const prevStep = this.step();\n if (steps.length) {\n const step = (prevStep + 1) % steps.length;\n if (prevStep > step) {\n this.stop();\n return;\n }\n this.go(step);\n }\n }\n\n go(id: number) {\n const steps = this.steps();\n const ids = this.ids();\n if (steps.length) {\n // validate the step number is within the range\n if (id < 0 || id >= ids.length) {\n return;\n }\n this.step.set(id);\n const step = steps.find(x => x.ngbTourStep() === ids[id]);\n if (!step) {\n return;\n }\n if (this.diaRef) {\n this.diaRef.parent.target.set(step.el.nativeElement);\n } else {\n this.showOverlay(step.el.nativeElement);\n }\n }\n }\n\n stop() {\n this.hideOverlay();\n clearInterval(this.id);\n }\n\n private showOverlay(el: HTMLElement) {\n this.diaRef?.diaRef.close();\n\n this.diaRef = this.popover.open(this.template, {\n target: el,\n position: 'right',\n className: 'transition-all',\n backdropClassName: 'bg-black/20',\n clipPath: this.clipPath,\n smoothScroll: true,\n anchor: true,\n backdropColor: true,\n width: '400px',\n disableClose: true,\n });\n this.scrolled = this.diaRef.parent.scrolled;\n }\n\n private hideOverlay() {\n this.diaRef?.diaRef.close();\n this.diaRef = undefined;\n }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { NgbTourService } from './tour.service';\n\n@Directive({\n selector: '[ngbTourStep]',\n})\nexport class NgbTourStep {\n readonly el = inject<ElementRef>(ElementRef);\n readonly tourService = inject(NgbTourService);\n\n // Inputs\n readonly ngbTourStep = input.required<string>();\n\n constructor() {\n this.tourService.addStep(this);\n }\n}\n","import { inject, contentChildren, Directive } from '@angular/core';\nimport { NgbTourService } from './tour.service';\nimport { NgbTourStep } from './tour-step';\n\n@Directive({\n selector: '[ngbTour]',\n})\nexport class NgbTour {\n readonly tourService = inject(NgbTourService);\n readonly steps = contentChildren(NgbTourStep, { descendants: true });\n}\n","import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';\n\nexport const slideInOutAnimation = trigger('slideInOutAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),\n state('0', style({ transform: 'translateY(-20px)', opacity: 0 })),\n transition('* => *', animate('100ms ease-out')),\n]);\n\nexport const tourAnimation = [\n createHostAnimation(['@slideInOutAnimation', '@fadeAnimation']),\n slideInOutAnimation,\n fadeAnimation('200ms'),\n];\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n OnDestroy,\n signal,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { PopoverOptions, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\nimport { BaseDialog, DialogOptions } from '@ngbase/adk/portal';\nimport { debounceTime, fromEvent, startWith, take } from 'rxjs';\nimport { NgbTourService } from './tour.service';\nimport { tourAnimation } from './animation';\n\n@Component({\n selector: '[ngbTour]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <div\n #container\n class=\"pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-foreground p-1 shadow-md\"\n [@slideInOutAnimation]\n >\n <ng-container #myDialog />\n </div>\n <div class=\"pointer-events-auto fixed top-0 h-full w-full bg-black/20\" [@fadeAnimation]></div>\n `,\n host: {\n '[@parentAnimation]': '',\n '(@parentAnimation.done)': 'animationDone()',\n },\n animations: [tourAnimation],\n})\nexport class NgbBaseTour extends BaseDialog implements OnDestroy {\n readonly tourService = inject(NgbTourService);\n readonly myDialog = viewChild('myDialog', { read: ViewContainerRef });\n readonly container = viewChild<ElementRef<HTMLElement>>('container');\n\n options!: DialogOptions;\n tooltipOptions!: PopoverOptions;\n private lastPosition: PopoverPosition = 'top';\n readonly scrolled = signal(0);\n\n readonly clipPath = computed(() => {\n const _ = this.scrolled();\n const currentStep = this.tourService.currentStep()!;\n const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n return `polygon(\n 0 0,\n 100% 0,\n 100% ${top}px,\n ${left}px ${top}px,\n ${left}px ${top + height}px,\n ${left + width}px ${top + height}px,\n ${left + width}px ${top}px,\n 100% ${top}px,\n 100% 100%,\n 0 100%,\n 0 0\n )`;\n });\n\n constructor() {\n super();\n setTimeout(() => {\n this._afterViewSource.next(this.myDialog()!);\n this.container()!.nativeElement.classList.add('transition-all');\n }, 5000);\n // (() => {\n\n // // setTimeout(() => {\n // // }, 1000);\n // });\n\n effect(() => {\n const target = this.target() || this.tooltipOptions.target;\n this.tooltipOptions.target = target;\n target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n\n fromEvent(window, 'scroll')\n .pipe(startWith(1), debounceTime(50), take(1))\n .subscribe(() => {\n this.lastPosition = this.tooltipOptions.position || 'bottom';\n const el = this.container()!.nativeElement;\n if (this.options.backdrop) {\n this.document.body.style.overflow = 'hidden';\n }\n if (this.options.width === 'target') {\n // update the width of the container to be the same as the target\n el.style.width = `${this.tooltipOptions.target.offsetWidth}px`;\n } else if (this.options.width) {\n el.style.width = this.options.width;\n }\n if (this.options.height) {\n el.style.height = this.options.height;\n }\n if (this.options.maxHeight) {\n el.style.maxHeight = this.options.maxHeight;\n }\n this.scrolled.update(x => x + 1);\n this.updateDimension();\n });\n // if (!this.options.backdrop) {\n // // window.addEventListener('wheel', this.updateDimension);\n // }\n });\n }\n\n private updateDimension = () => {\n requestAnimationFrame(() => {\n const el = this.container()!.nativeElement;\n const { top, left, bottom, position } = tooltipPosition({\n target: this.tooltipOptions.target,\n el,\n position: this.lastPosition,\n client: this.tooltipOptions.client,\n offset: this.tooltipOptions.offset,\n });\n this.lastPosition = position;\n // we need to update the values directly instead of signal to avoid too many CD checks\n if (bottom) {\n el.style.bottom = `${bottom}px`;\n el.style.top = '';\n } else if (top) {\n el.style.top = `${top}px`;\n el.style.bottom = '';\n }\n el.style.left = `${left}px`;\n });\n };\n\n override setOptions(options: DialogOptions): void {\n this.options = options;\n }\n\n ngOnDestroy(): void {\n window.removeEventListener('wheel', this.updateDimension);\n this.document.body.style.overflow = '';\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngbase-adk-tour.mjs","sources":["../../../projects/adk/tour/tour.service.ts","../../../projects/adk/tour/tour-step.ts","../../../projects/adk/tour/tour.ts","../../../projects/adk/tour/animation.ts","../../../projects/adk/tour/tour-base.ts","../../../projects/adk/tour/ngbase-adk-tour.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\nimport { DialogInput } from '@ngbase/adk/portal';\nimport { PopoverOpen, ngbPopoverPortal } from '@ngbase/adk/popover';\nimport { NgbTourStep } from './tour-step';\n\n@Injectable({ providedIn: 'root' })\nexport class NgbTourService {\n private readonly popover = ngbPopoverPortal();\n readonly steps = signal<NgbTourStep[]>([]);\n readonly step = signal(-1);\n private readonly ids = signal<string[]>([]);\n readonly currentStep = computed(() => {\n const id = this.ids()[this.step()];\n const steps = this.steps();\n return steps.find(x => x.ngbTourStep() === id);\n });\n private diaRef?: PopoverOpen<any>;\n private id = 0;\n private template!: DialogInput<any>;\n readonly showPrev = computed(() => this.step() > 0);\n readonly showNext = computed(() => this.step() < this.ids().length - 1);\n readonly isLast = computed(() => this.step() === this.ids().length - 1);\n readonly totalSteps = computed(() => this.ids().length);\n scrolled = signal(0);\n private readonly clipPath = computed(() => {\n const _ = this.scrolled();\n const currentStep = this.currentStep();\n if (!currentStep) {\n return '';\n }\n const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n return `polygon(\n 0 0,\n 100% 0,\n 100% ${top}px,\n ${left}px ${top}px,\n ${left}px ${top + height}px,\n ${left + width}px ${top + height}px,\n ${left + width}px ${top}px,\n 100% ${top}px,\n 100% 100%,\n 0 100%,\n 0 0\n )`;\n });\n\n addStep(step: NgbTourStep) {\n this.steps.update(x => [...x, step]);\n }\n\n start<T>(comp: DialogInput<T>, ids: string[]) {\n this.template = comp;\n this.ids.set(ids);\n this.step.set(-1);\n this.next();\n }\n\n prev() {\n const steps = this.ids();\n const prevStep = this.step();\n if (steps.length) {\n const step = (prevStep - 1 + steps.length) % steps.length;\n this.go(step);\n }\n }\n\n next() {\n const steps = this.ids();\n const prevStep = this.step();\n if (steps.length) {\n const step = (prevStep + 1) % steps.length;\n if (prevStep > step) {\n this.stop();\n return;\n }\n this.go(step);\n }\n }\n\n go(id: number) {\n const steps = this.steps();\n const ids = this.ids();\n if (steps.length) {\n // validate the step number is within the range\n if (id < 0 || id >= ids.length) {\n return;\n }\n this.step.set(id);\n const step = steps.find(x => x.ngbTourStep() === ids[id]);\n if (!step) {\n return;\n }\n if (this.diaRef) {\n this.diaRef.parent.target.set(step.el.nativeElement);\n } else {\n this.showOverlay(step.el.nativeElement);\n }\n }\n }\n\n stop() {\n this.hideOverlay();\n clearInterval(this.id);\n }\n\n private showOverlay(el: HTMLElement) {\n this.diaRef?.diaRef.close();\n\n this.diaRef = this.popover.open(this.template, {\n target: el,\n position: 'right',\n className: 'transition-all',\n backdropClassName: 'bg-black/20',\n clipPath: this.clipPath,\n smoothScroll: true,\n anchor: true,\n backdropColor: true,\n width: '400px',\n disableClose: true,\n });\n this.scrolled = this.diaRef.parent.scrolled;\n }\n\n private hideOverlay() {\n this.diaRef?.diaRef.close();\n this.diaRef = undefined;\n }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { NgbTourService } from './tour.service';\n\n@Directive({\n selector: '[ngbTourStep]',\n})\nexport class NgbTourStep {\n readonly el = inject<ElementRef>(ElementRef);\n readonly tourService = inject(NgbTourService);\n\n // Inputs\n readonly ngbTourStep = input.required<string>();\n\n constructor() {\n this.tourService.addStep(this);\n }\n}\n","import { inject, contentChildren, Directive } from '@angular/core';\nimport { NgbTourService } from './tour.service';\nimport { NgbTourStep } from './tour-step';\n\n@Directive({\n selector: '[ngbTour]',\n})\nexport class NgbTour {\n readonly tourService = inject(NgbTourService);\n readonly steps = contentChildren(NgbTourStep, { descendants: true });\n}\n","import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';\n\nexport const slideInOutAnimation = trigger('slideInOutAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),\n state('0', style({ transform: 'translateY(-20px)', opacity: 0 })),\n transition('* => *', animate('100ms ease-out')),\n]);\n\nexport const tourAnimation = [\n createHostAnimation(['@slideInOutAnimation', '@fadeAnimation']),\n slideInOutAnimation,\n fadeAnimation('200ms'),\n];\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n OnDestroy,\n signal,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { PopoverOptions, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\nimport { BaseDialog, DialogOptions } from '@ngbase/adk/portal';\nimport { debounceTime, fromEvent, startWith, take } from 'rxjs';\nimport { NgbTourService } from './tour.service';\nimport { tourAnimation } from './animation';\n\n@Component({\n selector: '[ngbTour]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <div\n #container\n class=\"pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md\"\n [@slideInOutAnimation]\n >\n <ng-container #myDialog />\n </div>\n <div class=\"pointer-events-auto fixed top-0 h-full w-full bg-black/20\" [@fadeAnimation]></div>\n `,\n host: {\n '[@parentAnimation]': '',\n '(@parentAnimation.done)': 'animationDone()',\n },\n animations: [tourAnimation],\n})\nexport class NgbBaseTour extends BaseDialog implements OnDestroy {\n readonly tourService = inject(NgbTourService);\n readonly myDialog = viewChild('myDialog', { read: ViewContainerRef });\n readonly container = viewChild<ElementRef<HTMLElement>>('container');\n\n options!: DialogOptions;\n tooltipOptions!: PopoverOptions;\n private lastPosition: PopoverPosition = 'top';\n readonly scrolled = signal(0);\n\n readonly clipPath = computed(() => {\n const _ = this.scrolled();\n const currentStep = this.tourService.currentStep()!;\n const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n return `polygon(\n 0 0,\n 100% 0,\n 100% ${top}px,\n ${left}px ${top}px,\n ${left}px ${top + height}px,\n ${left + width}px ${top + height}px,\n ${left + width}px ${top}px,\n 100% ${top}px,\n 100% 100%,\n 0 100%,\n 0 0\n )`;\n });\n\n constructor() {\n super();\n setTimeout(() => {\n this._afterViewSource.next(this.myDialog()!);\n this.container()!.nativeElement.classList.add('transition-all');\n }, 5000);\n // (() => {\n\n // // setTimeout(() => {\n // // }, 1000);\n // });\n\n effect(() => {\n const target = this.target() || this.tooltipOptions.target;\n this.tooltipOptions.target = target;\n target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n\n fromEvent(window, 'scroll')\n .pipe(startWith(1), debounceTime(50), take(1))\n .subscribe(() => {\n this.lastPosition = this.tooltipOptions.position || 'bottom';\n const el = this.container()!.nativeElement;\n if (this.options.backdrop) {\n this.document.body.style.overflow = 'hidden';\n }\n if (this.options.width === 'target') {\n // update the width of the container to be the same as the target\n el.style.width = `${this.tooltipOptions.target.offsetWidth}px`;\n } else if (this.options.width) {\n el.style.width = this.options.width;\n }\n if (this.options.height) {\n el.style.height = this.options.height;\n }\n if (this.options.maxHeight) {\n el.style.maxHeight = this.options.maxHeight;\n }\n this.scrolled.update(x => x + 1);\n this.updateDimension();\n });\n // if (!this.options.backdrop) {\n // // window.addEventListener('wheel', this.updateDimension);\n // }\n });\n }\n\n private updateDimension = () => {\n requestAnimationFrame(() => {\n const el = this.container()!.nativeElement;\n const { top, left, bottom, position } = tooltipPosition({\n target: this.tooltipOptions.target,\n el,\n position: this.lastPosition,\n client: this.tooltipOptions.client,\n offset: this.tooltipOptions.offset,\n });\n this.lastPosition = position;\n // we need to update the values directly instead of signal to avoid too many CD checks\n if (bottom) {\n el.style.bottom = `${bottom}px`;\n el.style.top = '';\n } else if (top) {\n el.style.top = `${top}px`;\n el.style.bottom = '';\n }\n el.style.left = `${left}px`;\n });\n };\n\n override setOptions(options: DialogOptions): void {\n this.options = options;\n }\n\n ngOnDestroy(): void {\n window.removeEventListener('wheel', this.updateDimension);\n this.document.body.style.overflow = '';\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAMa,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEmB,IAAO,CAAA,OAAA,GAAG,gBAAgB,EAAE;AACpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACT,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAW,EAAE,CAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;AAChD,SAAC,CAAC;QAEM,IAAE,CAAA,EAAA,GAAG,CAAC;AAEL,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9D,IAAM,CAAA,MAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;AACvD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,EAAE;;AAEX,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACzF,OAAO,CAAA;;;aAGE,GAAG,CAAA;AACR,MAAA,EAAA,IAAI,MAAM,GAAG,CAAA;QACb,IAAI,CAAA,GAAA,EAAM,GAAG,GAAG,MAAM,CAAA;AACtB,MAAA,EAAA,IAAI,GAAG,KAAK,CAAM,GAAA,EAAA,GAAG,GAAG,MAAM,CAAA;QAC9B,IAAI,GAAG,KAAK,CAAA,GAAA,EAAM,GAAG,CAAA;aAChB,GAAG,CAAA;;;;MAIV;AACJ,SAAC,CAAC;AAmFH;AAjFC,IAAA,OAAO,CAAC,IAAiB,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;;IAGtC,KAAK,CAAI,IAAoB,EAAE,GAAa,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,IAAI,EAAE;;IAGb,IAAI,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,YAAA,MAAM,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM;AACzD,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;;;IAIjB,IAAI,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,MAAM,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM;AAC1C,YAAA,IAAI,QAAQ,GAAG,IAAI,EAAE;gBACnB,IAAI,CAAC,IAAI,EAAE;gBACX;;AAEF,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;;;AAIjB,IAAA,EAAE,CAAC,EAAU,EAAA;AACX,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;;YAEhB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,MAAM,EAAE;gBAC9B;;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;YACzD,IAAI,CAAC,IAAI,EAAE;gBACT;;AAEF,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;iBAC/C;gBACL,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;;;IAK7C,IAAI,GAAA;QACF,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;;AAGhB,IAAA,WAAW,CAAC,EAAe,EAAA;AACjC,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;AAE3B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC7C,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,SAAS,EAAE,gBAAgB;AAC3B,YAAA,iBAAiB,EAAE,aAAa;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ;;IAGrC,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;8GAvHd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cADD,MAAM,EAAA,CAAA,CAAA;;2FACnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCCrB,WAAW,CAAA;AAOtB,IAAA,WAAA,GAAA;AANS,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAa,UAAU,CAAC;AACnC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;;AAGpC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAU;AAG7C,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;;8GARrB,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAHvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;MCEY,OAAO,CAAA;AAHpB,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACpC,IAAK,CAAA,KAAA,GAAG,eAAe,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AACrE;8GAHY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,2FAEe,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAFjC,OAAO,EAAA,UAAA,EAAA,CAAA;kBAHnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA;;;ACHY,MAAA,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,EAAE;AAChE,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACpD,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACpE,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACjE,IAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAChD,CAAA;AAEY,MAAA,aAAa,GAAG;AAC3B,IAAA,mBAAmB,CAAC,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC/D,mBAAmB;IACnB,aAAa,CAAC,OAAO,CAAC;;;ACwBlB,MAAO,WAAY,SAAQ,UAAU,CAAA;AA6BzC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AA7BA,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACpC,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;AAC5D,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAA0B,WAAW,CAAC;QAI5D,IAAY,CAAA,YAAA,GAAoB,KAAK;AACpC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AAEpB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE;YACzB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAG;AACnD,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACzF,OAAO,CAAA;;;aAGE,GAAG,CAAA;AACR,MAAA,EAAA,IAAI,MAAM,GAAG,CAAA;QACb,IAAI,CAAA,GAAA,EAAM,GAAG,GAAG,MAAM,CAAA;AACtB,MAAA,EAAA,IAAI,GAAG,KAAK,CAAM,GAAA,EAAA,GAAG,GAAG,MAAM,CAAA;QAC9B,IAAI,GAAG,KAAK,CAAA,GAAA,EAAM,GAAG,CAAA;aAChB,GAAG,CAAA;;;;MAIV;AACJ,SAAC,CAAC;QAgDM,IAAe,CAAA,eAAA,GAAG,MAAK;YAC7B,qBAAqB,CAAC,MAAK;gBACzB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa;gBAC1C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC;AACtD,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;oBAClC,EAAE;oBACF,QAAQ,EAAE,IAAI,CAAC,YAAY;AAC3B,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;AAClC,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;AACnC,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,YAAY,GAAG,QAAQ;;gBAE5B,IAAI,MAAM,EAAE;oBACV,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,MAAM,IAAI;AAC/B,oBAAA,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;;qBACZ,IAAI,GAAG,EAAE;oBACd,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,GAAG,IAAI;AACzB,oBAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;;gBAEtB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,IAAI,IAAI;AAC7B,aAAC,CAAC;AACJ,SAAC;QAjEC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC;AAC5C,YAAA,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;SAChE,EAAE,IAAI,CAAC;;;;;QAOR,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM;AAC1D,YAAA,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM;AACnC,YAAA,MAAM,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAE/D,YAAA,SAAS,CAAC,MAAM,EAAE,QAAQ;AACvB,iBAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;iBAC5C,SAAS,CAAC,MAAK;gBACd,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,IAAI,QAAQ;gBAC5D,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa;AAC1C,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;oBACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;;gBAE9C,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;;AAEnC,oBAAA,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,IAAI;;AACzD,qBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;oBAC7B,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK;;AAErC,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;oBACvB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;;AAEvC,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;oBAC1B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS;;AAE7C,gBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,eAAe,EAAE;AACxB,aAAC,CAAC;;;;AAIN,SAAC,CAAC;;AA0BK,IAAA,UAAU,CAAC,OAAsB,EAAA;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;;IAGxB,WAAW,GAAA;QACT,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE;;8GAxG7B,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAE4B,gBAAgB,EAlBxD,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;GAST,EAKW,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAC,aAAa,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEhB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAnBvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;oBACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,oBAAoB,EAAE,EAAE;AACxB,wBAAA,yBAAyB,EAAE,iBAAiB;AAC7C,qBAAA;oBACD,UAAU,EAAE,CAAC,aAAa,CAAC;AAC5B,iBAAA;;;ACpCD;;AAEG;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, viewChild, ViewContainerRef, computed, signal, linkedSignal,
|
|
2
|
+
import { inject, viewChild, ViewContainerRef, computed, signal, linkedSignal, Directive, InjectionToken, Injector, IterableDiffers, contentChild, TemplateRef, input, effect } from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngbase/adk/a11y';
|
|
4
4
|
import { AccessibleItem, AccessibleGroup } from '@ngbase/adk/a11y';
|
|
5
5
|
import { uniqueId } from '@ngbase/adk/utils';
|
|
@@ -39,54 +39,23 @@ class NgbTreeNode {
|
|
|
39
39
|
this.tree.toggle(this.data.details);
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.
|
|
43
|
-
static { this.ɵ
|
|
44
|
-
<style>
|
|
45
|
-
.tree-node {
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: start;
|
|
48
|
-
}
|
|
49
|
-
</style>
|
|
50
|
-
<div class="tree-node">
|
|
51
|
-
<ng-content />
|
|
52
|
-
</div>
|
|
53
|
-
<ng-content select="[ngbTreeNodeContent]" />
|
|
54
|
-
<ng-container #container />
|
|
55
|
-
`, isInline: true, styles: [".tree-node{display:flex;align-items:start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
43
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTreeNode, isStandalone: true, selector: "[ngbTreeNode]", host: { attributes: { "role": "treeitem" }, properties: { "style": "padding()", "attr.aria-expanded": "isOpen()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTreeNode"], hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0 }); }
|
|
56
44
|
}
|
|
57
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, decorators: [{
|
|
58
|
-
type:
|
|
46
|
+
type: Directive,
|
|
59
47
|
args: [{
|
|
60
48
|
selector: '[ngbTreeNode]',
|
|
61
49
|
exportAs: 'ngbTreeNode',
|
|
62
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
63
|
-
template: `
|
|
64
|
-
<style>
|
|
65
|
-
.tree-node {
|
|
66
|
-
display: flex;
|
|
67
|
-
align-items: start;
|
|
68
|
-
}
|
|
69
|
-
</style>
|
|
70
|
-
<div class="tree-node">
|
|
71
|
-
<ng-content />
|
|
72
|
-
</div>
|
|
73
|
-
<ng-content select="[ngbTreeNodeContent]" />
|
|
74
|
-
<ng-container #container />
|
|
75
|
-
`,
|
|
76
50
|
hostDirectives: [AccessibleItem],
|
|
77
51
|
host: {
|
|
78
|
-
'[style]': 'padding()',
|
|
79
|
-
'(selectedChange)': 'toggle()',
|
|
80
|
-
'[ayId]': 'tree.ayId',
|
|
81
|
-
'[level]': 'data.level',
|
|
82
|
-
'[expandable]': 'hasChildren()',
|
|
83
|
-
'[expanded]': 'isOpen()',
|
|
84
52
|
role: 'treeitem',
|
|
53
|
+
'[style]': 'padding()',
|
|
85
54
|
'[attr.aria-expanded]': 'isOpen()',
|
|
86
55
|
},
|
|
87
56
|
}]
|
|
88
57
|
}], ctorParameters: () => [] });
|
|
89
|
-
function
|
|
58
|
+
function aliasTreeNode(treeNode) {
|
|
90
59
|
return { provide: NgbTreeNode, useExisting: treeNode };
|
|
91
60
|
}
|
|
92
61
|
|
|
@@ -274,22 +243,21 @@ class NgbTree {
|
|
|
274
243
|
this.expanded = true;
|
|
275
244
|
this.opened.set(new Set());
|
|
276
245
|
}
|
|
277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.
|
|
278
|
-
static { this.ɵ
|
|
246
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
247
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTree, isStandalone: true, selector: "[ngbTree]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: true, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tree" } }, queries: [{ propertyName: "treeNodeDef", first: true, predicate: NgbTreeNodeDef, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTree"], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
|
|
279
248
|
}
|
|
280
249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, decorators: [{
|
|
281
|
-
type:
|
|
250
|
+
type: Directive,
|
|
282
251
|
args: [{
|
|
283
252
|
selector: '[ngbTree]',
|
|
284
253
|
exportAs: 'ngbTree',
|
|
285
|
-
template: `<ng-container #container />`,
|
|
286
254
|
hostDirectives: [AccessibleGroup],
|
|
287
255
|
host: {
|
|
288
256
|
role: 'tree',
|
|
289
257
|
},
|
|
290
258
|
}]
|
|
291
259
|
}], ctorParameters: () => [] });
|
|
292
|
-
function
|
|
260
|
+
function aliasTree(tree) {
|
|
293
261
|
return { provide: NgbTree, useExisting: tree };
|
|
294
262
|
}
|
|
295
263
|
|
|
@@ -297,5 +265,5 @@ function provideTree(tree) {
|
|
|
297
265
|
* Generated bundle index. Do not edit.
|
|
298
266
|
*/
|
|
299
267
|
|
|
300
|
-
export { NgbTree, NgbTreeNode, NgbTreeNodeContent, NgbTreeNodeDef, NgbTreeNodeToggle,
|
|
268
|
+
export { NgbTree, NgbTreeNode, NgbTreeNodeContent, NgbTreeNodeDef, NgbTreeNodeToggle, aliasTree, aliasTreeNode };
|
|
301
269
|
//# sourceMappingURL=ngbase-adk-tree.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-tree.mjs","sources":["../../../projects/adk/tree/tree-node.ts","../../../projects/adk/tree/tree-toggle.ts","../../../projects/adk/tree/tree.ts","../../../projects/adk/tree/ngbase-adk-tree.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n linkedSignal,\n signal,\n Type,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\nimport { NgbTree, TREE_NODE_DATA, TreeNodeData } from './tree';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\n@Component({\n selector: '[ngbTreeNode]',\n exportAs: 'ngbTreeNode',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <style>\n .tree-node {\n display: flex;\n align-items: start;\n }\n </style>\n <div class=\"tree-node\">\n <ng-content />\n </div>\n <ng-content select=\"[ngbTreeNodeContent]\" />\n <ng-container #container />\n `,\n hostDirectives: [AccessibleItem],\n host: {\n '[style]': 'padding()',\n '(selectedChange)': 'toggle()',\n '[ayId]': 'tree.ayId',\n '[level]': 'data.level',\n '[expandable]': 'hasChildren()',\n '[expanded]': 'isOpen()',\n role: 'treeitem',\n '[attr.aria-expanded]': 'isOpen()',\n },\n})\nexport class NgbTreeNode<T> {\n readonly treeNodeDef = inject(NgbTreeNodeDef);\n readonly tree = inject<NgbTree<T>>(NgbTree);\n readonly data = inject<TreeNodeData<T>>(TREE_NODE_DATA);\n readonly container = viewChild('container', { read: ViewContainerRef });\n\n readonly isOpen = computed(() => this.tree.opened().has(this.data.details.id));\n readonly parent = computed(() => this.tree.getNode(this.data.details.parentId!));\n private readonly children = computed(() => {\n const _ = this.tree.dataSource();\n const when = this.tree.children();\n const v = when(this.data.data) || [];\n return v;\n });\n readonly hasChildren = computed(() => this.children().length > 0);\n readonly dir = injectDirectionality();\n readonly size = signal(32);\n readonly padding = computed(() => ({\n [this.dir.isRtl() ? 'paddingRight' : 'paddingLeft']: this.data.level * this.size() + 'px',\n }));\n\n constructor() {\n const a11yItem = inject(AccessibleItem);\n a11yItem._ayId.set(this.tree.ayId);\n a11yItem.level.set(this.data.level);\n a11yItem._expandable = linkedSignal(this.hasChildren);\n a11yItem._expanded = linkedSignal(this.isOpen);\n\n a11yItem.selectedChange.subscribe(() => {\n this.toggle();\n });\n }\n\n toggle() {\n if (this.hasChildren()) {\n this.tree.toggle(this.data.details);\n }\n }\n\n // keyboardEvent(key: 'ArrowRight' | 'ArrowLeft') {\n // // 1. if right arrow, open the node based on the isOpen\n // // 2. if left arrow, close the node based on the isOpen\n // // 3. if left arrow and isOpen, focus the previous sibling\n // // 4. if right arrow and isOpen, focus the next sibling\n\n // if (key === 'ArrowRight') {\n // if (this.isOpen()) {\n // // this.children()?.[0]?.focus();\n // } else {\n // this.toggle();\n // }\n // } else if (key === 'ArrowLeft') {\n // if (this.isOpen()) {\n // this.toggle();\n // } else {\n // // this.parent()?.focus();\n // }\n // }\n // }\n}\n\nexport function provideTreeNode<T>(treeNode: Type<NgbTreeNode<T>>) {\n return { provide: NgbTreeNode, useExisting: treeNode };\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgbTreeNode } from './tree-node';\n\n@Directive({\n selector: '[ngbTreeNodeToggle]',\n host: {\n '(click)': 'toggle()',\n '[attr.aria-hidden]': '!treeNode.hasChildren()',\n tabIndex: '-1',\n },\n})\nexport class NgbTreeNodeToggle {\n treeNode = inject(NgbTreeNode);\n\n toggle() {\n if (this.treeNode.hasChildren()) {\n this.treeNode.toggle();\n }\n }\n}\n\n@Directive({\n selector: '[ngbTreeNodeDef]',\n})\nexport class NgbTreeNodeDef<T> {}\n\n@Directive({\n selector: '[ngbTreeNodeContent]',\n})\nexport class NgbTreeNodeContent {}\n","import {\n Component,\n EmbeddedViewRef,\n InjectionToken,\n Injector,\n IterableDiffers,\n TemplateRef,\n Type,\n ViewContainerRef,\n computed,\n contentChild,\n effect,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\nexport const TREE_NODE_DATA = new InjectionToken<TreeNodeData<any>>('TREE_NODE_DATA');\n\nexport type TreeAction = 'add' | 'addAll' | 'delete' | 'deleteAll';\n\ninterface FlatNode {\n expandable: boolean;\n id: string;\n level: number;\n isExpanded?: boolean;\n parentId?: string;\n index: number;\n childrenCount: number;\n}\n\nclass TreeFlatNode<T> {\n data: FlatNode[] = [];\n readonly dataMap = new Map<string, T>();\n\n constructor(\n private children: (node: T) => T[],\n private id: (node: T) => any,\n ) {}\n\n setDataSource(data: T[], opened: Set<string>, expanded: boolean) {\n this.data = [];\n this.dataMap.clear();\n this.setChildren(data, 0, '0', opened, expanded);\n }\n\n private setChildren(\n list: T[],\n level: number,\n parentId: any,\n opened: Set<string>,\n expanded: boolean,\n ) {\n if (expanded) {\n opened.add(parentId);\n } else if (level !== 0 && !opened.has(parentId)) {\n return;\n }\n for (let index = 0; index < list.length; index++) {\n const node = list[index];\n const children = this.children(node);\n const childrenId = parentId + '-' + this.id(node);\n const value: FlatNode = {\n level,\n expandable: children.length > 0,\n parentId,\n id: childrenId,\n index,\n childrenCount: children.length,\n };\n this.dataMap.set(childrenId, node);\n this.data.push(value);\n if (children.length) {\n this.setChildren(children, level + 1, childrenId, opened, expanded);\n }\n }\n }\n}\n\nexport interface TreeNodeData<T> {\n level: number;\n details: FlatNode;\n data: T;\n}\n\nexport interface TreeNodeImplicit<T> {\n $implicit: T;\n level: number;\n}\n\n@Component({\n selector: '[ngbTree]',\n exportAs: 'ngbTree',\n template: `<ng-container #container />`,\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tree',\n },\n})\nexport class NgbTree<T> {\n // Dependencies\n private readonly injector = inject(Injector);\n private readonly differs = inject(IterableDiffers);\n readonly ayId = uniqueId();\n\n readonly treeNodeDef = contentChild.required(NgbTreeNodeDef, { read: TemplateRef });\n readonly container = viewChild.required('container', { read: ViewContainerRef });\n\n // Inputs\n readonly dataSource = input.required<T[]>();\n readonly trackBy = input.required<(index: number, item: T) => any>();\n readonly children = input.required<(node: T) => T[]>();\n\n readonly opened = signal(new Set<string>());\n readonly trace = new Map<\n string,\n { ref: EmbeddedViewRef<TreeNodeImplicit<T>>; parent: FlatNode }\n >();\n private readonly _dataDiffers = this.differs.find([]).create<FlatNode>((index, item) => item.id);\n private readonly flattener = computed(\n () => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)),\n );\n private expanded = false;\n\n constructor() {\n inject(AccessibleGroup).ayId.set(this.ayId);\n effect(() => {\n const flattener = this.flattener();\n const data = this.dataSource();\n const opened = this.opened();\n flattener.setDataSource(data, opened, this.expanded);\n this.expanded = false;\n\n const changes = this._dataDiffers.diff(flattener.data);\n if (!changes) {\n return;\n }\n\n const container = this.container()!;\n const def = this.treeNodeDef();\n changes.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {\n if (item.previousIndex == null) {\n // Item added\n // const parent = this.flattener().tempData.get(item.item.parentId!);\n this.renderNode(item.item, container, def, item.item.level, currentIndex!);\n } else if (currentIndex == null) {\n // Item removed\n this.removeNode(item.item);\n } else {\n // Item moved\n const viewRef = this.trace.get(item.item.id)?.ref;\n if (viewRef) {\n container.move(viewRef, currentIndex);\n }\n }\n });\n\n // update the opened nodes\n changes.forEachIdentityChange(item => {\n const viewRef = this.trace.get(item.item.id)?.ref;\n if (viewRef) {\n viewRef.context.level = item.item.level;\n viewRef.context.$implicit = this.flattener().dataMap.get(item.item.id)!;\n }\n });\n });\n }\n\n private removeNode(data: FlatNode) {\n const ref = this.trace.get(data.id);\n if (ref) {\n ref.ref.destroy();\n this.trace.delete(data.id);\n }\n }\n\n getNode(id: string) {\n return this.flattener().dataMap.get(id);\n }\n\n private renderNode(\n details: FlatNode,\n container: ViewContainerRef,\n def: TemplateRef<any>,\n level = 0,\n index: number,\n ) {\n if (!this.trace.has(details.id)) {\n const data = this.flattener().dataMap.get(details.id)!;\n const value: TreeNodeData<T> = { level, details: details, data };\n const injector = Injector.create({\n providers: [{ provide: TREE_NODE_DATA, useValue: value }],\n parent: this.injector,\n });\n const ref = container.createEmbeddedView<TreeNodeImplicit<T>>(\n def,\n { $implicit: data, level },\n { injector, index },\n );\n this.trace.set(details.id, { ref, parent: details });\n ref.detectChanges();\n }\n }\n\n toggle(data: FlatNode) {\n const opened = this.opened();\n const type = opened.has(data.id) ? 'delete' : 'add';\n if (type === 'delete') {\n opened.delete(data.id);\n } else {\n opened.add(data.id);\n }\n this.opened.set(new Set(opened));\n }\n\n foldAll() {\n this.expanded = false;\n this.opened.set(new Set());\n }\n\n expandAll() {\n this.expanded = true;\n this.opened.set(new Set());\n }\n}\n\nexport function provideTree<T>(tree: Type<NgbTree<T>>) {\n return { provide: NgbTree, useExisting: tree };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngbase-adk-tree.mjs","sources":["../../../projects/adk/tree/tree-node.ts","../../../projects/adk/tree/tree-toggle.ts","../../../projects/adk/tree/tree.ts","../../../projects/adk/tree/ngbase-adk-tree.ts"],"sourcesContent":["import {\n computed,\n Directive,\n inject,\n linkedSignal,\n signal,\n Type,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\nimport { NgbTree, TREE_NODE_DATA, TreeNodeData } from './tree';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\n@Directive({\n selector: '[ngbTreeNode]',\n exportAs: 'ngbTreeNode',\n hostDirectives: [AccessibleItem],\n host: {\n role: 'treeitem',\n '[style]': 'padding()',\n '[attr.aria-expanded]': 'isOpen()',\n },\n})\nexport class NgbTreeNode<T> {\n readonly treeNodeDef = inject(NgbTreeNodeDef);\n readonly tree = inject<NgbTree<T>>(NgbTree);\n readonly data = inject<TreeNodeData<T>>(TREE_NODE_DATA);\n readonly container = viewChild('container', { read: ViewContainerRef });\n\n readonly isOpen = computed(() => this.tree.opened().has(this.data.details.id));\n readonly parent = computed(() => this.tree.getNode(this.data.details.parentId!));\n private readonly children = computed(() => {\n const _ = this.tree.dataSource();\n const when = this.tree.children();\n const v = when(this.data.data) || [];\n return v;\n });\n readonly hasChildren = computed(() => this.children().length > 0);\n readonly dir = injectDirectionality();\n readonly size = signal(32);\n readonly padding = computed(() => ({\n [this.dir.isRtl() ? 'paddingRight' : 'paddingLeft']: this.data.level * this.size() + 'px',\n }));\n\n constructor() {\n const a11yItem = inject(AccessibleItem);\n a11yItem._ayId.set(this.tree.ayId);\n a11yItem.level.set(this.data.level);\n a11yItem._expandable = linkedSignal(this.hasChildren);\n a11yItem._expanded = linkedSignal(this.isOpen);\n\n a11yItem.selectedChange.subscribe(() => {\n this.toggle();\n });\n }\n\n toggle() {\n if (this.hasChildren()) {\n this.tree.toggle(this.data.details);\n }\n }\n\n // keyboardEvent(key: 'ArrowRight' | 'ArrowLeft') {\n // // 1. if right arrow, open the node based on the isOpen\n // // 2. if left arrow, close the node based on the isOpen\n // // 3. if left arrow and isOpen, focus the previous sibling\n // // 4. if right arrow and isOpen, focus the next sibling\n\n // if (key === 'ArrowRight') {\n // if (this.isOpen()) {\n // // this.children()?.[0]?.focus();\n // } else {\n // this.toggle();\n // }\n // } else if (key === 'ArrowLeft') {\n // if (this.isOpen()) {\n // this.toggle();\n // } else {\n // // this.parent()?.focus();\n // }\n // }\n // }\n}\n\nexport function aliasTreeNode<T>(treeNode: Type<NgbTreeNode<T>>) {\n return { provide: NgbTreeNode, useExisting: treeNode };\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgbTreeNode } from './tree-node';\n\n@Directive({\n selector: '[ngbTreeNodeToggle]',\n host: {\n '(click)': 'toggle()',\n '[attr.aria-hidden]': '!treeNode.hasChildren()',\n tabIndex: '-1',\n },\n})\nexport class NgbTreeNodeToggle {\n treeNode = inject(NgbTreeNode);\n\n toggle() {\n if (this.treeNode.hasChildren()) {\n this.treeNode.toggle();\n }\n }\n}\n\n@Directive({\n selector: '[ngbTreeNodeDef]',\n})\nexport class NgbTreeNodeDef<T> {}\n\n@Directive({\n selector: '[ngbTreeNodeContent]',\n})\nexport class NgbTreeNodeContent {}\n","import {\n Directive,\n EmbeddedViewRef,\n InjectionToken,\n Injector,\n IterableDiffers,\n TemplateRef,\n Type,\n ViewContainerRef,\n computed,\n contentChild,\n effect,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\nexport const TREE_NODE_DATA = new InjectionToken<TreeNodeData<any>>('TREE_NODE_DATA');\n\nexport type TreeAction = 'add' | 'addAll' | 'delete' | 'deleteAll';\n\ninterface FlatNode {\n expandable: boolean;\n id: string;\n level: number;\n isExpanded?: boolean;\n parentId?: string;\n index: number;\n childrenCount: number;\n}\n\nclass TreeFlatNode<T> {\n data: FlatNode[] = [];\n readonly dataMap = new Map<string, T>();\n\n constructor(\n private children: (node: T) => T[],\n private id: (node: T) => any,\n ) {}\n\n setDataSource(data: T[], opened: Set<string>, expanded: boolean) {\n this.data = [];\n this.dataMap.clear();\n this.setChildren(data, 0, '0', opened, expanded);\n }\n\n private setChildren(\n list: T[],\n level: number,\n parentId: any,\n opened: Set<string>,\n expanded: boolean,\n ) {\n if (expanded) {\n opened.add(parentId);\n } else if (level !== 0 && !opened.has(parentId)) {\n return;\n }\n for (let index = 0; index < list.length; index++) {\n const node = list[index];\n const children = this.children(node);\n const childrenId = parentId + '-' + this.id(node);\n const value: FlatNode = {\n level,\n expandable: children.length > 0,\n parentId,\n id: childrenId,\n index,\n childrenCount: children.length,\n };\n this.dataMap.set(childrenId, node);\n this.data.push(value);\n if (children.length) {\n this.setChildren(children, level + 1, childrenId, opened, expanded);\n }\n }\n }\n}\n\nexport interface TreeNodeData<T> {\n level: number;\n details: FlatNode;\n data: T;\n}\n\nexport interface TreeNodeImplicit<T> {\n $implicit: T;\n level: number;\n}\n\n@Directive({\n selector: '[ngbTree]',\n exportAs: 'ngbTree',\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tree',\n },\n})\nexport class NgbTree<T> {\n // Dependencies\n private readonly injector = inject(Injector);\n private readonly differs = inject(IterableDiffers);\n readonly ayId = uniqueId();\n\n readonly treeNodeDef = contentChild.required(NgbTreeNodeDef, { read: TemplateRef });\n readonly container = viewChild.required('container', { read: ViewContainerRef });\n\n // Inputs\n readonly dataSource = input.required<T[]>();\n readonly trackBy = input.required<(index: number, item: T) => any>();\n readonly children = input.required<(node: T) => T[]>();\n\n readonly opened = signal(new Set<string>());\n readonly trace = new Map<\n string,\n { ref: EmbeddedViewRef<TreeNodeImplicit<T>>; parent: FlatNode }\n >();\n private readonly _dataDiffers = this.differs.find([]).create<FlatNode>((index, item) => item.id);\n private readonly flattener = computed(\n () => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)),\n );\n private expanded = false;\n\n constructor() {\n inject(AccessibleGroup).ayId.set(this.ayId);\n effect(() => {\n const flattener = this.flattener();\n const data = this.dataSource();\n const opened = this.opened();\n flattener.setDataSource(data, opened, this.expanded);\n this.expanded = false;\n\n const changes = this._dataDiffers.diff(flattener.data);\n if (!changes) {\n return;\n }\n\n const container = this.container()!;\n const def = this.treeNodeDef();\n changes.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {\n if (item.previousIndex == null) {\n // Item added\n // const parent = this.flattener().tempData.get(item.item.parentId!);\n this.renderNode(item.item, container, def, item.item.level, currentIndex!);\n } else if (currentIndex == null) {\n // Item removed\n this.removeNode(item.item);\n } else {\n // Item moved\n const viewRef = this.trace.get(item.item.id)?.ref;\n if (viewRef) {\n container.move(viewRef, currentIndex);\n }\n }\n });\n\n // update the opened nodes\n changes.forEachIdentityChange(item => {\n const viewRef = this.trace.get(item.item.id)?.ref;\n if (viewRef) {\n viewRef.context.level = item.item.level;\n viewRef.context.$implicit = this.flattener().dataMap.get(item.item.id)!;\n }\n });\n });\n }\n\n private removeNode(data: FlatNode) {\n const ref = this.trace.get(data.id);\n if (ref) {\n ref.ref.destroy();\n this.trace.delete(data.id);\n }\n }\n\n getNode(id: string) {\n return this.flattener().dataMap.get(id);\n }\n\n private renderNode(\n details: FlatNode,\n container: ViewContainerRef,\n def: TemplateRef<any>,\n level = 0,\n index: number,\n ) {\n if (!this.trace.has(details.id)) {\n const data = this.flattener().dataMap.get(details.id)!;\n const value: TreeNodeData<T> = { level, details: details, data };\n const injector = Injector.create({\n providers: [{ provide: TREE_NODE_DATA, useValue: value }],\n parent: this.injector,\n });\n const ref = container.createEmbeddedView<TreeNodeImplicit<T>>(\n def,\n { $implicit: data, level },\n { injector, index },\n );\n this.trace.set(details.id, { ref, parent: details });\n ref.detectChanges();\n }\n }\n\n toggle(data: FlatNode) {\n const opened = this.opened();\n const type = opened.has(data.id) ? 'delete' : 'add';\n if (type === 'delete') {\n opened.delete(data.id);\n } else {\n opened.add(data.id);\n }\n this.opened.set(new Set(opened));\n }\n\n foldAll() {\n this.expanded = false;\n this.opened.set(new Set());\n }\n\n expandAll() {\n this.expanded = true;\n this.opened.set(new Set());\n }\n}\n\nexport function aliasTree<T>(tree: Type<NgbTree<T>>) {\n return { provide: NgbTree, useExisting: tree };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|