@dereekb/dbx-web 12.6.18 → 12.6.19
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/esm2022/lib/extension/help/absract.help.widget.directive.mjs +3 -3
- package/esm2022/lib/extension/help/help.context.directive.mjs +4 -4
- package/esm2022/lib/extension/help/help.context.mjs +3 -3
- package/esm2022/lib/extension/help/help.context.service.mjs +3 -3
- package/esm2022/lib/extension/help/help.mjs +1 -1
- package/esm2022/lib/extension/help/help.view.list.component.mjs +30 -11
- package/esm2022/lib/extension/help/help.view.list.entry.component.mjs +4 -3
- package/esm2022/lib/extension/help/help.view.popover.component.mjs +5 -4
- package/esm2022/lib/extension/help/help.widget.mjs +1 -1
- package/esm2022/lib/extension/help/help.widget.service.mjs +18 -10
- package/esm2022/lib/router/layout/anchor/anchor.component.mjs +20 -7
- package/esm2022/lib/router/provider/ngrouter/anchor.component.mjs +13 -4
- package/esm2022/lib/router/provider/uirouter/anchor.component.mjs +7 -51
- package/esm2022/lib/screen/resize.mjs +2 -2
- package/esm2022/lib/util/click.mjs +56 -0
- package/esm2022/lib/util/index.mjs +2 -1
- package/fesm2022/dereekb-dbx-web.mjs +148 -90
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/extension/help/absract.help.widget.directive.d.ts +8 -7
- package/lib/extension/help/help.context.d.ts +2 -2
- package/lib/extension/help/help.context.directive.d.ts +2 -2
- package/lib/extension/help/help.context.service.d.ts +3 -3
- package/lib/extension/help/help.d.ts +3 -3
- package/lib/extension/help/help.view.list.component.d.ts +16 -9
- package/lib/extension/help/help.view.list.entry.component.d.ts +1 -1
- package/lib/extension/help/help.view.popover.component.d.ts +8 -3
- package/lib/extension/help/help.widget.d.ts +13 -9
- package/lib/extension/help/help.widget.service.d.ts +15 -8
- package/lib/router/layout/anchor/anchor.component.d.ts +4 -1
- package/lib/router/provider/ngrouter/anchor.component.d.ts +5 -0
- package/lib/router/provider/uirouter/anchor.component.d.ts +2 -14
- package/lib/screen/resize.d.ts +1 -1
- package/lib/util/click.d.ts +29 -0
- package/lib/util/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DbxHelpWidgetEntryData } from './help.widget';
|
|
2
|
+
import { DbxHelpContextKey } from './help';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* Abstract help widget directive that injects the help widget data.
|
|
5
6
|
*/
|
|
6
|
-
export declare abstract class DbxAbstractHelpWidgetDirective {
|
|
7
|
-
readonly helpWidgetData:
|
|
8
|
-
readonly helpWidgetEntry: import("./help.widget").DbxHelpWidgetServiceEntry
|
|
9
|
-
get
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DbxAbstractHelpWidgetDirective
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxAbstractHelpWidgetDirective
|
|
7
|
+
export declare abstract class DbxAbstractHelpWidgetDirective<D = unknown> {
|
|
8
|
+
readonly helpWidgetData: DbxHelpWidgetEntryData<D>;
|
|
9
|
+
readonly helpWidgetEntry: import("./help.widget").DbxHelpWidgetServiceEntry<D>;
|
|
10
|
+
get helpContextKey(): DbxHelpContextKey;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxAbstractHelpWidgetDirective<any>, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxAbstractHelpWidgetDirective<any>, never, never, {}, {}, never, never, false, never>;
|
|
12
13
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ObservableOrValue } from '@dereekb/rxjs';
|
|
2
|
-
import { type
|
|
2
|
+
import { type DbxHelpContextKey } from './help';
|
|
3
3
|
import { type DestroyFunction } from '@dereekb/util';
|
|
4
4
|
/**
|
|
5
5
|
* Registers the input observable with the DbxHelpContextService.
|
|
@@ -8,4 +8,4 @@ import { type DestroyFunction } from '@dereekb/util';
|
|
|
8
8
|
*
|
|
9
9
|
* Automatically cleans up, but returns a destroy function for manual cleanup.
|
|
10
10
|
*/
|
|
11
|
-
export declare function
|
|
11
|
+
export declare function registerHelpContextKeysWithDbxHelpContextService(helpContextKeys: ObservableOrValue<DbxHelpContextKey[]>): DestroyFunction;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DbxHelpContextKey } from './help';
|
|
2
2
|
import { ArrayOrValue } from '@dereekb/util';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -10,7 +10,7 @@ export declare class DbxHelpContextDirective {
|
|
|
10
10
|
* The input help context string(s) to add.
|
|
11
11
|
*/
|
|
12
12
|
readonly dbxHelpContext: import("@angular/core").InputSignal<ArrayOrValue<string>>;
|
|
13
|
-
readonly
|
|
13
|
+
readonly helpContextKeys$: Observable<DbxHelpContextKey[]>;
|
|
14
14
|
constructor();
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxHelpContextDirective, never>;
|
|
16
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxHelpContextDirective, "[dbxHelpContext]", never, { "dbxHelpContext": { "alias": "dbxHelpContext"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { OnDestroy } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { DbxHelpContextKey, DbxHelpContextReference } from './help';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* Service that tracks all active help context strings in the current context.
|
|
@@ -10,8 +10,8 @@ export declare class DbxHelpContextService implements OnDestroy {
|
|
|
10
10
|
/**
|
|
11
11
|
* Observable of all currently active help context strings.
|
|
12
12
|
*/
|
|
13
|
-
readonly
|
|
14
|
-
readonly
|
|
13
|
+
readonly activeHelpContextKeys$: Observable<Set<DbxHelpContextKey>>;
|
|
14
|
+
readonly activeHelpContextKeysArray$: Observable<string[]>;
|
|
15
15
|
register(reference: DbxHelpContextReference): void;
|
|
16
16
|
unregister(reference: DbxHelpContextReference): void;
|
|
17
17
|
ngOnDestroy(): void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { type Observable } from 'rxjs';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* Keys used for identifying help topics.
|
|
4
4
|
*/
|
|
5
|
-
export type
|
|
5
|
+
export type DbxHelpContextKey = string;
|
|
6
6
|
/**
|
|
7
7
|
* Reference object for tracking help context registrations.
|
|
8
8
|
* Used internally to track multiple directives with the same context string.
|
|
@@ -11,5 +11,5 @@ export interface DbxHelpContextReference {
|
|
|
11
11
|
/**
|
|
12
12
|
* Observable of context strings that this reference provides.
|
|
13
13
|
*/
|
|
14
|
-
readonly
|
|
14
|
+
readonly helpContextKeys$: Observable<DbxHelpContextKey[]>;
|
|
15
15
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DbxHelpContextKey } from './help';
|
|
2
2
|
import { ObservableOrValue } from '@dereekb/rxjs';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import { DbxHelpWidgetService } from './help.widget.service';
|
|
@@ -10,23 +10,30 @@ export declare class DbxHelpViewListComponent {
|
|
|
10
10
|
/**
|
|
11
11
|
* Whether the accordion should allow multiple expanded panels.
|
|
12
12
|
*/
|
|
13
|
-
readonly multi: import("@angular/core").InputSignal<boolean
|
|
13
|
+
readonly multi: import("@angular/core").InputSignal<Maybe<boolean>>;
|
|
14
14
|
/**
|
|
15
15
|
* Whether or not to show the empty list content.
|
|
16
16
|
*/
|
|
17
17
|
readonly allowEmptyListContent: import("@angular/core").InputSignal<boolean>;
|
|
18
18
|
/**
|
|
19
|
-
* Optional
|
|
19
|
+
* Optional header component config to inject before the list.
|
|
20
20
|
*
|
|
21
|
-
* If set null, then will not show any
|
|
21
|
+
* If set null, then will not show any header.
|
|
22
|
+
*/
|
|
23
|
+
readonly helpListHeaderComponentConfig: import("@angular/core").InputSignal<Maybe<DbxInjectionComponentConfig<unknown>>>;
|
|
24
|
+
/**
|
|
25
|
+
* Optional header component config to inject before the list.
|
|
26
|
+
*
|
|
27
|
+
* If set null, then will not show any header.
|
|
22
28
|
*/
|
|
23
29
|
readonly helpListFooterComponentConfig: import("@angular/core").InputSignal<Maybe<DbxInjectionComponentConfig<unknown>>>;
|
|
24
|
-
readonly
|
|
25
|
-
readonly
|
|
26
|
-
readonly
|
|
27
|
-
readonly helpWidgetEntriesSignal: import("@angular/core").Signal<import("@dereekb/dbx-web").DbxHelpWidgetServiceEntry[]>;
|
|
30
|
+
readonly helpContextKeys: import("@angular/core").InputSignal<ObservableOrValue<ArrayOrValue<string>>>;
|
|
31
|
+
readonly helpContextKeys$: Observable<DbxHelpContextKey[]>;
|
|
32
|
+
readonly helpContextKeysSignal: import("@angular/core").Signal<string[]>;
|
|
33
|
+
readonly helpWidgetEntriesSignal: import("@angular/core").Signal<import("@dereekb/dbx-web").DbxHelpWidgetServiceEntry<unknown>[]>;
|
|
28
34
|
readonly hasNoHelpWidgetEntriesSignal: import("@angular/core").Signal<boolean>;
|
|
35
|
+
readonly helpListHeaderComponentConfigSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<unknown>>>;
|
|
29
36
|
readonly helpListFooterComponentConfigSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<unknown>>>;
|
|
30
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxHelpViewListComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DbxHelpViewListComponent, "dbx-help-view-list", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "allowEmptyListContent": { "alias": "allowEmptyListContent"; "required": false; "isSignal": true; }; "helpListFooterComponentConfig": { "alias": "helpListFooterComponentConfig"; "required": false; "isSignal": true; }; "
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DbxHelpViewListComponent, "dbx-help-view-list", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "allowEmptyListContent": { "alias": "allowEmptyListContent"; "required": false; "isSignal": true; }; "helpListHeaderComponentConfig": { "alias": "helpListHeaderComponentConfig"; "required": false; "isSignal": true; }; "helpListFooterComponentConfig": { "alias": "helpListFooterComponentConfig"; "required": false; "isSignal": true; }; "helpContextKeys": { "alias": "helpContextKeys"; "required": true; "isSignal": true; }; }, {}, never, ["[empty]"], true, never>;
|
|
32
39
|
}
|
|
@@ -5,7 +5,7 @@ import { Maybe } from '@dereekb/util';
|
|
|
5
5
|
import { DbxHelpWidgetService } from './help.widget.service';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class DbxHelpViewListEntryComponent {
|
|
8
|
-
readonly helpWidgetEntry: import("@angular/core").InputSignal<DbxHelpWidgetServiceEntry
|
|
8
|
+
readonly helpWidgetEntry: import("@angular/core").InputSignal<DbxHelpWidgetServiceEntry<unknown>>;
|
|
9
9
|
readonly helpWidgetService: DbxHelpWidgetService;
|
|
10
10
|
readonly titleSignal: Signal<string>;
|
|
11
11
|
readonly iconSignal: Signal<Maybe<string>>;
|
|
@@ -3,7 +3,7 @@ import { ArrayOrValue, Maybe } from '@dereekb/util';
|
|
|
3
3
|
import { AbstractPopoverDirective } from '../../interaction/popover/abstract.popover.directive';
|
|
4
4
|
import { DbxPopoverKey } from '../../interaction/popover/popover';
|
|
5
5
|
import { DbxPopoverConfigSizing, DbxPopoverService } from '../../interaction/popover/popover.service';
|
|
6
|
-
import {
|
|
6
|
+
import { DbxHelpContextKey } from './help';
|
|
7
7
|
import { NgPopoverRef } from 'ng-overlay-container';
|
|
8
8
|
import { ObservableOrValue } from '@dereekb/rxjs';
|
|
9
9
|
import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
|
|
@@ -33,11 +33,15 @@ export interface DbxHelpViewPopoverConfig {
|
|
|
33
33
|
/**
|
|
34
34
|
* Specific contexts to display. If not provided, shows all active contexts from the DbxHelpContextService.
|
|
35
35
|
*/
|
|
36
|
-
readonly
|
|
36
|
+
readonly helpContextKeys?: Maybe<ObservableOrValue<ArrayOrValue<DbxHelpContextKey>>>;
|
|
37
37
|
/**
|
|
38
38
|
* Optional footer component config to inject after the list.
|
|
39
39
|
*/
|
|
40
40
|
readonly helpListFooterComponentConfig?: Maybe<DbxInjectionComponentConfig>;
|
|
41
|
+
/**
|
|
42
|
+
* Whether the accordion should allow multiple expanded panels.
|
|
43
|
+
*/
|
|
44
|
+
readonly multi?: Maybe<boolean>;
|
|
41
45
|
/**
|
|
42
46
|
* Whether to show the empty list content.
|
|
43
47
|
*
|
|
@@ -62,11 +66,12 @@ export type DbxHelpViewPopoverConfigWithoutOrigin = Omit<DbxHelpViewPopoverConfi
|
|
|
62
66
|
export declare class DbxHelpViewPopoverComponent extends AbstractPopoverDirective<unknown, DbxHelpViewPopoverConfig> {
|
|
63
67
|
private readonly _helpContextService;
|
|
64
68
|
private readonly _helpWidgetService;
|
|
65
|
-
readonly
|
|
69
|
+
readonly helpContextKeys$: string | string[] | import("rxjs").Observable<ArrayOrValue<string>>;
|
|
66
70
|
static openPopover(popoverService: DbxPopoverService, config: DbxHelpViewPopoverConfig, popoverKey?: DbxPopoverKey): NgPopoverRef;
|
|
67
71
|
get config(): DbxHelpViewPopoverConfig;
|
|
68
72
|
readonly icon: string;
|
|
69
73
|
readonly header: string;
|
|
74
|
+
readonly multi: Maybe<boolean>;
|
|
70
75
|
readonly emptyText: string;
|
|
71
76
|
readonly allowEmptyListContent: boolean;
|
|
72
77
|
readonly helpListFooterComponentConfig: Maybe<DbxInjectionComponentConfig<unknown>>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { InjectionToken, type Type } from '@angular/core';
|
|
2
|
-
import { type Maybe } from '@dereekb/util';
|
|
3
|
-
import { type
|
|
2
|
+
import { type GetterOrValue, type Maybe } from '@dereekb/util';
|
|
3
|
+
import { type DbxHelpContextKey } from './help';
|
|
4
4
|
/**
|
|
5
5
|
* Entry defining a help widget for a specific context
|
|
6
6
|
*/
|
|
7
|
-
export interface DbxHelpWidgetServiceEntry {
|
|
7
|
+
export interface DbxHelpWidgetServiceEntry<D = unknown> {
|
|
8
8
|
/**
|
|
9
9
|
* Help context string specific to this entry.
|
|
10
10
|
*/
|
|
11
|
-
readonly
|
|
11
|
+
readonly helpContextKey: DbxHelpContextKey;
|
|
12
12
|
/**
|
|
13
13
|
* Title/Label for the help topic.
|
|
14
14
|
*/
|
|
@@ -17,6 +17,10 @@ export interface DbxHelpWidgetServiceEntry {
|
|
|
17
17
|
* Icon for the help topic, if applicable.
|
|
18
18
|
*/
|
|
19
19
|
readonly icon?: Maybe<string>;
|
|
20
|
+
/**
|
|
21
|
+
* Arbitrary metadata associated with the entry.
|
|
22
|
+
*/
|
|
23
|
+
readonly meta?: Maybe<D>;
|
|
20
24
|
/**
|
|
21
25
|
* The priority to use when sorting the entities.
|
|
22
26
|
*
|
|
@@ -28,21 +32,21 @@ export interface DbxHelpWidgetServiceEntry {
|
|
|
28
32
|
*
|
|
29
33
|
* The component will receive the context string as data.
|
|
30
34
|
*/
|
|
31
|
-
readonly widgetComponentClass: Type<unknown
|
|
35
|
+
readonly widgetComponentClass: GetterOrValue<Type<unknown>>;
|
|
32
36
|
/**
|
|
33
37
|
* Custom header component class to use that shows up on the widget.
|
|
34
38
|
*
|
|
35
39
|
* The component will receive the context string as data.
|
|
36
40
|
*/
|
|
37
|
-
readonly headerComponentClass?: Maybe<Type<unknown
|
|
41
|
+
readonly headerComponentClass?: GetterOrValue<Maybe<Type<unknown>>>;
|
|
38
42
|
}
|
|
39
|
-
export interface DbxHelpWidgetEntryData {
|
|
43
|
+
export interface DbxHelpWidgetEntryData<D = unknown> {
|
|
40
44
|
/**
|
|
41
45
|
* Corresponding widget entry.
|
|
42
46
|
*/
|
|
43
|
-
readonly helpWidgetEntry: DbxHelpWidgetServiceEntry
|
|
47
|
+
readonly helpWidgetEntry: DbxHelpWidgetServiceEntry<D>;
|
|
44
48
|
}
|
|
45
49
|
/**
|
|
46
50
|
* Injection token for DbxHelpWidgetData.
|
|
47
51
|
*/
|
|
48
|
-
export declare const DBX_HELP_WIDGET_ENTRY_DATA_TOKEN: InjectionToken<DbxHelpWidgetEntryData
|
|
52
|
+
export declare const DBX_HELP_WIDGET_ENTRY_DATA_TOKEN: InjectionToken<DbxHelpWidgetEntryData<unknown>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Type } from '@angular/core';
|
|
2
2
|
import { ArrayOrValue, Maybe } from '@dereekb/util';
|
|
3
|
-
import {
|
|
3
|
+
import { DbxHelpContextKey } from './help';
|
|
4
4
|
import { DbxHelpWidgetServiceEntry } from './help.widget';
|
|
5
5
|
import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -18,11 +18,15 @@ export declare abstract class DbxHelpWidgetServiceConfig {
|
|
|
18
18
|
*/
|
|
19
19
|
abstract readonly defaultWidgetComponentClass?: Maybe<Type<unknown>>;
|
|
20
20
|
/**
|
|
21
|
-
* Optional component class
|
|
21
|
+
* Optional header component class to use for the list view.
|
|
22
|
+
*/
|
|
23
|
+
abstract readonly helpListHeaderComponentConfig?: Maybe<DbxInjectionComponentConfig>;
|
|
24
|
+
/**
|
|
25
|
+
* Optional footer component class to use for the list view.
|
|
22
26
|
*/
|
|
23
27
|
abstract readonly helpListFooterComponentConfig?: Maybe<DbxInjectionComponentConfig>;
|
|
24
28
|
/**
|
|
25
|
-
* Optional header component class to use for the
|
|
29
|
+
* Optional header component class to use for the popover view.
|
|
26
30
|
*/
|
|
27
31
|
abstract readonly popoverHeaderComponentConfig?: Maybe<DbxInjectionComponentConfig>;
|
|
28
32
|
}
|
|
@@ -36,8 +40,9 @@ export declare class DbxHelpWidgetService {
|
|
|
36
40
|
private readonly _entries;
|
|
37
41
|
private readonly _sortPriorityMap;
|
|
38
42
|
private _defaultWidgetComponentClass;
|
|
43
|
+
private _helpListHeaderComponentConfig;
|
|
39
44
|
private _helpListFooterComponentConfig;
|
|
40
|
-
private _defaultIcon
|
|
45
|
+
private _defaultIcon;
|
|
41
46
|
private _popoverHeaderComponentConfig;
|
|
42
47
|
constructor(initialConfig?: DbxHelpWidgetServiceConfig);
|
|
43
48
|
getDefaultWidgetComponentClass(): Maybe<Type<unknown>>;
|
|
@@ -46,6 +51,8 @@ export declare class DbxHelpWidgetService {
|
|
|
46
51
|
setDefaultIcon(icon: Maybe<string>): void;
|
|
47
52
|
getPopoverHeaderComponentConfig(): Maybe<DbxInjectionComponentConfig>;
|
|
48
53
|
setPopoverHeaderComponentConfig(componentConfig: Maybe<DbxInjectionComponentConfig>): void;
|
|
54
|
+
getHelpListHeaderComponentConfig(): Maybe<DbxInjectionComponentConfig>;
|
|
55
|
+
setHelpListHeaderComponentConfig(componentConfig: Maybe<DbxInjectionComponentConfig>): void;
|
|
49
56
|
getHelpListFooterComponentConfig(): Maybe<DbxInjectionComponentConfig>;
|
|
50
57
|
setHelpListFooterComponentConfig(componentConfig: Maybe<DbxInjectionComponentConfig>): void;
|
|
51
58
|
/**
|
|
@@ -57,10 +64,10 @@ export declare class DbxHelpWidgetService {
|
|
|
57
64
|
* @param override Whether to override existing entries (default: true)
|
|
58
65
|
*/
|
|
59
66
|
register(entries: ArrayOrValue<DbxHelpWidgetServiceEntry>, override?: boolean): boolean;
|
|
60
|
-
|
|
61
|
-
getHelpWidgetEntry(
|
|
62
|
-
|
|
63
|
-
hasHelpWidgetEntry(context:
|
|
67
|
+
getAllRegisteredHelpContextKeys(): DbxHelpContextKey[];
|
|
68
|
+
getHelpWidgetEntry(helpContextKey: DbxHelpContextKey): Maybe<DbxHelpWidgetServiceEntry>;
|
|
69
|
+
getHelpWidgetEntriesForHelpContextKeys(helpContextKeys: DbxHelpContextKey[]): DbxHelpWidgetServiceEntry[];
|
|
70
|
+
hasHelpWidgetEntry(context: DbxHelpContextKey): boolean;
|
|
64
71
|
getSortPriorityMap(): Map<string, number>;
|
|
65
72
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxHelpWidgetService, [{ optional: true; }]>;
|
|
66
73
|
static ɵprov: i0.ɵɵInjectableDeclaration<DbxHelpWidgetService>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
1
|
+
import { TemplateRef, ElementRef } from '@angular/core';
|
|
2
2
|
import { AbstractDbxAnchorDirective, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
|
|
3
3
|
import { type Maybe } from '@dereekb/util';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -8,10 +8,13 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
export declare class DbxAnchorComponent extends AbstractDbxAnchorDirective {
|
|
9
9
|
private readonly _dbNgxRouterWebProviderConfig;
|
|
10
10
|
readonly block: import("@angular/core").InputSignal<Maybe<boolean>>;
|
|
11
|
+
readonly clickableElement: import("@angular/core").Signal<Maybe<ElementRef<HTMLElement>>>;
|
|
12
|
+
readonly childClickTarget: import("@angular/core").Signal<Maybe<ElementRef<HTMLElement>>>;
|
|
11
13
|
readonly templateRef: import("@angular/core").Signal<Maybe<TemplateRef<unknown>>>;
|
|
12
14
|
readonly templateRef$: import("rxjs").Observable<Maybe<TemplateRef<unknown>>>;
|
|
13
15
|
readonly selectedClassSignal: import("@angular/core").Signal<"" | "dbx-anchor-selected">;
|
|
14
16
|
readonly srefAnchorConfig: DbxInjectionComponentConfig;
|
|
17
|
+
protected readonly _overrideClickElementEffect: import("@angular/core").EffectRef;
|
|
15
18
|
clickAnchor(event?: Maybe<MouseEvent>): void;
|
|
16
19
|
onMouseEnter(event?: Maybe<MouseEvent>): void;
|
|
17
20
|
onMouseLeave(event?: Maybe<MouseEvent>): void;
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
1
2
|
import { AbstractDbxSegueAnchorDirective } from '../../layout/anchor/anchor.segue.directive';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* SegueAnchor implementation for Angular Router.
|
|
5
6
|
*/
|
|
6
7
|
export declare class DbxAngularRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
|
|
8
|
+
readonly anchorElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
9
|
+
readonly injectionElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
10
|
+
readonly anchorDisabledSignal: import("@angular/core").Signal<boolean>;
|
|
11
|
+
protected readonly _overrideClickElementEffect: import("@angular/core").EffectRef;
|
|
7
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxAngularRouterSegueAnchorComponent, never>;
|
|
8
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<DbxAngularRouterSegueAnchorComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
9
14
|
}
|
|
@@ -1,31 +1,19 @@
|
|
|
1
|
-
import { ElementRef
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
2
|
import { AbstractDbxSegueAnchorDirective } from '../../layout/anchor/anchor.segue.directive';
|
|
3
3
|
import { Obj, StateOrName, TransitionOptions } from '@uirouter/angular';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* SegueAnchor implementation for UIRouter.
|
|
7
7
|
*/
|
|
8
|
-
export declare class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective
|
|
9
|
-
private _cleanupClickOverride;
|
|
8
|
+
export declare class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
|
|
10
9
|
private readonly _parentAnchorSignal;
|
|
11
10
|
readonly anchorElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
12
11
|
readonly injectionElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
13
12
|
readonly anchorDisabledSignal: import("@angular/core").Signal<boolean>;
|
|
14
|
-
/**
|
|
15
|
-
* This effect exists to solve the issue of an injected element that utilizes event.stopPropogation() and doesn't also call event.preventDefault().
|
|
16
|
-
*
|
|
17
|
-
* We didn't want to use css's pointer-events: none as that would disable the Angular Material button effects.
|
|
18
|
-
*
|
|
19
|
-
* For example, dbx-button would call event.stopPropagation() on click, which would prevent the uiSref from being triggered, but the default behavior
|
|
20
|
-
* of the anchor element would still be triggered, causing the browser to load/reload the page at the given href instead of navigating to the new state using uiSref.
|
|
21
|
-
*
|
|
22
|
-
* NOTE: Those nested event listeners are still ultimately triggered.
|
|
23
|
-
*/
|
|
24
13
|
protected readonly _overrideClickElementEffect: import("@angular/core").EffectRef;
|
|
25
14
|
readonly uiSrefSignal: import("@angular/core").Signal<StateOrName>;
|
|
26
15
|
readonly uiParamsSignal: import("@angular/core").Signal<Obj | undefined>;
|
|
27
16
|
readonly uiOptionsSignal: import("@angular/core").Signal<TransitionOptions>;
|
|
28
|
-
ngOnDestroy(): void;
|
|
29
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxUIRouterSegueAnchorComponent, never>;
|
|
30
18
|
static ɵcmp: i0.ɵɵComponentDeclaration<DbxUIRouterSegueAnchorComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
31
19
|
}
|
package/lib/screen/resize.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export interface ResizedEvent {
|
|
|
12
12
|
/**
|
|
13
13
|
* Creates a new Signal that emits resize events.
|
|
14
14
|
*
|
|
15
|
-
* Must
|
|
15
|
+
* Must called in an Angular injection context.
|
|
16
16
|
*
|
|
17
17
|
* @param inputElement The element to observe for resize events. If not provided, the host element will be injected.
|
|
18
18
|
*/
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ElementRef, type Signal } from '@angular/core';
|
|
2
|
+
import { type Maybe } from '@dereekb/util';
|
|
3
|
+
export interface OverrideClickElementEffectConfig {
|
|
4
|
+
/**
|
|
5
|
+
* Target to transfer "click" events to.
|
|
6
|
+
*/
|
|
7
|
+
readonly clickTarget?: Maybe<Signal<Maybe<ElementRef<HTMLElement>>>>;
|
|
8
|
+
/**
|
|
9
|
+
* The child target to watch and override clicks for.
|
|
10
|
+
*/
|
|
11
|
+
readonly childClickTarget: Signal<Maybe<ElementRef<HTMLElement>>>;
|
|
12
|
+
/**
|
|
13
|
+
* Optional signal to disable the clicking override.
|
|
14
|
+
*/
|
|
15
|
+
readonly disabledSignal?: Maybe<Signal<boolean>>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* This effect exists to solve the issue of an injected element that utilizes event.stopPropogation() and doesn't also call event.preventDefault().
|
|
19
|
+
*
|
|
20
|
+
* We didn't want to use css's pointer-events: none as that would disable the Angular Material button effects.
|
|
21
|
+
*
|
|
22
|
+
* For example, dbx-button would call event.stopPropagation() on click, which would prevent the uiSref from being triggered, but the default behavior
|
|
23
|
+
* of the anchor element would still be triggered, causing the browser to load/reload the page at the given href instead of navigating to the new state using uiSref.
|
|
24
|
+
*
|
|
25
|
+
* NOTE: Those nested event listeners are still ultimately triggered.
|
|
26
|
+
*
|
|
27
|
+
* Must be run in an Angular injection context.
|
|
28
|
+
*/
|
|
29
|
+
export declare function overrideClickElementEffect(config: OverrideClickElementEffectConfig): import("@angular/core").EffectRef;
|
package/lib/util/index.d.ts
CHANGED