@basis-ng/primitives 0.0.1-alpha.15 → 0.0.1-alpha.150

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 (51) hide show
  1. package/fesm2022/basis-ng-primitives.mjs +3636 -2224
  2. package/fesm2022/basis-ng-primitives.mjs.map +1 -1
  3. package/package.json +13 -5
  4. package/types/basis-ng-primitives.d.ts +1847 -0
  5. package/core/components/alert/alert.component.d.ts +0 -20
  6. package/core/components/attached-box/attached-box.component.d.ts +0 -125
  7. package/core/components/attached-box/types/alignment.type.d.ts +0 -1
  8. package/core/components/attached-box/types/direction.type.d.ts +0 -1
  9. package/core/components/badge/badge.component.d.ts +0 -9
  10. package/core/components/bottom-sheet/bottom-sheet.component.d.ts +0 -60
  11. package/core/components/button/button.component.d.ts +0 -22
  12. package/core/components/button-group/button-group.component.d.ts +0 -9
  13. package/core/components/checkbox/checkbox.component.d.ts +0 -26
  14. package/core/components/color-picker/color-picker.component.d.ts +0 -61
  15. package/core/components/combobox/combobox.component.d.ts +0 -127
  16. package/core/components/command/command-options.component.d.ts +0 -58
  17. package/core/components/command/command.component.d.ts +0 -41
  18. package/core/components/icon/icon.component.d.ts +0 -29
  19. package/core/components/input/input.component.d.ts +0 -78
  20. package/core/components/input-group/input-group.component.d.ts +0 -13
  21. package/core/components/menu/menu.component.d.ts +0 -9
  22. package/core/components/menu/shared/components/menu-item/menu-item.component.d.ts +0 -9
  23. package/core/components/menu/shared/components/menu-item-checkbox/menu-item-checkbox.component.d.ts +0 -9
  24. package/core/components/menu/shared/components/menu-item-radio/menu-item-radio.component.d.ts +0 -9
  25. package/core/components/menu/shared/components/menu-label/menu-label.component.d.ts +0 -8
  26. package/core/components/menu/shared/directives/menu-trigger.directive.d.ts +0 -14
  27. package/core/components/range/range.component.d.ts +0 -26
  28. package/core/components/select/select-options.component.d.ts +0 -51
  29. package/core/components/select/select.component.d.ts +0 -127
  30. package/core/components/side-sheet/side-sheet.component.d.ts +0 -46
  31. package/core/components/spinner/spinner.component.d.ts +0 -9
  32. package/core/components/switch/switch.component.d.ts +0 -35
  33. package/core/components/table/components/row/components/row-item/row-item.component.d.ts +0 -12
  34. package/core/components/table/components/row/row.component.d.ts +0 -9
  35. package/core/components/table/table.component.d.ts +0 -5
  36. package/core/components/tabs/components/tab/tab.component.d.ts +0 -25
  37. package/core/components/tabs/tabs.component.d.ts +0 -60
  38. package/core/components/textarea/textarea.component.d.ts +0 -48
  39. package/core/components/tooltip/tooltip.component.d.ts +0 -36
  40. package/core/components/tree/shared/components/tree-node/tree-node.component.d.ts +0 -43
  41. package/core/components/tree/tree.component.d.ts +0 -56
  42. package/core/directives/in-viewport.directive.d.ts +0 -13
  43. package/core/services/in-viewport.service.d.ts +0 -23
  44. package/core/services/responsive.service.d.ts +0 -47
  45. package/core/services/theme.service.d.ts +0 -44
  46. package/index.d.ts +0 -5
  47. package/public-api.d.ts +0 -44
  48. package/shared/components/label.component.d.ts +0 -30
  49. package/shared/components/option.component.d.ts +0 -22
  50. package/shared/directives/lazy-content.directive.d.ts +0 -7
  51. package/shared/types/position.type.d.ts +0 -1
@@ -1,20 +0,0 @@
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, "b-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
- }
@@ -1,125 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { Position } from '../../../shared/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, "b-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, ["[b-attached-box-trigger]", "[b-attached-box-content]"], true, never>;
125
- }
@@ -1 +0,0 @@
1
- export type Alignment = 'left' | 'center' | 'right' | 'top' | 'bottom';
@@ -1 +0,0 @@
1
- export type Direction = 'top' | 'bottom' | 'left' | 'right';
@@ -1,9 +0,0 @@
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[b-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
- }
@@ -1,60 +0,0 @@
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, "b-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
- }
@@ -1,22 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class Button {
4
- /** The variant of the button. */
5
- readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
6
- /** The size of the button. */
7
- readonly size: import("@angular/core").InputSignal<"small" | "default">;
8
- /** Whether is loading. */
9
- readonly loading: import("@angular/core").InputSignal<boolean>;
10
- /** Whether the padding should be equal vertically and horizontally. */
11
- readonly equalPadding: import("@angular/core").InputSignal<boolean>;
12
- /** Whether the button is toggleable. */
13
- readonly toggle: import("@angular/core").InputSignal<boolean>;
14
- /** The value of the button when it is toggled. */
15
- readonly isToggled: import("@angular/core").InputSignal<boolean>;
16
- /** Whether the button active animation is enabled. */
17
- readonly activeEnabled: import("@angular/core").InputSignal<boolean>;
18
- /** The element reference of the button. */
19
- el: ElementRef<any>;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[b-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; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
22
- }
@@ -1,9 +0,0 @@
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, "b-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
- }
@@ -1,26 +0,0 @@
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[b-checkbox]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
26
- }
@@ -1,61 +0,0 @@
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[b-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
61
- }
@@ -1,127 +0,0 @@
1
- import { CdkConnectedOverlay } from '@angular/cdk/overlay';
2
- import { OnInit } from '@angular/core';
3
- import { Button } from '../button/button.component';
4
- import { ControlValueAccessor } from '@angular/forms';
5
- import { CommandComponent } from '../command/command.component';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Component representing a combobox dropdown.
9
- * This component provides a button to toggle the dropdown and displays the selected option(s) with an input field.
10
- */
11
- export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
12
- /**
13
- * Placeholder text displayed when no option is selected.
14
- * Defaults to 'Select an option'.
15
- */
16
- readonly placeholder: import("@angular/core").InputSignal<string>;
17
- /**
18
- * Signal indicating whether the dropdown is currently open.
19
- */
20
- readonly isOpen: import("@angular/core").WritableSignal<boolean>;
21
- /**
22
- * Reference to the button element used to toggle the dropdown.
23
- * This is used for managing focus and interactions.
24
- */
25
- readonly button: import("@angular/core").Signal<Button | undefined>;
26
- /**
27
- * Reference to the content component of the dropdown.
28
- * This contains the list of selectable options.
29
- */
30
- readonly command: import("@angular/core").Signal<CommandComponent | undefined>;
31
- /**
32
- * Computed signal representing the selected values from the dropdown.
33
- * This is linked to the value of the `CommandComponent`.
34
- */
35
- readonly value: import("@angular/core").WritableSignal<string[] | undefined>;
36
- /**
37
- * Input for setting the maximum width of the dropdown.
38
- * Defaults to '100%'.
39
- */
40
- readonly maxWidth: import("@angular/core").InputSignal<string>;
41
- /**
42
- * Computed signal for the width of the button element.
43
- * This is used to set the width of the dropdown overlay.
44
- */
45
- readonly buttonWidth: import("@angular/core").Signal<any>;
46
- /**
47
- * Model indicating whether the combobox component is disabled.
48
- * When disabled, the dropdown cannot be opened or interacted with.
49
- */
50
- readonly disabled: import("@angular/core").ModelSignal<boolean>;
51
- /**
52
- * Computed signal representing the options available in the dropdown.
53
- * This retrieves the options from the `CommandComponent`.
54
- */
55
- readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
56
- /**
57
- * Computed signal representing the content of the selected option(s).
58
- * If no option is selected, it returns the placeholder text.
59
- */
60
- readonly content: import("@angular/core").Signal<string | undefined>;
61
- /**
62
- * Signal representing the delay before closing the dropdown.
63
- * This is used to provide a smooth transition when closing the dropdown.
64
- */
65
- readonly closeDelay: import("@angular/core").WritableSignal<number>;
66
- /**
67
- * Reference to the CdkConnectedOverlay directive.
68
- * This is used to manage the positioning and visibility of the dropdown overlay.
69
- */
70
- readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay | undefined>;
71
- /**
72
- * Lifecycle hook that is called after the component is initialized.
73
- * It sets up the necessary subscriptions for handling value changes.
74
- */
75
- ngOnInit(): void;
76
- /**
77
- * Subscribes to the `closeEmitter` of the `CommandComponent` to handle
78
- * changes to the selected value. This ensures the dropdown closes and the
79
- * value is propagated to Angular Forms.
80
- */
81
- handleSelectedValueChange(): void;
82
- /**
83
- * Opens the dropdown and focuses the listbox.
84
- * This method sets the `isOpen` signal to `true` and ensures the listbox gains focus.
85
- */
86
- open(): void;
87
- /**
88
- * Closes the dropdown with a transition effect and refocuses the button.
89
- * This method sets the `isOpen` signal to `false` after a delay and removes
90
- * the transition class from the overlay panel.
91
- */
92
- close(): void;
93
- /**
94
- * Callback function to propagate changes to the model.
95
- * This is called whenever the value changes.
96
- */
97
- private onChange;
98
- /**
99
- * Callback function to mark the component as touched.
100
- * This is called when the component loses focus.
101
- */
102
- private onTouched;
103
- /**
104
- * Writes a new value to the component.
105
- * This method is called by Angular Forms to update the value of the combobox component.
106
- * @param value - The new value to set.
107
- */
108
- writeValue(value: string[]): void;
109
- /**
110
- * Registers a callback function to be called when the value changes.
111
- * @param fn - The callback function.
112
- */
113
- registerOnChange(fn: (value: string[]) => void): void;
114
- /**
115
- * Registers a callback function to be called when the component is touched.
116
- * @param fn - The callback function.
117
- */
118
- registerOnTouched(fn: () => void): void;
119
- /**
120
- * Sets the disabled state of the component.
121
- * This method is called by Angular Forms to enable or disable the component.
122
- * @param isDisabled - A boolean indicating whether the component should be disabled.
123
- */
124
- setDisabledState(isDisabled: boolean): void;
125
- static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
126
- static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
127
- }
@@ -1,58 +0,0 @@
1
- import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
2
- import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
3
- import { OnInit } from '@angular/core';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/cdk/listbox";
6
- /**
7
- * Component representing a list of command options.
8
- * It uses Angular CDK's listbox and option utilities for accessibility and keyboard navigation.
9
- */
10
- export declare class CommandOptionsComponent implements OnInit {
11
- /**
12
- * Collection of child options within the listbox.
13
- */
14
- readonly options: import("@angular/core").Signal<readonly CdkOption<any>[]>;
15
- /**
16
- * Key manager for handling keyboard navigation and active descendant management.
17
- */
18
- readonly listKeyManager: import("@angular/core").Signal<ActiveDescendantKeyManager<CdkOption<any>>>;
19
- /**
20
- * Signal representing the currently selected values.
21
- */
22
- readonly value: import("@angular/core").WritableSignal<string[]>;
23
- /**
24
- * Signal representing the currently highlighted option.
25
- */
26
- readonly highlightedOption: import("@angular/core").WritableSignal<string>;
27
- /**
28
- * Reference to the injected CDK Listbox instance.
29
- */
30
- cdkListbox: CdkListbox<any>;
31
- /**
32
- * Emitter for closing the command options.
33
- */
34
- closeEmitter: import("@angular/core").OutputEmitterRef<void>;
35
- /**
36
- * Lifecycle hook that initializes the component.
37
- * Enables the use of active descendant for the listbox.
38
- */
39
- ngOnInit(): void;
40
- /**
41
- * Selects the currently active option and updates the listbox value.
42
- */
43
- selectOption(value?: string[]): void;
44
- /**
45
- * Moves the active item to the next option and updates the highlighted option.
46
- */
47
- nextOption(): void;
48
- /**
49
- * Moves the active item to the previous option and updates the highlighted option.
50
- */
51
- previousOption(): void;
52
- /**
53
- * Updates the CSS class of options to reflect the currently highlighted option.
54
- */
55
- updateHighlightedOption(): void;
56
- static ɵfac: i0.ɵɵFactoryDeclaration<CommandOptionsComponent, never>;
57
- static ɵcmp: i0.ɵɵComponentDeclaration<CommandOptionsComponent, "ul[b-command-options]", never, {}, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
58
- }
@@ -1,41 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { CommandOptionsComponent } from './command-options.component';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Component representing a command input with associated options.
6
- * It provides keyboard navigation and focus trapping for accessibility.
7
- */
8
- export declare class CommandComponent {
9
- /**
10
- * Reference to the child `CommandOptionsComponent` if present.
11
- * Used to interact with the options for navigation and selection.
12
- */
13
- readonly commandOptions: import("@angular/core").Signal<CommandOptionsComponent | undefined>;
14
- /**
15
- * Input representing the maximum width of the component.
16
- * This can be used to control the visual appearance of the command component.
17
- */
18
- readonly maxWidth: import("@angular/core").InputSignal<string>;
19
- /**
20
- * Input representing the maximum height of the component.
21
- * This can be used to control the visual appearance of the command component.
22
- */
23
- readonly maxHeight: import("@angular/core").InputSignal<string>;
24
- /**
25
- * Computed signal representing the selected value from the command options.
26
- * This is linked to the value of the `CommandOptionsComponent`.
27
- */
28
- readonly value: import("@angular/core").Signal<string[] | undefined>;
29
- /**
30
- * Computed signal representing the options available in the command options.
31
- * This is linked to the options of the `CommandOptionsComponent`.
32
- */
33
- readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
34
- /**
35
- * Reference to the host element of the component.
36
- * This provides access to the DOM element of the command component.
37
- */
38
- el: ElementRef<any>;
39
- static ɵfac: i0.ɵɵFactoryDeclaration<CommandComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<CommandComponent, "b-command", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, {}, ["commandOptions"], ["*"], true, never>;
41
- }
@@ -1,29 +0,0 @@
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[b-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
- }