nw-style-guide 14.2.1 → 14.2.2-beta.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/carousel/carousel-slide.directive.d.ts +1 -1
- package/carousel/carousel.component.d.ts +1 -1
- package/charts/area/area.directive.d.ts +1 -1
- package/charts/axis/axis-base.d.ts +1 -1
- package/charts/axis/x-axis.directive.d.ts +1 -1
- package/charts/axis/y-axis.directive.d.ts +1 -1
- package/charts/bar/bar.directive.d.ts +1 -1
- package/charts/brush/brush.directive.d.ts +1 -1
- package/charts/chart.component.d.ts +1 -1
- package/charts/circle/circle.directive.d.ts +1 -1
- package/charts/foreign-object/foreign-object.directive.d.ts +1 -1
- package/charts/path/path.directive.d.ts +1 -1
- package/charts/text/text.directive.d.ts +1 -1
- package/charts/tooltip/chart-tooltip.directive.d.ts +1 -1
- package/dropdowns/dropdown-toggle.directive.d.ts +1 -1
- package/dropdowns/dropdown.directive.d.ts +1 -1
- package/email-input/email-input.component.d.ts +1 -1
- package/feature-alerts/feature-alerts.directive.d.ts +1 -1
- package/feature-alerts/hotspot.component.d.ts +1 -1
- package/loader/loader.component.d.ts +1 -1
- package/package.json +1 -1
- package/picker/picker.component.d.ts +1 -1
- package/resize-observer/resize-observer.directive.d.ts +1 -1
- package/tabs/tab.directive.d.ts +1 -1
- package/tabs/tabs.component.d.ts +1 -1
- package/tooltips/tooltip.directive.d.ts +5 -1
- package/tooltips/tooltip.directive.js +12 -2
- package/word-cloud/word-cloud.component.d.ts +1 -1
- package/word-cloud/word.component.d.ts +1 -1
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
export declare class CarouselSlideDirective {
|
|
3
3
|
snapAlign: 'none' | 'start' | 'end' | 'center';
|
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselSlideDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselSlideDirective, "[nwCarouselSlide]", ["nw-carousel-slide"], { "snapAlign":
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselSlideDirective, "[nwCarouselSlide]", ["nw-carousel-slide"], { "snapAlign": "snapAlign"; }, {}, never, never, false, never>;
|
|
6
6
|
}
|
|
@@ -39,5 +39,5 @@ export declare class CarouselComponent implements OnInit, AfterViewInit, AfterCo
|
|
|
39
39
|
subscribeToWindowResize(): void;
|
|
40
40
|
ngOnDestroy(): void;
|
|
41
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "nw-carousel", ["nw-carousel"], { "showPageIndicator":
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "nw-carousel", ["nw-carousel"], { "showPageIndicator": "showPageIndicator"; "showPagination": "showPagination"; "showMask": "showMask"; "maskColor": "maskColor"; "containerClass": "containerClass"; "currPage": "currPage"; "noResultsText": "noResultsText"; }, { "currPageChange": "currPageChange"; }, ["slides"], [".pagination-left", "*", ".pagination-right", ".pagination-indicators"], false, never>;
|
|
43
43
|
}
|
|
@@ -37,6 +37,6 @@ export declare class AreaDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
37
37
|
private _subscribeToChartResize;
|
|
38
38
|
ngOnDestroy(): void;
|
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<AreaDirective, never>;
|
|
40
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AreaDirective, "path[nw-area]", ["nw-area"], { "data":
|
|
40
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AreaDirective, "path[nw-area]", ["nw-area"], { "data": "nw-area"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "curve": "curve"; "easing": "easing"; "xScale": "xScale"; }, {}, never, never, false, never>;
|
|
41
41
|
}
|
|
42
42
|
export {};
|
|
@@ -38,5 +38,5 @@ export declare abstract class AxisBase implements OnInit, OnChanges, OnDestroy {
|
|
|
38
38
|
private _subscribeToChartResize;
|
|
39
39
|
ngOnDestroy(): void;
|
|
40
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<AxisBase, never>;
|
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AxisBase, never, never, { "tickFormat":
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AxisBase, never, never, { "tickFormat": "tickFormat"; "tickCount": "tickCount"; "tickSizeOuter": "tickSizeOuter"; "tickValues": "tickValues"; "showGuidlines": "showGuidlines"; "animDuration": "animDuration"; "easing": "easing"; "label": "label"; }, {}, never, never, false, never>;
|
|
42
42
|
}
|
|
@@ -17,5 +17,5 @@ export declare class XAxisDirective extends AxisBase {
|
|
|
17
17
|
render(): void;
|
|
18
18
|
private _getAxisTranslation;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<XAxisDirective, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<XAxisDirective, "[nw-x-axis]", ["nw-x-axis"], { "align":
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XAxisDirective, "[nw-x-axis]", ["nw-x-axis"], { "align": "align"; "domain": "domain"; "scale": "scale"; }, { "scaleUpdated": "scaleUpdated"; }, never, never, false, never>;
|
|
21
21
|
}
|
|
@@ -17,5 +17,5 @@ export declare class YAxisDirective extends AxisBase {
|
|
|
17
17
|
render(): void;
|
|
18
18
|
private _getAxisTranslation;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<YAxisDirective, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<YAxisDirective, "[nw-y-axis]", ["nw-y-axis"], { "align":
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<YAxisDirective, "[nw-y-axis]", ["nw-y-axis"], { "align": "align"; "domain": "domain"; }, { "scaleUpdated": "scaleUpdated"; }, never, never, false, never>;
|
|
21
21
|
}
|
|
@@ -27,5 +27,5 @@ export declare class BarDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
27
27
|
private _subscribeToChartResize;
|
|
28
28
|
ngOnDestroy(): void;
|
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<BarDirective, never>;
|
|
30
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<BarDirective, "rect[nw-bar]", never, { "value":
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BarDirective, "rect[nw-bar]", never, { "value": "nw-bar"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "easing": "easing"; "barWidth": "barWidth"; "xScale": "xScale"; }, {}, never, never, false, never>;
|
|
31
31
|
}
|
|
@@ -23,5 +23,5 @@ export declare class BrushDirective implements OnInit, OnDestroy, OnChanges {
|
|
|
23
23
|
private _unbindEvents;
|
|
24
24
|
ngOnDestroy(): void;
|
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<BrushDirective, never>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<BrushDirective, "svg:g[nw-brush]", ["nw-brush"], { "extent":
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BrushDirective, "svg:g[nw-brush]", ["nw-brush"], { "extent": "extent"; "dimension": "dimension"; }, { "brushEnd": "brushEnd"; }, never, never, false, never>;
|
|
27
27
|
}
|
|
@@ -42,5 +42,5 @@ export declare class ChartComponent implements OnInit, AfterViewInit, OnDestroy
|
|
|
42
42
|
onChartDimensionsChange(): void;
|
|
43
43
|
ngOnDestroy(): void;
|
|
44
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "svg[nw-chart]", ["nw-chart"], { "w":
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "svg[nw-chart]", ["nw-chart"], { "w": "width"; "h": "height"; "margins": "margins"; }, { "nwMousemove": "nwMousemove"; "nwMouseleave": "nwMouseleave"; "bgClick": "bgClick"; }, never, ["[nw-x-axis],[nw-y-axis]", ".nw-slot-1", ".nw-slot-2", "*"], false, never>;
|
|
46
46
|
}
|
|
@@ -30,5 +30,5 @@ export declare class CircleDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
30
30
|
private _subscribeToChartResize;
|
|
31
31
|
ngOnDestroy(): void;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<CircleDirective, never>;
|
|
33
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CircleDirective, "circle[nw-circle]", ["nw-circle"], { "point":
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CircleDirective, "circle[nw-circle]", ["nw-circle"], { "point": "nw-circle"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "easing": "easing"; "xScale": "xScale"; }, {}, never, never, false, never>;
|
|
34
34
|
}
|
|
@@ -30,5 +30,5 @@ export declare class ForeignObjectDirective implements OnInit, OnChanges, OnDest
|
|
|
30
30
|
private _subscribeToChartResize;
|
|
31
31
|
ngOnDestroy(): void;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<ForeignObjectDirective, never>;
|
|
33
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ForeignObjectDirective, "[nw-foreign-object]", ["nw-foreign-object"], { "point":
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ForeignObjectDirective, "[nw-foreign-object]", ["nw-foreign-object"], { "point": "point"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "easing": "easing"; "xScale": "xScale"; }, {}, never, never, false, never>;
|
|
34
34
|
}
|
|
@@ -33,5 +33,5 @@ export declare class PathDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
33
33
|
private _subscribeToChartResize;
|
|
34
34
|
ngOnDestroy(): void;
|
|
35
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<PathDirective, never>;
|
|
36
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "path[nw-path]", ["nw-path"], { "data":
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "path[nw-path]", ["nw-path"], { "data": "nw-path"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "curve": "curve"; "easing": "easing"; "xScale": "xScale"; }, { "animEnd": "animEnd"; }, never, never, false, never>;
|
|
37
37
|
}
|
|
@@ -29,5 +29,5 @@ export declare class TextDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
29
29
|
private _subscribeToChartResize;
|
|
30
30
|
ngOnDestroy(): void;
|
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
|
|
32
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "text[nw-text]", ["nw-text"], { "point":
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "text[nw-text]", ["nw-text"], { "point": "nw-text"; "xDomain": "xDomain"; "yDomain": "yDomain"; "animDuration": "animDuration"; "easing": "easing"; "xScale": "xScale"; }, {}, never, never, false, never>;
|
|
33
33
|
}
|
|
@@ -20,5 +20,5 @@ export declare class ChartTooltipDirective implements OnChanges, AfterViewInit {
|
|
|
20
20
|
ngOnChanges(changes: SimpleChanges): void;
|
|
21
21
|
private _setTooltipSize;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartTooltipDirective, never>;
|
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ChartTooltipDirective, "[nwChartTooltip]", never, { "position":
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ChartTooltipDirective, "[nwChartTooltip]", never, { "position": "position"; "chartWidth": "chartWidth"; "chartHeight": "chartHeight"; "chartMargins": "chartMargins"; "offsetX": "offsetX"; }, {}, never, never, false, never>;
|
|
24
24
|
}
|
|
@@ -20,5 +20,5 @@ export declare class DropdownToggleDirective implements OnInit, OnDestroy {
|
|
|
20
20
|
toggle(event: MouseEvent): void;
|
|
21
21
|
ngOnDestroy(): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, never>;
|
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[nwDropdownToggle]", ["nw-dropdown-toggle"], { "nwTrigger":
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[nwDropdownToggle]", ["nw-dropdown-toggle"], { "nwTrigger": "nwTrigger"; "breakpoint": "breakpoint"; }, {}, never, never, false, never>;
|
|
24
24
|
}
|
|
@@ -27,5 +27,5 @@ export declare class DropdownDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
27
27
|
onEscape(event: KeyboardEvent): void;
|
|
28
28
|
ngOnDestroy(): void;
|
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
|
|
30
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[nwDropdown]", ["nw-dropdown"], { "autoClose":
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[nwDropdown]", ["nw-dropdown"], { "autoClose": "autoClose"; "elementsToIgnore": "elementsToIgnore"; "selectorsToIgnore": "selectorsToIgnore"; "disabled": "disabled"; }, { "opened": "opened"; "closed": "closed"; }, never, never, false, never>;
|
|
31
31
|
}
|
|
@@ -40,5 +40,5 @@ export declare class EmailInputComponent implements OnInit, OnDestroy {
|
|
|
40
40
|
private _emitValidationChange;
|
|
41
41
|
ngOnDestroy(): void;
|
|
42
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputComponent, never>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "nw-email-input", ["nw-email-input"], { "emails":
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "nw-email-input", ["nw-email-input"], { "emails": "emails"; "inputId": "inputId"; "placeholder": "placeholder"; "persistentPlaceholder": "persistentPlaceholder"; "blacklist": "blacklist"; }, { "updated": "updated"; }, never, never, false, never>;
|
|
44
44
|
}
|
|
@@ -30,5 +30,5 @@ export declare class FeatureAlertsDirective implements OnInit, OnDestroy {
|
|
|
30
30
|
private _toggleFeatureAlert;
|
|
31
31
|
ngOnDestroy(): void;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<FeatureAlertsDirective, never>;
|
|
33
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FeatureAlertsDirective, "[nwFeatureAlert]", never, { "nwFeatureAlert":
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FeatureAlertsDirective, "[nwFeatureAlert]", never, { "nwFeatureAlert": "nwFeatureAlert"; }, {}, never, never, false, never>;
|
|
34
34
|
}
|
|
@@ -10,5 +10,5 @@ export declare class HotspotComponent {
|
|
|
10
10
|
get isOpen(): boolean;
|
|
11
11
|
dismiss(): void;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<HotspotComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HotspotComponent, "nw-hotspot", never, { "position":
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HotspotComponent, "nw-hotspot", never, { "position": "position"; "id": "id"; }, {}, never, never, false, never>;
|
|
14
14
|
}
|
|
@@ -13,5 +13,5 @@ export declare class LoaderComponent implements OnInit {
|
|
|
13
13
|
get dots(): number[];
|
|
14
14
|
get sizeClass(): string;
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "nw-loader", ["nw-loader"], { "isLoading":
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "nw-loader", ["nw-loader"], { "isLoading": "isLoading"; "numOfDots": "numOfDots"; "size": "size"; "isColor": "isColor"; "isInline": "isInline"; "delayMs": "delayMs"; "fadeInMs": "fadeInMs"; }, {}, never, never, false, never>;
|
|
17
17
|
}
|
package/package.json
CHANGED
|
@@ -66,5 +66,5 @@ export declare class NwPickerComponent implements OnInit, OnDestroy {
|
|
|
66
66
|
getMaxHeight(el: HTMLElement): string;
|
|
67
67
|
ngOnDestroy(): void;
|
|
68
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<NwPickerComponent, never>;
|
|
69
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NwPickerComponent, "nw-angular-picker", never, { "items":
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NwPickerComponent, "nw-angular-picker", never, { "items": "items"; "inputClasses": "inputClasses"; "placeholderText": "placeholderText"; "inputPlaceholderText": "inputPlaceholderText"; "noSelectionsPlaceholderText": "noSelectionsPlaceholderText"; "initialParentId": "initialParentId"; "shouldShowSelections": "shouldShowSelections"; "canExclude": "canExclude"; "isHeightDynamic": "isHeightDynamic"; "isMultiSelect": "isMultiSelect"; "isMobileDisplay": "isMobileDisplay"; }, { "selections": "selections"; "toggleInclude": "toggleInclude"; "toggleExclude": "toggleExclude"; "edit": "edit"; "closed": "closed"; "focus": "focus"; "clearAll": "clearAll"; "clearSingle": "clearSingle"; "clearSearch": "clearSearch"; "desc": "desc"; "asc": "asc"; }, never, [".results-footer"], false, never>;
|
|
70
70
|
}
|
|
@@ -21,5 +21,5 @@ export declare class ResizeObserverDirective implements OnInit, OnDestroy {
|
|
|
21
21
|
createObserver(): void;
|
|
22
22
|
ngOnDestroy(): void;
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverDirective, never>;
|
|
24
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeObserverDirective, "[nwResizeObserver]", ["nwResizeObserver"], { "element":
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeObserverDirective, "[nwResizeObserver]", ["nwResizeObserver"], { "element": "element"; "tolerance": "tolerance"; }, { "nwResize": "nwResize"; }, never, never, false, never>;
|
|
25
25
|
}
|
package/tabs/tab.directive.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export declare class TabDirective implements OnChanges {
|
|
|
8
8
|
constructor(elRef: ElementRef<HTMLElement>, _tabsService: TabsService);
|
|
9
9
|
ngOnChanges(changes: SimpleChanges): void;
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[nwTab]", never, { "isActive":
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[nwTab]", never, { "isActive": "isActive"; }, {}, never, never, false, never>;
|
|
12
12
|
}
|
package/tabs/tabs.component.d.ts
CHANGED
|
@@ -39,5 +39,5 @@ export declare class TabsComponent implements OnInit, AfterContentInit, OnDestro
|
|
|
39
39
|
scrollToTabIfRequired(tab: TabDirective): void;
|
|
40
40
|
ngOnDestroy(): void;
|
|
41
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "nw-tabs", never, { "size":
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "nw-tabs", never, { "size": "size"; "maskColor": "maskColor"; }, {}, ["tabs"], ["*"], false, never>;
|
|
43
43
|
}
|
|
@@ -76,6 +76,10 @@ export declare class TooltipDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
76
76
|
* Determines whether pointer events are enabled on the cdk-overlay-pane element
|
|
77
77
|
*/
|
|
78
78
|
pointerEvents: 'auto' | 'none';
|
|
79
|
+
/**
|
|
80
|
+
* The screen size at which the tooltip should treated as a popover as there is no hover events on mobile
|
|
81
|
+
*/
|
|
82
|
+
breakpoint: number;
|
|
79
83
|
nwShown: EventEmitter<null>;
|
|
80
84
|
nwHidden: EventEmitter<null>;
|
|
81
85
|
nwClose: EventEmitter<null>;
|
|
@@ -123,5 +127,5 @@ export declare class TooltipDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
123
127
|
private _updateScrollStrategy;
|
|
124
128
|
ngOnDestroy(): void;
|
|
125
129
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
126
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[nwTooltip],[nwPopover]", ["nw-tooltip", "nw-popover"], { "tooltip":
|
|
130
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[nwTooltip],[nwPopover]", ["nw-tooltip", "nw-popover"], { "tooltip": "nwTooltip"; "popover": "nwPopover"; "context": "context"; "placement": "placement"; "isOpen": "isOpen"; "isDisabled": "isDisabled"; "delay": "delay"; "autoFlip": "autoFlip"; "openEvents": "openEvents"; "closeEvents": "closeEvents"; "containerClass": "containerClass"; "withArrow": "withArrow"; "withClose": "withClose"; "closeOnScroll": "closeOnScroll"; "closeOnOutsideClick": "closeOnOutsideClick"; "updatePositionOnAnimationFrame": "updatePositionOnAnimationFrame"; "connectedTo": "connectedTo"; "pointerEvents": "pointerEvents"; "breakpoint": "breakpoint"; }, { "nwShown": "nwShown"; "nwHidden": "nwHidden"; "nwClose": "nwClose"; }, never, never, false, never>;
|
|
127
131
|
}
|
|
@@ -39,6 +39,10 @@ export class TooltipDirective {
|
|
|
39
39
|
* the tooltip is attached (and open) to an element that transitions or animates to a new position
|
|
40
40
|
*/
|
|
41
41
|
this.updatePositionOnAnimationFrame = false;
|
|
42
|
+
/**
|
|
43
|
+
* The screen size at which the tooltip should treated as a popover as there is no hover events on mobile
|
|
44
|
+
*/
|
|
45
|
+
this.breakpoint = 767;
|
|
42
46
|
this.nwShown = new EventEmitter();
|
|
43
47
|
this.nwHidden = new EventEmitter();
|
|
44
48
|
this.nwClose = new EventEmitter();
|
|
@@ -108,16 +112,20 @@ export class TooltipDirective {
|
|
|
108
112
|
const getDefaultValue = (currVal, defaultVal) => {
|
|
109
113
|
return currVal !== null && currVal !== void 0 ? currVal : defaultVal;
|
|
110
114
|
};
|
|
115
|
+
const isMobileScreenSize = window.innerWidth < this.breakpoint;
|
|
111
116
|
/**
|
|
112
117
|
* Check for undefined and null, not empty strings. This prevents errors when an empty
|
|
113
118
|
* string is passed in the popover or tooltip input
|
|
114
119
|
*/
|
|
115
|
-
if (this.popover !== undefined && this.popover !== null) {
|
|
120
|
+
if ((this.popover !== undefined && this.popover !== null) || isMobileScreenSize) {
|
|
116
121
|
this.delay = getDefaultValue(this.delay, 0);
|
|
117
122
|
this.openEvents = getDefaultValue(this.openEvents, ["click"]);
|
|
118
123
|
this.closeEvents = getDefaultValue(this.closeEvents, ["click"]);
|
|
119
124
|
this.closeOnScroll = getDefaultValue(this.closeOnScroll, false);
|
|
120
125
|
this.pointerEvents = getDefaultValue(this.pointerEvents, 'auto');
|
|
126
|
+
if (isMobileScreenSize) {
|
|
127
|
+
this.closeOnOutsideClick = true;
|
|
128
|
+
}
|
|
121
129
|
}
|
|
122
130
|
else {
|
|
123
131
|
this.delay = getDefaultValue(this.delay, 500);
|
|
@@ -340,7 +348,7 @@ export class TooltipDirective {
|
|
|
340
348
|
}
|
|
341
349
|
}
|
|
342
350
|
TooltipDirective.ɵfac = function TooltipDirective_Factory(t) { return new (t || TooltipDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Injector)); };
|
|
343
|
-
TooltipDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TooltipDirective, selectors: [["", "nwTooltip", ""], ["", "nwPopover", ""]], inputs: { tooltip: ["nwTooltip", "tooltip"], popover: ["nwPopover", "popover"], context: "context", placement: "placement", isOpen: "isOpen", isDisabled: "isDisabled", delay: "delay", autoFlip: "autoFlip", openEvents: "openEvents", closeEvents: "closeEvents", containerClass: "containerClass", withArrow: "withArrow", withClose: "withClose", closeOnScroll: "closeOnScroll", closeOnOutsideClick: "closeOnOutsideClick", updatePositionOnAnimationFrame: "updatePositionOnAnimationFrame", connectedTo: "connectedTo", pointerEvents: "pointerEvents" }, outputs: { nwShown: "nwShown", nwHidden: "nwHidden", nwClose: "nwClose" }, exportAs: ["nw-tooltip", "nw-popover"], features: [i0.ɵɵNgOnChangesFeature] });
|
|
351
|
+
TooltipDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TooltipDirective, selectors: [["", "nwTooltip", ""], ["", "nwPopover", ""]], inputs: { tooltip: ["nwTooltip", "tooltip"], popover: ["nwPopover", "popover"], context: "context", placement: "placement", isOpen: "isOpen", isDisabled: "isDisabled", delay: "delay", autoFlip: "autoFlip", openEvents: "openEvents", closeEvents: "closeEvents", containerClass: "containerClass", withArrow: "withArrow", withClose: "withClose", closeOnScroll: "closeOnScroll", closeOnOutsideClick: "closeOnOutsideClick", updatePositionOnAnimationFrame: "updatePositionOnAnimationFrame", connectedTo: "connectedTo", pointerEvents: "pointerEvents", breakpoint: "breakpoint" }, outputs: { nwShown: "nwShown", nwHidden: "nwHidden", nwClose: "nwClose" }, exportAs: ["nw-tooltip", "nw-popover"], features: [i0.ɵɵNgOnChangesFeature] });
|
|
344
352
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDirective, [{
|
|
345
353
|
type: Directive,
|
|
346
354
|
args: [{
|
|
@@ -385,6 +393,8 @@ TooltipDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TooltipDir
|
|
|
385
393
|
type: Input
|
|
386
394
|
}], pointerEvents: [{
|
|
387
395
|
type: Input
|
|
396
|
+
}], breakpoint: [{
|
|
397
|
+
type: Input
|
|
388
398
|
}], nwShown: [{
|
|
389
399
|
type: Output
|
|
390
400
|
}], nwHidden: [{
|
|
@@ -79,5 +79,5 @@ export declare class WordCloudComponent<T extends IWord> implements OnChanges {
|
|
|
79
79
|
private _scalePositionedWords;
|
|
80
80
|
private _isFontLoaded;
|
|
81
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<WordCloudComponent<any>, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WordCloudComponent<any>, "nw-word-cloud", never, { "words":
|
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WordCloudComponent<any>, "nw-word-cloud", never, { "words": "words"; "options": "options"; }, { "wordsPositioned": "wordsPositioned"; }, never, ["*"], false, never>;
|
|
83
83
|
}
|
|
@@ -10,5 +10,5 @@ export declare class WordComponent<T extends IWord> implements OnChanges {
|
|
|
10
10
|
width: number;
|
|
11
11
|
ngOnChanges(changes: SimpleChanges): void;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<WordComponent<any>, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WordComponent<any>, "nw-word", never, { "word":
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WordComponent<any>, "nw-word", never, { "word": "word"; }, {}, never, never, false, never>;
|
|
14
14
|
}
|