@frame-ui-ng/components 0.1.0-beta.0 → 0.3.0-beta.0
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/src/styles/_vars.css +25 -25
- package/accordion/src/styles/accordion.css +105 -87
- package/alert/src/styles/_vars.css +28 -28
- package/badge/src/styles/_vars.css +19 -16
- package/badge/src/styles/badge.css +132 -125
- package/breadcrumb/src/styles/_vars.css +17 -16
- package/breadcrumb/src/styles/breadcrumb.css +110 -98
- package/button/src/styles/_vars.css +20 -20
- package/button/src/styles/button.css +66 -9
- package/button-group/src/styles/button-group.css +100 -69
- package/calendar/src/styles/_vars.css +29 -29
- package/calendar/src/styles/calendar.css +247 -226
- package/card/src/styles/_vars.css +17 -17
- package/checkbox/src/styles/_vars.css +22 -22
- package/collapsible/src/styles/collapsible.css +55 -42
- package/combobox/src/styles/_vars.css +61 -60
- package/combobox/src/styles/combobox.css +295 -285
- package/command/src/styles/_vars.css +47 -37
- package/command/src/styles/command.css +236 -171
- package/date-picker/src/styles/_vars.css +30 -29
- package/date-picker/src/styles/date-picker.css +203 -177
- package/dropdown-menu/src/styles/_vars.css +34 -34
- package/dropdown-menu/src/styles/dropdown-menu-item.css +87 -87
- package/fesm2022/frame-ui-ng-components-accordion.mjs +26 -11
- package/fesm2022/frame-ui-ng-components-accordion.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-badge.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-badge.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-button.mjs +1 -1
- package/fesm2022/frame-ui-ng-components-button.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-calendar.mjs +369 -263
- package/fesm2022/frame-ui-ng-components-calendar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-command.mjs +20 -2
- package/fesm2022/frame-ui-ng-components-command.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-date-picker.mjs +232 -226
- package/fesm2022/frame-ui-ng-components-date-picker.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs +45 -22
- package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-input.mjs +6 -3
- package/fesm2022/frame-ui-ng-components-input.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-select.mjs +6 -3
- package/fesm2022/frame-ui-ng-components-select.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-sidebar.mjs +47 -4
- package/fesm2022/frame-ui-ng-components-sidebar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-toast.mjs +152 -142
- package/fesm2022/frame-ui-ng-components-toast.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-tooltip.mjs +263 -254
- package/fesm2022/frame-ui-ng-components-tooltip.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components.mjs +745 -531
- package/fesm2022/frame-ui-ng-components.mjs.map +1 -1
- package/input/src/styles/_vars.css +65 -65
- package/input/src/styles/input-group.css +164 -112
- package/input/src/styles/input.css +197 -163
- package/input-otp/src/styles/_vars.css +21 -21
- package/item/src/styles/_vars.css +34 -34
- package/menubar/src/styles/_vars.css +22 -22
- package/modal/src/styles/_vars.css +19 -18
- package/modal/src/styles/modal.css +202 -179
- package/navigation-menu/src/styles/_vars.css +45 -45
- package/package.json +12 -3
- package/pagination/src/styles/_vars.css +22 -22
- package/pagination/src/styles/pagination.css +158 -138
- package/progress/src/styles/_vars.css +15 -15
- package/radio-group/src/styles/_vars.css +29 -29
- package/radio-group/src/styles/radio-group.css +146 -137
- package/resizable/src/styles/_vars.css +20 -20
- package/select/src/styles/_vars.css +28 -28
- package/select/src/styles/select-trigger.css +109 -95
- package/separator/src/styles/_vars.css +9 -9
- package/sheet/src/styles/_vars.css +20 -18
- package/sheet/src/styles/sheet.css +220 -215
- package/sidebar/src/styles/sidebar.css +544 -531
- package/slider/src/styles/_vars.css +17 -17
- package/src/styles/blueprint.css +659 -0
- package/src/styles/components.css +47 -47
- package/styles/blueprint.css +659 -0
- package/styles/components.css +47 -47
- package/styles.css +49 -49
- package/switch/src/styles/_vars.css +34 -34
- package/switch/src/styles/switch.css +130 -131
- package/tabs/src/styles/_vars.css +23 -23
- package/textarea/src/styles/_vars.css +20 -20
- package/textarea/src/styles/textarea.css +62 -60
- package/toast/src/styles/_vars.css +48 -47
- package/toast/src/styles/toast.css +279 -314
- package/toggle/src/styles/_vars.css +24 -24
- package/tooltip/src/styles/_vars.css +21 -21
- package/tooltip/src/styles/tooltip.css +99 -103
- package/types/frame-ui-ng-components-accordion.d.ts +3 -1
- package/types/frame-ui-ng-components-badge.d.ts +2 -2
- package/types/frame-ui-ng-components-calendar.d.ts +14 -0
- package/types/frame-ui-ng-components-command.d.ts +7 -2
- package/types/frame-ui-ng-components-context-menu.d.ts +2 -2
- package/types/frame-ui-ng-components-date-picker.d.ts +3 -1
- package/types/frame-ui-ng-components-dropdown-menu.d.ts +3 -3
- package/types/frame-ui-ng-components-input.d.ts +6 -3
- package/types/frame-ui-ng-components-select.d.ts +6 -3
- package/types/frame-ui-ng-components-sidebar.d.ts +8 -1
- package/types/frame-ui-ng-components-tooltip.d.ts +43 -73
- package/types/frame-ui-ng-components.d.ts +91 -55
- package/virtual-scroll/src/styles/virtual-scroll.css +54 -54
|
@@ -1,87 +1,57 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef } from '@angular/core';
|
|
3
|
-
import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
|
|
2
|
+
import { AfterViewInit, TemplateRef } from '@angular/core';
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
open(): void;
|
|
13
|
-
close(): void;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
declare class FrTooltipContent {
|
|
17
|
-
readonly templateRef: TemplateRef<any>;
|
|
18
|
-
readonly id: string;
|
|
4
|
+
declare class FrTooltipDirective implements AfterViewInit {
|
|
5
|
+
private readonly destroyRef;
|
|
6
|
+
private readonly document;
|
|
7
|
+
private readonly elementRef;
|
|
8
|
+
private readonly overlay;
|
|
9
|
+
private readonly platformId;
|
|
10
|
+
readonly content: _angular_core.InputSignal<string | TemplateRef<unknown> | null>;
|
|
19
11
|
readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
|
|
20
12
|
readonly alignOffset: _angular_core.InputSignal<number>;
|
|
21
13
|
readonly arrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
22
|
-
readonly
|
|
14
|
+
readonly closeDelay: _angular_core.InputSignal<number>;
|
|
15
|
+
readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
23
16
|
readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
|
|
24
17
|
readonly sideOffset: _angular_core.InputSignal<number>;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipContent, "ng-template[frTooltipContent]", ["frTooltipContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
28
|
-
}
|
|
29
|
-
declare class FrTooltipPanel {
|
|
30
|
-
protected readonly content: FrTooltipContent;
|
|
31
|
-
protected readonly root: FrTooltipController;
|
|
32
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipPanel, never>;
|
|
33
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipPanel, "[frTooltipPanel]", never, {}, {}, never, never, true, never>;
|
|
34
|
-
}
|
|
35
|
-
declare class FrTooltipShortcut {
|
|
36
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipShortcut, never>;
|
|
37
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipShortcut, "[frTooltipShortcut]", never, {}, {}, never, never, true, never>;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
declare class FrTooltipRoot {
|
|
41
|
-
private readonly elementRef;
|
|
42
|
-
readonly openDelay: _angular_core.InputSignal<number>;
|
|
43
|
-
readonly closeDelay: _angular_core.InputSignal<number>;
|
|
44
|
-
readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
45
|
-
readonly debugVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
46
|
-
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
47
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
48
|
-
readonly content: _angular_core.WritableSignal<FrTooltipContent | null>;
|
|
49
|
-
readonly overlaySide: _angular_core.WritableSignal<string>;
|
|
50
|
-
private openTimer;
|
|
18
|
+
protected readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
19
|
+
protected readonly tooltipId: string;
|
|
51
20
|
private closeTimer;
|
|
21
|
+
private disabledObserver;
|
|
22
|
+
private openTimer;
|
|
23
|
+
private overlayRef;
|
|
24
|
+
private panelRef;
|
|
52
25
|
private triggerElement;
|
|
53
|
-
|
|
26
|
+
private wrapped;
|
|
27
|
+
private wrapper;
|
|
28
|
+
private teardownListeners;
|
|
54
29
|
constructor();
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
private
|
|
65
|
-
private
|
|
30
|
+
ngAfterViewInit(): void;
|
|
31
|
+
private bindTriggerEvents;
|
|
32
|
+
private ensureDisabledHostWrapper;
|
|
33
|
+
private observeDisabledState;
|
|
34
|
+
private openWithDelay;
|
|
35
|
+
private closeWithDelay;
|
|
36
|
+
private open;
|
|
37
|
+
private close;
|
|
38
|
+
private createOverlay;
|
|
39
|
+
private positions;
|
|
40
|
+
private handlePositionChange;
|
|
41
|
+
private updatePanelInputs;
|
|
66
42
|
private syncCustomPropertiesToOverlay;
|
|
67
|
-
private scheduleCustomPropertySync;
|
|
68
43
|
private copyCustomProperties;
|
|
69
|
-
|
|
70
|
-
|
|
44
|
+
private listen;
|
|
45
|
+
private cancelOpen;
|
|
46
|
+
private cancelClose;
|
|
47
|
+
private destroy;
|
|
48
|
+
private teardownTriggerListeners;
|
|
49
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipDirective, never>;
|
|
50
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipDirective, "[frTooltip]", never, { "content": { "alias": "frTooltip"; "required": false; "isSignal": true; }; "align": { "alias": "frTooltipAlign"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "frTooltipAlignOffset"; "required": false; "isSignal": true; }; "arrow": { "alias": "frTooltipArrow"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "frTooltipCloseDelay"; "required": false; "isSignal": true; }; "openDelay": { "alias": "frTooltipOpenDelay"; "required": false; "isSignal": true; }; "side": { "alias": "frTooltipSide"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "frTooltipSideOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
71
51
|
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
protected readonly root: FrTooltipController;
|
|
76
|
-
private readonly elementRef;
|
|
77
|
-
constructor();
|
|
78
|
-
protected handleMouseEnter(): void;
|
|
79
|
-
protected handleMouseLeave(): void;
|
|
80
|
-
protected handleFocusIn(): void;
|
|
81
|
-
protected handleFocusOut(): void;
|
|
82
|
-
protected handleKeydown(event: KeyboardEvent): void;
|
|
83
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipTrigger, never>;
|
|
84
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipTrigger, "[frTooltipTrigger]", never, { "content": { "alias": "frTooltipTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
52
|
+
declare class FrTooltipShortcut {
|
|
53
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipShortcut, never>;
|
|
54
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipShortcut, "[frTooltipShortcut]", never, {}, {}, never, never, true, never>;
|
|
85
55
|
}
|
|
86
56
|
|
|
87
57
|
declare const FR_TOOLTIP_SIDES: readonly ["top", "right", "bottom", "left"];
|
|
@@ -91,9 +61,9 @@ type FrTooltipAlignment = (typeof FR_TOOLTIP_ALIGNMENTS)[number];
|
|
|
91
61
|
|
|
92
62
|
declare class FrTooltipModule {
|
|
93
63
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipModule, never>;
|
|
94
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTooltipModule, never, [typeof
|
|
64
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTooltipModule, never, [typeof FrTooltipDirective, typeof FrTooltipShortcut], [typeof FrTooltipDirective, typeof FrTooltipShortcut]>;
|
|
95
65
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrTooltipModule>;
|
|
96
66
|
}
|
|
97
67
|
|
|
98
|
-
export { FR_TOOLTIP_ALIGNMENTS, FR_TOOLTIP_SIDES,
|
|
68
|
+
export { FR_TOOLTIP_ALIGNMENTS, FR_TOOLTIP_SIDES, FrTooltipDirective, FrTooltipModule, FrTooltipShortcut };
|
|
99
69
|
export type { FrTooltipAlignment, FrTooltipSide };
|