@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,78 +0,0 @@
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[b-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
- }
@@ -1,13 +0,0 @@
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, "b-input-group", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
13
- }
@@ -1,9 +0,0 @@
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
- static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "b-menu", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
9
- }
@@ -1,9 +0,0 @@
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, "b-menu-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
- }
@@ -1,9 +0,0 @@
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, "b-menu-item-checkbox", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
- }
@@ -1,9 +0,0 @@
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, "b-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
9
- }
@@ -1,8 +0,0 @@
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, "b-menu-label", never, {}, {}, never, ["*"], true, never>;
8
- }
@@ -1,14 +0,0 @@
1
- import { CdkMenuTrigger } from '@angular/cdk/menu';
2
- import { OnInit } from '@angular/core';
3
- import { Position } from '../../../../../shared/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
- }
@@ -1,26 +0,0 @@
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[b-range]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
26
- }
@@ -1,51 +0,0 @@
1
- import { CdkListbox } from '@angular/cdk/listbox';
2
- import { ElementRef } from '@angular/core';
3
- import { OptionComponent } from '../../../shared/components/option.component';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/cdk/listbox";
6
- /**
7
- * Component representing the list of options in a select.
8
- * This component integrates with Angular CDK Listbox to manage options and their selection.
9
- */
10
- export declare class SelectOptionsComponent {
11
- /**
12
- * Signal representing the selected values in the listbox.
13
- * This is an array of strings corresponding to the selected option values.
14
- */
15
- readonly value: import("@angular/core").WritableSignal<string[]>;
16
- /**
17
- * Event emitter triggered when the dropdown should close.
18
- * This is used to notify the parent component to close the dropdown.
19
- */
20
- closeEmitter: import("@angular/core").OutputEmitterRef<void>;
21
- /**
22
- * Reference to the host element of the component.
23
- * This provides access to the DOM element of the options list.
24
- */
25
- el: ElementRef<any>;
26
- /**
27
- * Input for setting the maximum height of the dropdown.
28
- * Defaults to '300px'. This controls the vertical size of the dropdown.
29
- */
30
- readonly maxHeight: import("@angular/core").InputSignal<string>;
31
- /**
32
- * Reference to the CDK Listbox directive.
33
- * This is used to manage the options and their selection state.
34
- */
35
- listBox: CdkListbox<any>;
36
- /**
37
- * Reference to the list of options in the dropdown.
38
- * This is a collection of `OptionComponent` instances representing the available options.
39
- */
40
- readonly options: import("@angular/core").Signal<readonly OptionComponent[]>;
41
- /**
42
- * Handles changes to the selected value in the listbox.
43
- * This method updates the `value` signal, emits the `closeEmitter` event,
44
- * and ensures the parent component is notified of the selection change.
45
- *
46
- * @param value - The new array of selected values.
47
- */
48
- handleValueChange(value: string[]): void;
49
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionsComponent, never>;
50
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionsComponent, "ul[b-select-options]", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxValue": "cdkListboxValue"; }; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
51
- }
@@ -1,127 +0,0 @@
1
- import { CdkConnectedOverlay } from '@angular/cdk/overlay';
2
- import { OnInit } from '@angular/core';
3
- import { SelectOptionsComponent } from './select-options.component';
4
- import { Button } from '../button/button.component';
5
- import { ControlValueAccessor } from '@angular/forms';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Component representing a custom select dropdown.
9
- * This component provides a button to toggle the dropdown and displays the selected option(s).
10
- */
11
- export declare class SelectComponent 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 optionsList: import("@angular/core").Signal<SelectOptionsComponent | undefined>;
31
- /**
32
- * Computed signal representing the selected values from the dropdown.
33
- * This is linked to the value of the `OptionsListComponent`.
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 select 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 `OptionsListComponent`.
54
- */
55
- readonly options: import("@angular/core").Signal<readonly import("@basis-ng/primitives").OptionComponent[] | 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 `OptionsListComponent` 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 select 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<SelectComponent, never>;
126
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], true, never>;
127
- }
@@ -1,46 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * A sliding sheet component that can be positioned on either side of the screen.
4
- * The sheet slides in from the left or right edge and includes an overlay backdrop.
5
- *
6
- * @selector b-side-sheet
7
- */
8
- export declare class SideSheet {
9
- /**
10
- * Indicates whether the side sheet is open.
11
- */
12
- readonly isOpen: import("@angular/core").ModelSignal<boolean>;
13
- /**
14
- * Specifies the side of the screen where the sheet is positioned.
15
- * Can be either 'left' or 'right'.
16
- */
17
- readonly side: import("@angular/core").InputSignal<"left" | "right">;
18
- /**
19
- * Specifies the width of the side sheet.
20
- */
21
- readonly width: import("@angular/core").InputSignal<string>;
22
- /**
23
- * Computes whether the side sheet is positioned on the left side.
24
- */
25
- readonly isLeft: import("@angular/core").Signal<boolean>;
26
- /**
27
- * Computes whether the side sheet is positioned on the right side.
28
- */
29
- readonly isRight: import("@angular/core").Signal<boolean>;
30
- /**
31
- * Event emitted when the side sheet is closed.
32
- */
33
- closeSheet: import("@angular/core").OutputEmitterRef<void>;
34
- /**
35
- * Reference to the host element of the side sheet.
36
- */
37
- private readonly el;
38
- /**
39
- * Closes the side sheet when clicking outside of it.
40
- *
41
- * @param event - The click event.
42
- */
43
- closeOnOutsideClick(event: Event): void;
44
- static ɵfac: i0.ɵɵFactoryDeclaration<SideSheet, never>;
45
- static ɵcmp: i0.ɵɵComponentDeclaration<SideSheet, "b-side-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
46
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class Spinner {
3
- readonly active: import("@angular/core").InputSignal<boolean>;
4
- readonly color: import("@angular/core").InputSignal<string>;
5
- readonly backgroundColor: import("@angular/core").InputSignal<string>;
6
- readonly size: import("@angular/core").InputSignal<number>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "b-spinner", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
9
- }
@@ -1,35 +0,0 @@
1
- import { AfterViewInit, ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class Switch implements AfterViewInit {
4
- /**
5
- * Value of the switch.
6
- */
7
- readonly value: import("@angular/core").ModelSignal<boolean>;
8
- /**
9
- * The size of the switch.
10
- */
11
- readonly size: import("@angular/core").InputSignal<"default" | "large">;
12
- /**
13
- * Reference to the switch element.
14
- */
15
- el: ElementRef<any>;
16
- /**
17
- * Event emitted when the value changes.
18
- */
19
- valueChange: import("@angular/core").OutputEmitterRef<boolean>;
20
- /**
21
- * Initializes the switch value after the view is initialized.
22
- */
23
- ngAfterViewInit(): void;
24
- /**
25
- * Toggles the value of the switch.
26
- */
27
- toggleValue(): void;
28
- /**
29
- * Sets the value of the switch.
30
- * @param newValue - The new value to set.
31
- */
32
- setValue(newValue: boolean): void;
33
- static ɵfac: i0.ɵɵFactoryDeclaration<Switch, never>;
34
- static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "input[b-switch]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
35
- }
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class RowItem {
3
- readonly widthPx: import("@angular/core").InputSignal<number | undefined>;
4
- readonly alignedLeft: import("@angular/core").InputSignal<boolean>;
5
- readonly isHeader: import("@angular/core").InputSignal<boolean>;
6
- readonly style: import("@angular/core").Signal<{
7
- width: string;
8
- justifyContent: string;
9
- }>;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<RowItem, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<RowItem, "b-row-item", never, { "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "alignedLeft": { "alias": "alignedLeft"; "required": false; "isSignal": true; }; "isHeader": { "alias": "isHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
12
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class Row {
3
- readonly header: import("@angular/core").InputSignal<boolean>;
4
- readonly subheader: import("@angular/core").InputSignal<boolean>;
5
- readonly clickable: import("@angular/core").InputSignal<boolean>;
6
- readonly highlighted: import("@angular/core").InputSignal<boolean>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<Row, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<Row, "b-row", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class Table {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<Table, "b-table", never, {}, {}, never, ["[b-row-header]", "[b-row-subheader]", "*"], true, never>;
5
- }
@@ -1,25 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class Tab {
4
- el: ElementRef;
5
- readonly value: import("@angular/core").InputSignal<string>;
6
- readonly disabled: import("@angular/core").InputSignal<boolean>;
7
- readonly selected: import("@angular/core").WritableSignal<boolean>;
8
- readonly highlighted: import("@angular/core").WritableSignal<boolean>;
9
- selectEmitter: import("@angular/core").OutputEmitterRef<Tab>;
10
- constructor(el: ElementRef);
11
- /**
12
- * Emit the select event when the tab is selected.
13
- */
14
- onSelect(): void;
15
- /**
16
- * Highlight the tab on mouse enter if it is not disabled and not in keyboard-active mode.
17
- */
18
- onMouseEnter(): void;
19
- /**
20
- * Remove the highlight from the tab on mouse leave if it is not disabled and not in keyboard-active mode.
21
- */
22
- onMouseLeave(): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<Tab, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<Tab, "b-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectEmitter": "selectEmitter"; }, never, ["*"], true, never>;
25
- }
@@ -1,60 +0,0 @@
1
- import { Tab } from './components/tab/tab.component';
2
- import * as i0 from "@angular/core";
3
- export declare class Tabs {
4
- readonly tabs: import("@angular/core").Signal<readonly Tab[]>;
5
- readonly selectedIndex: import("@angular/core").WritableSignal<number>;
6
- readonly selectedValue: import("@angular/core").ModelSignal<string | null>;
7
- readonly highlightedIndex: import("@angular/core").WritableSignal<number>;
8
- changesEmitter: import("@angular/core").OutputEmitterRef<string>;
9
- lastSelectedValue: string | null;
10
- constructor();
11
- /**
12
- * Handle the selection of a tab.
13
- */
14
- handleTabSelection(): void;
15
- /**
16
- * Select a tab.
17
- * @param {Tab} tab - The tab to select.
18
- * @param {number} index - The index of the tab.
19
- */
20
- selectTab(tab: Tab, index: number): void;
21
- /**
22
- * Highlight a tab.
23
- * @param {number} index - The index of the tab to highlight.
24
- */
25
- highlightTab(index: number): void;
26
- /**
27
- * Handle the states of the tabs.
28
- */
29
- handleTabStates(): void;
30
- /**
31
- * Handle the external selected value.
32
- */
33
- handleExternalSelectedValue(): void;
34
- /**
35
- * Scroll to the selected tab.
36
- */
37
- handleScrollToSelectedTab(): void;
38
- /**
39
- * Handle keyboard events for navigation and selection.
40
- * @param {KeyboardEvent} event - The keyboard event.
41
- */
42
- handleKeyboard(event: KeyboardEvent): void;
43
- /**
44
- * Focus on the next or previous tab.
45
- * @param {'next' | 'previous'} direction - The direction to move the focus.
46
- */
47
- focusOption(direction: 'next' | 'previous'): void;
48
- /**
49
- * Select the currently focused tab.
50
- */
51
- selectFocusedTab(): void;
52
- /**
53
- * Scroll to a specific tab.
54
- * @param {number} index - The index of the tab to scroll to.
55
- * @param {string} behavior - The scroll behavior ('instant' or 'smooth').
56
- */
57
- scrollToTab(index: number, behavior: string): void;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "b-tabs", never, { "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "changesEmitter": "changesEmitter"; }, ["tabs"], ["*"], true, never>;
60
- }
@@ -1,48 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class Textarea {
4
- /**
5
- * The placeholder text for the textarea.
6
- */
7
- readonly placeholder: import("@angular/core").InputSignal<string>;
8
- /**
9
- * The value of the textarea.
10
- */
11
- readonly value: import("@angular/core").WritableSignal<string | null>;
12
- /**
13
- * The number of rows for the textarea.
14
- */
15
- readonly rows: import("@angular/core").InputSignal<number>;
16
- /**
17
- * The number of columns for the textarea.
18
- */
19
- readonly cols: import("@angular/core").InputSignal<number>;
20
- /**
21
- * Whether the textarea is invalid.
22
- */
23
- readonly invalid: import("@angular/core").ModelSignal<boolean>;
24
- /**
25
- * Whether the textarea is disabled.
26
- */
27
- readonly disabled: import("@angular/core").ModelSignal<boolean>;
28
- /**
29
- * Whether the textarea is focused.
30
- * This will be used by the Label component.
31
- */
32
- readonly focused: import("@angular/core").WritableSignal<boolean>;
33
- /**
34
- * Event emitted when the value changes.
35
- */
36
- valueChange: import("@angular/core").OutputEmitterRef<string | null>;
37
- /**
38
- * Reference to the textarea element.
39
- */
40
- readonly el: ElementRef<HTMLTextAreaElement>;
41
- /**
42
- * Handles the input event.
43
- * @param event The input event.
44
- */
45
- onInput(event: Event): void;
46
- static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "textarea[b-textarea]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
48
- }