@ifsworld/granite-components 16.1.0-beta.1 → 17.0.0-beta.1
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/core/index.d.ts +1 -0
- package/core/lib/client-environment.d.ts +18 -0
- package/fesm2022/ifsworld-granite-components-core.mjs +19 -0
- package/fesm2022/ifsworld-granite-components-core.mjs.map +1 -0
- package/fesm2022/ifsworld-granite-components-tooltip.mjs +14 -5
- package/fesm2022/ifsworld-granite-components-tooltip.mjs.map +1 -1
- package/fesm2022/ifsworld-granite-components.mjs +51 -34
- package/fesm2022/ifsworld-granite-components.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/lib/core/client-environment.d.ts +1 -26
- package/lib/menu/menu-base.d.ts +9 -1
- package/lib/menu/menu-errors.d.ts +2 -2
- package/lib/menu/menu-positions.d.ts +2 -2
- package/package.json +5 -1
- package/tooltip/lib/tooltip-trigger-for.directive.d.ts +4 -2
package/index.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ export * from './lib/avatar/avatar.component.public-types';
|
|
|
58
58
|
export * from './lib/progress-bar/progress-bar.module';
|
|
59
59
|
export * from './lib/progress-bar/progress-bar.component';
|
|
60
60
|
export * from './lib/progress-bar/progress-bar.model';
|
|
61
|
-
export * from '
|
|
61
|
+
export * from '@ifsworld/granite-components/core';
|
|
62
62
|
export * from './lib/core/core.module';
|
|
63
63
|
export * from './lib/core/devices/client-output-touch.directive';
|
|
64
64
|
export * from './lib/core/devices/client-output-desktop.directive';
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Injection token used to provide components knowledge of what device types
|
|
4
|
-
* are being used for input.
|
|
5
|
-
*/
|
|
6
|
-
export declare const GRANITE_CLIENT_INPUT: InjectionToken<ClientInputInterface>;
|
|
7
|
-
/**
|
|
8
|
-
* Injection token used to provide components knowledge of what device type
|
|
9
|
-
* is being used for output.
|
|
10
|
-
*/
|
|
11
|
-
export declare const GRANITE_CLIENT_OUTPUT: InjectionToken<ClientOutputInterface>;
|
|
12
|
-
export type InputDeviceTypes = void | 'touch' | 'mouse' | 'keyboard' | 'onscreen-keyboard';
|
|
13
|
-
export type OutputDeviceTypes = void | 'touch' | 'desktop';
|
|
14
|
-
export interface ClientInputInterface {
|
|
15
|
-
devices: InputDeviceTypes[];
|
|
16
|
-
}
|
|
17
|
-
export interface ClientOutputInterface {
|
|
18
|
-
device: OutputDeviceTypes;
|
|
19
|
-
}
|
|
20
|
-
interface DevicePrefabInterface {
|
|
21
|
-
input: ClientInputInterface;
|
|
22
|
-
output: ClientOutputInterface;
|
|
23
|
-
}
|
|
24
|
-
export declare const deviceDesktop: DevicePrefabInterface;
|
|
25
|
-
export declare const deviceTouch: DevicePrefabInterface;
|
|
26
|
-
export {};
|
|
1
|
+
export * from '@ifsworld/granite-components/core';
|
package/lib/menu/menu-base.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ import { GraniteMenuItemComponent } from './menu-item.component';
|
|
|
8
8
|
import { ClosedEventType, OpenedEventType, GraniteMenuPanelInterface } from './menu-panel';
|
|
9
9
|
import { MenuPositionX, MenuPositionY } from './menu-positions';
|
|
10
10
|
import { GraniteMenuCustomTemplateDirective } from './menu-custom-template.directive';
|
|
11
|
+
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
/** Menu panel animation states */
|
|
13
14
|
type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
|
|
@@ -32,6 +33,13 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
|
|
|
32
33
|
/** Position of the menu in the Y axis. */
|
|
33
34
|
get yPosition(): MenuPositionY;
|
|
34
35
|
set yPosition(value: MenuPositionY);
|
|
36
|
+
/**
|
|
37
|
+
* Custom position configuration for the overlay.
|
|
38
|
+
* When provided, this overrides the default positioning logic based on
|
|
39
|
+
* xPosition and yPosition. Uses Angular CDK ConnectedPosition format.
|
|
40
|
+
* If empty or not provided, falls back to default positioning behavior.
|
|
41
|
+
*/
|
|
42
|
+
cdkConnectedOverlayPosition: ConnectedPosition[];
|
|
35
43
|
/** Optional touch menu panel title */
|
|
36
44
|
title: string;
|
|
37
45
|
/**
|
|
@@ -206,6 +214,6 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
|
|
|
206
214
|
*/
|
|
207
215
|
private _updateDirectDescendants;
|
|
208
216
|
static ɵfac: i0.ɵɵFactoryDeclaration<_MenuBaseComponent, never>;
|
|
209
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "touchStyles": { "alias": "touchStyles"; "required": false; }; "preventParentClose": { "alias": "preventParentClose"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customTemplate", "_allItems"], never, true, never>;
|
|
217
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "cdkConnectedOverlayPosition": { "alias": "cdkConnectedOverlayPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "touchStyles": { "alias": "touchStyles"; "required": false; }; "preventParentClose": { "alias": "preventParentClose"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customTemplate", "_allItems"], never, true, never>;
|
|
210
218
|
}
|
|
211
219
|
export {};
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
export declare function throwGraniteMenuMissingError(): void;
|
|
13
13
|
/**
|
|
14
14
|
* Throws an exception for the case when menu's x-position value isn't valid.
|
|
15
|
-
* In other words, it doesn't match 'before' or '
|
|
15
|
+
* In other words, it doesn't match 'before', 'after', or 'center'.
|
|
16
16
|
* @docs-private
|
|
17
17
|
*/
|
|
18
18
|
export declare function throwGraniteMenuInvalidPositionX(): void;
|
|
19
19
|
/**
|
|
20
20
|
* Throws an exception for the case when menu's y-position value isn't valid.
|
|
21
|
-
* In other words, it doesn't match 'above' or '
|
|
21
|
+
* In other words, it doesn't match 'above', 'below', or 'center'.
|
|
22
22
|
* @docs-private
|
|
23
23
|
*/
|
|
24
24
|
export declare function throwGraniteMenuInvalidPositionY(): void;
|
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
* Use of this source code is governed by an MIT-style license that can be
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
|
-
export type MenuPositionX = 'before' | 'after';
|
|
9
|
-
export type MenuPositionY = 'above' | 'below';
|
|
8
|
+
export type MenuPositionX = 'before' | 'after' | 'center';
|
|
9
|
+
export type MenuPositionY = 'above' | 'below' | 'center';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ifsworld/granite-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0-beta.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/cdk": ">=19.2.3",
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
"types": "./carousel/index.d.ts",
|
|
32
32
|
"default": "./fesm2022/ifsworld-granite-components-carousel.mjs"
|
|
33
33
|
},
|
|
34
|
+
"./core": {
|
|
35
|
+
"types": "./core/index.d.ts",
|
|
36
|
+
"default": "./fesm2022/ifsworld-granite-components-core.mjs"
|
|
37
|
+
},
|
|
34
38
|
"./date-picker": {
|
|
35
39
|
"types": "./date-picker/index.d.ts",
|
|
36
40
|
"default": "./fesm2022/ifsworld-granite-components-date-picker.mjs"
|
|
@@ -3,6 +3,7 @@ import { Overlay } from '@angular/cdk/overlay';
|
|
|
3
3
|
import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
|
|
4
4
|
import { GraniteTooltipComponent } from './tooltip.component';
|
|
5
5
|
import { GraniteTooltipService } from './Services/granite-tooltip.service';
|
|
6
|
+
import { ClientOutputInterface } from '@ifsworld/granite-components/core';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class GraniteTooltipTriggerForDirective implements OnDestroy, OnInit, OnChanges {
|
|
8
9
|
private _elementRef;
|
|
@@ -10,6 +11,7 @@ export declare class GraniteTooltipTriggerForDirective implements OnDestroy, OnI
|
|
|
10
11
|
private _viewContainerRef;
|
|
11
12
|
private _focusMonitor;
|
|
12
13
|
private _tooltipService;
|
|
14
|
+
_clientOutput: ClientOutputInterface;
|
|
13
15
|
tooltip: GraniteTooltipComponent;
|
|
14
16
|
hideDelay: number;
|
|
15
17
|
showDelay: number;
|
|
@@ -19,7 +21,7 @@ export declare class GraniteTooltipTriggerForDirective implements OnDestroy, OnI
|
|
|
19
21
|
private _destroy;
|
|
20
22
|
private _detachOverlayTimeoutId;
|
|
21
23
|
private _attachOverlayTimeoutId;
|
|
22
|
-
constructor(_elementRef: ElementRef, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _focusMonitor: FocusMonitor, _tooltipService: GraniteTooltipService);
|
|
24
|
+
constructor(_elementRef: ElementRef, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _focusMonitor: FocusMonitor, _tooltipService: GraniteTooltipService, _clientOutput: ClientOutputInterface);
|
|
23
25
|
ngOnInit(): void;
|
|
24
26
|
ngOnChanges(changes: SimpleChanges): void;
|
|
25
27
|
ngOnDestroy(): void;
|
|
@@ -32,6 +34,6 @@ export declare class GraniteTooltipTriggerForDirective implements OnDestroy, OnI
|
|
|
32
34
|
private _attachOverlay;
|
|
33
35
|
private _detachOverlay;
|
|
34
36
|
private _getTriggerElement;
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTooltipTriggerForDirective,
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTooltipTriggerForDirective, [null, null, null, null, null, { optional: true; }]>;
|
|
36
38
|
static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteTooltipTriggerForDirective, "[graniteTooltipTriggerFor]", never, { "tooltip": { "alias": "graniteTooltipTriggerFor"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "showOnKeyboardFocus": { "alias": "showOnKeyboardFocus"; "required": false; }; "showOnClick": { "alias": "showOnClick"; "required": false; }; }, {}, never, never, false, never>;
|
|
37
39
|
}
|