@ngbase/adk 0.1.1 → 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/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 +12 -13
- 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 +25 -17
- 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/components/files/accordion/accordion.ts.template +6 -8
- package/schematics/components/files/autocomplete/autocomplete.ts.template +2 -6
- package/schematics/components/files/avatar/avatar.ts.template +2 -2
- package/schematics/components/files/breadcrumb/breadcrumb.ts.template +5 -5
- package/schematics/components/files/carousel/carousel.ts.template +2 -2
- package/schematics/components/files/chip/chip.ts.template +2 -2
- package/schematics/components/files/datepicker/calendar.ts.template +6 -6
- package/schematics/components/files/datepicker/datepicker.ts.template +33 -3
- package/schematics/components/files/datepicker/index.ts.template +0 -1
- package/schematics/components/files/datepicker/time.ts.template +12 -4
- package/schematics/components/files/dialog/dialog.ts.template +8 -8
- package/schematics/components/files/form-field/{input.ts.template → form-field.ts.template} +13 -2
- package/schematics/components/files/form-field/index.ts.template +1 -2
- package/schematics/components/files/form-field/input-style.directive.ts.template +1 -1
- package/schematics/components/files/menu/menu.ts.template +3 -3
- package/schematics/components/files/otp/index.ts.template +5 -0
- package/schematics/components/files/{form-field → otp}/otp.ts.template +3 -3
- package/schematics/components/files/pagination/pagination.ts.template +2 -2
- package/schematics/components/files/popover/popover.ts.template +7 -30
- package/schematics/components/files/radio/radio.ts.template +3 -8
- package/schematics/components/files/resizable/resizable.ts.template +7 -7
- package/schematics/components/files/select/option.ts.template +1 -0
- package/schematics/components/files/select/select.ts.template +8 -8
- package/schematics/components/files/sheet/sheet.ts.template +11 -76
- package/schematics/components/files/sidenav/sidenav.ts.template +3 -3
- package/schematics/components/files/slider/slider.ts.template +3 -10
- package/schematics/components/files/sonner/sonner.ts.template +3 -2
- package/schematics/components/files/stepper/stepper.ts.template +4 -4
- package/schematics/components/files/switch/switch.ts.template +1 -1
- package/schematics/components/files/tabs/tab.ts.template +11 -8
- package/schematics/components/files/theme/theme.service.ts.template +0 -11
- package/schematics/components/files/tooltip/tooltip.ts.template +8 -3
- package/schematics/components/files/tour/index.ts.template +0 -2
- package/schematics/components/files/tour/tour.ts.template +13 -2
- package/schematics/components/files/tree/tree.ts.template +3 -3
- package/schematics/components/schema.json +8 -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
- package/schematics/components/files/datepicker/datepicker-trigger.ts.template +0 -27
- package/schematics/components/files/theme/theme.component.ts.template +0 -165
- package/schematics/components/files/tour/tour-step.ts.template +0 -8
- package/schematics/components/files/tour/tour.service.ts.template +0 -7
package/slider/slider.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@ngbase/adk/drag";
|
|
@@ -61,13 +61,13 @@ export declare class NgbSlider implements ControlValueAccessor {
|
|
|
61
61
|
private updateValue;
|
|
62
62
|
private notifyChange;
|
|
63
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbSlider, never>;
|
|
64
|
-
static
|
|
64
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSlider, "[ngbSlider]", ["ngbSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
65
65
|
}
|
|
66
|
-
export declare const
|
|
66
|
+
export declare const aliasSlider: (slider: typeof NgbSlider) => ({
|
|
67
67
|
provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
|
|
68
|
-
useExisting: Type<any>;
|
|
68
|
+
useExisting: import("@angular/core").Type<any>;
|
|
69
69
|
multi: boolean;
|
|
70
70
|
} | {
|
|
71
71
|
provide: typeof NgbSlider;
|
|
72
|
-
useExisting:
|
|
72
|
+
useExisting: typeof NgbSlider;
|
|
73
73
|
})[];
|
package/sonner/sonner.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
export declare const sonnerAnimation: import("@angular/animations").AnimationTriggerMetadata;
|
|
2
3
|
export declare class SonnerBase {
|
|
3
4
|
readonly ngbSonnerBase: import("@angular/core").InputSignal<number>;
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<SonnerBase, never>;
|
|
@@ -9,7 +10,7 @@ export declare class NgbSonner {
|
|
|
9
10
|
addMessage(message: string, type: SonnerType, data?: SonnerData): void;
|
|
10
11
|
clear(): void;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbSonner, never>;
|
|
12
|
-
static
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSonner, "ngb-sonner", never, {}, {}, never, never, true, never>;
|
|
13
14
|
}
|
|
14
15
|
export interface SonnerMessage {
|
|
15
16
|
message: string;
|
package/stepper/animation.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const stepperAnimation: import("@angular/animations").AnimationTriggerMetadata;
|
package/stepper/step.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare class NgbStep {
|
|
|
12
12
|
readonly horizontalTemplate: import("@angular/core").Signal<false | TemplateRef<any> | null>;
|
|
13
13
|
readonly verticalTemplate: import("@angular/core").Signal<false | TemplateRef<any> | null>;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbStep, never>;
|
|
15
|
-
static
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbStep, "[ngbStep]", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, ["header"], never, true, never>;
|
|
16
16
|
}
|
|
17
17
|
export declare class NgbStepHeader {
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbStepHeader, never>;
|
package/stepper/stepper.d.ts
CHANGED
|
@@ -18,9 +18,9 @@ export declare class NgbStepper {
|
|
|
18
18
|
nextStep(): void;
|
|
19
19
|
prevStep(): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbStepper, never>;
|
|
21
|
-
static
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbStepper, "[ngbStepper]", ["ngbStepper"], { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["steps"], never, true, never>;
|
|
22
22
|
}
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const aliasStepper: (stepper: typeof NgbStepper) => {
|
|
24
24
|
provide: typeof NgbStepper;
|
|
25
25
|
useExisting: typeof NgbStepper;
|
|
26
26
|
};
|
package/switch/switch.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ export declare class NgbSwitch implements ControlValueAccessor {
|
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbSwitch, never>;
|
|
35
35
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSwitch, "[ngbSwitch]", ["ngbSwitch"], { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "change": "change"; "checked": "checkedChange"; }, never, never, true, never>;
|
|
36
36
|
}
|
|
37
|
-
export declare function
|
|
37
|
+
export declare function aliasSwitch(ngbSwitch: Type<NgbSwitch>): ({
|
|
38
38
|
provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
|
|
39
39
|
useExisting: Type<any>;
|
|
40
40
|
multi: boolean;
|
package/table/body-row.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { NgbTable } from './table';
|
|
1
|
+
import { EmbeddedViewRef, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
3
2
|
import { NgbColumn } from './column';
|
|
3
|
+
import { NgbTable } from './table';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class NgbBodyRowDef {
|
|
6
6
|
readonly ngbBodyRowDefColumns: import("@angular/core").InputSignal<string[]>;
|
|
@@ -17,5 +17,5 @@ export declare class NgbBodyRow implements OnDestroy {
|
|
|
17
17
|
constructor();
|
|
18
18
|
ngOnDestroy(): void;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbBodyRow, never>;
|
|
20
|
-
static
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbBodyRow, "[ngbBodyRow]", never, {}, {}, never, never, true, never>;
|
|
21
21
|
}
|
package/table/head-row.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { NgbTable } from './table';
|
|
1
|
+
import { EmbeddedViewRef, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
3
2
|
import { NgbColumn } from './column';
|
|
3
|
+
import { NgbTable } from './table';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class NgbHeadRowDef {
|
|
6
6
|
readonly ngbHeadRowDef: import("@angular/core").InputSignal<string[] | undefined>;
|
|
@@ -17,5 +17,5 @@ export declare class NgbHeadRow implements OnDestroy {
|
|
|
17
17
|
constructor();
|
|
18
18
|
ngOnDestroy(): void;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbHeadRow, never>;
|
|
20
|
-
static
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbHeadRow, "[ngbHeadRow]", never, {}, {}, never, never, true, never>;
|
|
21
21
|
}
|
package/table/table.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ export declare class NgbTable<T> {
|
|
|
18
18
|
constructor();
|
|
19
19
|
private _updateItemIndexContext;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTable<any>, never>;
|
|
21
|
-
static
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTable<any>, "table[ngbTable]", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, {}, ["bodyRowDef", "headRowDef", "columns"], never, true, never>;
|
|
22
22
|
}
|
|
23
23
|
export declare class TableOutletContext<T> {
|
|
24
24
|
$implicit: T;
|
package/tabs/tab-group.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
|
|
|
2
2
|
import { NgbTab } from './tab';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@ngbase/adk/a11y";
|
|
5
|
-
export interface
|
|
5
|
+
export interface NgbTabChangeEvent {
|
|
6
6
|
tab: NgbTab;
|
|
7
7
|
index: number;
|
|
8
8
|
}
|
|
@@ -34,7 +34,7 @@ export declare class NgbTabs<T extends NgbTab = NgbTab> {
|
|
|
34
34
|
readonly scrollButtons: import("@angular/core").Signal<readonly ElementRef<HTMLElement>[]>;
|
|
35
35
|
readonly tabs: import("@angular/core").Signal<readonly T[]>;
|
|
36
36
|
readonly selectedIndex: import("@angular/core").ModelSignal<any>;
|
|
37
|
-
readonly selectedTabChange: import("@angular/core").OutputEmitterRef<
|
|
37
|
+
readonly selectedTabChange: import("@angular/core").OutputEmitterRef<NgbTabChangeEvent>;
|
|
38
38
|
private selectedId?;
|
|
39
39
|
private readonly tabMap;
|
|
40
40
|
readonly ayId: string;
|
|
@@ -44,9 +44,9 @@ export declare class NgbTabs<T extends NgbTab = NgbTab> {
|
|
|
44
44
|
setActive(tab: NgbTab): void;
|
|
45
45
|
private scrollToActive;
|
|
46
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTabs<any>, never>;
|
|
47
|
-
static
|
|
47
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTabs<any>, "ngb-tabs", ["ngbTabs"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; }, ["tabs"], never, true, never>;
|
|
48
48
|
}
|
|
49
|
-
export declare function
|
|
49
|
+
export declare function aliasTabs<T extends NgbTab>(tab: typeof NgbTabs<T>): {
|
|
50
50
|
provide: typeof NgbTabs;
|
|
51
51
|
useExisting: typeof NgbTabs<T>;
|
|
52
52
|
};
|
package/tabs/tab.d.ts
CHANGED
|
@@ -23,9 +23,9 @@ export declare class NgbTab {
|
|
|
23
23
|
readonly activeMode: import("@angular/core").Signal<boolean>;
|
|
24
24
|
readonly lazyTemplate: import("@angular/core").Signal<false | TemplateRef<any> | undefined>;
|
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTab, never>;
|
|
26
|
-
static
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTab, "ngb-tab", ["ngbTab"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, ["header", "lazy"], never, true, never>;
|
|
27
27
|
}
|
|
28
|
-
export declare function
|
|
28
|
+
export declare function aliasTab(tab: typeof NgbTab): {
|
|
29
29
|
provide: typeof NgbTab;
|
|
30
30
|
useExisting: typeof NgbTab;
|
|
31
31
|
};
|
package/tooltip/public-api.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { NgbTooltipTemplate } from './tooltip';
|
|
1
|
+
export { NgbTooltipTemplate, tooltipAnimation } from './tooltip';
|
|
2
2
|
export { NgbTooltip, provideNgbTooltipOptions, type TooltipOptions } from './tooltip.directive';
|
package/tooltip/tooltip.d.ts
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { ElementRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import { PopoverPosition } from '@ngbase/adk/popover';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
export declare const tooltipAnimation: import("@angular/animations").AnimationTriggerMetadata;
|
|
4
5
|
export declare class NgbTooltipTemplate implements OnDestroy {
|
|
5
6
|
readonly el: ElementRef<HTMLElement>;
|
|
7
|
+
readonly arrowTracker: {
|
|
8
|
+
values: import("@angular/core").WritableSignal<import("@ngbase/adk/popover").PopoverArrowTracker>;
|
|
9
|
+
} | null;
|
|
6
10
|
readonly content: import("@angular/core").WritableSignal<string>;
|
|
7
11
|
private target;
|
|
8
12
|
private position;
|
|
@@ -16,5 +20,5 @@ export declare class NgbTooltipTemplate implements OnDestroy {
|
|
|
16
20
|
setPosition(target: HTMLElement): void;
|
|
17
21
|
ngOnDestroy(): void;
|
|
18
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTooltipTemplate, never>;
|
|
19
|
-
static
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTooltipTemplate, "[ngbTooltip]", never, {}, {}, never, never, true, never>;
|
|
20
24
|
}
|
|
@@ -18,7 +18,7 @@ export declare class NgbTooltip implements OnDestroy {
|
|
|
18
18
|
private el;
|
|
19
19
|
private tooltipService;
|
|
20
20
|
readonly ngbTooltip: import("@angular/core").InputSignal<string | undefined>;
|
|
21
|
-
readonly ngbTooltipPosition: import("@angular/core").InputSignal<
|
|
21
|
+
readonly ngbTooltipPosition: import("@angular/core").InputSignal<import("../../../dist/adk/popover/utils").OverlayPosition | undefined>;
|
|
22
22
|
readonly delay: import("@angular/core").InputSignal<number>;
|
|
23
23
|
readonly options: import("@angular/core").Signal<TooltipOptions>;
|
|
24
24
|
timer: any;
|
|
@@ -8,10 +8,12 @@ export declare class TooltipService {
|
|
|
8
8
|
open: (content: string, target: HTMLElement, position: PopoverPosition, hide: VoidFunction, parentComponent?: Type<NgbTooltipTemplate>) => TooltipOpen;
|
|
9
9
|
};
|
|
10
10
|
tooltipOpen: TooltipOpen | undefined;
|
|
11
|
-
|
|
11
|
+
private position?;
|
|
12
|
+
private timeoutId;
|
|
12
13
|
delay: number;
|
|
13
14
|
insert(el: HTMLElement, content: string, position: PopoverPosition, hide: VoidFunction, component?: Type<NgbTooltipTemplate>): void;
|
|
14
|
-
destroy: () => void;
|
|
15
|
+
destroy: (force?: boolean) => void;
|
|
16
|
+
private close;
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipService, never>;
|
|
16
18
|
static ɵprov: i0.ɵɵInjectableDeclaration<TooltipService>;
|
|
17
19
|
}
|
package/tour/tour.service.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ import { DialogInput } from '@ngbase/adk/portal';
|
|
|
2
2
|
import { NgbTourStep } from './tour-step';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class NgbTourService {
|
|
5
|
-
private popover;
|
|
5
|
+
private readonly popover;
|
|
6
6
|
readonly steps: import("@angular/core").WritableSignal<NgbTourStep[]>;
|
|
7
7
|
readonly step: import("@angular/core").WritableSignal<number>;
|
|
8
8
|
private readonly ids;
|
|
9
|
-
currentStep: import("@angular/core").Signal<NgbTourStep | undefined>;
|
|
9
|
+
readonly currentStep: import("@angular/core").Signal<NgbTourStep | undefined>;
|
|
10
10
|
private diaRef?;
|
|
11
11
|
private id;
|
|
12
12
|
private template;
|
|
@@ -15,8 +15,7 @@ export declare class NgbTourService {
|
|
|
15
15
|
readonly isLast: import("@angular/core").Signal<boolean>;
|
|
16
16
|
readonly totalSteps: import("@angular/core").Signal<number>;
|
|
17
17
|
scrolled: import("@angular/core").WritableSignal<number>;
|
|
18
|
-
private clipPath;
|
|
19
|
-
constructor();
|
|
18
|
+
private readonly clipPath;
|
|
20
19
|
addStep(step: NgbTourStep): void;
|
|
21
20
|
start<T>(comp: DialogInput<T>, ids: string[]): void;
|
|
22
21
|
prev(): void;
|
package/tree/public-api.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { NgbTree,
|
|
2
|
-
export { NgbTreeNode,
|
|
1
|
+
export { NgbTree, aliasTree } from './tree';
|
|
2
|
+
export { NgbTreeNode, aliasTreeNode } from './tree-node';
|
|
3
3
|
export { NgbTreeNodeToggle, NgbTreeNodeDef, NgbTreeNodeContent } from './tree-toggle';
|
package/tree/tree-node.d.ts
CHANGED
|
@@ -20,9 +20,9 @@ export declare class NgbTreeNode<T> {
|
|
|
20
20
|
constructor();
|
|
21
21
|
toggle(): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTreeNode<any>, never>;
|
|
23
|
-
static
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTreeNode<any>, "[ngbTreeNode]", ["ngbTreeNode"], {}, {}, never, never, true, [{ directive: typeof i1.AccessibleItem; inputs: {}; outputs: {}; }]>;
|
|
24
24
|
}
|
|
25
|
-
export declare function
|
|
25
|
+
export declare function aliasTreeNode<T>(treeNode: Type<NgbTreeNode<T>>): {
|
|
26
26
|
provide: typeof NgbTreeNode;
|
|
27
27
|
useExisting: Type<NgbTreeNode<T>>;
|
|
28
28
|
};
|
package/tree/tree.d.ts
CHANGED
|
@@ -46,9 +46,9 @@ export declare class NgbTree<T> {
|
|
|
46
46
|
foldAll(): void;
|
|
47
47
|
expandAll(): void;
|
|
48
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgbTree<any>, never>;
|
|
49
|
-
static
|
|
49
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgbTree<any>, "[ngbTree]", ["ngbTree"], { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": true; "isSignal": true; }; "children": { "alias": "children"; "required": true; "isSignal": true; }; }, {}, ["treeNodeDef"], never, true, [{ directive: typeof i1.AccessibleGroup; inputs: {}; outputs: {}; }]>;
|
|
50
50
|
}
|
|
51
|
-
export declare function
|
|
51
|
+
export declare function aliasTree<T>(tree: Type<NgbTree<T>>): {
|
|
52
52
|
provide: typeof NgbTree;
|
|
53
53
|
useExisting: Type<NgbTree<T>>;
|
|
54
54
|
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { NgbDatepickerTrigger, registerDatePicker } from '@ngbase/adk/datepicker';
|
|
3
|
-
import { DatePicker } from './datepicker';
|
|
4
|
-
|
|
5
|
-
@Directive({
|
|
6
|
-
selector: '[<%= name %>DatepickerTrigger]',
|
|
7
|
-
providers: [registerDatePicker(DatePicker)],
|
|
8
|
-
hostDirectives: [
|
|
9
|
-
{
|
|
10
|
-
directive: NgbDatepickerTrigger,
|
|
11
|
-
inputs: [
|
|
12
|
-
'noOfCalendars',
|
|
13
|
-
'range',
|
|
14
|
-
'time',
|
|
15
|
-
'format',
|
|
16
|
-
'fieldFormat',
|
|
17
|
-
'dateFilter',
|
|
18
|
-
'pickerType',
|
|
19
|
-
'pickerTemplate',
|
|
20
|
-
],
|
|
21
|
-
},
|
|
22
|
-
],
|
|
23
|
-
host: {
|
|
24
|
-
class: 'cursor-pointer hover:bg-muted-background',
|
|
25
|
-
},
|
|
26
|
-
})
|
|
27
|
-
export class DatepickerTrigger<D> {}
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import { Component, inject } from '@angular/core';
|
|
2
|
-
import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
|
|
3
|
-
import { Button } from '<%= basepath %>/button';
|
|
4
|
-
import { ColorInput } from '<%= basepath %>/color-picker';
|
|
5
|
-
import { Input } from '<%= basepath %>/form-field';
|
|
6
|
-
|
|
7
|
-
interface ThemeData {
|
|
8
|
-
name: string;
|
|
9
|
-
radius: string;
|
|
10
|
-
space: string;
|
|
11
|
-
background: string;
|
|
12
|
-
foreground: string;
|
|
13
|
-
primary: string;
|
|
14
|
-
muted: string;
|
|
15
|
-
border: string;
|
|
16
|
-
text: string;
|
|
17
|
-
input: string;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@Component({
|
|
21
|
-
selector: '<%= name %>-theme',
|
|
22
|
-
imports: [Input, ReactiveFormsModule, Button, ColorInput],
|
|
23
|
-
template: `
|
|
24
|
-
<div class="mb-4 flex gap-4">
|
|
25
|
-
@for (theme of themes; track theme) {
|
|
26
|
-
<button <%= name %>Button="outline" (click)="changeTheme(theme)">
|
|
27
|
-
{{ theme.name }}
|
|
28
|
-
</button>
|
|
29
|
-
}
|
|
30
|
-
</div>
|
|
31
|
-
<form [formGroup]="form">
|
|
32
|
-
<table>
|
|
33
|
-
<tr>
|
|
34
|
-
<td>Radius:</td>
|
|
35
|
-
<td><input class="w-48" <%= name %>Input formControlName="radius" /></td>
|
|
36
|
-
</tr>
|
|
37
|
-
<tr>
|
|
38
|
-
<td>Space:</td>
|
|
39
|
-
<td><input class="w-48" <%= name %>Input formControlName="space" /></td>
|
|
40
|
-
</tr>
|
|
41
|
-
<tr>
|
|
42
|
-
<td>Background:</td>
|
|
43
|
-
<td><<%= name %>-color-input class="w-48" formControlName="background" /></td>
|
|
44
|
-
</tr>
|
|
45
|
-
<tr>
|
|
46
|
-
<td>Foreground:</td>
|
|
47
|
-
<td><<%= name %>-color-input class="w-48" formControlName="foreground" /></td>
|
|
48
|
-
</tr>
|
|
49
|
-
<tr>
|
|
50
|
-
<td>Primary:</td>
|
|
51
|
-
<td><<%= name %>-color-input class="w-48" formControlName="primary" /></td>
|
|
52
|
-
</tr>
|
|
53
|
-
<tr>
|
|
54
|
-
<td>Muted:</td>
|
|
55
|
-
<td><<%= name %>-color-input class="w-48" formControlName="muted" /></td>
|
|
56
|
-
</tr>
|
|
57
|
-
<tr>
|
|
58
|
-
<td>Border:</td>
|
|
59
|
-
<td><<%= name %>-color-input class="w-48" formControlName="border" /></td>
|
|
60
|
-
</tr>
|
|
61
|
-
<tr>
|
|
62
|
-
<td>Text:</td>
|
|
63
|
-
<td><<%= name %>-color-input class="w-48" formControlName="text" /></td>
|
|
64
|
-
</tr>
|
|
65
|
-
</table>
|
|
66
|
-
</form>
|
|
67
|
-
`,
|
|
68
|
-
})
|
|
69
|
-
export class ThemeComponent {
|
|
70
|
-
fb = inject(FormBuilder);
|
|
71
|
-
|
|
72
|
-
form = this.fb.nonNullable.group({
|
|
73
|
-
radius: ['0.5rem'],
|
|
74
|
-
space: ['1rem'],
|
|
75
|
-
background: ['#ffffff'],
|
|
76
|
-
foreground: ['#000000'],
|
|
77
|
-
primary: ['#000000'],
|
|
78
|
-
muted: ['#71717a'],
|
|
79
|
-
border: ['#000000'],
|
|
80
|
-
text: ['#000000'],
|
|
81
|
-
input: ['#000000'],
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
themes: ThemeData[] = [
|
|
85
|
-
{
|
|
86
|
-
name: 'Light',
|
|
87
|
-
radius: '0.5rem',
|
|
88
|
-
space: '0.25rem',
|
|
89
|
-
background: '#f4f4f5',
|
|
90
|
-
foreground: '#ffffff',
|
|
91
|
-
primary: '#000000',
|
|
92
|
-
muted: '#71717a',
|
|
93
|
-
border: '#e4e4e7',
|
|
94
|
-
text: '#000000',
|
|
95
|
-
input: '#f3f4f6',
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
name: 'Dark',
|
|
99
|
-
radius: '0.5rem',
|
|
100
|
-
space: '1rem',
|
|
101
|
-
background: '#000000',
|
|
102
|
-
foreground: '#191b23',
|
|
103
|
-
primary: '#000000',
|
|
104
|
-
muted: '#a1a1aa',
|
|
105
|
-
border: '#27272a',
|
|
106
|
-
text: '#ffffff',
|
|
107
|
-
input: '#27272a',
|
|
108
|
-
},
|
|
109
|
-
];
|
|
110
|
-
|
|
111
|
-
constructor() {
|
|
112
|
-
this.form.patchValue(this.themes[0]);
|
|
113
|
-
this.form.valueChanges.subscribe(value => {
|
|
114
|
-
const style = document.documentElement.style;
|
|
115
|
-
style.setProperty('--radius', value.radius!);
|
|
116
|
-
style.setProperty('--spacing-base', value.space!);
|
|
117
|
-
style.setProperty('---color-background', this.colorRGB(value.background!));
|
|
118
|
-
style.setProperty('---color-foreground', this.colorRGB(value.foreground!));
|
|
119
|
-
style.setProperty('--color-primary', this.colorRGB(value.primary!));
|
|
120
|
-
style.setProperty('---color-muted', this.colorRGB(value.muted!));
|
|
121
|
-
style.setProperty('---color-border', this.colorRGB(value.border!));
|
|
122
|
-
style.setProperty('---color-text', this.colorRGB(value.text!));
|
|
123
|
-
style.setProperty('---color-input', this.colorRGB(value.input!));
|
|
124
|
-
});
|
|
125
|
-
|
|
126
|
-
console.log(this.colorRGB('#ffffff'));
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
colorRGB(color: string): string {
|
|
130
|
-
if (this.isHex(color)) {
|
|
131
|
-
color = this.hexToRgb(color);
|
|
132
|
-
}
|
|
133
|
-
const rgb = this.rgbToVariable(color);
|
|
134
|
-
return `${rgb.r}, ${rgb.g}, ${rgb.b}`;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
changeTheme(theme: ThemeData) {
|
|
138
|
-
this.form.patchValue(theme);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
isHex(hex: string) {
|
|
142
|
-
return /^#[0-9A-F]{6}$/i.test(hex);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
hexToRgb(hex: string): string {
|
|
146
|
-
const rgb = hex
|
|
147
|
-
.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => r + r + g + g + b + b)
|
|
148
|
-
.substring(1)
|
|
149
|
-
.match(/.{2}/g)
|
|
150
|
-
?.map(x => parseInt(x, 16));
|
|
151
|
-
return rgb ? `rgb(${rgb.join(', ')})` : '';
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
rgbToHex(r: number, g: number, b: number) {
|
|
155
|
-
return `#${r.toString(16)}${g.toString(16)}${b.toString(16)}`;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
rgbToVariable(rgb: string): { r: number; g: number; b: number } {
|
|
159
|
-
const [r, g, b] = rgb
|
|
160
|
-
.substring(4, rgb.length - 1)
|
|
161
|
-
.split(', ')
|
|
162
|
-
.map(x => parseInt(x));
|
|
163
|
-
return { r, g, b };
|
|
164
|
-
}
|
|
165
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { NgbTourStep } from '@ngbase/adk/tour';
|
|
3
|
-
|
|
4
|
-
@Directive({
|
|
5
|
-
selector: '[<%= name %>TourStep]',
|
|
6
|
-
hostDirectives: [{ directive: NgbTourStep, inputs: ['ngbTourStep: <%= name %>TourStep'] }],
|
|
7
|
-
})
|
|
8
|
-
export class TourStep {}
|