ngx-bsl 0.0.11 → 0.0.16

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 (8) hide show
  1. package/fesm2022/ngx-bsl.mjs +332 -387
  2. package/fesm2022/ngx-bsl.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/components/{button.scss → _button.scss} +2 -2
  5. package/styles/components/{input.scss → _input.scss} +0 -29
  6. package/styles/components/_list-box.scss +10 -0
  7. package/styles/index.scss +1 -0
  8. package/types/ngx-bsl.d.ts +89 -91
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-bsl",
3
- "version": "0.0.11",
3
+ "version": "0.0.16",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/Viggo97/ngx-bsl.git"
package/styles/components/{button.scss → _button.scss} RENAMED
@@ -32,7 +32,7 @@ button {
32
32
  outline-offset: 2px;
33
33
  }
34
34
 
35
- &.button-icon {
35
+ &.bsl-button-icon {
36
36
  padding: .5rem;
37
37
 
38
38
  span {
@@ -42,7 +42,7 @@ button {
42
42
  }
43
43
  }
44
44
 
45
- &.invisible {
45
+ &.bsl-button-invisible {
46
46
  background-color: transparent;
47
47
  border-color: transparent;
48
48
 
package/styles/components/{input.scss → _input.scss} RENAMED
@@ -20,35 +20,6 @@ input[type="number"] {
20
20
  }
21
21
  }
22
22
 
23
- .input-with-icon {
24
- position: relative;
25
-
26
- input {
27
- padding-left: 2rem;
28
- }
29
-
30
- [class^="icon-"] {
31
- position: absolute;
32
- top: 50%;
33
- left: .5rem;
34
- transform: translateY(-50%);
35
- font: var(--bsl-font-md);
36
- color: var(--bsl-input-textColor);
37
- }
38
- }
39
-
40
- .input-large {
41
- input {
42
- padding: .75rem 1.5rem .75rem 3rem;
43
- font: var(--bsl-font-lg);
44
- }
45
-
46
- [class^="icon-"] {
47
- left: 1rem;
48
- font: var(--bsl-font-lg);
49
- }
50
- }
51
-
52
23
  /* Remove arrows Chrome */
53
24
  input::-webkit-outer-spin-button,
54
25
  input::-webkit-inner-spin-button {
package/styles/components/_list-box.scss ADDED
@@ -0,0 +1,10 @@
1
+ .ngx-bsl-list-box {
2
+ width: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+ padding: 4px;
6
+ border: 1px solid var(--bsl-list-box-borderColor);
7
+ border-radius: 6px;
8
+ background-color: var(--bsl-list-box-backgroundColor);
9
+ overflow: hidden;
10
+ }
package/styles/index.scss CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
  @forward 'components/button';
6
6
  @forward 'components/input';
7
+ @forward 'components/list-box';
7
8
  @forward 'components/overlay';
8
9
 
9
10
  @forward 'themes/light-theme';
package/types/ngx-bsl.d.ts CHANGED
@@ -1,51 +1,78 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { OnInit, AfterContentInit, ElementRef, PipeTransform, OnDestroy } from '@angular/core';
2
+ import { ElementRef, OnInit, OnDestroy } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
+ import { Subject } from 'rxjs';
4
5
 
5
- declare class GroupData<T> {
6
- group: string;
7
- data: T[];
8
- constructor(group: string, data: T[]);
6
+ declare class ListBoxOptionComponent<TOption> {
7
+ value: _angular_core.InputSignal<TOption>;
8
+ id: _angular_core.InputSignal<string>;
9
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxOptionComponent<any>, never>;
10
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxOptionComponent<any>, "ngx-bsl-list-box-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
11
+ }
12
+
13
+ declare class ListBoxDirective<TOption> {
14
+ listBoxId: _angular_core.InputSignal<string | undefined>;
15
+ listBoxAriaLabel: _angular_core.InputSignal<string | undefined>;
16
+ listBoxAriaLabelledby: _angular_core.InputSignal<string | undefined>;
17
+ optionValueEquality: _angular_core.InputSignal<(value: any, optionValue: any) => boolean>;
18
+ listBoxOptions: _angular_core.Signal<readonly ListBoxOptionComponent<TOption>[]>;
19
+ listBoxOptionRefs: _angular_core.Signal<readonly ElementRef<HTMLElement>[]>;
20
+ ariaActiveDescendant: _angular_core.WritableSignal<string | null>;
21
+ selectOption: Subject<TOption | null>;
22
+ hasAriaSelected: boolean;
23
+ setVisualMarkups(value: any): boolean;
24
+ onClick(event: MouseEvent): void;
25
+ onKeydown(event: KeyboardEvent): void;
26
+ private handleSelectionKeys;
27
+ private handleArrowKeys;
28
+ private getVisuallyFocusedOptionRefIndex;
29
+ private setVisualFocus;
30
+ private removeVisualFocus;
31
+ private clearVisualFocus;
32
+ private setSelectedAttribute;
33
+ private removeSelectedAttribute;
34
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxDirective<any>, never>;
35
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxDirective<any>, "[ngxBslListBox]", never, { "listBoxId": { "alias": "listBoxId"; "required": false; "isSignal": true; }; "listBoxAriaLabel": { "alias": "listBoxAriaLabel"; "required": false; "isSignal": true; }; "listBoxAriaLabelledby": { "alias": "listBoxAriaLabelledby"; "required": false; "isSignal": true; }; "optionValueEquality": { "alias": "optionValueEquality"; "required": false; "isSignal": true; }; }, {}, ["listBoxOptions", "listBoxOptionRefs"], never, true, never>;
9
36
  }
10
37
 
11
- declare class ComboboxComponent<TOption extends Record<string, unknown> | string> implements ControlValueAccessor {
38
+ declare class ComboboxComponent<TOption> implements ControlValueAccessor, OnInit {
39
+ protected listBox: ListBoxDirective<TOption>;
40
+ private destroyRef;
12
41
  id: _angular_core.InputSignal<string>;
13
- options: _angular_core.InputSignal<string[] | TOption[]>;
14
- bindLabel: _angular_core.InputSignal<string | undefined>;
15
- groupBy: _angular_core.InputSignal<string | undefined>;
16
- comparisonField: _angular_core.InputSignal<string | undefined>;
17
42
  placeholder: _angular_core.InputSignal<string>;
18
43
  ariaLabel: _angular_core.InputSignal<string | undefined>;
19
44
  ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
45
+ optionValueParse: _angular_core.InputSignal<(option: TOption) => string>;
20
46
  confirmSelection: _angular_core.OutputEmitterRef<void>;
21
- private listBox;
22
47
  onChange: (_value: string) => void;
23
48
  onTouch: () => void;
24
- protected value: _angular_core.WritableSignal<string>;
49
+ value: _angular_core.ModelSignal<string>;
25
50
  protected open: _angular_core.WritableSignal<boolean>;
26
51
  protected ariaActiveDescendant: _angular_core.Signal<string | null>;
27
- protected initialFocusedOptionIndex: _angular_core.WritableSignal<number | null>;
28
- protected groupedOptions: _angular_core.Signal<GroupData<TOption>[]>;
29
- private ignoreOptionsUpdate;
52
+ private optionSelecting;
53
+ private optionChangedBy;
30
54
  constructor();
55
+ ngOnInit(): void;
56
+ private subscribeSelectOption;
31
57
  protected showListBox(): void;
32
58
  protected hideListBox(): void;
33
59
  protected onClick(): void;
34
- protected onSelectOption(value: TOption | string): void;
60
+ protected onBlur(): void;
61
+ protected onListBoxPointerDown(event: PointerEvent): void;
62
+ protected onListBoxClick(event: MouseEvent): void;
35
63
  protected onInputChange(event: InputEvent): void;
36
64
  protected onKeydown(event: KeyboardEvent): void;
37
- private groupDataBy;
38
65
  registerOnChange(onChange: (value: string) => void): void;
39
66
  registerOnTouched(onTouch: () => void): void;
40
67
  writeValue(value: string): void;
41
68
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
42
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent<any>, "ngx-bsl-combobox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "comparisonField": { "alias": "comparisonField"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "confirmSelection": "confirmSelection"; }, never, never, true, never>;
69
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent<any>, "ngx-bsl-combobox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "optionValueParse": { "alias": "optionValueParse"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "confirmSelection": "confirmSelection"; "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof ListBoxDirective; inputs: { "listBoxId": "listBoxId"; "listBoxAriaLabel": "listBoxAriaLabel"; "listBoxAriaLabelledby": "listBoxAriaLabelledby"; "optionValueEquality": "optionValueEquality"; }; outputs: {}; }]>;
43
70
  }
44
71
 
45
72
  declare class CheckboxComponent implements ControlValueAccessor {
46
73
  id: _angular_core.InputSignal<string>;
74
+ disabled: _angular_core.ModelSignal<boolean>;
47
75
  protected checked: _angular_core.WritableSignal<boolean>;
48
- protected disabled: _angular_core.WritableSignal<boolean>;
49
76
  onChange: (_value: boolean) => void;
50
77
  onTouch: () => void;
51
78
  registerOnChange(onChange: (value: boolean) => void): void;
@@ -55,7 +82,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
55
82
  onKeydown(event: Event): void;
56
83
  onSelect(): void;
57
84
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
58
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ngx-bsl-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
85
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ngx-bsl-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, ["*"], true, never>;
59
86
  }
60
87
 
61
88
  declare class DrawerComponent {
@@ -70,68 +97,42 @@ declare class DrawerComponent {
70
97
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "ngx-bsl-drawer", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
71
98
  }
72
99
 
73
- declare class ListBoxOptionComponent<TOption> {
74
- value: _angular_core.InputSignal<TOption>;
75
- id: _angular_core.InputSignal<string>;
76
- private optionIdGenerator;
77
- protected listBoxOptionId: _angular_core.Signal<string>;
78
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxOptionComponent<any>, never>;
79
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxOptionComponent<any>, "ngx-bsl-list-box-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
80
- }
81
-
82
- declare class ListBoxComponent<TOption> implements OnInit, AfterContentInit, ControlValueAccessor {
83
- id: _angular_core.InputSignal<string>;
84
- ariaLabel: _angular_core.InputSignal<string | undefined>;
85
- ariaLabelledby: _angular_core.InputSignal<string | undefined>;
86
- exposeAriaActiveDescendant: _angular_core.InputSignal<boolean>;
87
- comparisonField: _angular_core.InputSignal<keyof TOption | undefined>;
88
- initialValue: _angular_core.InputSignal<TOption | null | undefined>;
89
- initialFocusedOptionIndex: _angular_core.InputSignal<number | null>;
90
- selectOption: _angular_core.OutputEmitterRef<TOption>;
91
- listBoxOptions: _angular_core.Signal<readonly ListBoxOptionComponent<TOption>[]>;
92
- listBoxOptionRefs: _angular_core.Signal<readonly ElementRef<HTMLElement>[]>;
93
- ariaActiveDescendant: _angular_core.WritableSignal<string | null>;
94
- onChange: (_value: TOption) => void;
95
- onTouch: () => void;
96
- private value;
97
- ngOnInit(): void;
98
- ngAfterContentInit(): void;
99
- onClick(event: MouseEvent): void;
100
- onKeydown(event: KeyboardEvent): void;
101
- private initSelectedOption;
102
- private equalsToCurrentValue;
103
- private handleSelectionKeys;
104
- private handleArrowKeys;
105
- private getVisuallyFocusedListBoxOptionRefIndex;
106
- private setVisualFocus;
107
- private removeVisualFocus;
108
- protected clearVisualFocus(): void;
109
- protected setSelectedAttribute(optionIndex: number): void;
110
- protected removeSelectedAttribute(): void;
111
- registerOnChange(onChange: (value: TOption) => void): void;
112
- registerOnTouched(onTouch: () => void): void;
113
- writeValue(value: TOption): void;
114
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxComponent<any>, never>;
115
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxComponent<any>, "ngx-bsl-list-box", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "exposeAriaActiveDescendant": { "alias": "exposeAriaActiveDescendant"; "required": false; "isSignal": true; }; "comparisonField": { "alias": "comparisonField"; "required": false; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "initialFocusedOptionIndex": { "alias": "initialFocusedOptionIndex"; "required": false; "isSignal": true; }; }, { "selectOption": "selectOption"; }, ["listBoxOptions", "listBoxOptionRefs"], ["*"], true, never>;
116
- }
117
-
118
100
  declare class ListBoxGroupComponent {
119
101
  title: _angular_core.InputSignal<string | undefined>;
120
102
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxGroupComponent, never>;
121
103
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxGroupComponent, "ngx-bsl-list-box-group", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
122
104
  }
123
105
 
124
- declare class ListBoxOptionValueConverterPipe implements PipeTransform {
125
- transform(value: unknown, bindLabel?: string): string;
126
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxOptionValueConverterPipe, never>;
127
- static ɵpipe: _angular_core.ɵɵPipeDeclaration<ListBoxOptionValueConverterPipe, "listBoxOptionValueConverter", true>;
128
- }
129
-
130
106
  declare class ListBoxSeparatorComponent {
131
107
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxSeparatorComponent, never>;
132
108
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxSeparatorComponent, "ngx-bsl-list-box-separator", never, {}, {}, never, never, true, never>;
133
109
  }
134
110
 
111
+ declare class IconArrowLeftComponent {
112
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowLeftComponent, never>;
113
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowLeftComponent, "ngx-bsl-icon-arrow-left", never, {}, {}, never, never, true, never>;
114
+ }
115
+
116
+ declare class IconArrowRightComponent {
117
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowRightComponent, never>;
118
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowRightComponent, "ngx-bsl-icon-arrow-right", never, {}, {}, never, never, true, never>;
119
+ }
120
+
121
+ declare class IconArrowLeftDoubleComponent {
122
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowLeftDoubleComponent, never>;
123
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowLeftDoubleComponent, "ngx-bsl-icon-arrow-left-double", never, {}, {}, never, never, true, never>;
124
+ }
125
+
126
+ declare class IconArrowRightDoubleComponent {
127
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconArrowRightDoubleComponent, never>;
128
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconArrowRightDoubleComponent, "ngx-bsl-icon-arrow-right-double", never, {}, {}, never, never, true, never>;
129
+ }
130
+
131
+ declare class IconBurgerComponent {
132
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconBurgerComponent, never>;
133
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconBurgerComponent, "ngx-bsl-icon-burger", never, {}, {}, never, never, true, never>;
134
+ }
135
+
135
136
  declare class IconCheckComponent {
136
137
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconCheckComponent, never>;
137
138
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconCheckComponent, "ngx-bsl-icon-check", never, {}, {}, never, never, true, never>;
@@ -261,42 +262,39 @@ declare class RangeComponent implements ControlValueAccessor, OnInit, OnDestroy
261
262
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeComponent, "ngx-bsl-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "showThumbLabels": { "alias": "showThumbLabels"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
262
263
  }
263
264
 
264
- declare class SelectComponent<TOption> implements ControlValueAccessor {
265
+ declare class SelectComponent<TOption, TValue> implements ControlValueAccessor, OnInit {
266
+ protected listBox: ListBoxDirective<TOption>;
267
+ private destroyRef;
265
268
  id: _angular_core.InputSignal<string>;
266
- options: _angular_core.InputSignal<TOption[]>;
267
- bindLabel: _angular_core.InputSignal<string | undefined>;
268
269
  placeholder: _angular_core.InputSignal<string>;
269
270
  ariaLabel: _angular_core.InputSignal<string | undefined>;
270
271
  ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
271
- comparisonField: _angular_core.InputSignal<keyof TOption | undefined>;
272
272
  iconMode: _angular_core.InputSignal<boolean>;
273
273
  customIcon: _angular_core.InputSignal<boolean>;
274
274
  dropdownWidth: _angular_core.InputSignal<string | undefined>;
275
- private listBox;
276
- onChange: (_value: TOption) => void;
275
+ optionValueParse: _angular_core.InputSignal<(option: TOption) => TValue>;
276
+ displayLabel: _angular_core.InputSignal<string | undefined>;
277
+ onChange: (_value: TValue) => void;
277
278
  onTouch: () => void;
278
- value: _angular_core.ModelSignal<TOption | undefined>;
279
+ value: _angular_core.ModelSignal<TValue | undefined>;
279
280
  protected open: _angular_core.WritableSignal<boolean>;
280
281
  protected ariaActiveDescendant: _angular_core.Signal<string | null>;
281
- protected initialFocusedOptionIndex: _angular_core.WritableSignal<number | null>;
282
+ protected displayValue: _angular_core.Signal<TValue | (TValue & object)[keyof TValue] | undefined>;
283
+ ngOnInit(): void;
284
+ private subscribeSelectOption;
282
285
  protected showListBox(): void;
283
286
  protected hideListBox(): void;
284
287
  protected onClick(): void;
285
- protected onSelectOption(value: TOption): void;
288
+ protected onListBoxClick(event: MouseEvent): void;
286
289
  protected onKeydown(event: KeyboardEvent): void;
287
- registerOnChange(onChange: (value: TOption) => void): void;
290
+ registerOnChange(onChange: (value: TValue) => void): void;
288
291
  registerOnTouched(onTouch: () => void): void;
289
- writeValue(value: TOption): void;
290
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
291
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "ngx-bsl-select", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "comparisonField": { "alias": "comparisonField"; "required": false; "isSignal": true; }; "iconMode": { "alias": "iconMode"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[data-custom-icon]", "[data-custom-icon]"], true, never>;
292
+ writeValue(value: TValue): void;
293
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any, any>, never>;
294
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any, any>, "ngx-bsl-select", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "iconMode": { "alias": "iconMode"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "optionValueParse": { "alias": "optionValueParse"; "required": false; "isSignal": true; }; "displayLabel": { "alias": "displayLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[data-custom-icon]", "[data-custom-icon]", "*"], true, [{ directive: typeof ListBoxDirective; inputs: { "listBoxId": "listBoxId"; "listBoxAriaLabel": "listBoxAriaLabel"; "listBoxAriaLabelledby": "listBoxAriaLabelledby"; "optionValueEquality": "optionValueEquality"; }; outputs: {}; }]>;
292
295
  }
293
296
 
294
- declare enum TooltipPosition {
295
- TOP = "TOP",
296
- BOTTOM = "BOTTOM",
297
- LEFT = "LEFT",
298
- RIGHT = "RIGHT"
299
- }
297
+ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
300
298
 
301
299
  declare class TooltipDirective {
302
300
  message: _angular_core.InputSignal<string>;
@@ -311,4 +309,4 @@ declare class TooltipDirective {
311
309
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[ngxBslTooltip]", never, { "message": { "alias": "ngxBslTooltip"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
312
310
  }
313
311
 
314
- export { CheckboxComponent, ComboboxComponent, DrawerComponent, IconCheckComponent, IconChevronDownComponent, IconCompanyComponent, IconLanguageComponent, IconLocationComponent, IconMoonComponent, IconSunComponent, IconXMarkComponent, ListBoxComponent, ListBoxGroupComponent, ListBoxOptionComponent, ListBoxOptionValueConverterPipe, ListBoxSeparatorComponent, PaginationComponent, RangeComponent, SelectComponent, TooltipDirective };
312
+ export { CheckboxComponent, ComboboxComponent, DrawerComponent, IconArrowLeftComponent, IconArrowLeftDoubleComponent, IconArrowRightComponent, IconArrowRightDoubleComponent, IconBurgerComponent, IconCheckComponent, IconChevronDownComponent, IconCompanyComponent, IconLanguageComponent, IconLocationComponent, IconMoonComponent, IconSunComponent, IconXMarkComponent, ListBoxDirective, ListBoxGroupComponent, ListBoxOptionComponent, ListBoxSeparatorComponent, PaginationComponent, RangeComponent, SelectComponent, TooltipDirective };