@o3r/components 12.5.0-prerelease.3 → 12.5.0-prerelease.30
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/devkit/components-devkit.interface.d.ts +42 -1
- package/devkit/components-devkit.interface.d.ts.map +1 -1
- package/devkit/components-devtools.message.service.d.ts +1 -0
- package/devkit/components-devtools.message.service.d.ts.map +1 -1
- package/devkit/highlight/constants.d.ts +37 -0
- package/devkit/highlight/constants.d.ts.map +1 -0
- package/devkit/highlight/helpers.d.ts +78 -0
- package/devkit/highlight/helpers.d.ts.map +1 -0
- package/devkit/highlight/highlight.service.d.ts +64 -0
- package/devkit/highlight/highlight.service.d.ts.map +1 -0
- package/devkit/highlight/models.d.ts +38 -0
- package/devkit/highlight/models.d.ts.map +1 -0
- package/fesm2022/o3r-components.mjs +399 -4
- package/fesm2022/o3r-components.mjs.map +1 -1
- package/package.json +15 -14
- package/schematics/ng-add/index.d.ts.map +1 -1
- package/schematics/ng-add/index.js +40 -19
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ConnectContentMessage, DevtoolsCommonOptions, MessageDataTypes, OtterMessageContent, RequestMessagesContentMessage } from '@o3r/core';
|
|
2
2
|
import type { PlaceholderMode } from '../stores';
|
|
3
|
+
import type { GroupInfo } from './highlight/models';
|
|
3
4
|
import { OtterLikeComponentInfo } from './inspector';
|
|
4
5
|
/**
|
|
5
6
|
* Component Devtools options
|
|
@@ -18,6 +19,46 @@ export interface ToggleInspectorMessage extends OtterMessageContent<'toggleInspe
|
|
|
18
19
|
/** Is the inspector running */
|
|
19
20
|
isRunning: boolean;
|
|
20
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Message to toggle the highlight
|
|
24
|
+
*/
|
|
25
|
+
export interface ToggleHighlightMessage extends OtterMessageContent<'toggleHighlight'> {
|
|
26
|
+
/** Is the highlight displayed */
|
|
27
|
+
isRunning: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Message the change the configuration of the `HighlightService`
|
|
31
|
+
*/
|
|
32
|
+
export interface ChangeHighlightConfiguration extends OtterMessageContent<'changeHighlightConfiguration'> {
|
|
33
|
+
/**
|
|
34
|
+
* Minimum width of HTMLElement to be considered
|
|
35
|
+
*/
|
|
36
|
+
elementMinWidth?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Minimum height of HTMLElement to be considered
|
|
39
|
+
*/
|
|
40
|
+
elementMinHeight?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Throttle interval
|
|
43
|
+
*/
|
|
44
|
+
throttleInterval?: number;
|
|
45
|
+
/**
|
|
46
|
+
* Group information to detect elements
|
|
47
|
+
*/
|
|
48
|
+
groupsInfo?: Record<string, GroupInfo>;
|
|
49
|
+
/**
|
|
50
|
+
* Maximum number of ancestors
|
|
51
|
+
*/
|
|
52
|
+
maxDepth?: number;
|
|
53
|
+
/**
|
|
54
|
+
* Opacity of the chips
|
|
55
|
+
*/
|
|
56
|
+
chipsOpacity?: number;
|
|
57
|
+
/**
|
|
58
|
+
* Auto refresh
|
|
59
|
+
*/
|
|
60
|
+
autoRefresh?: boolean;
|
|
61
|
+
}
|
|
21
62
|
/**
|
|
22
63
|
* Message to toggle the placeholder mode
|
|
23
64
|
*/
|
|
@@ -31,7 +72,7 @@ export interface PlaceholderModeMessage extends OtterMessageContent<'placeholder
|
|
|
31
72
|
export interface IsComponentSelectionAvailableMessage extends OtterMessageContent<'isComponentSelectionAvailable'> {
|
|
32
73
|
available: boolean;
|
|
33
74
|
}
|
|
34
|
-
type ComponentsMessageContents = IsComponentSelectionAvailableMessage | SelectedComponentInfoMessage | ToggleInspectorMessage | PlaceholderModeMessage;
|
|
75
|
+
type ComponentsMessageContents = IsComponentSelectionAvailableMessage | SelectedComponentInfoMessage | ToggleInspectorMessage | ToggleHighlightMessage | ChangeHighlightConfiguration | PlaceholderModeMessage;
|
|
35
76
|
/** List of possible DataTypes for Components messages */
|
|
36
77
|
export type ComponentsMessageDataTypes = MessageDataTypes<ComponentsMessageContents>;
|
|
37
78
|
/** List of all messages for Components purpose */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-devkit.interface.d.ts","sourceRoot":"","sources":["../../src/devkit/components-devkit.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC9B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EACV,eAAe,EAChB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,sBAAsB,EACvB,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,gCAAiC,SAAQ,qBAAqB;CAC9E;AAED;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;CACzH;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IACpF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IACpF,uBAAuB;IACvB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,oCAAqC,SAAQ,mBAAmB,CAAC,+BAA+B,CAAC;IAChH,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,yBAAyB,GAC1B,oCAAoC,GACpC,4BAA4B,GAC5B,sBAAsB,GACtB,sBAAsB,CAAC;AAE3B,yDAAyD;AACzD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;AAErF,kDAAkD;AAClD,MAAM,MAAM,kCAAkC,GAC1C,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,CAAC,0BAA0B,CAAC,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,GAAG,KAAG,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"components-devkit.interface.d.ts","sourceRoot":"","sources":["../../src/devkit/components-devkit.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC9B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EACV,eAAe,EAChB,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EACV,SAAS,EACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,sBAAsB,EACvB,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,gCAAiC,SAAQ,qBAAqB;CAC9E;AAED;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;CACzH;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IACpF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IACpF,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB,CAAC,8BAA8B,CAAC;IACvG;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB,CAAC,iBAAiB,CAAC;IACpF,uBAAuB;IACvB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,oCAAqC,SAAQ,mBAAmB,CAAC,+BAA+B,CAAC;IAChH,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,yBAAyB,GAC1B,oCAAoC,GACpC,4BAA4B,GAC5B,sBAAsB,GACtB,sBAAsB,GACtB,4BAA4B,GAC5B,sBAAsB,CAAC;AAE3B,yDAAyD;AACzD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;AAErF,kDAAkD;AAClD,MAAM,MAAM,kCAAkC,GAC1C,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,CAAC,0BAA0B,CAAC,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,GAAG,KAAG,OAAO,IAAI,kCAW7D,CAAC"}
|
|
@@ -11,6 +11,7 @@ export declare class ComponentsDevtoolsMessageService implements DevtoolsService
|
|
|
11
11
|
private readonly inspectorService;
|
|
12
12
|
private readonly sendMessage;
|
|
13
13
|
private readonly destroyRef;
|
|
14
|
+
private readonly highlightService;
|
|
14
15
|
constructor(logger: LoggerService, store: Store<PlaceholderTemplateState>, options?: ComponentsDevtoolsServiceOptions);
|
|
15
16
|
/**
|
|
16
17
|
* Function to connect the plugin to the Otter DevTools extension
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-devtools.message.service.d.ts","sourceRoot":"","sources":["../../src/devkit/components-devtools.message.service.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,EACN,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,wBAAwB,EAGzB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,aAAa,EACd,MAAM,aAAa,CAAC;AAQrB,OAAO,EACL,KAAK,wBAAwB,EAE9B,MAAM,WAAW,CAAC;AACnB,OAAO,EAEL,gCAAgC,EAGjC,MAAM,+BAA+B,CAAC;;
|
|
1
|
+
{"version":3,"file":"components-devtools.message.service.d.ts","sourceRoot":"","sources":["../../src/devkit/components-devtools.message.service.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,EACN,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,wBAAwB,EAGzB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,aAAa,EACd,MAAM,aAAa,CAAC;AAQrB,OAAO,EACL,KAAK,wBAAwB,EAE9B,MAAM,WAAW,CAAC;AACnB,OAAO,EAEL,gCAAgC,EAGjC,MAAM,+BAA+B,CAAC;;AAavC,qBAGa,gCAAiC,YAAW,wBAAwB;IAS7E,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,KAAK;IATxB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmC;IAC3D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAwB;IACzD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAwD;IAEpF,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA4B;gBAG1C,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,EACA,OAAO,CAAC,EAAE,gCAAgC;IAcnG;;OAEG;YACW,aAAa;YAQb,4BAA4B;IAO1C,OAAO,CAAC,iCAAiC;IAIzC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAc3B;;;OAGG;YACW,YAAY;IA8D1B,kBAAkB;IACX,QAAQ;yCApIJ,gCAAgC;6CAAhC,gCAAgC;CAgJ5C"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Class applied on the wrapper of highlight elements
|
|
3
|
+
*/
|
|
4
|
+
export declare const HIGHLIGHT_WRAPPER_CLASS = "highlight-wrapper";
|
|
5
|
+
/**
|
|
6
|
+
* Class applied on the overlay elements
|
|
7
|
+
*/
|
|
8
|
+
export declare const HIGHLIGHT_OVERLAY_CLASS = "highlight-overlay";
|
|
9
|
+
/**
|
|
10
|
+
* Class applied on the chip elements
|
|
11
|
+
*/
|
|
12
|
+
export declare const HIGHLIGHT_CHIP_CLASS = "highlight-chip";
|
|
13
|
+
/**
|
|
14
|
+
* Default value for maximum number of ancestors
|
|
15
|
+
*/
|
|
16
|
+
export declare const DEFAULT_MAX_DEPTH = 10;
|
|
17
|
+
/**
|
|
18
|
+
* Default value for element min height
|
|
19
|
+
*/
|
|
20
|
+
export declare const DEFAULT_ELEMENT_MIN_HEIGHT = 30;
|
|
21
|
+
/**
|
|
22
|
+
* Default value for element min width
|
|
23
|
+
*/
|
|
24
|
+
export declare const DEFAULT_ELEMENT_MIN_WIDTH = 60;
|
|
25
|
+
/**
|
|
26
|
+
* Default value for throttle interval
|
|
27
|
+
*/
|
|
28
|
+
export declare const DEFAULT_THROTTLE_INTERVAL = 500;
|
|
29
|
+
/**
|
|
30
|
+
* Default value for chips opacity
|
|
31
|
+
*/
|
|
32
|
+
export declare const DEFAULT_CHIPS_OPACITY = 1;
|
|
33
|
+
/**
|
|
34
|
+
* Default value for auto refresh activation
|
|
35
|
+
*/
|
|
36
|
+
export declare const DEFAULT_AUTO_REFRESH = true;
|
|
37
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/devkit/highlight/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C;;GAEG;AACH,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C;;GAEG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C;;GAEG;AACH,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC;;GAEG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import type { ElementWithGroupInfo, GroupInfo } from './models';
|
|
2
|
+
/**
|
|
3
|
+
* Retrieve the identifier of the element
|
|
4
|
+
* @param element
|
|
5
|
+
*/
|
|
6
|
+
export declare function getIdentifier(element: ElementWithGroupInfo): string;
|
|
7
|
+
/**
|
|
8
|
+
* Filters a list of HTML elements and returns those that match specific group information.
|
|
9
|
+
*
|
|
10
|
+
* Each element is checked against a set of criteria:
|
|
11
|
+
* - The element's dimensions must meet the minimum height and width requirements.
|
|
12
|
+
* - The element's tag name, attributes, or class names must match a regular expression defined in the group information.
|
|
13
|
+
* @param elements An array of HTML elements to filter.
|
|
14
|
+
* @param elementMinHeight The min height required for each element to be considered in the computation
|
|
15
|
+
* @param elementMinWidth The min width required for each element to be considered in the computation
|
|
16
|
+
* @param groupsInfo The config that describes the HTML tags to check
|
|
17
|
+
* @returns An array of objects containing the matching elements and their associated group information
|
|
18
|
+
*/
|
|
19
|
+
export declare function filterElementsWithInfo(elements: HTMLElement[], elementMinHeight: number, elementMinWidth: number, groupsInfo: Record<string, GroupInfo>): ElementWithGroupInfo[];
|
|
20
|
+
/**
|
|
21
|
+
* Compute the number of ancestors of a given element based on a list of elements
|
|
22
|
+
* @param element
|
|
23
|
+
* @param elementList
|
|
24
|
+
*/
|
|
25
|
+
export declare function computeNumberOfAncestors(element: HTMLElement, elementList: HTMLElement[]): number;
|
|
26
|
+
/**
|
|
27
|
+
* Throttle {@link fn} with a {@link delay}
|
|
28
|
+
* @param fn method to run
|
|
29
|
+
* @param delay given in ms
|
|
30
|
+
*/
|
|
31
|
+
export declare function throttle<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
|
|
32
|
+
/**
|
|
33
|
+
* Run {@link refreshFn} if {@link mutations} implies to refresh elements inside {@link highlightWrapper}
|
|
34
|
+
* @param mutations
|
|
35
|
+
* @param highlightWrapper
|
|
36
|
+
* @param refreshFn
|
|
37
|
+
*/
|
|
38
|
+
export declare function runRefreshIfNeeded(mutations: MutationRecord[], highlightWrapper: Element | null, refreshFn: () => void): void;
|
|
39
|
+
/**
|
|
40
|
+
* Options to create an overlay element
|
|
41
|
+
*/
|
|
42
|
+
export interface CreateOverlayOptions {
|
|
43
|
+
top: string;
|
|
44
|
+
left: string;
|
|
45
|
+
position: string;
|
|
46
|
+
width: string;
|
|
47
|
+
height: string;
|
|
48
|
+
backgroundColor: string;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Create an overlay element
|
|
52
|
+
* @param doc HTML Document
|
|
53
|
+
* @param opts
|
|
54
|
+
* @param depth
|
|
55
|
+
*/
|
|
56
|
+
export declare function createOverlay(doc: Document, opts: CreateOverlayOptions, depth: number): HTMLDivElement;
|
|
57
|
+
/**
|
|
58
|
+
* Options to create a chip element
|
|
59
|
+
*/
|
|
60
|
+
export interface CreateChipOptions {
|
|
61
|
+
displayName: string;
|
|
62
|
+
depth: number;
|
|
63
|
+
top: string;
|
|
64
|
+
left: string;
|
|
65
|
+
position: string;
|
|
66
|
+
backgroundColor: string;
|
|
67
|
+
color?: string;
|
|
68
|
+
name: string;
|
|
69
|
+
opacity?: number;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Create a chip element
|
|
73
|
+
* @param doc HTML Document
|
|
74
|
+
* @param opts
|
|
75
|
+
* @param overlay
|
|
76
|
+
*/
|
|
77
|
+
export declare function createChip(doc: Document, opts: CreateChipOptions, overlay: HTMLDivElement): HTMLDivElement;
|
|
78
|
+
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/devkit/highlight/helpers.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,oBAAoB,EACpB,SAAS,EACV,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAcnE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,oBAAoB,EAAE,CAmBhL;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAExF;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYlH;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,gBAAgB,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM,IAAI,QActH;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,kBAarF;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,kBAiCzF"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { GroupInfo } from './models';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class HighlightService {
|
|
4
|
+
/**
|
|
5
|
+
* Group information
|
|
6
|
+
* Value could be changed through chrome extension options
|
|
7
|
+
*/
|
|
8
|
+
groupsInfo: Record<string, GroupInfo>;
|
|
9
|
+
/**
|
|
10
|
+
* Maximum number of components ancestor
|
|
11
|
+
* Value could be changed through chrome extension view
|
|
12
|
+
*/
|
|
13
|
+
maxDepth: number;
|
|
14
|
+
/**
|
|
15
|
+
* Element min height to be considered
|
|
16
|
+
* Value could be changed through chrome extension options
|
|
17
|
+
*/
|
|
18
|
+
elementMinHeight: number;
|
|
19
|
+
/**
|
|
20
|
+
* Element min width to be considered
|
|
21
|
+
* Value could be changed through chrome extension options
|
|
22
|
+
*/
|
|
23
|
+
elementMinWidth: number;
|
|
24
|
+
/**
|
|
25
|
+
* Throttle interval to refresh the highlight elements
|
|
26
|
+
* Value could be changed through chrome extension options
|
|
27
|
+
*/
|
|
28
|
+
throttleInterval: number;
|
|
29
|
+
/**
|
|
30
|
+
* Opacity of the chips
|
|
31
|
+
* Value could be changed through chrome extension options
|
|
32
|
+
*/
|
|
33
|
+
chipsOpacity: number;
|
|
34
|
+
/**
|
|
35
|
+
* Whether to activate the auto refresh of the highlight
|
|
36
|
+
* Value could be changed through chrome extension view
|
|
37
|
+
*/
|
|
38
|
+
autoRefresh: boolean;
|
|
39
|
+
private throttleRun;
|
|
40
|
+
private singleRun;
|
|
41
|
+
private readonly document;
|
|
42
|
+
private readonly mutationObserver;
|
|
43
|
+
private readonly resizeObserver;
|
|
44
|
+
constructor();
|
|
45
|
+
private getHighlightWrapper;
|
|
46
|
+
private cleanHighlightWrapper;
|
|
47
|
+
private initializeHighlightWrapper;
|
|
48
|
+
private run;
|
|
49
|
+
/**
|
|
50
|
+
* Returns true if the highlight is displayed
|
|
51
|
+
*/
|
|
52
|
+
isRunning(): boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Start the highlight of elements
|
|
55
|
+
*/
|
|
56
|
+
start(): void;
|
|
57
|
+
/**
|
|
58
|
+
* Stop the highlight of elements
|
|
59
|
+
*/
|
|
60
|
+
stop(): void;
|
|
61
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HighlightService, never>;
|
|
62
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<HighlightService>;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=highlight.service.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"highlight.service.d.ts","sourceRoot":"","sources":["../../../src/devkit/highlight/highlight.service.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAGV,SAAS,EACV,MAAM,UAAU,CAAC;;AAElB,qBAGa,gBAAgB;IAC3B;;;OAGG;IACI,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAM;IAElD;;;OAGG;IACI,QAAQ,SAAqB;IAEpC;;;OAGG;IACI,gBAAgB,SAA8B;IAErD;;;OAGG;IACI,eAAe,SAA6B;IAEnD;;;OAGG;IACI,gBAAgB,SAA6B;IAEpD;;;OAGG;IACI,YAAY,SAAyB;IAE5C;;;OAGG;IACI,WAAW,UAAwB;IAE1C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAE7C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAM/B;IAEF,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkD;;IAMjF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,GAAG;IA4EX;;OAEG;IACI,SAAS;IAIhB;;OAEG;IACI,KAAK;IAeZ;;OAEG;IACI,IAAI;yCAxLA,gBAAgB;6CAAhB,gBAAgB;CAkM5B"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Model to describe a group of elements
|
|
3
|
+
*/
|
|
4
|
+
export interface GroupInfo {
|
|
5
|
+
/**
|
|
6
|
+
* Text color for the {@link displayName}
|
|
7
|
+
*/
|
|
8
|
+
color?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Color of the border of the element once highlighted
|
|
11
|
+
*/
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
/**
|
|
14
|
+
* Name of the group display
|
|
15
|
+
*/
|
|
16
|
+
displayName: string;
|
|
17
|
+
/**
|
|
18
|
+
* Regexp to detect the elements part of the group
|
|
19
|
+
*/
|
|
20
|
+
regexp: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Element associated to his group information
|
|
24
|
+
*/
|
|
25
|
+
export interface ElementWithGroupInfo extends GroupInfo {
|
|
26
|
+
/** HTML element */
|
|
27
|
+
htmlElement: HTMLElement;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Element associated to his group information and depth
|
|
31
|
+
*/
|
|
32
|
+
export interface ElementWithGroupInfoAndDepth extends ElementWithGroupInfo {
|
|
33
|
+
/**
|
|
34
|
+
* Number of ancestors
|
|
35
|
+
*/
|
|
36
|
+
depth: number;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=models.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/devkit/highlight/models.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,mBAAmB;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB;IACxE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf"}
|