@frame-ui-ng/components 0.4.0-beta.0 → 0.4.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/confirm-popover/src/styles/confirm-popover.css +20 -0
- package/drag-drop/src/styles/_vars.css +28 -0
- package/drag-drop/src/styles/drag-drop.css +132 -0
- package/fesm2022/frame-ui-ng-components-accordion.mjs +26 -21
- package/fesm2022/frame-ui-ng-components-accordion.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-alert.mjs +4 -0
- package/fesm2022/frame-ui-ng-components-alert.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-avatar.mjs +7 -0
- package/fesm2022/frame-ui-ng-components-avatar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-badge.mjs +4 -0
- package/fesm2022/frame-ui-ng-components-badge.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-breadcrumb.mjs +13 -6
- package/fesm2022/frame-ui-ng-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-button-group.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-button-group.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-button.mjs +5 -0
- package/fesm2022/frame-ui-ng-components-button.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-calendar.mjs +4 -0
- package/fesm2022/frame-ui-ng-components-calendar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-card.mjs +15 -15
- package/fesm2022/frame-ui-ng-components-card.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-carousel.mjs +33 -16
- package/fesm2022/frame-ui-ng-components-carousel.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-checkbox.mjs +7 -9
- package/fesm2022/frame-ui-ng-components-checkbox.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-collapsible.mjs +24 -23
- package/fesm2022/frame-ui-ng-components-collapsible.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-combobox.mjs +66 -18
- package/fesm2022/frame-ui-ng-components-combobox.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-command.mjs +47 -16
- package/fesm2022/frame-ui-ng-components-command.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-confirm-modal.mjs +3 -0
- package/fesm2022/frame-ui-ng-components-confirm-modal.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-confirm-popover.mjs +423 -0
- package/fesm2022/frame-ui-ng-components-confirm-popover.mjs.map +1 -0
- package/fesm2022/frame-ui-ng-components-context-menu.mjs +71 -45
- package/fesm2022/frame-ui-ng-components-context-menu.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-date-picker.mjs +3 -0
- package/fesm2022/frame-ui-ng-components-date-picker.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-drag-drop.mjs +293 -0
- package/fesm2022/frame-ui-ng-components-drag-drop.mjs.map +1 -0
- package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs +73 -36
- package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-empty.mjs +6 -0
- package/fesm2022/frame-ui-ng-components-empty.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-field.mjs +21 -12
- package/fesm2022/frame-ui-ng-components-field.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-forms.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-forms.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-hover-card.mjs +49 -43
- package/fesm2022/frame-ui-ng-components-hover-card.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-input-otp.mjs +5 -0
- package/fesm2022/frame-ui-ng-components-input-otp.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-input.mjs +13 -0
- package/fesm2022/frame-ui-ng-components-input.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-item.mjs +10 -0
- package/fesm2022/frame-ui-ng-components-item.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-menubar.mjs +15 -0
- package/fesm2022/frame-ui-ng-components-menubar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-modal.mjs +128 -114
- package/fesm2022/frame-ui-ng-components-modal.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-navigation-menu.mjs +14 -0
- package/fesm2022/frame-ui-ng-components-navigation-menu.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-pagination.mjs +8 -0
- package/fesm2022/frame-ui-ng-components-pagination.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-popover.mjs +63 -51
- package/fesm2022/frame-ui-ng-components-popover.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-progress.mjs +2 -0
- package/fesm2022/frame-ui-ng-components-progress.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-radio-group.mjs +5 -0
- package/fesm2022/frame-ui-ng-components-radio-group.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-resizable.mjs +6 -0
- package/fesm2022/frame-ui-ng-components-resizable.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-select.mjs +62 -14
- package/fesm2022/frame-ui-ng-components-select.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-separator.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-separator.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-sheet.mjs +99 -88
- package/fesm2022/frame-ui-ng-components-sheet.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-sidebar.mjs +27 -12
- package/fesm2022/frame-ui-ng-components-sidebar.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-skeleton.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-skeleton.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-slider.mjs +29 -16
- package/fesm2022/frame-ui-ng-components-slider.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-spinner.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-spinner.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-switch.mjs +6 -0
- package/fesm2022/frame-ui-ng-components-switch.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-table.mjs +76 -50
- package/fesm2022/frame-ui-ng-components-table.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-tabs.mjs +4 -0
- package/fesm2022/frame-ui-ng-components-tabs.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-textarea.mjs +1 -0
- package/fesm2022/frame-ui-ng-components-textarea.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-toast.mjs +2 -0
- package/fesm2022/frame-ui-ng-components-toast.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-toggle.mjs +23 -16
- package/fesm2022/frame-ui-ng-components-toggle.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-tooltip.mjs +30 -25
- package/fesm2022/frame-ui-ng-components-tooltip.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components-virtual-scroll.mjs +26 -8
- package/fesm2022/frame-ui-ng-components-virtual-scroll.mjs.map +1 -1
- package/fesm2022/frame-ui-ng-components.mjs +1387 -552
- package/fesm2022/frame-ui-ng-components.mjs.map +1 -1
- package/package.json +10 -2
- package/popover/src/styles/popover.css +106 -101
- package/src/styles/components.css +6 -4
- package/styles/components.css +6 -4
- package/styles.css +6 -4
- package/types/frame-ui-ng-components-accordion.d.ts +11 -4
- package/types/frame-ui-ng-components-alert.d.ts +4 -0
- package/types/frame-ui-ng-components-avatar.d.ts +7 -0
- package/types/frame-ui-ng-components-badge.d.ts +4 -0
- package/types/frame-ui-ng-components-breadcrumb.d.ts +7 -0
- package/types/frame-ui-ng-components-button-group.d.ts +1 -0
- package/types/frame-ui-ng-components-button.d.ts +5 -0
- package/types/frame-ui-ng-components-calendar.d.ts +1 -0
- package/types/frame-ui-ng-components-card.d.ts +8 -3
- package/types/frame-ui-ng-components-carousel.d.ts +11 -2
- package/types/frame-ui-ng-components-checkbox.d.ts +3 -2
- package/types/frame-ui-ng-components-collapsible.d.ts +9 -4
- package/types/frame-ui-ng-components-combobox.d.ts +32 -3
- package/types/frame-ui-ng-components-command.d.ts +26 -4
- package/types/frame-ui-ng-components-confirm-modal.d.ts +2 -0
- package/types/frame-ui-ng-components-confirm-popover.d.ts +87 -0
- package/types/frame-ui-ng-components-context-menu.d.ts +29 -10
- package/types/frame-ui-ng-components-date-picker.d.ts +1 -0
- package/types/frame-ui-ng-components-drag-drop.d.ts +103 -0
- package/types/frame-ui-ng-components-dropdown-menu.d.ts +32 -9
- package/types/frame-ui-ng-components-empty.d.ts +6 -0
- package/types/frame-ui-ng-components-field.d.ts +9 -0
- package/types/frame-ui-ng-components-forms.d.ts +1 -0
- package/types/frame-ui-ng-components-hover-card.d.ts +8 -2
- package/types/frame-ui-ng-components-input-otp.d.ts +4 -0
- package/types/frame-ui-ng-components-input.d.ts +13 -0
- package/types/frame-ui-ng-components-item.d.ts +10 -0
- package/types/frame-ui-ng-components-menubar.d.ts +15 -0
- package/types/frame-ui-ng-components-modal.d.ts +12 -0
- package/types/frame-ui-ng-components-navigation-menu.d.ts +14 -0
- package/types/frame-ui-ng-components-pagination.d.ts +8 -0
- package/types/frame-ui-ng-components-popover.d.ts +14 -2
- package/types/frame-ui-ng-components-progress.d.ts +2 -0
- package/types/frame-ui-ng-components-radio-group.d.ts +5 -0
- package/types/frame-ui-ng-components-resizable.d.ts +3 -0
- package/types/frame-ui-ng-components-select.d.ts +23 -2
- package/types/frame-ui-ng-components-separator.d.ts +1 -0
- package/types/frame-ui-ng-components-sheet.d.ts +11 -0
- package/types/frame-ui-ng-components-sidebar.d.ts +21 -0
- package/types/frame-ui-ng-components-skeleton.d.ts +1 -0
- package/types/frame-ui-ng-components-slider.d.ts +5 -2
- package/types/frame-ui-ng-components-spinner.d.ts +1 -0
- package/types/frame-ui-ng-components-switch.d.ts +6 -0
- package/types/frame-ui-ng-components-table.d.ts +26 -0
- package/types/frame-ui-ng-components-tabs.d.ts +4 -0
- package/types/frame-ui-ng-components-textarea.d.ts +1 -0
- package/types/frame-ui-ng-components-toast.d.ts +2 -0
- package/types/frame-ui-ng-components-toggle.d.ts +8 -2
- package/types/frame-ui-ng-components-tooltip.d.ts +6 -2
- package/types/frame-ui-ng-components-virtual-scroll.d.ts +11 -2
- package/types/frame-ui-ng-components.d.ts +492 -76
|
@@ -1,37 +1,46 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
|
|
3
|
+
/** Input wrapper for labels, controls, and validation text. */
|
|
3
4
|
declare class FrInput {
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInput, never>;
|
|
5
6
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInput, "input[frInput]", never, {}, {}, never, never, true, never>;
|
|
6
7
|
}
|
|
8
|
+
/** Field slot for input. */
|
|
7
9
|
declare class FrInputField {
|
|
8
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputField, never>;
|
|
9
11
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputField, "[frInputField], frame-input-field", never, {}, {}, never, never, true, never>;
|
|
10
12
|
}
|
|
13
|
+
/** Header slot for input. */
|
|
11
14
|
declare class FrInputHeader {
|
|
12
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputHeader, never>;
|
|
13
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputHeader, "[frInputHeader], frame-input-header", never, {}, {}, never, never, true, never>;
|
|
14
17
|
}
|
|
18
|
+
/** Control slot for input. */
|
|
15
19
|
declare class FrInputControl {
|
|
16
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputControl, never>;
|
|
17
21
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputControl, "[frInputControl], frame-input-control", never, {}, {}, never, never, true, never>;
|
|
18
22
|
}
|
|
23
|
+
/** Group slot for input field. */
|
|
19
24
|
declare class FrInputFieldGroup {
|
|
20
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputFieldGroup, never>;
|
|
21
26
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputFieldGroup, "[frInputFieldGroup], frame-input-field-group", never, {}, {}, never, never, true, never>;
|
|
22
27
|
}
|
|
28
|
+
/** Label slot for input. */
|
|
23
29
|
declare class FrInputLabel {
|
|
24
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputLabel, never>;
|
|
25
31
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputLabel, "[frInputLabel], frame-input-label", never, {}, {}, never, never, true, never>;
|
|
26
32
|
}
|
|
33
|
+
/** Description slot for input. */
|
|
27
34
|
declare class FrInputDescription {
|
|
28
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputDescription, never>;
|
|
29
36
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputDescription, "[frInputDescription], frame-input-description", never, {}, {}, never, never, true, never>;
|
|
30
37
|
}
|
|
38
|
+
/** Error slot for input. */
|
|
31
39
|
declare class FrInputError {
|
|
32
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputError, never>;
|
|
33
41
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputError, "[frInputError], frame-input-error", never, {}, {}, never, never, true, never>;
|
|
34
42
|
}
|
|
43
|
+
/** Badge slot for input. */
|
|
35
44
|
declare class FrInputBadge {
|
|
36
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputBadge, never>;
|
|
37
46
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputBadge, "[frInputBadge], frame-input-badge", never, {}, {}, never, never, true, never>;
|
|
@@ -41,20 +50,24 @@ declare const FR_INPUT_GROUP_ADDON_ALIGNS: readonly ["inline-start", "inline-end
|
|
|
41
50
|
declare const FR_INPUT_GROUP_ADDON_VARIANTS: readonly ["default", "ghost"];
|
|
42
51
|
type FrInputGroupAddonAlign = (typeof FR_INPUT_GROUP_ADDON_ALIGNS)[number];
|
|
43
52
|
type FrInputGroupAddonVariant = (typeof FR_INPUT_GROUP_ADDON_VARIANTS)[number];
|
|
53
|
+
/** Group slot for input. */
|
|
44
54
|
declare class FrInputGroup {
|
|
45
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroup, never>;
|
|
46
56
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroup, "[frInputGroup], frame-input-group", never, {}, {}, never, never, true, never>;
|
|
47
57
|
}
|
|
58
|
+
/** Addon slot for grouped inputs. */
|
|
48
59
|
declare class FrInputGroupAddon {
|
|
49
60
|
readonly align: i0.InputSignal<"inline-start" | "inline-end">;
|
|
50
61
|
readonly variant: i0.InputSignal<"default" | "ghost">;
|
|
51
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroupAddon, never>;
|
|
52
63
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroupAddon, "[frInputGroupAddon], frame-input-group-addon", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
53
64
|
}
|
|
65
|
+
/** Text slot for grouped inputs. */
|
|
54
66
|
declare class FrInputGroupText {
|
|
55
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroupText, never>;
|
|
56
68
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroupText, "[frInputGroupText], frame-input-group-text", never, {}, {}, never, never, true, never>;
|
|
57
69
|
}
|
|
70
|
+
/** Input control slot inside an input group. */
|
|
58
71
|
declare class FrInputGroupInput {
|
|
59
72
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrInputGroupInput, never>;
|
|
60
73
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrInputGroupInput, "input[frInputGroupInput]", never, {}, {}, never, never, true, [{ directive: typeof FrInput; inputs: {}; outputs: {}; }]>;
|
|
@@ -6,6 +6,7 @@ declare const FR_ITEM_MEDIA_VARIANTS: readonly ["default", "icon", "image", "ava
|
|
|
6
6
|
type FrItemVariant = (typeof FR_ITEM_VARIANTS)[number];
|
|
7
7
|
type FrItemSize = (typeof FR_ITEM_SIZES)[number];
|
|
8
8
|
type FrItemMediaVariant = (typeof FR_ITEM_MEDIA_VARIANTS)[number];
|
|
9
|
+
/** Composable item row for lists and menus. */
|
|
9
10
|
declare class FrItem {
|
|
10
11
|
readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
|
|
11
12
|
readonly interactive: i0.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -14,39 +15,48 @@ declare class FrItem {
|
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItem, never>;
|
|
15
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItem, "[frItem], frame-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
17
|
}
|
|
18
|
+
/** Group slot for item. */
|
|
17
19
|
declare class FrItemGroup {
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemGroup, never>;
|
|
19
21
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemGroup, "[frItemGroup], frame-item-group", never, {}, {}, never, never, true, never>;
|
|
20
22
|
}
|
|
23
|
+
/** Separator slot for item. */
|
|
21
24
|
declare class FrItemSeparator {
|
|
22
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemSeparator, never>;
|
|
23
26
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemSeparator, "[frItemSeparator], frame-item-separator", never, {}, {}, never, never, true, never>;
|
|
24
27
|
}
|
|
28
|
+
/** Header slot for item. */
|
|
25
29
|
declare class FrItemHeader {
|
|
26
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemHeader, never>;
|
|
27
31
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemHeader, "[frItemHeader], frame-item-header", never, {}, {}, never, never, true, never>;
|
|
28
32
|
}
|
|
33
|
+
/** Media slot for item. */
|
|
29
34
|
declare class FrItemMedia {
|
|
30
35
|
readonly variant: i0.InputSignal<"default" | "icon" | "image" | "avatar">;
|
|
31
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemMedia, never>;
|
|
32
37
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemMedia, "[frItemMedia], frame-item-media", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
33
38
|
}
|
|
39
|
+
/** Content slot for item. */
|
|
34
40
|
declare class FrItemContent {
|
|
35
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemContent, never>;
|
|
36
42
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemContent, "[frItemContent], frame-item-content", never, {}, {}, never, never, true, never>;
|
|
37
43
|
}
|
|
44
|
+
/** Title slot for item. */
|
|
38
45
|
declare class FrItemTitle {
|
|
39
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemTitle, never>;
|
|
40
47
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemTitle, "[frItemTitle], frame-item-title", never, {}, {}, never, never, true, never>;
|
|
41
48
|
}
|
|
49
|
+
/** Description slot for item. */
|
|
42
50
|
declare class FrItemDescription {
|
|
43
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemDescription, never>;
|
|
44
52
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemDescription, "[frItemDescription], frame-item-description", never, {}, {}, never, never, true, never>;
|
|
45
53
|
}
|
|
54
|
+
/** Actions slot for item. */
|
|
46
55
|
declare class FrItemActions {
|
|
47
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemActions, never>;
|
|
48
57
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemActions, "[frItemActions], frame-item-actions", never, {}, {}, never, never, true, never>;
|
|
49
58
|
}
|
|
59
|
+
/** Footer slot for item. */
|
|
50
60
|
declare class FrItemFooter {
|
|
51
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrItemFooter, never>;
|
|
52
62
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrItemFooter, "[frItemFooter], frame-item-footer", never, {}, {}, never, never, true, never>;
|
|
@@ -4,64 +4,79 @@ import * as i1 from '@frame-ui-ng/components/dropdown-menu';
|
|
|
4
4
|
import { FrDropdownMenuParent, FrDropdownMenuContent } from '@frame-ui-ng/components/dropdown-menu';
|
|
5
5
|
|
|
6
6
|
declare const FR_MENUBAR_PARENT: InjectionToken<FrMenuBar>;
|
|
7
|
+
/** Menubar root for top-level menu interactions. */
|
|
7
8
|
declare class FrMenuBar implements FrDropdownMenuParent {
|
|
8
9
|
readonly closeDelay: i0.InputSignal<number>;
|
|
9
10
|
readonly triggerMode: i0.InputSignal<"both" | "click" | "hover">;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBar, never>;
|
|
11
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBar, "[frMenuBar], frame-menubar", never, { "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
13
|
}
|
|
14
|
+
/** Top-level menu scope inside a menubar. */
|
|
13
15
|
declare class FrMenuBarMenu {
|
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarMenu, never>;
|
|
15
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarMenu, "[frMenuBarMenu], frame-menubar-menu", never, {}, {}, never, never, true, never>;
|
|
16
18
|
}
|
|
19
|
+
/** Trigger control for menu bar. */
|
|
17
20
|
declare class FrMenuBarTrigger {
|
|
18
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarTrigger, never>;
|
|
19
22
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarTrigger, "[frMenuBarTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuTrigger; inputs: { "frDropdownMenuTrigger": "frMenuBarTrigger"; "triggerMode": "triggerMode"; }; outputs: {}; }]>;
|
|
20
23
|
}
|
|
24
|
+
/** Content slot for menu bar. */
|
|
21
25
|
declare class FrMenuBarContent extends FrDropdownMenuContent {
|
|
22
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarContent, never>;
|
|
23
27
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarContent, "ng-template[frMenuBarContent], ng-template[frMenuBarSubContent]", ["frMenuBarContent"], {}, {}, never, never, true, never>;
|
|
24
28
|
}
|
|
29
|
+
/** Panel slot for menu bar. */
|
|
25
30
|
declare class FrMenuBarPanel {
|
|
26
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarPanel, never>;
|
|
27
32
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarPanel, "[frMenuBarPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuPanel; inputs: {}; outputs: {}; }]>;
|
|
28
33
|
}
|
|
34
|
+
/** Item slot for menu bar. */
|
|
29
35
|
declare class FrMenuBarItem {
|
|
30
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarItem, never>;
|
|
31
37
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarItem, "[frMenuBarItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuItem; inputs: { "inset": "inset"; "variant": "variant"; }; outputs: {}; }]>;
|
|
32
38
|
}
|
|
39
|
+
/** Item slot for menu bar checkbox. */
|
|
33
40
|
declare class FrMenuBarCheckboxItem {
|
|
34
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarCheckboxItem, never>;
|
|
35
42
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarCheckboxItem, "button[frMenuBarCheckboxItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuCheckboxItem; inputs: { "checked": "checked"; "inset": "inset"; "variant": "variant"; }; outputs: {}; }]>;
|
|
36
43
|
}
|
|
44
|
+
/** Group slot for menu bar radio. */
|
|
37
45
|
declare class FrMenuBarRadioGroup {
|
|
38
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarRadioGroup, never>;
|
|
39
47
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarRadioGroup, "[frMenuBarRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuRadioGroup; inputs: {}; outputs: {}; }]>;
|
|
40
48
|
}
|
|
49
|
+
/** Item slot for menu bar radio. */
|
|
41
50
|
declare class FrMenuBarRadioItem {
|
|
42
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarRadioItem, never>;
|
|
43
52
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarRadioItem, "button[frMenuBarRadioItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuRadioItem; inputs: { "checked": "checked"; "inset": "inset"; "variant": "variant"; }; outputs: {}; }]>;
|
|
44
53
|
}
|
|
54
|
+
/** Label slot for menu bar. */
|
|
45
55
|
declare class FrMenuBarLabel {
|
|
46
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarLabel, never>;
|
|
47
57
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarLabel, "[frMenuBarLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuLabel; inputs: { "inset": "inset"; }; outputs: {}; }]>;
|
|
48
58
|
}
|
|
59
|
+
/** Separator slot for menu bar. */
|
|
49
60
|
declare class FrMenuBarSeparator {
|
|
50
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarSeparator, never>;
|
|
51
62
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarSeparator, "[frMenuBarSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuSeparator; inputs: {}; outputs: {}; }]>;
|
|
52
63
|
}
|
|
64
|
+
/** Shortcut slot for menu bar. */
|
|
53
65
|
declare class FrMenuBarShortcut {
|
|
54
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarShortcut, never>;
|
|
55
67
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarShortcut, "[frMenuBarShortcut]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuShortcut; inputs: {}; outputs: {}; }]>;
|
|
56
68
|
}
|
|
69
|
+
/** Indicator slot for menu bar item. */
|
|
57
70
|
declare class FrMenuBarItemIndicator {
|
|
58
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarItemIndicator, never>;
|
|
59
72
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarItemIndicator, "[frMenuBarItemIndicator]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuItemIndicator; inputs: {}; outputs: {}; }]>;
|
|
60
73
|
}
|
|
74
|
+
/** Nested submenu scope inside a menubar. */
|
|
61
75
|
declare class FrMenuBarSub {
|
|
62
76
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarSub, never>;
|
|
63
77
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarSub, "[frMenuBarSub]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuSub; inputs: { "closeDelay": "closeDelay"; "triggerMode": "triggerMode"; }; outputs: {}; }]>;
|
|
64
78
|
}
|
|
79
|
+
/** Trigger control for menu bar sub. */
|
|
65
80
|
declare class FrMenuBarSubTrigger {
|
|
66
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrMenuBarSubTrigger, never>;
|
|
67
82
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrMenuBarSubTrigger, "[frMenuBarSubTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuSubTrigger; inputs: { "frDropdownMenuSubTrigger": "frMenuBarSubTrigger"; "inset": "inset"; "triggerMode": "triggerMode"; "variant": "variant"; }; outputs: {}; }]>;
|
|
@@ -25,6 +25,7 @@ type FrModalShellOptions = {
|
|
|
25
25
|
stickyFooter?: boolean;
|
|
26
26
|
title?: string;
|
|
27
27
|
};
|
|
28
|
+
/** Default shell for modal content, title, and footer actions. */
|
|
28
29
|
declare class FrModalShell {
|
|
29
30
|
private readonly dialogRef;
|
|
30
31
|
private readonly injector;
|
|
@@ -35,6 +36,7 @@ declare class FrModalShell {
|
|
|
35
36
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrModalShell, "frame-modal-shell", never, {}, {}, never, never, true, never>;
|
|
36
37
|
}
|
|
37
38
|
|
|
39
|
+
/** Reference handle for an opened modal. */
|
|
38
40
|
declare abstract class FrModalRef<Component = unknown, Result = unknown> extends DialogRef<Result, Component> {
|
|
39
41
|
}
|
|
40
42
|
|
|
@@ -57,6 +59,7 @@ type FrModalConfig<Data = unknown, Result = unknown, Component = unknown> = Dial
|
|
|
57
59
|
stickyFooter?: boolean;
|
|
58
60
|
title?: string;
|
|
59
61
|
};
|
|
62
|
+
/** Service for opening modal dialogs. */
|
|
60
63
|
declare class FrModalService {
|
|
61
64
|
private readonly dialog;
|
|
62
65
|
open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrModalConfig<Data, Result, Component>): FrModalRef<Component, Result>;
|
|
@@ -68,6 +71,7 @@ declare class FrModalService {
|
|
|
68
71
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrModalService>;
|
|
69
72
|
}
|
|
70
73
|
|
|
74
|
+
/** Content slot for modal. */
|
|
71
75
|
declare class FrModalContent {
|
|
72
76
|
readonly templateRef: TemplateRef<any>;
|
|
73
77
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
@@ -92,6 +96,7 @@ declare class FrModalContent {
|
|
|
92
96
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalContent, "ng-template[frModalContent]", ["frModalContent"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "closeOnDestroy": { "alias": "closeOnDestroy"; "required": false; "isSignal": true; }; "closeOnNavigation": { "alias": "closeOnNavigation"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
93
97
|
}
|
|
94
98
|
|
|
99
|
+
/** Close control for modal. */
|
|
95
100
|
declare class FrModalClose {
|
|
96
101
|
private readonly dialogRef;
|
|
97
102
|
readonly result: _angular_core.InputSignal<unknown>;
|
|
@@ -99,6 +104,7 @@ declare class FrModalClose {
|
|
|
99
104
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalClose, never>;
|
|
100
105
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalClose, "[frModalClose]", never, { "result": { "alias": "frModalClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
101
106
|
}
|
|
107
|
+
/** Panel slot for modal. */
|
|
102
108
|
declare class FrModalPanel {
|
|
103
109
|
readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
104
110
|
readonly showCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -107,22 +113,27 @@ declare class FrModalPanel {
|
|
|
107
113
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalPanel, never>;
|
|
108
114
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrModalPanel, "[frModalPanel], frame-modal-panel", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
109
115
|
}
|
|
116
|
+
/** Header slot for modal. */
|
|
110
117
|
declare class FrModalHeader {
|
|
111
118
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalHeader, never>;
|
|
112
119
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalHeader, "[frModalHeader], frame-modal-header", never, {}, {}, never, never, true, never>;
|
|
113
120
|
}
|
|
121
|
+
/** Body slot for modal. */
|
|
114
122
|
declare class FrModalBody {
|
|
115
123
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalBody, never>;
|
|
116
124
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalBody, "[frModalBody], frame-modal-body", never, {}, {}, never, never, true, never>;
|
|
117
125
|
}
|
|
126
|
+
/** Footer slot for modal. */
|
|
118
127
|
declare class FrModalFooter {
|
|
119
128
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalFooter, never>;
|
|
120
129
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalFooter, "[frModalFooter], frame-modal-footer", never, {}, {}, never, never, true, never>;
|
|
121
130
|
}
|
|
131
|
+
/** Title slot for modal. */
|
|
122
132
|
declare class FrModalTitle {
|
|
123
133
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalTitle, never>;
|
|
124
134
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalTitle, "[frModalTitle], frame-modal-title", never, {}, {}, never, never, true, never>;
|
|
125
135
|
}
|
|
136
|
+
/** Description slot for modal. */
|
|
126
137
|
declare class FrModalDescription {
|
|
127
138
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalDescription, never>;
|
|
128
139
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrModalDescription, "[frModalDescription], frame-modal-description", never, {}, {}, never, never, true, never>;
|
|
@@ -131,6 +142,7 @@ declare class FrModalDescription {
|
|
|
131
142
|
declare const FR_MODAL_DATA: _angular_core.InjectionToken<any>;
|
|
132
143
|
declare const FR_MODAL_REF: typeof FrModalRef;
|
|
133
144
|
|
|
145
|
+
/** Trigger control for modal. */
|
|
134
146
|
declare class FrModalTrigger {
|
|
135
147
|
private static readonly CUSTOM_PROPERTY_PREFIX;
|
|
136
148
|
private readonly destroyRef;
|
|
@@ -4,62 +4,76 @@ import * as i1 from '@frame-ui-ng/components/dropdown-menu';
|
|
|
4
4
|
import { FrDropdownMenuParent, FrDropdownMenuContent } from '@frame-ui-ng/components/dropdown-menu';
|
|
5
5
|
|
|
6
6
|
declare const FR_NAVIGATION_MENU_PARENT: InjectionToken<FrNavigationMenu>;
|
|
7
|
+
/** Navigation menu root for hover and focus interactions. */
|
|
7
8
|
declare class FrNavigationMenu implements FrDropdownMenuParent {
|
|
8
9
|
readonly closeDelay: i0.InputSignal<number>;
|
|
9
10
|
readonly triggerMode: i0.InputSignal<"both" | "click" | "hover">;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenu, never>;
|
|
11
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenu, "[frNavigationMenu], frame-navigation-menu", never, { "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
13
|
}
|
|
14
|
+
/** List slot for navigation menu. */
|
|
13
15
|
declare class FrNavigationMenuList {
|
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuList, never>;
|
|
15
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuList, "[frNavigationMenuList], frame-navigation-menu-list", never, {}, {}, never, never, true, never>;
|
|
16
18
|
}
|
|
19
|
+
/** Item slot for navigation menu. */
|
|
17
20
|
declare class FrNavigationMenuItem {
|
|
18
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuItem, never>;
|
|
19
22
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuItem, "[frNavigationMenuItem], frame-navigation-menu-item", never, {}, {}, never, never, true, never>;
|
|
20
23
|
}
|
|
24
|
+
/** Trigger control for navigation menu. */
|
|
21
25
|
declare class FrNavigationMenuTrigger {
|
|
22
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuTrigger, never>;
|
|
23
27
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuTrigger, "[frNavigationMenuTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuTrigger; inputs: { "frDropdownMenuTrigger": "frNavigationMenuTrigger"; "triggerMode": "triggerMode"; }; outputs: {}; }]>;
|
|
24
28
|
}
|
|
29
|
+
/** Content slot for navigation menu. */
|
|
25
30
|
declare class FrNavigationMenuContent extends FrDropdownMenuContent {
|
|
26
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuContent, never>;
|
|
27
32
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuContent, "ng-template[frNavigationMenuContent]", ["frNavigationMenuContent"], {}, {}, never, never, true, never>;
|
|
28
33
|
}
|
|
34
|
+
/** Panel slot for navigation menu. */
|
|
29
35
|
declare class FrNavigationMenuPanel {
|
|
30
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuPanel, never>;
|
|
31
37
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuPanel, "[frNavigationMenuPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuPanel; inputs: {}; outputs: {}; }]>;
|
|
32
38
|
}
|
|
39
|
+
/** Link primitive inside a navigation menu panel. */
|
|
33
40
|
declare class FrNavigationMenuLink {
|
|
34
41
|
readonly active: i0.InputSignalWithTransform<boolean, unknown>;
|
|
35
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuLink, never>;
|
|
36
43
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuLink, "[frNavigationMenuLink], a[frNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
37
44
|
}
|
|
45
|
+
/** Grid layout helper for navigation menu content. */
|
|
38
46
|
declare class FrNavigationMenuGrid {
|
|
39
47
|
readonly columns: i0.InputSignal<3 | 1 | 2>;
|
|
40
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuGrid, never>;
|
|
41
49
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuGrid, "[frNavigationMenuGrid]", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
42
50
|
}
|
|
51
|
+
/** Featured content slot inside navigation menu panels. */
|
|
43
52
|
declare class FrNavigationMenuFeature {
|
|
44
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuFeature, never>;
|
|
45
54
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuFeature, "[frNavigationMenuFeature]", never, {}, {}, never, never, true, never>;
|
|
46
55
|
}
|
|
56
|
+
/** Title slot for navigation menu link. */
|
|
47
57
|
declare class FrNavigationMenuLinkTitle {
|
|
48
58
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuLinkTitle, never>;
|
|
49
59
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuLinkTitle, "[frNavigationMenuLinkTitle]", never, {}, {}, never, never, true, never>;
|
|
50
60
|
}
|
|
61
|
+
/** Description slot for navigation menu link. */
|
|
51
62
|
declare class FrNavigationMenuLinkDescription {
|
|
52
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuLinkDescription, never>;
|
|
53
64
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuLinkDescription, "[frNavigationMenuLinkDescription]", never, {}, {}, never, never, true, never>;
|
|
54
65
|
}
|
|
66
|
+
/** Separator slot for navigation link. */
|
|
55
67
|
declare class FrNavigationLinkSeparator {
|
|
56
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationLinkSeparator, never>;
|
|
57
69
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationLinkSeparator, "[frNavigationLinkSeparator]", never, {}, {}, never, never, true, never>;
|
|
58
70
|
}
|
|
71
|
+
/** Indicator slot for navigation menu. */
|
|
59
72
|
declare class FrNavigationMenuIndicator {
|
|
60
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuIndicator, never>;
|
|
61
74
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuIndicator, "[frNavigationMenuIndicator], frame-navigation-menu-indicator", never, {}, {}, never, never, true, never>;
|
|
62
75
|
}
|
|
76
|
+
/** Viewport slot for navigation menu. */
|
|
63
77
|
declare class FrNavigationMenuViewport {
|
|
64
78
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrNavigationMenuViewport, never>;
|
|
65
79
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrNavigationMenuViewport, "[frNavigationMenuViewport], frame-navigation-menu-viewport", never, {}, {}, never, never, true, never>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
|
|
3
3
|
type FrPaginationPage = number | 'ellipsis';
|
|
4
|
+
/** Pagination navigation container. */
|
|
4
5
|
declare class FrPagination {
|
|
5
6
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
6
7
|
readonly boundaryCount: _angular_core.InputSignal<number>;
|
|
@@ -18,14 +19,17 @@ declare class FrPagination {
|
|
|
18
19
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPagination, never>;
|
|
19
20
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrPagination, "nav[frPagination], [frPagination]", ["frPagination"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "boundaryCount": { "alias": "boundaryCount"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; }, never, never, true, never>;
|
|
20
21
|
}
|
|
22
|
+
/** Content slot for pagination. */
|
|
21
23
|
declare class FrPaginationContent {
|
|
22
24
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationContent, never>;
|
|
23
25
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrPaginationContent, "ul[frPaginationContent], ol[frPaginationContent], [frPaginationContent]", never, {}, {}, never, never, true, never>;
|
|
24
26
|
}
|
|
27
|
+
/** Item slot for pagination. */
|
|
25
28
|
declare class FrPaginationItem {
|
|
26
29
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationItem, never>;
|
|
27
30
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrPaginationItem, "li[frPaginationItem], [frPaginationItem]", never, {}, {}, never, never, true, never>;
|
|
28
31
|
}
|
|
32
|
+
/** Page link with active and disabled states. */
|
|
29
33
|
declare class FrPaginationLink {
|
|
30
34
|
private readonly pagination;
|
|
31
35
|
readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -37,10 +41,12 @@ declare class FrPaginationLink {
|
|
|
37
41
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationLink, never>;
|
|
38
42
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrPaginationLink, "a[frPaginationLink], button[frPaginationLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
39
43
|
}
|
|
44
|
+
/** Icon slot for pagination. */
|
|
40
45
|
declare class FrPaginationIcon {
|
|
41
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationIcon, never>;
|
|
42
47
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrPaginationIcon, "[frPaginationIcon]", never, {}, {}, never, never, true, never>;
|
|
43
48
|
}
|
|
49
|
+
/** Previous-page pagination control. */
|
|
44
50
|
declare class FrPaginationPrevious {
|
|
45
51
|
private readonly pagination;
|
|
46
52
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
@@ -52,6 +58,7 @@ declare class FrPaginationPrevious {
|
|
|
52
58
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationPrevious, never>;
|
|
53
59
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrPaginationPrevious, "a[frPaginationPrevious], button[frPaginationPrevious]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["[frPaginationIcon]"], true, never>;
|
|
54
60
|
}
|
|
61
|
+
/** Next-page pagination control. */
|
|
55
62
|
declare class FrPaginationNext {
|
|
56
63
|
private readonly pagination;
|
|
57
64
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
@@ -63,6 +70,7 @@ declare class FrPaginationNext {
|
|
|
63
70
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationNext, never>;
|
|
64
71
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrPaginationNext, "a[frPaginationNext], button[frPaginationNext]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["[frPaginationIcon]"], true, never>;
|
|
65
72
|
}
|
|
73
|
+
/** Ellipsis slot for pagination. */
|
|
66
74
|
declare class FrPaginationEllipsis {
|
|
67
75
|
readonly label: _angular_core.InputSignal<string>;
|
|
68
76
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrPaginationEllipsis, never>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { TemplateRef, DoCheck } from '@angular/core';
|
|
3
3
|
import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
|
|
4
4
|
import * as _frame_ui_ng_components_popover from '@frame-ui-ng/components/popover';
|
|
5
5
|
|
|
6
|
+
/** Content slot for popover. */
|
|
6
7
|
declare class FrPopoverContent {
|
|
7
8
|
readonly templateRef: TemplateRef<any>;
|
|
8
9
|
readonly align: i0.InputSignal<"start" | "center" | "end">;
|
|
@@ -14,31 +15,38 @@ declare class FrPopoverContent {
|
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverContent, never>;
|
|
15
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverContent, "ng-template[frPopoverContent]", ["frPopoverContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "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>;
|
|
16
17
|
}
|
|
18
|
+
/** Panel slot for popover. */
|
|
17
19
|
declare class FrPopoverPanel {
|
|
18
20
|
protected readonly content: FrPopoverContent;
|
|
19
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverPanel, never>;
|
|
20
22
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverPanel, "[frPopoverPanel]", never, {}, {}, never, never, true, never>;
|
|
21
23
|
}
|
|
24
|
+
/** Header slot for popover. */
|
|
22
25
|
declare class FrPopoverHeader {
|
|
23
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverHeader, never>;
|
|
24
27
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverHeader, "[frPopoverHeader]", never, {}, {}, never, never, true, never>;
|
|
25
28
|
}
|
|
29
|
+
/** Title slot for popover. */
|
|
26
30
|
declare class FrPopoverTitle {
|
|
27
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverTitle, never>;
|
|
28
32
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverTitle, "[frPopoverTitle]", never, {}, {}, never, never, true, never>;
|
|
29
33
|
}
|
|
34
|
+
/** Description slot for popover. */
|
|
30
35
|
declare class FrPopoverDescription {
|
|
31
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverDescription, never>;
|
|
32
37
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverDescription, "[frPopoverDescription]", never, {}, {}, never, never, true, never>;
|
|
33
38
|
}
|
|
39
|
+
/** Body slot for popover. */
|
|
34
40
|
declare class FrPopoverBody {
|
|
35
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverBody, never>;
|
|
36
42
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverBody, "[frPopoverBody]", never, {}, {}, never, never, true, never>;
|
|
37
43
|
}
|
|
44
|
+
/** Footer slot for popover. */
|
|
38
45
|
declare class FrPopoverFooter {
|
|
39
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverFooter, never>;
|
|
40
47
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverFooter, "[frPopoverFooter]", never, {}, {}, never, never, true, never>;
|
|
41
48
|
}
|
|
49
|
+
/** Close control for popover. */
|
|
42
50
|
declare class FrPopoverClose {
|
|
43
51
|
private readonly root;
|
|
44
52
|
protected handleClick(event: Event): void;
|
|
@@ -46,6 +54,7 @@ declare class FrPopoverClose {
|
|
|
46
54
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrPopoverClose, "[frPopoverClose]", never, {}, {}, never, never, true, never>;
|
|
47
55
|
}
|
|
48
56
|
|
|
57
|
+
/** Root controller for popover. */
|
|
49
58
|
declare class FrPopoverRoot {
|
|
50
59
|
readonly defaultOpen: i0.InputSignalWithTransform<boolean, unknown>;
|
|
51
60
|
readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -69,11 +78,14 @@ declare class FrPopoverRoot {
|
|
|
69
78
|
static ɵcmp: i0.ɵɵComponentDeclaration<FrPopoverRoot, "frame-popover", ["frPopover"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
|
|
70
79
|
}
|
|
71
80
|
|
|
72
|
-
|
|
81
|
+
/** Trigger control for popover. */
|
|
82
|
+
declare class FrPopoverTrigger implements DoCheck {
|
|
73
83
|
readonly content: i0.InputSignal<FrPopoverContent | null>;
|
|
74
84
|
protected readonly root: _frame_ui_ng_components_popover.FrPopover;
|
|
75
85
|
private readonly elementRef;
|
|
86
|
+
private lastContent;
|
|
76
87
|
constructor();
|
|
88
|
+
ngDoCheck(): void;
|
|
77
89
|
protected handleClick(event: Event): void;
|
|
78
90
|
protected handleKeydown(event: KeyboardEvent): void;
|
|
79
91
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrPopoverTrigger, never>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
|
|
3
|
+
/** Progress bar host with value and max state. */
|
|
3
4
|
declare class FrProgress {
|
|
4
5
|
readonly value: i0.InputSignalWithTransform<number | null, unknown>;
|
|
5
6
|
readonly max: i0.InputSignalWithTransform<number, unknown>;
|
|
@@ -10,6 +11,7 @@ declare class FrProgress {
|
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrProgress, never>;
|
|
11
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrProgress, "[frProgress], frame-progress", ["frProgress"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
13
|
}
|
|
14
|
+
/** Indicator slot for progress. */
|
|
13
15
|
declare class FrProgressIndicator {
|
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrProgressIndicator, never>;
|
|
15
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrProgressIndicator, "[frProgressIndicator], frame-progress-indicator", never, {}, {}, never, never, true, never>;
|
|
@@ -4,6 +4,7 @@ declare const FR_RADIO_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
|
|
|
4
4
|
declare const FR_RADIO_GROUP_VARIANTS: readonly ["default", "cards"];
|
|
5
5
|
type FrRadioGroupOrientation = (typeof FR_RADIO_GROUP_ORIENTATIONS)[number];
|
|
6
6
|
type FrRadioGroupVariant = (typeof FR_RADIO_GROUP_VARIANTS)[number];
|
|
7
|
+
/** Radio group host with orientation and variant controls. */
|
|
7
8
|
declare class FrRadioGroup {
|
|
8
9
|
readonly orientation: i0.InputSignal<"vertical" | "horizontal">;
|
|
9
10
|
readonly variant: i0.InputSignal<"default" | "cards">;
|
|
@@ -11,20 +12,24 @@ declare class FrRadioGroup {
|
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrRadioGroup, never>;
|
|
12
13
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrRadioGroup, "[frRadioGroup], frame-radio-group", ["frRadioGroup"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
14
|
}
|
|
15
|
+
/** Item slot for radio group. */
|
|
14
16
|
declare class FrRadioGroupItem {
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrRadioGroupItem, never>;
|
|
16
18
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrRadioGroupItem, "input[type=radio][frRadioGroupItem]", never, {}, {}, never, never, true, never>;
|
|
17
19
|
}
|
|
20
|
+
/** Field slot for radio group. */
|
|
18
21
|
declare class FrRadioGroupField {
|
|
19
22
|
readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
|
|
20
23
|
readonly invalid: i0.InputSignalWithTransform<boolean, unknown>;
|
|
21
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrRadioGroupField, never>;
|
|
22
25
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrRadioGroupField, "label[frRadioGroupField]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
26
|
}
|
|
27
|
+
/** Card layout option for radio group choices. */
|
|
24
28
|
declare class FrRadioGroupCard {
|
|
25
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrRadioGroupCard, never>;
|
|
26
30
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrRadioGroupCard, "label[frRadioGroupCard]", never, {}, {}, never, never, true, never>;
|
|
27
31
|
}
|
|
32
|
+
/** Meta slot for radio group card. */
|
|
28
33
|
declare class FrRadioGroupCardMeta {
|
|
29
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<FrRadioGroupCardMeta, never>;
|
|
30
35
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FrRadioGroupCardMeta, "[frRadioGroupCardMeta]", never, {}, {}, never, never, true, never>;
|
|
@@ -3,6 +3,7 @@ import { AfterViewInit, OnDestroy } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
declare const FR_RESIZABLE_ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
5
5
|
type FrResizableOrientation = (typeof FR_RESIZABLE_ORIENTATIONS)[number];
|
|
6
|
+
/** Resizable panel group that coordinates pane sizes. */
|
|
6
7
|
declare class FrResizablePanelGroup implements AfterViewInit, OnDestroy {
|
|
7
8
|
private readonly elementRef;
|
|
8
9
|
private readonly groupId;
|
|
@@ -32,6 +33,7 @@ declare class FrResizablePanelGroup implements AfterViewInit, OnDestroy {
|
|
|
32
33
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrResizablePanelGroup, never>;
|
|
33
34
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrResizablePanelGroup, "[frResizablePanelGroup], frame-resizable-panel-group", ["frResizablePanelGroup"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "layoutChange": "layoutChange"; }, never, never, true, never>;
|
|
34
35
|
}
|
|
36
|
+
/** Panel slot for resizable. */
|
|
35
37
|
declare class FrResizablePanel {
|
|
36
38
|
readonly defaultSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
37
39
|
readonly minSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
@@ -41,6 +43,7 @@ declare class FrResizablePanel {
|
|
|
41
43
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrResizablePanel, never>;
|
|
42
44
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrResizablePanel, "[frResizablePanel], frame-resizable-panel", never, { "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsedSize": { "alias": "collapsedSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
43
45
|
}
|
|
46
|
+
/** Resize handle between adjacent resizable panels. */
|
|
44
47
|
declare class FrResizableHandle {
|
|
45
48
|
protected readonly group: FrResizablePanelGroup;
|
|
46
49
|
private readonly elementRef;
|