@ngbase/adk 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/accordion/accordion-item.d.ts +4 -0
- package/accordion/public-api.d.ts +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- 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 +1 -1
- package/chip/chip.d.ts +2 -2
- package/datepicker/calendar.d.ts +3 -3
- package/datepicker/datepicker.d.ts +2 -2
- package/datepicker/time.d.ts +2 -2
- package/dialog/dialog.d.ts +1 -1
- package/fesm2022/ngbase-adk-accordion.mjs +4 -1
- package/fesm2022/ngbase-adk-accordion.mjs.map +1 -1
- package/fesm2022/ngbase-adk-autocomplete.mjs +7 -36
- 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 +2 -2
- package/fesm2022/ngbase-adk-carousel.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 +114 -328
- package/fesm2022/ngbase-adk-datepicker.mjs.map +1 -1
- package/fesm2022/ngbase-adk-dialog.mjs +18 -19
- package/fesm2022/ngbase-adk-dialog.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-menu.mjs +15 -30
- 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 +8 -65
- package/fesm2022/ngbase-adk-pagination.mjs.map +1 -1
- package/fesm2022/ngbase-adk-popover.mjs +423 -548
- package/fesm2022/ngbase-adk-popover.mjs.map +1 -1
- package/fesm2022/ngbase-adk-portal.mjs +0 -1
- package/fesm2022/ngbase-adk-portal.mjs.map +1 -1
- package/fesm2022/ngbase-adk-radio.mjs +2 -16
- 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 +67 -173
- 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 +9 -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 +10 -30
- 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-tooltip.mjs +49 -39
- package/fesm2022/ngbase-adk-tooltip.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tour.mjs +1 -1
- 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/form-field/public-api.d.ts +0 -1
- package/menu/menu-trigger.d.ts +2 -2
- package/menu/menu.d.ts +6 -6
- 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 +22 -13
- package/pagination/pagination.d.ts +5 -1
- package/popover/popover-arrow.ng.d.ts +34 -0
- package/popover/popover.d.ts +12 -3
- 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/resizable/resizable-group.d.ts +2 -2
- package/resizable/resizable.d.ts +2 -2
- package/schematics/collection.json +15 -0
- package/schematics/components/files/accordion/accordion.ts.template +53 -0
- package/schematics/components/files/accordion/index.ts.template +5 -0
- package/schematics/components/files/alert/alert.ts.template +62 -0
- package/schematics/components/files/alert/index.ts.template +1 -0
- package/schematics/components/files/autocomplete/autocomplete.ts.template +44 -0
- package/schematics/components/files/autocomplete/index.ts.template +5 -0
- package/schematics/components/files/avatar/avatar.ts.template +31 -0
- package/schematics/components/files/avatar/index.ts.template +1 -0
- package/schematics/components/files/badge/badge.ts.template +11 -0
- package/schematics/components/files/badge/index.ts.template +1 -0
- package/schematics/components/files/breadcrumb/breadcrumb.ts.template +49 -0
- package/schematics/components/files/breadcrumb/index.ts.template +1 -0
- package/schematics/components/files/button/button.ts.template +29 -0
- package/schematics/components/files/button/index.ts.template +5 -0
- package/schematics/components/files/card/card.ts.template +11 -0
- package/schematics/components/files/card/index.ts.template +5 -0
- package/schematics/components/files/carousel/carousel.ts.template +44 -0
- package/schematics/components/files/carousel/index.ts.template +1 -0
- package/schematics/components/files/checkbox/checkbox.ts.template +46 -0
- package/schematics/components/files/checkbox/focus-style.directive.ts.template +12 -0
- package/schematics/components/files/checkbox/index.ts.template +6 -0
- package/schematics/components/files/chip/chip.ts.template +36 -0
- package/schematics/components/files/chip/index.ts.template +1 -0
- package/schematics/components/files/color-picker/color-picker.ts.template +104 -0
- package/schematics/components/files/color-picker/index.ts.template +5 -0
- package/schematics/components/files/command/command.ts.template +82 -0
- package/schematics/components/files/command/index.ts.template +1 -0
- package/schematics/components/files/datepicker/calendar.ts.template +117 -0
- package/schematics/components/files/datepicker/datepicker.ts.template +58 -0
- package/schematics/components/files/datepicker/index.ts.template +2 -0
- package/schematics/components/files/datepicker/time.ts.template +54 -0
- package/schematics/components/files/dialog/dialog.ts.template +89 -0
- package/schematics/components/files/dialog/index.ts.template +5 -0
- package/schematics/components/files/drawer/drawer.ts.template +104 -0
- package/schematics/components/files/drawer/index.ts.template +5 -0
- package/schematics/components/files/form-field/form-field.ts.template +111 -0
- package/schematics/components/files/form-field/index.ts.template +6 -0
- package/schematics/components/files/form-field/input-style.directive.ts.template +11 -0
- package/schematics/components/files/hover-card/hover-card.ts.template +13 -0
- package/schematics/components/files/hover-card/index.ts.template +5 -0
- package/schematics/components/files/icon/icon.ts.template +16 -0
- package/schematics/components/files/icon/index.ts.template +1 -0
- package/schematics/components/files/inline-edit/index.ts.template +1 -0
- package/schematics/components/files/inline-edit/inline-edit.ts.template +24 -0
- package/schematics/components/files/keys/index.ts.template +5 -0
- package/schematics/components/files/keys/key.ts.template +35 -0
- package/schematics/components/files/list/index.ts.template +5 -0
- package/schematics/components/files/list/list.ts.template +28 -0
- package/schematics/components/files/mask/index.ts.template +1 -0
- package/schematics/components/files/mask/mask.ts.template +8 -0
- package/schematics/components/files/menu/context-menu.ts.template +14 -0
- package/schematics/components/files/menu/index.ts.template +8 -0
- package/schematics/components/files/menu/mention.ts.template +14 -0
- package/schematics/components/files/menu/menu.ts.template +37 -0
- package/schematics/components/files/menu/navigation-menu.ts.template +8 -0
- package/schematics/components/files/otp/index.ts.template +5 -0
- package/schematics/components/files/otp/otp.ts.template +37 -0
- package/schematics/components/files/pagination/index.ts.template +1 -0
- package/schematics/components/files/pagination/pagination.ts.template +71 -0
- package/schematics/components/files/picasa/index.ts.template +1 -0
- package/schematics/components/files/picasa/picasa-base.component.ts.template +80 -0
- package/schematics/components/files/picasa/picasa.component.ts.template +57 -0
- package/schematics/components/files/picasa/picasa.directive.ts.template +41 -0
- package/schematics/components/files/picasa/picase.service.ts.template +24 -0
- package/schematics/components/files/popover/index.ts.template +1 -0
- package/schematics/components/files/popover/popover.ts.template +64 -0
- package/schematics/components/files/progress/index.ts.template +5 -0
- package/schematics/components/files/progress/progress.ts.template +14 -0
- package/schematics/components/files/radio/index.ts.template +5 -0
- package/schematics/components/files/radio/radio.ts.template +35 -0
- package/schematics/components/files/resizable/index.ts.template +5 -0
- package/schematics/components/files/resizable/resizable.ts.template +56 -0
- package/schematics/components/files/scroll-area/index.ts.template +1 -0
- package/schematics/components/files/scroll-area/scroll-area.ts.template +40 -0
- package/schematics/components/files/select/index.ts.template +8 -0
- package/schematics/components/files/select/list-selection.ts.template +15 -0
- package/schematics/components/files/select/option.ts.template +35 -0
- package/schematics/components/files/select/select-input.ts.template +21 -0
- package/schematics/components/files/select/select.ts.template +96 -0
- package/schematics/components/files/selectable/index.ts.template +1 -0
- package/schematics/components/files/selectable/selectable.ts.template +34 -0
- package/schematics/components/files/separator/index.ts.template +5 -0
- package/schematics/components/files/separator/separator.ts.template +19 -0
- package/schematics/components/files/sheet/index.ts.template +5 -0
- package/schematics/components/files/sheet/sheet.ts.template +69 -0
- package/schematics/components/files/sidenav/index.ts.template +1 -0
- package/schematics/components/files/sidenav/sidenav.ts.template +48 -0
- package/schematics/components/files/skeleton/index.ts.template +1 -0
- package/schematics/components/files/skeleton/skeleton.ts.template +15 -0
- package/schematics/components/files/slider/index.ts.template +5 -0
- package/schematics/components/files/slider/slider.ts.template +35 -0
- package/schematics/components/files/sonner/index.ts.template +5 -0
- package/schematics/components/files/sonner/sonner.ts.template +59 -0
- package/schematics/components/files/spinner/index.ts.template +1 -0
- package/schematics/components/files/spinner/spinner.ts.template +79 -0
- package/schematics/components/files/stepper/index.ts.template +1 -0
- package/schematics/components/files/stepper/stepper.ts.template +88 -0
- package/schematics/components/files/switch/index.ts.template +5 -0
- package/schematics/components/files/switch/switch.ts.template +29 -0
- package/schematics/components/files/table/body-cell.ts.template +19 -0
- package/schematics/components/files/table/body-row.ts.template +21 -0
- package/schematics/components/files/table/column.ts.template +8 -0
- package/schematics/components/files/table/head-cell.ts.template +19 -0
- package/schematics/components/files/table/head-row.ts.template +27 -0
- package/schematics/components/files/table/index.ts.template +26 -0
- package/schematics/components/files/table/table.ts.template +20 -0
- package/schematics/components/files/tabs/index.ts.template +5 -0
- package/schematics/components/files/tabs/tab.ts.template +92 -0
- package/schematics/components/files/theme/index.ts.template +2 -0
- package/schematics/components/files/theme/theme-button.component.ts.template +26 -0
- package/schematics/components/files/theme/theme.service.ts.template +33 -0
- package/schematics/components/files/toggle/index.ts.template +5 -0
- package/schematics/components/files/toggle/toggle.ts.template +13 -0
- package/schematics/components/files/toggle-group/index.ts.template +5 -0
- package/schematics/components/files/toggle-group/toggle-group.ts.template +25 -0
- package/schematics/components/files/tooltip/index.ts.template +5 -0
- package/schematics/components/files/tooltip/tooltip.ts.template +45 -0
- package/schematics/components/files/tour/index.ts.template +1 -0
- package/schematics/components/files/tour/tour.ts.template +19 -0
- package/schematics/components/files/tree/index.ts.template +1 -0
- package/schematics/components/files/tree/tree.ts.template +66 -0
- package/schematics/components/index.d.ts +3 -0
- package/schematics/components/index.js +17 -0
- package/schematics/components/index.js.map +1 -0
- package/schematics/components/index.ts +29 -0
- package/schematics/components/schema.d.ts +6 -0
- package/schematics/components/schema.js +3 -0
- package/schematics/components/schema.js.map +1 -0
- package/schematics/components/schema.json +145 -0
- package/schematics/components/schema.ts +6 -0
- package/select/option-group.d.ts +3 -3
- package/select/select.d.ts +2 -2
- 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 +5 -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 +1 -1
- package/tabs/tab-group.d.ts +4 -4
- package/tabs/tab.d.ts +2 -2
- 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
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { DialogOptions, basePortal, BaseDialog, DialogRef } from '@ngbase/adk/portal';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { viewChild, ViewContainerRef, computed, afterNextRender, inject, Directive } from '@angular/core';
|
|
4
|
+
import { injectDirectionality } from '@ngbase/adk/bidi';
|
|
5
|
+
|
|
6
|
+
class SheetOptions extends DialogOptions {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.position = 'right';
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
function ngbSheetPortal(component) {
|
|
13
|
+
const NAME = 'sheet';
|
|
14
|
+
const base = basePortal(NAME, component);
|
|
15
|
+
function open(component, opt) {
|
|
16
|
+
const { diaRef } = base.open(component, comp => {
|
|
17
|
+
const options = { ...new SheetOptions(), ...opt };
|
|
18
|
+
comp.instance.setOptions(options);
|
|
19
|
+
}, opt);
|
|
20
|
+
const { afterClosed, close } = diaRef;
|
|
21
|
+
return { afterClosed, close };
|
|
22
|
+
}
|
|
23
|
+
function closeAll() {
|
|
24
|
+
base.closeAll();
|
|
25
|
+
}
|
|
26
|
+
return { open, closeAll };
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
class NgbSheetContainer extends BaseDialog {
|
|
30
|
+
constructor() {
|
|
31
|
+
super();
|
|
32
|
+
this.myDialog = viewChild('myDialog', { read: ViewContainerRef });
|
|
33
|
+
this.dir = injectDirectionality();
|
|
34
|
+
this.backdropColor = true;
|
|
35
|
+
this.classNames = '';
|
|
36
|
+
this.isHideHeader = false;
|
|
37
|
+
this.position = computed(() => {
|
|
38
|
+
return {
|
|
39
|
+
params: {
|
|
40
|
+
outTransform: this.dir.isRtl() ? 'translate3d(-100%, 0, 0)' : 'translate3d(100%, 0, 0)',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
});
|
|
44
|
+
afterNextRender(() => {
|
|
45
|
+
this._afterViewSource.next(this.myDialog());
|
|
46
|
+
// this.position.set('center');
|
|
47
|
+
});
|
|
48
|
+
const ref = inject(DialogRef);
|
|
49
|
+
ref.afterClosed.subscribe(() => {
|
|
50
|
+
console.log('afterClosed', this.options.position);
|
|
51
|
+
// this.position.set(this.options.position as 'left' | 'right' | 'center');
|
|
52
|
+
// this.position.set({
|
|
53
|
+
// params: {
|
|
54
|
+
// outTransform: this.dir.isRtl() ? 'translate3d(-100%, 0, 0)' : 'translate3d(100%, 0, 0)',
|
|
55
|
+
// },
|
|
56
|
+
// });
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
setOptions(options) {
|
|
60
|
+
this.options = options;
|
|
61
|
+
this.classNames = this.options.classNames?.join(' ') || '';
|
|
62
|
+
this.isHideHeader = this.options.header || false;
|
|
63
|
+
this.backdropColor = this.options.backdropColor || true;
|
|
64
|
+
// this.position.set(this.options.position as 'left' | 'right' | 'center');
|
|
65
|
+
}
|
|
66
|
+
ngOnDestroy() {
|
|
67
|
+
// this.position.set(this.options.position as 'left' | 'right' | 'center');
|
|
68
|
+
}
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSheetContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
70
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbSheetContainer, isStandalone: true, selector: "mee-sheet", host: { listeners: { "@parentAnimation.done": "animationDone()" }, properties: { "@parentAnimation": "" } }, viewQueries: [{ propertyName: "myDialog", first: true, predicate: ["myDialog"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
|
|
71
|
+
}
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSheetContainer, decorators: [{
|
|
73
|
+
type: Directive,
|
|
74
|
+
args: [{
|
|
75
|
+
selector: 'mee-sheet',
|
|
76
|
+
host: {
|
|
77
|
+
'[@parentAnimation]': '',
|
|
78
|
+
'(@parentAnimation.done)': 'animationDone()',
|
|
79
|
+
},
|
|
80
|
+
}]
|
|
81
|
+
}], ctorParameters: () => [] });
|
|
82
|
+
function aliasSheet(dialog) {
|
|
83
|
+
return { provide: NgbSheetContainer, useExisting: dialog };
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/*
|
|
87
|
+
* Public API Surface of sheet
|
|
88
|
+
*/
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Generated bundle index. Do not edit.
|
|
92
|
+
*/
|
|
93
|
+
|
|
94
|
+
export { NgbSheetContainer, SheetOptions, aliasSheet, ngbSheetPortal };
|
|
95
|
+
//# sourceMappingURL=ngbase-adk-sheet.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngbase-adk-sheet.mjs","sources":["../../../projects/adk/sheet/sheet.service.ts","../../../projects/adk/sheet/sheet.ts","../../../projects/adk/sheet/public-api.ts","../../../projects/adk/sheet/ngbase-adk-sheet.ts"],"sourcesContent":["import { basePortal, DialogInput, DialogOptions } from '@ngbase/adk/portal';\nimport { NgbSheetContainer } from './sheet';\n\nexport class SheetOptions extends DialogOptions {\n position?: 'left' | 'right' = 'right';\n}\n\nexport function ngbSheetPortal(component: typeof NgbSheetContainer) {\n const NAME = 'sheet';\n const base = basePortal(NAME, component);\n\n function open<T>(component: DialogInput, opt?: SheetOptions) {\n const { diaRef } = base.open(\n component,\n comp => {\n const options = { ...new SheetOptions(), ...opt };\n comp.instance.setOptions(options);\n },\n opt,\n );\n\n const { afterClosed, close } = diaRef;\n return { afterClosed, close };\n }\n\n function closeAll() {\n base.closeAll();\n }\n return { open, closeAll };\n}\n\nexport type NgbSheet = ReturnType<typeof ngbSheetPortal>;\n","import {\n Directive,\n OnDestroy,\n ViewContainerRef,\n afterNextRender,\n computed,\n inject,\n linkedSignal,\n signal,\n viewChild,\n} from '@angular/core';\nimport { BaseDialog, DialogRef } from '@ngbase/adk/portal';\nimport { SheetOptions } from './sheet.service';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\n\n@Directive({\n selector: 'mee-sheet',\n host: {\n '[@parentAnimation]': '',\n '(@parentAnimation.done)': 'animationDone()',\n },\n})\nexport class NgbSheetContainer extends BaseDialog implements OnDestroy {\n myDialog = viewChild('myDialog', { read: ViewContainerRef });\n readonly dir = injectDirectionality();\n backdropColor = true;\n options!: SheetOptions;\n classNames = '';\n isHideHeader = false;\n readonly position = computed(() => {\n return {\n params: {\n outTransform: this.dir.isRtl() ? 'translate3d(-100%, 0, 0)' : 'translate3d(100%, 0, 0)',\n },\n };\n });\n\n constructor() {\n super();\n afterNextRender(() => {\n this._afterViewSource.next(this.myDialog()!);\n // this.position.set('center');\n });\n const ref = inject(DialogRef);\n ref.afterClosed.subscribe(() => {\n console.log('afterClosed', this.options.position);\n // this.position.set(this.options.position as 'left' | 'right' | 'center');\n // this.position.set({\n // params: {\n // outTransform: this.dir.isRtl() ? 'translate3d(-100%, 0, 0)' : 'translate3d(100%, 0, 0)',\n // },\n // });\n });\n }\n\n override setOptions(options: SheetOptions): void {\n this.options = options;\n this.classNames = this.options.classNames?.join(' ') || '';\n this.isHideHeader = this.options.header || false;\n this.backdropColor = this.options.backdropColor || true;\n // this.position.set(this.options.position as 'left' | 'right' | 'center');\n }\n\n ngOnDestroy(): void {\n // this.position.set(this.options.position as 'left' | 'right' | 'center');\n }\n}\n\nexport function aliasSheet(dialog: typeof NgbSheetContainer) {\n return { provide: NgbSheetContainer, useExisting: dialog };\n}\n","/*\n * Public API Surface of sheet\n */\n\nexport * from './sheet.service';\nexport * from './sheet';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
91
91
|
},
|
|
92
92
|
}]
|
|
93
93
|
}], ctorParameters: () => [] });
|
|
94
|
-
const
|
|
94
|
+
const aliasSidenav = (sidenav) => [
|
|
95
95
|
SidenavService,
|
|
96
96
|
{ provide: NgbSidenav, useExisting: sidenav },
|
|
97
97
|
];
|
|
@@ -205,5 +205,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
205
205
|
* Generated bundle index. Do not edit.
|
|
206
206
|
*/
|
|
207
207
|
|
|
208
|
-
export { NgbSidenav, NgbSidenavHeader, NgbSidenavHeaderContent, NgbSidenavHeaderTrack, NgbSidenavOverlay,
|
|
208
|
+
export { NgbSidenav, NgbSidenavHeader, NgbSidenavHeaderContent, NgbSidenavHeaderTrack, NgbSidenavOverlay, aliasSidenav, slideAnimation };
|
|
209
209
|
//# sourceMappingURL=ngbase-adk-sidenav.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-sidenav.mjs","sources":["../../../projects/adk/sidenav/sidenav.service.ts","../../../projects/adk/sidenav/sidenav.ts","../../../projects/adk/sidenav/sidenav-header.ts","../../../projects/adk/sidenav/ngbase-adk-sidenav.ts"],"sourcesContent":["import { computed, Injectable, signal } from '@angular/core';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\n\nexport type SidenavType = 'side' | 'over' | 'partial';\n\n@Injectable()\nexport class SidenavService {\n readonly dir = injectDirectionality();\n width = signal('0');\n show = signal(true);\n mode = signal<'side' | 'over' | 'partial'>('side');\n minWidth = signal('0');\n readonly status = signal(1);\n\n readonly visibility = computed(() => (this.mode() === 'partial' ? true : this.status()));\n readonly animate = computed(() => (this.mode() === 'partial' ? true : this.show()));\n\n readonly w = computed(() =>\n this.show() && this.mode() !== 'over'\n ? this.width()\n : this.mode() === 'partial'\n ? this.minWidth()\n : '0',\n );\n\n readonly styles = computed(() => {\n const styles = {} as any;\n if (this.dir.isRtl()) {\n styles.paddingRight = this.w();\n } else {\n styles.paddingLeft = this.w();\n }\n return styles;\n });\n\n animationDone() {\n this.status.set(this.show() ? 1 : 0);\n }\n\n animationStart() {\n this.status.set(1);\n }\n}\n","import {\n Component,\n computed,\n Directive,\n inject,\n input,\n linkedSignal,\n model,\n signal,\n Type,\n} from '@angular/core';\nimport { fadeAnimation } from '@ngbase/adk/utils';\nimport { SidenavType } from './sidenav.service';\nimport { SidenavService } from './sidenav.service';\n\n@Component({\n selector: '[ngbSidenavOverlay]',\n template: ``,\n host: {\n class: 'sidenav-overlay',\n style: 'position:absolute;left:0;top:0;width:100%;height:100%;',\n '(click)': 'sidenav.toggle()',\n '[@fadeAnimation]': '',\n },\n animations: [fadeAnimation('500ms')],\n})\nexport class NgbSidenavOverlay {\n readonly sidenav = inject(NgbSidenav);\n}\n\n@Directive({\n selector: '[ngbSidenav]',\n exportAs: 'ngbSidenav',\n providers: [SidenavService],\n host: {\n style: 'position:relative;width:100%;height:100%;',\n },\n})\nexport class NgbSidenav {\n readonly sidenavService = inject(SidenavService);\n\n // Inputs\n readonly show = model(true);\n readonly mode = input<SidenavType>('side');\n\n readonly showOverlay = computed(() => this.mode() === 'over' && this.show());\n\n constructor() {\n this.sidenavService.show = linkedSignal(this.show);\n this.sidenavService.mode = linkedSignal(this.mode);\n }\n\n toggle() {\n this.show.update(show => !show);\n }\n}\n\nexport const provideSidenav = (sidenav: Type<NgbSidenav>) => [\n SidenavService,\n { provide: NgbSidenav, useExisting: sidenav },\n];\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { computed, Directive, ElementRef, inject, input, linkedSignal } from '@angular/core';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { SidenavService } from './sidenav.service';\n\n@Directive({\n selector: '[ngbSidenavHeaderContent]',\n host: {\n '[style.width]': 'w()',\n },\n})\nexport class NgbSidenavHeaderContent {\n readonly sidenav = inject(SidenavService);\n readonly w = computed(() =>\n this.sidenav.mode() === 'partial' && !this.sidenav.show()\n ? this.sidenav.minWidth()\n : this.sidenav.width(),\n );\n}\n\n@Directive({\n selector: '[ngbSidenavHeaderTrack]',\n host: {\n '[style.width]': 'sidenav.w()',\n },\n})\nexport class NgbSidenavHeaderTrack {\n readonly sidenav = inject(SidenavService);\n}\n\nexport function slideAnimation(ease: string) {\n return trigger('slide', [\n state('true', style({ transform: 'translateX(0)' })),\n state('false', style({ transform: 'translateX({{x}})' }), { params: { x: '-100%' } }),\n transition('* <=> *', [animate(ease)]),\n ]);\n}\n\n@Directive({\n selector: '[ngbSidenavHeader]',\n host: {\n style: 'overflow:hidden;position:absolute;',\n '[style.visibility]': 'sidenav.visibility() ? \"visible\" : \"hidden\"',\n '[style]': `headerStyles()`,\n '[style.width]': `actualWidth()`,\n '[attr.aria-hidden]': '!sidenav.show()',\n '[attr.data-mode]': 'sidenav.mode()',\n '[@slide]': `{ value: sidenav.animate(), params: { x: dir.isRtl() ? w() : '-'+w() } }`,\n '(@slide.done)': 'sidenav.animationDone()',\n '(@slide.start)': 'sidenav.animationStart()',\n '[@.disabled]': 'isAnimationDisabled()',\n },\n})\nexport class NgbSidenavHeader {\n readonly sidenav = inject(SidenavService);\n readonly el = inject(ElementRef);\n readonly dir = inject(Directionality);\n\n readonly width = input('250px');\n readonly minWidth = input('0');\n\n private initial = 0;\n readonly isAnimationDisabled = linkedSignal({\n source: this.sidenav.animate,\n computation: () => this.initial++ === 0, // this will not considered on initial render due to increment\n });\n\n readonly w = computed(() => (this.sidenav.mode() === 'partial' ? this.minWidth() : this.width()));\n readonly actualWidth = computed(() => {\n if (this.sidenav.show()) {\n return this.width();\n } else if (this.sidenav.mode() === 'partial') {\n return this.minWidth();\n } else if (this.sidenav.mode() === 'over') {\n return this.width();\n }\n return this.width();\n });\n\n readonly headerStyles = computed(() => {\n let styles = {};\n if (this.sidenav.mode() === 'over') {\n styles = { ...styles, position: 'absolute', top: '0', height: '100%' };\n }\n if (this.dir.isRtl()) {\n styles = { ...styles, right: '0' };\n } else {\n styles = { ...styles, left: '0' };\n }\n return styles;\n });\n\n constructor() {\n this.sidenav.width = linkedSignal(this.width);\n this.sidenav.minWidth = linkedSignal(this.minWidth);\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-sidenav.mjs","sources":["../../../projects/adk/sidenav/sidenav.service.ts","../../../projects/adk/sidenav/sidenav.ts","../../../projects/adk/sidenav/sidenav-header.ts","../../../projects/adk/sidenav/ngbase-adk-sidenav.ts"],"sourcesContent":["import { computed, Injectable, signal } from '@angular/core';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\n\nexport type SidenavType = 'side' | 'over' | 'partial';\n\n@Injectable()\nexport class SidenavService {\n readonly dir = injectDirectionality();\n width = signal('0');\n show = signal(true);\n mode = signal<'side' | 'over' | 'partial'>('side');\n minWidth = signal('0');\n readonly status = signal(1);\n\n readonly visibility = computed(() => (this.mode() === 'partial' ? true : this.status()));\n readonly animate = computed(() => (this.mode() === 'partial' ? true : this.show()));\n\n readonly w = computed(() =>\n this.show() && this.mode() !== 'over'\n ? this.width()\n : this.mode() === 'partial'\n ? this.minWidth()\n : '0',\n );\n\n readonly styles = computed(() => {\n const styles = {} as any;\n if (this.dir.isRtl()) {\n styles.paddingRight = this.w();\n } else {\n styles.paddingLeft = this.w();\n }\n return styles;\n });\n\n animationDone() {\n this.status.set(this.show() ? 1 : 0);\n }\n\n animationStart() {\n this.status.set(1);\n }\n}\n","import {\n Component,\n computed,\n Directive,\n inject,\n input,\n linkedSignal,\n model,\n Type,\n} from '@angular/core';\nimport { fadeAnimation } from '@ngbase/adk/utils';\nimport { SidenavType } from './sidenav.service';\nimport { SidenavService } from './sidenav.service';\n\n@Component({\n selector: '[ngbSidenavOverlay]',\n template: ``,\n host: {\n class: 'sidenav-overlay',\n style: 'position:absolute;left:0;top:0;width:100%;height:100%;',\n '(click)': 'sidenav.toggle()',\n '[@fadeAnimation]': '',\n },\n animations: [fadeAnimation('500ms')],\n})\nexport class NgbSidenavOverlay {\n readonly sidenav = inject(NgbSidenav);\n}\n\n@Directive({\n selector: '[ngbSidenav]',\n exportAs: 'ngbSidenav',\n providers: [SidenavService],\n host: {\n style: 'position:relative;width:100%;height:100%;',\n },\n})\nexport class NgbSidenav {\n readonly sidenavService = inject(SidenavService);\n\n // Inputs\n readonly show = model(true);\n readonly mode = input<SidenavType>('side');\n\n readonly showOverlay = computed(() => this.mode() === 'over' && this.show());\n\n constructor() {\n this.sidenavService.show = linkedSignal(this.show);\n this.sidenavService.mode = linkedSignal(this.mode);\n }\n\n toggle() {\n this.show.update(show => !show);\n }\n}\n\nexport const aliasSidenav = (sidenav: Type<NgbSidenav>) => [\n SidenavService,\n { provide: NgbSidenav, useExisting: sidenav },\n];\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { computed, Directive, ElementRef, inject, input, linkedSignal } from '@angular/core';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { SidenavService } from './sidenav.service';\n\n@Directive({\n selector: '[ngbSidenavHeaderContent]',\n host: {\n '[style.width]': 'w()',\n },\n})\nexport class NgbSidenavHeaderContent {\n readonly sidenav = inject(SidenavService);\n readonly w = computed(() =>\n this.sidenav.mode() === 'partial' && !this.sidenav.show()\n ? this.sidenav.minWidth()\n : this.sidenav.width(),\n );\n}\n\n@Directive({\n selector: '[ngbSidenavHeaderTrack]',\n host: {\n '[style.width]': 'sidenav.w()',\n },\n})\nexport class NgbSidenavHeaderTrack {\n readonly sidenav = inject(SidenavService);\n}\n\nexport function slideAnimation(ease: string) {\n return trigger('slide', [\n state('true', style({ transform: 'translateX(0)' })),\n state('false', style({ transform: 'translateX({{x}})' }), { params: { x: '-100%' } }),\n transition('* <=> *', [animate(ease)]),\n ]);\n}\n\n@Directive({\n selector: '[ngbSidenavHeader]',\n host: {\n style: 'overflow:hidden;position:absolute;',\n '[style.visibility]': 'sidenav.visibility() ? \"visible\" : \"hidden\"',\n '[style]': `headerStyles()`,\n '[style.width]': `actualWidth()`,\n '[attr.aria-hidden]': '!sidenav.show()',\n '[attr.data-mode]': 'sidenav.mode()',\n '[@slide]': `{ value: sidenav.animate(), params: { x: dir.isRtl() ? w() : '-'+w() } }`,\n '(@slide.done)': 'sidenav.animationDone()',\n '(@slide.start)': 'sidenav.animationStart()',\n '[@.disabled]': 'isAnimationDisabled()',\n },\n})\nexport class NgbSidenavHeader {\n readonly sidenav = inject(SidenavService);\n readonly el = inject(ElementRef);\n readonly dir = inject(Directionality);\n\n readonly width = input('250px');\n readonly minWidth = input('0');\n\n private initial = 0;\n readonly isAnimationDisabled = linkedSignal({\n source: this.sidenav.animate,\n computation: () => this.initial++ === 0, // this will not considered on initial render due to increment\n });\n\n readonly w = computed(() => (this.sidenav.mode() === 'partial' ? this.minWidth() : this.width()));\n readonly actualWidth = computed(() => {\n if (this.sidenav.show()) {\n return this.width();\n } else if (this.sidenav.mode() === 'partial') {\n return this.minWidth();\n } else if (this.sidenav.mode() === 'over') {\n return this.width();\n }\n return this.width();\n });\n\n readonly headerStyles = computed(() => {\n let styles = {};\n if (this.sidenav.mode() === 'over') {\n styles = { ...styles, position: 'absolute', top: '0', height: '100%' };\n }\n if (this.dir.isRtl()) {\n styles = { ...styles, right: '0' };\n } else {\n styles = { ...styles, left: '0' };\n }\n return styles;\n });\n\n constructor() {\n this.sidenav.width = linkedSignal(this.width);\n this.sidenav.minWidth = linkedSignal(this.minWidth);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, linkedSignal, Directive, ElementRef, computed, viewChild, viewChildren, model, input, numberAttribute, booleanAttribute, effect, untracked, afterNextRender
|
|
2
|
+
import { inject, linkedSignal, Directive, ElementRef, computed, viewChild, viewChildren, model, input, numberAttribute, booleanAttribute, effect, untracked, afterNextRender } from '@angular/core';
|
|
3
3
|
import { Directionality } from '@ngbase/adk/bidi';
|
|
4
4
|
import * as i1 from '@ngbase/adk/drag';
|
|
5
5
|
import { Drag } from '@ngbase/adk/drag';
|
|
@@ -292,35 +292,21 @@ class NgbSlider {
|
|
|
292
292
|
this.onChange?.(percentage);
|
|
293
293
|
this.onTouched?.();
|
|
294
294
|
}
|
|
295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSlider, deps: [], target: i0.ɵɵFactoryTarget.
|
|
296
|
-
static { this.ɵ
|
|
297
|
-
<div ngbSliderTrack>
|
|
298
|
-
<div ngbSliderRange></div>
|
|
299
|
-
</div>
|
|
300
|
-
@for (thumb of noOfThumbs(); track thumb) {
|
|
301
|
-
<button ngbSliderThumb></button>
|
|
302
|
-
}
|
|
303
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: SliderTrack, selector: "[ngbSliderTrack]" }, { kind: "directive", type: SliderRange, selector: "[ngbSliderRange]" }, { kind: "directive", type: SliderThumb, selector: "[ngbSliderThumb]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
295
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
296
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbSlider, isStandalone: true, selector: "[ngbSlider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.aria-orientation": "orientation()" } }, providers: [provideValueAccessor(NgbSlider)], viewQueries: [{ propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }, { propertyName: "track", first: true, predicate: SliderRange, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "thumbs", predicate: SliderThumb, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbSlider"], ngImport: i0 }); }
|
|
304
297
|
}
|
|
305
298
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSlider, decorators: [{
|
|
306
|
-
type:
|
|
299
|
+
type: Directive,
|
|
307
300
|
args: [{
|
|
308
301
|
selector: '[ngbSlider]',
|
|
309
302
|
exportAs: 'ngbSlider',
|
|
310
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
311
303
|
providers: [provideValueAccessor(NgbSlider)],
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
<div ngbSliderRange></div>
|
|
316
|
-
</div>
|
|
317
|
-
@for (thumb of noOfThumbs(); track thumb) {
|
|
318
|
-
<button ngbSliderThumb></button>
|
|
319
|
-
}
|
|
320
|
-
`,
|
|
304
|
+
host: {
|
|
305
|
+
'[attr.aria-orientation]': 'orientation()',
|
|
306
|
+
},
|
|
321
307
|
}]
|
|
322
308
|
}], ctorParameters: () => [] });
|
|
323
|
-
const
|
|
309
|
+
const aliasSlider = (slider) => [
|
|
324
310
|
{ provide: NgbSlider, useExisting: slider },
|
|
325
311
|
provideValueAccessor(slider),
|
|
326
312
|
];
|
|
@@ -333,5 +319,5 @@ const provideSlider = (slider) => [
|
|
|
333
319
|
* Generated bundle index. Do not edit.
|
|
334
320
|
*/
|
|
335
321
|
|
|
336
|
-
export { NgbSlider, SliderRange, SliderThumb, SliderTrack,
|
|
322
|
+
export { NgbSlider, SliderRange, SliderThumb, SliderTrack, aliasSlider };
|
|
337
323
|
//# sourceMappingURL=ngbase-adk-slider.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-slider.mjs","sources":["../../../projects/adk/slider/slider.ts","../../../projects/adk/slider/public-api.ts","../../../projects/adk/slider/ngbase-adk-slider.ts"],"sourcesContent":["import {\n afterNextRender,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n effect,\n ElementRef,\n inject,\n input,\n linkedSignal,\n model,\n numberAttribute,\n Type,\n untracked,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbSliderTrack]',\n hostDirectives: [Drag],\n host: {\n style: 'overflow: hidden; position: relative;',\n '[attr.aria-disabled]': 'slider.disabled()',\n },\n})\nexport class SliderTrack {\n readonly slider = inject(NgbSlider);\n private readonly drag = inject(Drag);\n\n constructor() {\n this.drag._disabled = linkedSignal(this.slider.disabled);\n }\n}\n\n@Directive({\n selector: '[ngbSliderRange]',\n host: {\n '[attr.aria-disabled]': 'slider.disabled()',\n style: 'position: absolute;',\n },\n})\nexport class SliderRange {\n readonly slider = inject(NgbSlider);\n}\n\n@Directive({\n selector: '[ngbSliderThumb]',\n host: {\n type: 'button',\n role: 'slider',\n style: 'position: absolute; pointer-events: none;',\n '[attr.tabindex]': 'slider.disabled() ? -1 : 0',\n '[attr.aria-disabled]': 'slider.disabled()',\n '[attr.aria-valuemin]': 'slider.min()',\n '[attr.aria-valuemax]': 'slider.max()',\n '[attr.aria-valuenow]': 'value()',\n },\n})\nexport class SliderThumb {\n readonly slider = inject(NgbSlider);\n readonly el = inject(ElementRef);\n\n readonly index = computed(() => {\n return this.slider.thumbs().findIndex(t => t.nativeElement === this.el.nativeElement);\n });\n readonly value = computed(() => {\n const values = this.slider.value();\n if (!values) return values;\n return this.slider.range() > 1 ? (values as number[])[this.index()] : values;\n });\n}\n\n@Component({\n selector: '[ngbSlider]',\n exportAs: 'ngbSlider',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [provideValueAccessor(NgbSlider)],\n imports: [SliderTrack, SliderRange, SliderThumb],\n template: `\n <div ngbSliderTrack>\n <div ngbSliderRange></div>\n </div>\n @for (thumb of noOfThumbs(); track thumb) {\n <button ngbSliderThumb></button>\n }\n `,\n})\nexport class NgbSlider implements ControlValueAccessor {\n private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly dir = inject(Directionality); // this.dir.isRtl();\n private readonly drag = viewChild.required(Drag);\n private readonly track = viewChild.required<SliderRange, ElementRef<HTMLElement>>(SliderRange, {\n read: ElementRef,\n });\n readonly thumbs = viewChildren<SliderThumb, ElementRef<HTMLElement>>(SliderThumb, {\n read: ElementRef,\n });\n\n readonly value = model<number | number[]>();\n readonly step = input(1, { transform: numberAttribute });\n readonly min = input(0, { transform: numberAttribute });\n readonly max = input(100, { transform: numberAttribute });\n readonly range = input(1, { transform: numberAttribute });\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n private onChange?: (value: number | number[]) => {};\n private onTouched?: () => {};\n\n readonly noOfThumbs = computed(() => Array.from({ length: this.range() }, (_, i) => i));\n private readonly totalSteps = computed(() => (this.max() - this.min()) / this.step());\n private values: number[] = [];\n private activeIndex = 0;\n private totalWidth = 0;\n private totalSliderWidth = 0;\n\n constructor() {\n effect(() => {\n const value = this.value() || 0;\n // we need to update the value direction when direction changes\n const _ = this.dir.isRtl();\n if (this.thumbs().length) {\n untracked(() => this.handleValueUpdate(value));\n }\n });\n\n afterNextRender(() => {\n this.drag().events.subscribe(data => this.move(data));\n });\n }\n\n private handleValueUpdate(value: number | number[]) {\n const values = this.values;\n const range = this.range() > 1;\n if ((range && value !== values) || (!range && value !== values[0])) {\n const v = Array.isArray(value) ? value : [value];\n this.values = v.map(v => this.fixStep(v));\n }\n\n this.updateElement();\n }\n\n private updateElement() {\n const positions = this.values.map(x => this.toPercentage(x));\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n const track = this.track().nativeElement;\n\n // Update thumb positions\n this.thumbs().forEach((thumb, i) => {\n const value = this.values[i];\n let pos = isVertical ? 100 - positions[i] : positions[i];\n // Invert position for RTL\n if (isRtl) {\n pos = 100 - pos;\n }\n const prop = isVertical ? 'top' : 'left';\n const thumbSize = this.getThumbSize(value, thumb.nativeElement.offsetWidth);\n const offset = isVertical || isRtl ? -thumbSize : thumbSize;\n thumb.nativeElement.style[prop] = `calc(${pos}% + ${offset}px)`;\n });\n\n // Update track position\n const [min, max] =\n positions.length > 1 ? [Math.min(...positions), Math.max(...positions)] : [0, positions[0]];\n\n if (isVertical) {\n track.style.top = 100 - max + '%';\n track.style.bottom = min + '%';\n track.style.width = '100%';\n } else {\n track.style.left = (isRtl ? 100 - max : min) + '%';\n track.style.right = (isRtl ? min : 100 - max) + '%';\n track.style.height = '100%';\n }\n }\n\n private getThumbSize(value: number, thumbSize: number = 0) {\n const currentStep = (value - this.min()) / this.step();\n const halfSteps = this.totalSteps() / 2;\n const halfThumbSize = thumbSize / 2;\n\n // Return 0 for middle, positive offset for first half, negative for second half\n const offset = currentStep - halfSteps;\n return -(offset / halfSteps) * halfThumbSize;\n }\n\n writeValue(value: number | number[]): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n private get width() {\n return this.orientation() === 'vertical'\n ? this.el.nativeElement.clientHeight\n : this.el.nativeElement.clientWidth;\n }\n\n // We need to consider the min value also because the slider can be negative\n private toPercentage(value: number) {\n const min = this.min();\n const max = this.max();\n const range = max - min;\n const percentage = ((value - min) / range) * 100;\n return percentage;\n }\n\n private fromPercentage(percentage: number) {\n const min = this.min();\n const max = this.max();\n const range = max - min;\n const value = (percentage / 100) * range + min;\n return value;\n }\n\n private move(data: DragData) {\n requestAnimationFrame(() => this.moveSlider(data));\n }\n\n private clicked(clientX: number) {\n const slider = this.el.nativeElement;\n const rect = slider.getBoundingClientRect();\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n\n let position: number;\n if (isVertical) {\n position = rect.top;\n } else {\n position = isRtl ? rect.right : rect.left;\n clientX = isRtl ? -clientX : clientX; // Invert the click position for RTL\n }\n\n return this.perRound(clientX + (isRtl ? position : -position), this.width, isVertical);\n }\n\n private perRound(x: number, width: number, reverse = false) {\n // the new percentage of the slider\n let percentage = (x / width) * 100;\n if (reverse) {\n percentage = 100 - percentage;\n }\n // convert percentage to value\n return this.fromPercentage(percentage);\n }\n\n private fixStep(value = this.min()) {\n // make sure the value is within the min and max\n // we need to make the percentage to be a multiple of the step\n value = parseFloat((Math.round(value / this.step()) * this.step()).toFixed(10));\n return Math.max(this.min(), Math.min(this.max(), value));\n }\n\n private moveSlider(data: DragData) {\n data.event?.preventDefault();\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n\n let cx = data.clientX!;\n let x = data.x!;\n\n if (isVertical) {\n cx = data.clientY!;\n x = -data.y!;\n } else if (isRtl) {\n x = -x; // Invert the movement for RTL\n }\n // convert value to percentage based on the max value\n if (data.type === 'start') {\n const clickedValue = this.clicked(cx);\n const valuePercentage = this.toPercentage(clickedValue);\n // total width of the slider\n this.totalWidth = this.width;\n // the width of the slider using current percentage\n this.totalSliderWidth = this.totalWidth * (valuePercentage / 100);\n\n // make sure the values are equal length as the range\n if (this.values.length !== this.range()) {\n this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.min());\n }\n // sort the values\n this.values = this.values.sort((a, b) => a - b);\n\n // find the nearest value index based on the percentage\n this.activeIndex = this.values.reduce((closestIndex, value, index) => {\n const diff = Math.abs(this.toPercentage(value) - valuePercentage);\n return diff < Math.abs(this.toPercentage(this.values[closestIndex]) - valuePercentage)\n ? index\n : closestIndex;\n }, 0);\n this.updateValue(this.activeIndex, clickedValue);\n if (this.values[this.activeIndex] !== this.value()) {\n this.notifyChange();\n }\n } else if (data.type === 'move') {\n // the new percentage of the slider\n const newSize = this.totalSliderWidth + x;\n const percentage = this.perRound(newSize, this.totalWidth);\n // update the value only when the percentage is different and within the range\n const prevValue = this.values[this.activeIndex];\n const currentValue = this.updateValue(this.activeIndex, percentage);\n if (prevValue !== currentValue) {\n this.notifyChange();\n }\n } else {\n this.totalWidth = 0;\n this.totalSliderWidth = 0;\n }\n }\n\n private updateValue(index: number, value: number) {\n const values = this.values;\n let stepValue = this.fixStep(value);\n\n // Clamp the value between min and max\n stepValue = Math.max(this.min(), Math.min(this.max(), stepValue));\n values[index] = stepValue;\n\n this.values = values.sort((a, b) => a - b);\n this.activeIndex = this.values.findIndex(v => v === stepValue);\n return stepValue;\n }\n\n private notifyChange() {\n const percentage = this.range() > 1 ? [...this.values] : this.values[0];\n this.value.set(percentage);\n this.onChange?.(percentage);\n this.onTouched?.();\n }\n}\n\nexport const provideSlider = (slider: Type<NgbSlider>) => [\n { provide: NgbSlider, useExisting: slider },\n provideValueAccessor(slider),\n];\n","/*\n * Public API Surface of slider\n */\n\nexport { NgbSlider, SliderTrack, SliderRange, SliderThumb, provideSlider } from './slider';\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-slider.mjs","sources":["../../../projects/adk/slider/slider.ts","../../../projects/adk/slider/public-api.ts","../../../projects/adk/slider/ngbase-adk-slider.ts"],"sourcesContent":["import {\n afterNextRender,\n booleanAttribute,\n computed,\n Directive,\n effect,\n ElementRef,\n inject,\n input,\n linkedSignal,\n model,\n numberAttribute,\n untracked,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbSliderTrack]',\n hostDirectives: [Drag],\n host: {\n style: 'overflow: hidden; position: relative;',\n '[attr.aria-disabled]': 'slider.disabled()',\n },\n})\nexport class SliderTrack {\n readonly slider = inject(NgbSlider);\n private readonly drag = inject(Drag);\n\n constructor() {\n this.drag._disabled = linkedSignal(this.slider.disabled);\n }\n}\n\n@Directive({\n selector: '[ngbSliderRange]',\n host: {\n '[attr.aria-disabled]': 'slider.disabled()',\n style: 'position: absolute;',\n },\n})\nexport class SliderRange {\n readonly slider = inject(NgbSlider);\n}\n\n@Directive({\n selector: '[ngbSliderThumb]',\n host: {\n type: 'button',\n role: 'slider',\n style: 'position: absolute; pointer-events: none;',\n '[attr.tabindex]': 'slider.disabled() ? -1 : 0',\n '[attr.aria-disabled]': 'slider.disabled()',\n '[attr.aria-valuemin]': 'slider.min()',\n '[attr.aria-valuemax]': 'slider.max()',\n '[attr.aria-valuenow]': 'value()',\n },\n})\nexport class SliderThumb {\n readonly slider = inject(NgbSlider);\n readonly el = inject(ElementRef);\n\n readonly index = computed(() => {\n return this.slider.thumbs().findIndex(t => t.nativeElement === this.el.nativeElement);\n });\n readonly value = computed(() => {\n const values = this.slider.value();\n if (!values) return values;\n return this.slider.range() > 1 ? (values as number[])[this.index()] : values;\n });\n}\n\n@Directive({\n selector: '[ngbSlider]',\n exportAs: 'ngbSlider',\n providers: [provideValueAccessor(NgbSlider)],\n host: {\n '[attr.aria-orientation]': 'orientation()',\n },\n})\nexport class NgbSlider implements ControlValueAccessor {\n private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly dir = inject(Directionality); // this.dir.isRtl();\n private readonly drag = viewChild.required(Drag);\n private readonly track = viewChild.required<SliderRange, ElementRef<HTMLElement>>(SliderRange, {\n read: ElementRef,\n });\n readonly thumbs = viewChildren<SliderThumb, ElementRef<HTMLElement>>(SliderThumb, {\n read: ElementRef,\n });\n\n readonly value = model<number | number[]>();\n readonly step = input(1, { transform: numberAttribute });\n readonly min = input(0, { transform: numberAttribute });\n readonly max = input(100, { transform: numberAttribute });\n readonly range = input(1, { transform: numberAttribute });\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n private onChange?: (value: number | number[]) => {};\n private onTouched?: () => {};\n\n readonly noOfThumbs = computed(() => Array.from({ length: this.range() }, (_, i) => i));\n private readonly totalSteps = computed(() => (this.max() - this.min()) / this.step());\n private values: number[] = [];\n private activeIndex = 0;\n private totalWidth = 0;\n private totalSliderWidth = 0;\n\n constructor() {\n effect(() => {\n const value = this.value() || 0;\n // we need to update the value direction when direction changes\n const _ = this.dir.isRtl();\n if (this.thumbs().length) {\n untracked(() => this.handleValueUpdate(value));\n }\n });\n\n afterNextRender(() => {\n this.drag().events.subscribe(data => this.move(data));\n });\n }\n\n private handleValueUpdate(value: number | number[]) {\n const values = this.values;\n const range = this.range() > 1;\n if ((range && value !== values) || (!range && value !== values[0])) {\n const v = Array.isArray(value) ? value : [value];\n this.values = v.map(v => this.fixStep(v));\n }\n\n this.updateElement();\n }\n\n private updateElement() {\n const positions = this.values.map(x => this.toPercentage(x));\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n const track = this.track().nativeElement;\n\n // Update thumb positions\n this.thumbs().forEach((thumb, i) => {\n const value = this.values[i];\n let pos = isVertical ? 100 - positions[i] : positions[i];\n // Invert position for RTL\n if (isRtl) {\n pos = 100 - pos;\n }\n const prop = isVertical ? 'top' : 'left';\n const thumbSize = this.getThumbSize(value, thumb.nativeElement.offsetWidth);\n const offset = isVertical || isRtl ? -thumbSize : thumbSize;\n thumb.nativeElement.style[prop] = `calc(${pos}% + ${offset}px)`;\n });\n\n // Update track position\n const [min, max] =\n positions.length > 1 ? [Math.min(...positions), Math.max(...positions)] : [0, positions[0]];\n\n if (isVertical) {\n track.style.top = 100 - max + '%';\n track.style.bottom = min + '%';\n track.style.width = '100%';\n } else {\n track.style.left = (isRtl ? 100 - max : min) + '%';\n track.style.right = (isRtl ? min : 100 - max) + '%';\n track.style.height = '100%';\n }\n }\n\n private getThumbSize(value: number, thumbSize: number = 0) {\n const currentStep = (value - this.min()) / this.step();\n const halfSteps = this.totalSteps() / 2;\n const halfThumbSize = thumbSize / 2;\n\n // Return 0 for middle, positive offset for first half, negative for second half\n const offset = currentStep - halfSteps;\n return -(offset / halfSteps) * halfThumbSize;\n }\n\n writeValue(value: number | number[]): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n private get width() {\n return this.orientation() === 'vertical'\n ? this.el.nativeElement.clientHeight\n : this.el.nativeElement.clientWidth;\n }\n\n // We need to consider the min value also because the slider can be negative\n private toPercentage(value: number) {\n const min = this.min();\n const max = this.max();\n const range = max - min;\n const percentage = ((value - min) / range) * 100;\n return percentage;\n }\n\n private fromPercentage(percentage: number) {\n const min = this.min();\n const max = this.max();\n const range = max - min;\n const value = (percentage / 100) * range + min;\n return value;\n }\n\n private move(data: DragData) {\n requestAnimationFrame(() => this.moveSlider(data));\n }\n\n private clicked(clientX: number) {\n const slider = this.el.nativeElement;\n const rect = slider.getBoundingClientRect();\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n\n let position: number;\n if (isVertical) {\n position = rect.top;\n } else {\n position = isRtl ? rect.right : rect.left;\n clientX = isRtl ? -clientX : clientX; // Invert the click position for RTL\n }\n\n return this.perRound(clientX + (isRtl ? position : -position), this.width, isVertical);\n }\n\n private perRound(x: number, width: number, reverse = false) {\n // the new percentage of the slider\n let percentage = (x / width) * 100;\n if (reverse) {\n percentage = 100 - percentage;\n }\n // convert percentage to value\n return this.fromPercentage(percentage);\n }\n\n private fixStep(value = this.min()) {\n // make sure the value is within the min and max\n // we need to make the percentage to be a multiple of the step\n value = parseFloat((Math.round(value / this.step()) * this.step()).toFixed(10));\n return Math.max(this.min(), Math.min(this.max(), value));\n }\n\n private moveSlider(data: DragData) {\n data.event?.preventDefault();\n const isVertical = this.orientation() === 'vertical';\n const isRtl = !isVertical && this.dir.isRtl();\n\n let cx = data.clientX!;\n let x = data.x!;\n\n if (isVertical) {\n cx = data.clientY!;\n x = -data.y!;\n } else if (isRtl) {\n x = -x; // Invert the movement for RTL\n }\n // convert value to percentage based on the max value\n if (data.type === 'start') {\n const clickedValue = this.clicked(cx);\n const valuePercentage = this.toPercentage(clickedValue);\n // total width of the slider\n this.totalWidth = this.width;\n // the width of the slider using current percentage\n this.totalSliderWidth = this.totalWidth * (valuePercentage / 100);\n\n // make sure the values are equal length as the range\n if (this.values.length !== this.range()) {\n this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.min());\n }\n // sort the values\n this.values = this.values.sort((a, b) => a - b);\n\n // find the nearest value index based on the percentage\n this.activeIndex = this.values.reduce((closestIndex, value, index) => {\n const diff = Math.abs(this.toPercentage(value) - valuePercentage);\n return diff < Math.abs(this.toPercentage(this.values[closestIndex]) - valuePercentage)\n ? index\n : closestIndex;\n }, 0);\n this.updateValue(this.activeIndex, clickedValue);\n if (this.values[this.activeIndex] !== this.value()) {\n this.notifyChange();\n }\n } else if (data.type === 'move') {\n // the new percentage of the slider\n const newSize = this.totalSliderWidth + x;\n const percentage = this.perRound(newSize, this.totalWidth);\n // update the value only when the percentage is different and within the range\n const prevValue = this.values[this.activeIndex];\n const currentValue = this.updateValue(this.activeIndex, percentage);\n if (prevValue !== currentValue) {\n this.notifyChange();\n }\n } else {\n this.totalWidth = 0;\n this.totalSliderWidth = 0;\n }\n }\n\n private updateValue(index: number, value: number) {\n const values = this.values;\n let stepValue = this.fixStep(value);\n\n // Clamp the value between min and max\n stepValue = Math.max(this.min(), Math.min(this.max(), stepValue));\n values[index] = stepValue;\n\n this.values = values.sort((a, b) => a - b);\n this.activeIndex = this.values.findIndex(v => v === stepValue);\n return stepValue;\n }\n\n private notifyChange() {\n const percentage = this.range() > 1 ? [...this.values] : this.values[0];\n this.value.set(percentage);\n this.onChange?.(percentage);\n this.onTouched?.();\n }\n}\n\nexport const aliasSlider = (slider: typeof NgbSlider) => [\n { provide: NgbSlider, useExisting: slider },\n provideValueAccessor(slider),\n];\n","/*\n * Public API Surface of slider\n */\n\nexport { NgbSlider, SliderTrack, SliderRange, SliderThumb, aliasSlider } from './slider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MA6Ba,WAAW,CAAA;AAItB,IAAA,WAAA,GAAA;AAHS,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AAClB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGlC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;;8GAL/C,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,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,uCAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,cAAc,EAAE,CAAC,IAAI,CAAC;AACtB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,uCAAuC;AAC9C,wBAAA,sBAAsB,EAAE,mBAAmB;AAC5C,qBAAA;AACF,iBAAA;;MAiBY,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AACpC;8GAFY,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,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACJ,wBAAA,sBAAsB,EAAE,mBAAmB;AAC3C,wBAAA,KAAK,EAAE,qBAAqB;AAC7B,qBAAA;AACF,iBAAA;;MAkBY,WAAW,CAAA;AAbxB,IAAA,WAAA,GAAA;AAcW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AAC1B,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YAC7B,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;AACvF,SAAC,CAAC;AACO,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AAClC,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,OAAO,MAAM;YAC1B,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAI,MAAmB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM;AAC9E,SAAC,CAAC;AACH;8GAZY,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,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,2CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,KAAK,EAAE,2CAA2C;AAClD,wBAAA,iBAAiB,EAAE,4BAA4B;AAC/C,wBAAA,sBAAsB,EAAE,mBAAmB;AAC3C,wBAAA,sBAAsB,EAAE,cAAc;AACtC,wBAAA,sBAAsB,EAAE,cAAc;AACtC,wBAAA,sBAAsB,EAAE,SAAS;AAClC,qBAAA;AACF,iBAAA;;MAuBY,SAAS,CAAA;AA6BpB,IAAA,WAAA,GAAA;AA5BiB,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC;AAChD,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAC7B,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAA,CAAA,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAuC,WAAW,EAAE;AAC7F,YAAA,IAAI,EAAE,UAAU;AACjB,SAAA,CAAC;AACO,QAAA,IAAA,CAAA,MAAM,GAAG,YAAY,CAAuC,WAAW,EAAE;AAChF,YAAA,IAAI,EAAE,UAAU;AACjB,SAAA,CAAC;QAEO,IAAK,CAAA,KAAA,GAAG,KAAK,EAAqB;QAClC,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAC/C,IAAG,CAAA,GAAA,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAC9C,IAAG,CAAA,GAAA,GAAG,KAAK,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAChD,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAChD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACxD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,CAAC;AAK5D,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,IAAU,CAAA,UAAA,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7E,IAAM,CAAA,MAAA,GAAa,EAAE;QACrB,IAAW,CAAA,WAAA,GAAG,CAAC;QACf,IAAU,CAAA,UAAA,GAAG,CAAC;QACd,IAAgB,CAAA,gBAAA,GAAG,CAAC;QAG1B,MAAM,CAAC,MAAK;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;;YAE/B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE;gBACxB,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;;AAElD,SAAC,CAAC;QAEF,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvD,SAAC,CAAC;;AAGI,IAAA,iBAAiB,CAAC,KAAwB,EAAA;AAChD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;QAC9B,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,MAAM,MAAM,CAAC,KAAK,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;AAClE,YAAA,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AAChD,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;;QAG3C,IAAI,CAAC,aAAa,EAAE;;IAGd,aAAa,GAAA;AACnB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;QACpD,MAAM,KAAK,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa;;QAGxC,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5B,YAAA,IAAI,GAAG,GAAG,UAAU,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;;YAExD,IAAI,KAAK,EAAE;AACT,gBAAA,GAAG,GAAG,GAAG,GAAG,GAAG;;YAEjB,MAAM,IAAI,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM;AACxC,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;AAC3E,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,KAAK,GAAG,CAAC,SAAS,GAAG,SAAS;AAC3D,YAAA,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAQ,KAAA,EAAA,GAAG,CAAO,IAAA,EAAA,MAAM,KAAK;AACjE,SAAC,CAAC;;AAGF,QAAA,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GACd,SAAS,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;QAE7F,IAAI,UAAU,EAAE;YACd,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;YACjC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,GAAG;AAC9B,YAAA,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;aACrB;YACL,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG;YAClD,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG;AACnD,YAAA,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;;;AAIvB,IAAA,YAAY,CAAC,KAAa,EAAE,SAAA,GAAoB,CAAC,EAAA;AACvD,QAAA,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE;QACtD,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC;AACvC,QAAA,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC;;AAGnC,QAAA,MAAM,MAAM,GAAG,WAAW,GAAG,SAAS;QACtC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,aAAa;;AAG9C,IAAA,UAAU,CAAC,KAAwB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;;AAGvB,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAGrB,IAAA,IAAY,KAAK,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE,KAAK;AAC5B,cAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;cACtB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW;;;AAI/B,IAAA,YAAY,CAAC,KAAa,EAAA;AAChC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG;AACvB,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG;AAChD,QAAA,OAAO,UAAU;;AAGX,IAAA,cAAc,CAAC,UAAkB,EAAA;AACvC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG;QACvB,MAAM,KAAK,GAAG,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,GAAG,GAAG;AAC9C,QAAA,OAAO,KAAK;;AAGN,IAAA,IAAI,CAAC,IAAc,EAAA;QACzB,qBAAqB,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;AAG5C,IAAA,OAAO,CAAC,OAAe,EAAA;AAC7B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;AACpC,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;QACpD,MAAM,KAAK,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AAE7C,QAAA,IAAI,QAAgB;QACpB,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,GAAG,IAAI,CAAC,GAAG;;aACd;AACL,YAAA,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;AACzC,YAAA,OAAO,GAAG,KAAK,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;;QAGvC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAK,GAAG,QAAQ,GAAG,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;;AAGhF,IAAA,QAAQ,CAAC,CAAS,EAAE,KAAa,EAAE,OAAO,GAAG,KAAK,EAAA;;QAExD,IAAI,UAAU,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG;QAClC,IAAI,OAAO,EAAE;AACX,YAAA,UAAU,GAAG,GAAG,GAAG,UAAU;;;AAG/B,QAAA,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;;AAGhC,IAAA,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAAA;;;QAGhC,KAAK,GAAG,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;;AAGlD,IAAA,UAAU,CAAC,IAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;QACpD,MAAM,KAAK,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AAE7C,QAAA,IAAI,EAAE,GAAG,IAAI,CAAC,OAAQ;AACtB,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,CAAE;QAEf,IAAI,UAAU,EAAE;AACd,YAAA,EAAE,GAAG,IAAI,CAAC,OAAQ;AAClB,YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAE;;aACP,IAAI,KAAK,EAAE;AAChB,YAAA,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAGT,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACrC,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;;AAEvD,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK;;AAE5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU,IAAI,eAAe,GAAG,GAAG,CAAC;;YAGjE,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;AACvC,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;;;YAG5F,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;AAG/C,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,KAAI;AACnE,gBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC;AACjE,gBAAA,OAAO,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,eAAe;AACnF,sBAAE;sBACA,YAAY;aACjB,EAAE,CAAC,CAAC;YACL,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC;AAChD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;gBAClD,IAAI,CAAC,YAAY,EAAE;;;AAEhB,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;;AAE/B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC;AACzC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;;YAE1D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAC/C,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;AACnE,YAAA,IAAI,SAAS,KAAK,YAAY,EAAE;gBAC9B,IAAI,CAAC,YAAY,EAAE;;;aAEhB;AACL,YAAA,IAAI,CAAC,UAAU,GAAG,CAAC;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;;;IAIrB,WAAW,CAAC,KAAa,EAAE,KAAa,EAAA;AAC9C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;QAC1B,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;QAGnC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,CAAC;AACjE,QAAA,MAAM,CAAC,KAAK,CAAC,GAAG,SAAS;AAEzB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC1C,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;AAC9D,QAAA,OAAO,SAAS;;IAGV,YAAY,GAAA;QAClB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACvE,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC;AAC1B,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,IAAI;;8GAvPT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,igCALT,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAQD,IAAI,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACmC,WAAW,EACrF,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,EAEmD,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAW,2BACxE,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FARP,SAAS,EAAA,UAAA,EAAA,CAAA;kBARrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,SAAS,EAAE,CAAC,oBAAoB,CAAA,SAAA,CAAW,CAAC;AAC5C,oBAAA,IAAI,EAAE;AACJ,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA;AACF,iBAAA;;MA4PY,WAAW,GAAG,CAAC,MAAwB,KAAK;AACvD,IAAA,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE;IAC3C,oBAAoB,CAAC,MAAM,CAAC;;;ACjV9B;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Directive, signal,
|
|
2
|
+
import { input, Directive, signal, Injectable, inject } from '@angular/core';
|
|
3
3
|
import { basePortal } from '@ngbase/adk/portal';
|
|
4
4
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
5
5
|
import { uniqueId } from '@ngbase/adk/utils';
|
|
6
6
|
|
|
7
|
+
const sonnerAnimation = trigger('sonnerAnimation', [
|
|
8
|
+
state('1', style({ transform: 'none', opacity: 1 })),
|
|
9
|
+
state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
10
|
+
state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
11
|
+
transition('* => *', animate('300ms ease-out')),
|
|
12
|
+
]);
|
|
7
13
|
class SonnerBase {
|
|
8
14
|
constructor() {
|
|
9
15
|
this.ngbSonnerBase = input.required();
|
|
10
16
|
}
|
|
11
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
12
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: SonnerBase, isStandalone: true, selector: "[ngbSonnerBase]", inputs: { ngbSonnerBase: { classPropertyName: "ngbSonnerBase", publicName: "ngbSonnerBase", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "{\n 'z-index': -ngbSonnerBase(),\n bottom: 16 * ngbSonnerBase() + 'px',\n visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n opacity: ngbSonnerBase() < 3 ? 1 : 0,\n }", "@
|
|
18
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: SonnerBase, isStandalone: true, selector: "[ngbSonnerBase]", inputs: { ngbSonnerBase: { classPropertyName: "ngbSonnerBase", publicName: "ngbSonnerBase", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "{\n 'z-index': -ngbSonnerBase(),\n bottom: 16 * ngbSonnerBase() + 'px',\n visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n opacity: ngbSonnerBase() < 3 ? 1 : 0,\n }", "@sonnerAnimation": "" }, styleAttribute: "position: absolute; right: 0; display: flex; flex-direction: column;" }, exportAs: ["ngbSonnerBase"], ngImport: i0 }); }
|
|
13
19
|
}
|
|
14
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, decorators: [{
|
|
15
21
|
type: Directive,
|
|
@@ -25,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
25
31
|
transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',
|
|
26
32
|
opacity: ngbSonnerBase() < 3 ? 1 : 0,
|
|
27
33
|
}`,
|
|
28
|
-
'[@
|
|
34
|
+
'[@sonnerAnimation]': '',
|
|
29
35
|
},
|
|
30
36
|
}]
|
|
31
37
|
}] });
|
|
@@ -49,69 +55,13 @@ class NgbSonner {
|
|
|
49
55
|
clear() {
|
|
50
56
|
this.messages.set([]);
|
|
51
57
|
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, deps: [], target: i0.ɵɵFactoryTarget.
|
|
53
|
-
static { this.ɵ
|
|
54
|
-
<ul class="fixed bottom-0 right-0 flex flex-col gap-2">
|
|
55
|
-
@for (msg of messages(); track msg.id) {
|
|
56
|
-
<li
|
|
57
|
-
[ngbSonnerBase]="$index"
|
|
58
|
-
class="{{
|
|
59
|
-
'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +
|
|
60
|
-
(msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
|
|
61
|
-
(msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
|
|
62
|
-
(msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
|
|
63
|
-
}}"
|
|
64
|
-
>
|
|
65
|
-
<h4 class="flex items-center gap-b2 font-semibold">{{ msg.message }}</h4>
|
|
66
|
-
@if (msg.data?.description) {
|
|
67
|
-
<p class="text-muted">{{ msg.data?.description }}</p>
|
|
68
|
-
}
|
|
69
|
-
</li>
|
|
70
|
-
}
|
|
71
|
-
</ul>
|
|
72
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: SonnerBase, selector: "[ngbSonnerBase]", inputs: ["ngbSonnerBase"], exportAs: ["ngbSonnerBase"] }], animations: [
|
|
73
|
-
trigger('slideInOutAnimation', [
|
|
74
|
-
state('1', style({ transform: 'none', opacity: 1 })),
|
|
75
|
-
state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
76
|
-
state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
77
|
-
transition('* => *', animate('300ms ease-out')),
|
|
78
|
-
]),
|
|
79
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
59
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbSonner, isStandalone: true, selector: "ngb-sonner", ngImport: i0 }); }
|
|
80
60
|
}
|
|
81
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, decorators: [{
|
|
82
|
-
type:
|
|
62
|
+
type: Directive,
|
|
83
63
|
args: [{
|
|
84
64
|
selector: 'ngb-sonner',
|
|
85
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
86
|
-
imports: [SonnerBase],
|
|
87
|
-
template: `
|
|
88
|
-
<ul class="fixed bottom-0 right-0 flex flex-col gap-2">
|
|
89
|
-
@for (msg of messages(); track msg.id) {
|
|
90
|
-
<li
|
|
91
|
-
[ngbSonnerBase]="$index"
|
|
92
|
-
class="{{
|
|
93
|
-
'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +
|
|
94
|
-
(msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
|
|
95
|
-
(msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
|
|
96
|
-
(msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
|
|
97
|
-
}}"
|
|
98
|
-
>
|
|
99
|
-
<h4 class="flex items-center gap-b2 font-semibold">{{ msg.message }}</h4>
|
|
100
|
-
@if (msg.data?.description) {
|
|
101
|
-
<p class="text-muted">{{ msg.data?.description }}</p>
|
|
102
|
-
}
|
|
103
|
-
</li>
|
|
104
|
-
}
|
|
105
|
-
</ul>
|
|
106
|
-
`,
|
|
107
|
-
animations: [
|
|
108
|
-
trigger('slideInOutAnimation', [
|
|
109
|
-
state('1', style({ transform: 'none', opacity: 1 })),
|
|
110
|
-
state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
111
|
-
state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
|
|
112
|
-
transition('* => *', animate('300ms ease-out')),
|
|
113
|
-
]),
|
|
114
|
-
],
|
|
115
65
|
}]
|
|
116
66
|
}] });
|
|
117
67
|
|
|
@@ -172,5 +122,5 @@ function ngbSonnerPortal(component) {
|
|
|
172
122
|
* Generated bundle index. Do not edit.
|
|
173
123
|
*/
|
|
174
124
|
|
|
175
|
-
export { NgbSonner, SonnerBase, SonnerService, ngbSonnerPortal };
|
|
125
|
+
export { NgbSonner, SonnerBase, SonnerService, ngbSonnerPortal, sonnerAnimation };
|
|
176
126
|
//# sourceMappingURL=ngbase-adk-sonner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-sonner.mjs","sources":["../../../projects/adk/sonner/sonner.ts","../../../projects/adk/sonner/sonner.service.ts","../../../projects/adk/sonner/public-api.ts","../../../projects/adk/sonner/ngbase-adk-sonner.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, Directive, input, signal } from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbSonnerBase]',\n exportAs: 'ngbSonnerBase',\n host: {\n style: `position: absolute; right: 0; display: flex; flex-direction: column;`,\n '[style]': `{\n 'z-index': -ngbSonnerBase(),\n bottom: 16 * ngbSonnerBase() + 'px',\n visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n opacity: ngbSonnerBase() < 3 ? 1 : 0,\n }`,\n '[@slideInOutAnimation]': '',\n },\n})\nexport class SonnerBase {\n readonly ngbSonnerBase = input.required<number>();\n}\n\n@Component({\n selector: 'ngb-sonner',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SonnerBase],\n template: `\n <ul class=\"fixed bottom-0 right-0 flex flex-col gap-2\">\n @for (msg of messages(); track msg.id) {\n <li\n [ngbSonnerBase]=\"$index\"\n class=\"{{\n 'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +\n (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +\n (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +\n (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')\n }}\"\n >\n <h4 class=\"flex items-center gap-b2 font-semibold\">{{ msg.message }}</h4>\n @if (msg.data?.description) {\n <p class=\"text-muted\">{{ msg.data?.description }}</p>\n }\n </li>\n }\n </ul>\n `,\n animations: [\n trigger('slideInOutAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(100%)', opacity: 0 })),\n state('0', style({ transform: 'translateY(100%)', opacity: 0 })),\n transition('* => *', animate('300ms ease-out')),\n ]),\n ],\n})\nexport class NgbSonner {\n readonly messages = signal<SonnerMessage[]>([]);\n\n addMessage(message: string, type: SonnerType, data?: SonnerData) {\n const id = uniqueId();\n const { timeout = 3000 } = data ?? {};\n\n // push the new message to the top of the list\n // so that it will be displayed first\n // also the index is less than 3, the message will be visible\n this.messages.update(x => [{ id, message, data, type }, ...x]);\n\n if (timeout === 0) return;\n setTimeout(() => {\n this.messages.update(x => x.filter(msg => msg.id !== id));\n }, timeout);\n }\n\n clear() {\n this.messages.set([]);\n }\n}\n\nexport interface SonnerMessage {\n message: string;\n data?: SonnerData;\n type?: SonnerType;\n id?: string;\n}\n\nexport type SonnerType = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface SonnerData {\n description?: string;\n timeout?: number;\n}\n","import { ComponentRef, inject, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogRef } from '@ngbase/adk/portal';\nimport { NgbSonner, SonnerData, SonnerType } from './sonner';\n\n@Injectable({ providedIn: 'root' })\nexport class SonnerService {\n private NAME = 'sonner';\n private base = basePortal(this.NAME, NgbSonner);\n private sonner: { parent: ComponentRef<NgbSonner>; diaRef: DialogRef<NgbSonner> } | undefined;\n\n updateSonner(component: Type<NgbSonner> = NgbSonner) {\n this.base.updateBaseComponent(component);\n }\n\n addMessage(message: string, type: SonnerType, data?: SonnerData) {\n if (!this.sonner) {\n const { parent, diaRef } = this.base.open();\n this.sonner = { parent, diaRef };\n }\n this.sonner.parent.instance.addMessage(message, type, data);\n }\n\n closeAll() {\n this.sonner?.parent.instance.clear();\n }\n}\n\nexport function ngbSonnerPortal(component?: Type<NgbSonner>) {\n const sonnerService = inject(SonnerService);\n\n sonnerService.updateSonner(component);\n\n function closeAll() {\n sonnerService.closeAll();\n }\n\n function message(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'default', data);\n }\n\n function success(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'success', data);\n }\n\n function error(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'error', data);\n }\n\n function warning(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'warning', data);\n }\n\n function info(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'info', data);\n }\n\n return { message, success, error, warning, info, closeAll };\n}\n","/*\n * Public API Surface of sonner\n */\n\nexport * from './sonner.service';\nexport * from './sonner';\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-sonner.mjs","sources":["../../../projects/adk/sonner/sonner.ts","../../../projects/adk/sonner/sonner.service.ts","../../../projects/adk/sonner/public-api.ts","../../../projects/adk/sonner/ngbase-adk-sonner.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { Directive, input, signal } from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\nexport const sonnerAnimation = trigger('sonnerAnimation', [\n state('1', style({ transform: 'none', opacity: 1 })),\n state('void', style({ transform: 'translateY(100%)', opacity: 0 })),\n state('0', style({ transform: 'translateY(100%)', opacity: 0 })),\n transition('* => *', animate('300ms ease-out')),\n]);\n\n@Directive({\n selector: '[ngbSonnerBase]',\n exportAs: 'ngbSonnerBase',\n host: {\n style: `position: absolute; right: 0; display: flex; flex-direction: column;`,\n '[style]': `{\n 'z-index': -ngbSonnerBase(),\n bottom: 16 * ngbSonnerBase() + 'px',\n visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n opacity: ngbSonnerBase() < 3 ? 1 : 0,\n }`,\n '[@sonnerAnimation]': '',\n },\n})\nexport class SonnerBase {\n readonly ngbSonnerBase = input.required<number>();\n}\n\n@Directive({\n selector: 'ngb-sonner',\n})\nexport class NgbSonner {\n readonly messages = signal<SonnerMessage[]>([]);\n\n addMessage(message: string, type: SonnerType, data?: SonnerData) {\n const id = uniqueId();\n const { timeout = 3000 } = data ?? {};\n\n // push the new message to the top of the list\n // so that it will be displayed first\n // also the index is less than 3, the message will be visible\n this.messages.update(x => [{ id, message, data, type }, ...x]);\n\n if (timeout === 0) return;\n setTimeout(() => {\n this.messages.update(x => x.filter(msg => msg.id !== id));\n }, timeout);\n }\n\n clear() {\n this.messages.set([]);\n }\n}\n\nexport interface SonnerMessage {\n message: string;\n data?: SonnerData;\n type?: SonnerType;\n id?: string;\n}\n\nexport type SonnerType = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface SonnerData {\n description?: string;\n timeout?: number;\n}\n","import { ComponentRef, inject, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogRef } from '@ngbase/adk/portal';\nimport { NgbSonner, SonnerData, SonnerType } from './sonner';\n\n@Injectable({ providedIn: 'root' })\nexport class SonnerService {\n private NAME = 'sonner';\n private base = basePortal(this.NAME, NgbSonner);\n private sonner: { parent: ComponentRef<NgbSonner>; diaRef: DialogRef<NgbSonner> } | undefined;\n\n updateSonner(component: Type<NgbSonner> = NgbSonner) {\n this.base.updateBaseComponent(component);\n }\n\n addMessage(message: string, type: SonnerType, data?: SonnerData) {\n if (!this.sonner) {\n const { parent, diaRef } = this.base.open();\n this.sonner = { parent, diaRef };\n }\n this.sonner.parent.instance.addMessage(message, type, data);\n }\n\n closeAll() {\n this.sonner?.parent.instance.clear();\n }\n}\n\nexport function ngbSonnerPortal(component?: Type<NgbSonner>) {\n const sonnerService = inject(SonnerService);\n\n sonnerService.updateSonner(component);\n\n function closeAll() {\n sonnerService.closeAll();\n }\n\n function message(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'default', data);\n }\n\n function success(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'success', data);\n }\n\n function error(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'error', data);\n }\n\n function warning(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'warning', data);\n }\n\n function info(message: string, data?: SonnerData) {\n sonnerService.addMessage(message, 'info', data);\n }\n\n return { message, success, error, warning, info, closeAll };\n}\n","/*\n * Public API Surface of sonner\n */\n\nexport * from './sonner.service';\nexport * from './sonner';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|