@basis-ng/primitives 0.0.1-alpha.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.
Files changed (48) hide show
  1. package/core/components/alert/alert.component.d.ts +20 -0
  2. package/core/components/attached-box/attached-box.component.d.ts +125 -0
  3. package/core/components/attached-box/types/alignment.type.d.ts +1 -0
  4. package/core/components/attached-box/types/direction.type.d.ts +1 -0
  5. package/core/components/attached-box/types/position.type.d.ts +1 -0
  6. package/core/components/badge/badge.component.d.ts +9 -0
  7. package/core/components/bottom-sheet/bottom-sheet.component.d.ts +60 -0
  8. package/core/components/button/button.component.d.ts +17 -0
  9. package/core/components/button-group/button-group.component.d.ts +9 -0
  10. package/core/components/checkbox/checkbox.component.d.ts +26 -0
  11. package/core/components/color-picker/color-picker.component.d.ts +61 -0
  12. package/core/components/icon/icon.component.d.ts +29 -0
  13. package/core/components/input/input.component.d.ts +78 -0
  14. package/core/components/input-group/input-group.component.d.ts +13 -0
  15. package/core/components/menu/menu.component.d.ts +14 -0
  16. package/core/components/menu/shared/components/menu-item/menu-item.component.d.ts +9 -0
  17. package/core/components/menu/shared/components/menu-item-checkbox/menu-item-checkbox.component.d.ts +9 -0
  18. package/core/components/menu/shared/components/menu-item-radio/menu-item-radio.component.d.ts +9 -0
  19. package/core/components/menu/shared/components/menu-label/menu-label.component.d.ts +8 -0
  20. package/core/components/menu/shared/directives/menu-trigger.directive.d.ts +14 -0
  21. package/core/components/range/range.component.d.ts +26 -0
  22. package/core/components/search/search.component.d.ts +121 -0
  23. package/core/components/select/select.component.d.ts +48 -0
  24. package/core/components/side-sheet/side-sheet.component.d.ts +46 -0
  25. package/core/components/spinner/spinner.component.d.ts +9 -0
  26. package/core/components/switch/switch.component.d.ts +35 -0
  27. package/core/components/table/components/row/components/row-item/row-item.component.d.ts +12 -0
  28. package/core/components/table/components/row/row.component.d.ts +9 -0
  29. package/core/components/table/table.component.d.ts +5 -0
  30. package/core/components/tabs/components/tab/tab.component.d.ts +25 -0
  31. package/core/components/tabs/tabs.component.d.ts +60 -0
  32. package/core/components/textarea/textarea.component.d.ts +48 -0
  33. package/core/components/tooltip/tooltip.component.d.ts +36 -0
  34. package/core/components/tree/shared/components/tree-node/tree-node.component.d.ts +43 -0
  35. package/core/components/tree/tree.component.d.ts +56 -0
  36. package/core/directives/in-viewport.directive.d.ts +13 -0
  37. package/core/services/in-viewport.service.d.ts +23 -0
  38. package/core/services/responsive.service.d.ts +47 -0
  39. package/core/services/theme.service.d.ts +44 -0
  40. package/fesm2022/basis-ng-primitives.mjs +2415 -0
  41. package/fesm2022/basis-ng-primitives.mjs.map +1 -0
  42. package/index.d.ts +5 -0
  43. package/package.json +26 -0
  44. package/public-api.d.ts +40 -0
  45. package/shared/components/label/label.component.d.ts +34 -0
  46. package/shared/components/option/option.component.d.ts +10 -0
  47. package/shared/directives/lazy-content.directive.d.ts +7 -0
  48. package/shared/services/utils.service.d.ts +16 -0
@@ -0,0 +1,20 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class Alert {
3
+ /** The type of the alert. */
4
+ readonly type: import("@angular/core").InputSignal<"error" | "success" | "warning" | "info">;
5
+ /** The title of the alert. */
6
+ readonly title: import("@angular/core").InputSignal<string | null>;
7
+ /** The icon of the alert. */
8
+ readonly icon: import("@angular/core").InputSignal<string | null>;
9
+ /** Whether the alert is dismissible. */
10
+ readonly dismissible: import("@angular/core").InputSignal<boolean>;
11
+ /** Event emitted when the alert is dismissed. */
12
+ readonly dismissed: import("@angular/core").OutputEmitterRef<void>;
13
+ /** The maximum width of the alert. */
14
+ readonly maxWidth: import("@angular/core").InputSignal<string | null>;
15
+ /** The color foreground of the alert. */
16
+ readonly colorForeground: import("@angular/core").Signal<string>;
17
+ dismiss(): void;
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "r-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
20
+ }
@@ -0,0 +1,125 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import { Position } from './types/position.type';
3
+ import * as i0 from "@angular/core";
4
+ export declare class AttachedBox {
5
+ /**
6
+ * Input signal to define the interaction type: 'click' or 'hover'.
7
+ * Default is 'click'.
8
+ */
9
+ readonly type: import("@angular/core").InputSignal<"click" | "hover">;
10
+ /**
11
+ * The trigger element that will be used to open the content.
12
+ */
13
+ readonly trigger: ElementRef<any>;
14
+ /**
15
+ * The content that will be displayed when the trigger is activated.
16
+ */
17
+ readonly content: import("@angular/core").Signal<ElementRef<any> | undefined>;
18
+ /**
19
+ * The position of the content relative to the trigger.
20
+ * Example values: 'top-left', 'bottom-center', etc.
21
+ */
22
+ readonly position: import("@angular/core").ModelSignal<Position>;
23
+ /**
24
+ * Signal indicating whether the content is visible or not.
25
+ */
26
+ readonly isContentVisible: import("@angular/core").WritableSignal<boolean>;
27
+ /**
28
+ * The gap (spacing) between the trigger and the content.
29
+ */
30
+ readonly gap: import("@angular/core").ModelSignal<number>;
31
+ /**
32
+ * Signal that dynamically calculates and provides the adjusted position of the content.
33
+ * This position is adjusted to prevent overflow and ensure optimal visibility.
34
+ */
35
+ readonly adjustedPosition: import("@angular/core").WritableSignal<Position>;
36
+ /**
37
+ * Signal that provides the animation parameters based on the adjusted
38
+ * position of the content. These parameters are used to animate the content.
39
+ */
40
+ readonly animationParams: import("@angular/core").Signal<{
41
+ duration: string;
42
+ enterDelay: string;
43
+ leaveDelay: string;
44
+ scaleFrom: number;
45
+ scaleTo: number;
46
+ translateFrom: string;
47
+ translateTo: string;
48
+ }>;
49
+ /**
50
+ * Recalculates and updates the content's adjusted position when the window is scrolled.
51
+ * This ensures the content remains correctly positioned relative to the trigger even when scrolling.
52
+ */
53
+ onWindowEvent(): void;
54
+ /**
55
+ * Closes the content when a click event occurs outside both the trigger and content elements.
56
+ * @param event The mouse event representing the click.
57
+ */
58
+ onClickOutside(event: MouseEvent): void;
59
+ /**
60
+ * Determines if a click event occurred outside the trigger and content elements.
61
+ * @param event The mouse event representing the click.
62
+ * @returns True if the click was outside both the trigger and content elements, false otherwise.
63
+ */
64
+ isClickedOutsideContent(event: MouseEvent): boolean;
65
+ /**
66
+ * Determines if a click event occurred outside the trigger element.
67
+ * @param event The mouse event representing the click.
68
+ * @returns True if the click was outside the trigger element, false otherwise.
69
+ */
70
+ isClickedOutsideTrigger(event: MouseEvent): boolean;
71
+ /**
72
+ * Handles keyboard events for the component.
73
+ * @param event The keyboard event to handle.
74
+ */
75
+ handleKeyboardEvent(event: KeyboardEvent): void;
76
+ /**
77
+ * Handles mouse events for the component.
78
+ * @param event The mouse event to handle.
79
+ */
80
+ handleMouseEvent(event: MouseEvent): void;
81
+ /**
82
+ * Toggles the visibility of the content, switching between visible and hidden states.
83
+ * This method is typically called in response to user interaction with the trigger element.
84
+ */
85
+ toggleContentVisibility(): void;
86
+ /**
87
+ * Shows the content (used for hover interaction).
88
+ */
89
+ showContent(): void;
90
+ /**
91
+ * Hides the content (used for hover interaction).
92
+ */
93
+ hideContent(): void;
94
+ /**
95
+ * Calculates the optimal adjusted position for the content relative to the trigger.
96
+ * This method considers available space in the viewport to prevent content overflow
97
+ * and ensures the content is fully visible to the user.
98
+ * @returns The adjusted position as a Position type string (e.g., 'bottom-left').
99
+ */
100
+ private calculateAdjustedPosition;
101
+ /**
102
+ * Adjusts the primary direction (top, bottom, left, right) of the content's position
103
+ * based on available viewport space. This ensures the content does not overflow the screen
104
+ * in the primary direction.
105
+ * @param primary The initially desired primary direction.
106
+ * @param triggerRect The bounding rectangle of the trigger element.
107
+ * @param contentRect The bounding rectangle of the content element.
108
+ * @param margin Extra margin to consider for spacing around the content.
109
+ * @returns The adjusted primary direction.
110
+ */
111
+ private adjustPrimaryDirection;
112
+ /**
113
+ * Adjusts the secondary alignment (left, right, center for top/bottom primary, top, bottom, center for left/right primary)
114
+ * of the content's position to prevent horizontal or vertical overflow. This method ensures that
115
+ * the content is fully visible within the viewport in the secondary dimension.
116
+ * @param secondary The initially desired secondary alignment.
117
+ * @param primary The already adjusted primary direction.
118
+ * @param triggerRect The bounding rectangle of the trigger element.
119
+ * @param contentRect The bounding rectangle of the content element.
120
+ * @returns The adjusted secondary alignment.
121
+ */
122
+ private adjustSecondaryAlignment;
123
+ static ɵfac: i0.ɵɵFactoryDeclaration<AttachedBox, never>;
124
+ static ɵcmp: i0.ɵɵComponentDeclaration<AttachedBox, "r-attached-box", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; "gap": "gapChange"; }, never, ["[r-attached-box-trigger]", "[r-attached-box-content]"], true, never>;
125
+ }
@@ -0,0 +1 @@
1
+ export type Alignment = 'left' | 'center' | 'right' | 'top' | 'bottom';
@@ -0,0 +1 @@
1
+ export type Direction = 'top' | 'bottom' | 'left' | 'right';
@@ -0,0 +1 @@
1
+ export type Position = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class Badge {
3
+ /** The variant of the badge. */
4
+ readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
5
+ /** The size of the badge. */
6
+ readonly size: import("@angular/core").InputSignal<"small" | "default">;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "span[r-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
+ }
@@ -0,0 +1,60 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class BottomSheet {
3
+ /**
4
+ * Indicates whether the bottom sheet is open.
5
+ */
6
+ readonly isOpen: import("@angular/core").ModelSignal<boolean>;
7
+ /**
8
+ * The height of the bottom sheet.
9
+ */
10
+ readonly height: import("@angular/core").InputSignal<string>;
11
+ /**
12
+ * Event emitted when the bottom sheet is closed.
13
+ */
14
+ closeSheet: import("@angular/core").OutputEmitterRef<void>;
15
+ /**
16
+ * Indicates whether a drag event is in progress.
17
+ */
18
+ private readonly isDragging;
19
+ /**
20
+ * The starting Y position of the drag event.
21
+ */
22
+ readonly startY: import("@angular/core").WritableSignal<number>;
23
+ /**
24
+ * The current Y translation of the bottom sheet in percentage.
25
+ */
26
+ private readonly translateY;
27
+ /**
28
+ * The threshold for closing the bottom sheet, in percentage.
29
+ */
30
+ readonly closeThreshold: import("@angular/core").InputSignal<number>;
31
+ /**
32
+ * The computed transform property for the bottom sheet.
33
+ */
34
+ readonly transform: import("@angular/core").Signal<string>;
35
+ /**
36
+ * The reference to the Bottom Sheet DOM element.
37
+ */
38
+ private readonly el;
39
+ /**
40
+ * Closes the bottom sheet when clicking outside of it.
41
+ * @param event The click event.
42
+ */
43
+ closeOnOutsideClick(event: Event): void;
44
+ /**
45
+ * Starts the drag event for the bottom sheet.
46
+ * @param event The pointer event that starts the drag.
47
+ */
48
+ startDrag(event: PointerEvent): void;
49
+ /**
50
+ * Updates the drag position of the bottom sheet.
51
+ * @param clientY The current Y position of the pointer.
52
+ */
53
+ updateDrag(clientY: number): void;
54
+ /**
55
+ * Snaps the bottom sheet to either open or closed state based on the drag position.
56
+ */
57
+ snapToOpenOrClose(): void;
58
+ static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheet, never>;
59
+ static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheet, "r-bottom-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
60
+ }
@@ -0,0 +1,17 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class Button {
3
+ /** The variant of the button. */
4
+ readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
5
+ /** The size of the button. */
6
+ readonly size: import("@angular/core").InputSignal<"small" | "default">;
7
+ /** Whether is loading. */
8
+ readonly loading: import("@angular/core").InputSignal<boolean>;
9
+ /** Whether the padding should be equal vertically and horizontally. */
10
+ readonly equalPadding: import("@angular/core").InputSignal<boolean>;
11
+ /** Whether the button is toggleable. */
12
+ readonly toggle: import("@angular/core").InputSignal<boolean>;
13
+ /** The value of the button when it is toggled. */
14
+ readonly isToggled: import("@angular/core").InputSignal<boolean>;
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[r-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "equalPadding": { "alias": "equalPadding"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "isToggled": { "alias": "isToggled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
17
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ButtonGroup {
3
+ /**
4
+ * Whether the buttons should be spaced.
5
+ */
6
+ readonly spaced: import("@angular/core").InputSignal<boolean>;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "r-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
+ }
@@ -0,0 +1,26 @@
1
+ import { ElementRef, AfterViewInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class Checkbox implements AfterViewInit {
4
+ /**
5
+ * Value of the checkbox.
6
+ */
7
+ readonly value: import("@angular/core").ModelSignal<boolean>;
8
+ /**
9
+ * Reference to the checkbox element.
10
+ */
11
+ el: ElementRef<any>;
12
+ /**
13
+ * Event emitted when the value changes.
14
+ */
15
+ valueChange: import("@angular/core").OutputEmitterRef<boolean>;
16
+ /**
17
+ * Initializes the checkbox value after the view is initialized.
18
+ */
19
+ ngAfterViewInit(): void;
20
+ /**
21
+ * Toggles the value of the checkbox.
22
+ */
23
+ toggleValue(): void;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<Checkbox, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "input[r-checkbox]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
26
+ }
@@ -0,0 +1,61 @@
1
+ import { AfterViewInit, ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ColorPicker implements AfterViewInit {
4
+ /**
5
+ * Specifies the maximum width of the input.
6
+ */
7
+ readonly maxWidth: import("@angular/core").InputSignal<string>;
8
+ /**
9
+ * Represents the value of the input.
10
+ */
11
+ readonly value: import("@angular/core").WritableSignal<string>;
12
+ /**
13
+ * Computed signal for the text color with single quotes.
14
+ */
15
+ readonly valueWithSingleQuotes: import("@angular/core").Signal<string>;
16
+ /**
17
+ * A computed signal that dynamically calculates the text color based on the resolved value.
18
+ */
19
+ readonly textColor: import("@angular/core").Signal<"#000000" | "#FFFFFF">;
20
+ /**
21
+ * Indicates whether the input is focused.
22
+ */
23
+ readonly focused: import("@angular/core").WritableSignal<boolean>;
24
+ /**
25
+ * A reference to the `NgModel` directive.
26
+ */
27
+ private readonly ngModel;
28
+ /**
29
+ * Indicates whether to show the color value.
30
+ */
31
+ readonly showColor: import("@angular/core").InputSignal<boolean>;
32
+ /**
33
+ * A reference to the native element.
34
+ */
35
+ el: ElementRef<any>;
36
+ /**
37
+ * A reference to the control container.
38
+ */
39
+ private controlContainer;
40
+ /**
41
+ * Lifecycle hook that is called after the view has been initialized.
42
+ * Sets the initial value of the picker and attaches event listeners.
43
+ */
44
+ ngAfterViewInit(): void;
45
+ /**
46
+ * Resolves a color value, handling cases like `transparent` or `color-mix`.
47
+ * @param value The input color value.
48
+ * @returns A valid hexadecimal color.
49
+ */
50
+ resolveColor(value: string): string;
51
+ /**
52
+ * Calculates the result of a `color-mix` operation.
53
+ * @param color1 The first color in hexadecimal format.
54
+ * @param color2 The second color in hexadecimal format.
55
+ * @param percentage The mix percentage for the second color.
56
+ * @returns The resulting mixed color in hexadecimal format.
57
+ */
58
+ calculateColorMix(color1: string, color2: string, percentage: number): string;
59
+ static ɵfac: i0.ɵɵFactoryDeclaration<ColorPicker, never>;
60
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "input[r-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
61
+ }
@@ -0,0 +1,29 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class Icon {
3
+ /**
4
+ * The sanitizer service.
5
+ */
6
+ private sanitizer;
7
+ /**
8
+ * The icon of the text field.
9
+ */
10
+ readonly icon: import("@angular/core").InputSignal<string>;
11
+ /**
12
+ * The size of the icon.
13
+ */
14
+ readonly size: import("@angular/core").InputSignal<number>;
15
+ /**
16
+ * The stroke of the icon.
17
+ */
18
+ readonly strokeWidth: import("@angular/core").InputSignal<number>;
19
+ /**
20
+ * The color of the icon.
21
+ */
22
+ readonly color: import("@angular/core").InputSignal<string>;
23
+ /**
24
+ * The svg of the icon.
25
+ */
26
+ readonly iconSvg: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<Icon, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "i[r-icon]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
29
+ }
@@ -0,0 +1,78 @@
1
+ import { AfterViewInit, ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class Input implements AfterViewInit {
4
+ /**
5
+ * The type of the input.
6
+ */
7
+ readonly type: import("@angular/core").InputSignal<"number" | "text" | "password" | "email">;
8
+ /**
9
+ * The placeholder text for the input.
10
+ */
11
+ readonly placeholder: import("@angular/core").InputSignal<string>;
12
+ /**
13
+ * The value of the input.
14
+ */
15
+ readonly value: import("@angular/core").WritableSignal<string | number | null>;
16
+ /**
17
+ * Whether the input is invalid.
18
+ */
19
+ readonly invalid: import("@angular/core").ModelSignal<boolean>;
20
+ /**
21
+ * Whether the input is disabled.
22
+ */
23
+ readonly disabled: import("@angular/core").ModelSignal<boolean>;
24
+ /**
25
+ * The maximum width of the input.
26
+ */
27
+ readonly maxWidth: import("@angular/core").InputSignal<string>;
28
+ /**
29
+ * The number of decimal places for number input.
30
+ */
31
+ readonly decimals: import("@angular/core").InputSignal<number>;
32
+ /**
33
+ * The type of number input (integer or decimal).
34
+ */
35
+ readonly numberType: import("@angular/core").InputSignal<"integer" | "decimal">;
36
+ /**
37
+ * Whether the input type is number.
38
+ */
39
+ readonly isNumberType: import("@angular/core").Signal<boolean>;
40
+ /**
41
+ * Whether the input is focused.
42
+ */
43
+ readonly focused: import("@angular/core").WritableSignal<boolean>;
44
+ /**
45
+ * Event emitted when the value changes.
46
+ */
47
+ valueChange: import("@angular/core").OutputEmitterRef<string | number | null>;
48
+ /**
49
+ * Reference to the input element.
50
+ */
51
+ readonly el: ElementRef<HTMLInputElement>;
52
+ /**
53
+ * Reference to the ngModel directive.
54
+ */
55
+ private ngModel;
56
+ /**
57
+ * After the view has been initialized, set the value of the select.
58
+ */
59
+ ngAfterViewInit(): void;
60
+ /**
61
+ * Handles the input event.
62
+ * @param event The input event.
63
+ */
64
+ onInput(event: Event): void;
65
+ /**
66
+ * The blur event handler.
67
+ * @param event - The blur event.
68
+ */
69
+ onBlur(event: any): void;
70
+ /**
71
+ * Formats the number value.
72
+ * @param value - The value to format.
73
+ * @returns The formatted value.
74
+ */
75
+ formatNumber(value: string | null): string | null;
76
+ static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
77
+ static ɵcmp: i0.ɵɵComponentDeclaration<Input, "input[r-input]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
78
+ }
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class InputGroup {
3
+ /**
4
+ * Whether the input group elements are separated by a border.
5
+ */
6
+ readonly bordered: import("@angular/core").InputSignal<boolean>;
7
+ /**
8
+ * The maximum width of the input.
9
+ */
10
+ readonly maxWidth: import("@angular/core").InputSignal<string>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<InputGroup, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "r-input-group", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
13
+ }
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/cdk/menu";
3
+ /**
4
+ * Represents a menu component that can optionally float.
5
+ */
6
+ export declare class Menu {
7
+ /**
8
+ * Determines whether the menu is floating.
9
+ * @default false
10
+ */
11
+ readonly floating: import("@angular/core").InputSignal<boolean>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "r-menu", never, { "floating": { "alias": "floating"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
14
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/cdk/menu";
3
+ /**
4
+ * Represents a menu item with support for typeahead and disabled states.
5
+ */
6
+ export declare class MenuItemComponent {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "r-menu-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/cdk/menu";
3
+ /**
4
+ * Represents a checkbox menu item.
5
+ */
6
+ export declare class MenuItemCheckboxComponent {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemCheckboxComponent, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemCheckboxComponent, "r-menu-item-checkbox", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/cdk/menu";
3
+ /**
4
+ * Represents a radio menu item.
5
+ */
6
+ export declare class MenuItemRadioComponent {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemRadioComponent, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemRadioComponent, "r-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * Represents a label for a menu.
4
+ */
5
+ export declare class MenuLabel {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuLabel, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuLabel, "r-menu-label", never, {}, {}, never, ["*"], true, never>;
8
+ }
@@ -0,0 +1,14 @@
1
+ import { CdkMenuTrigger } from '@angular/cdk/menu';
2
+ import { OnInit } from '@angular/core';
3
+ import { Position } from '../../../attached-box/types/position.type';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/cdk/menu";
6
+ export declare class MenuTrigger implements OnInit {
7
+ trigger: CdkMenuTrigger;
8
+ readonly menuTriggerPosition: import("@angular/core").InputSignal<Position>;
9
+ readonly submenu: import("@angular/core").InputSignal<boolean>;
10
+ ngOnInit(): void;
11
+ setPosition(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuTrigger, never>;
13
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTrigger, "[menuTriggerFor]", never, { "menuTriggerPosition": { "alias": "menuTriggerPosition"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "menuTriggerFor"; }; outputs: {}; }]>;
14
+ }
@@ -0,0 +1,26 @@
1
+ import { ElementRef, AfterViewInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class Range implements AfterViewInit {
4
+ /**
5
+ * Current value of the range.
6
+ */
7
+ readonly value: import("@angular/core").ModelSignal<string>;
8
+ /**
9
+ * Maximum width of the range slider.
10
+ */
11
+ readonly maxWidth: import("@angular/core").InputSignal<string>;
12
+ /**
13
+ * Reference to the range element.
14
+ */
15
+ el: ElementRef<any>;
16
+ /**
17
+ * Initializes the range value after the view is initialized.
18
+ */
19
+ ngAfterViewInit(): void;
20
+ /**
21
+ * Handles the input event to update the value.
22
+ */
23
+ onInput(event: Event): void;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<Range, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<Range, "input[r-range]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
26
+ }