ngx-bsl 0.0.5 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
@mixin dark-theme {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
--bsl-backgroundColor: var(--bsl-color-neutral-950);
|
|
3
|
+
--bsl-backgroundColor-muted: var(--bsl-color-neutral-900);
|
|
4
|
+
--bsl-backgroundColor-emphasis: var(--bsl-color-neutral-800);
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
--bsl-textColor: var(--bsl-color-neutral-200);
|
|
7
|
+
--bsl-textColor-muted: var(--bsl-color-neutral-300);
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
--bsl-borderColor: var(--bsl-color-neutral-800);
|
|
10
|
+
--bsl-borderColor-muted: var(--bsl-color-neutral-700);
|
|
11
|
+
--bsl-borderColor-emphasis: var(--bsl-color-neutral-600);
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
--bsl-button-backgroundColor: var(--bsl-color-neutral-950);
|
|
14
|
+
--bsl-button-backgroundColor-hover: var(--bsl-color-neutral-900);
|
|
15
|
+
--bsl-button-backgroundColor-active: var(--bsl-color-neutral-800);
|
|
16
|
+
--bsl-button-borderColor: var(--bsl-color-neutral-700);
|
|
17
|
+
--bsl-button-textColor: var(--bsl-textColor);
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
--bsl-input-backgroundColor: var(--bsl-color-neutral-900);
|
|
20
|
+
--bsl-input-borderColor: var(--bsl-color-neutral-700);
|
|
21
|
+
--bsl-input-textColor: var(--bsl-textColor);
|
|
22
|
+
--bsl-input-textColor-placeholder: var(--bsl-color-neutral-400);
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
--bsl-checkbox-backgroundColor: var(--bsl-color-neutral-900);
|
|
25
|
+
--bsl-checkbox-borderColor: var(--bsl-color-neutral-800);
|
|
26
|
+
--bsl-checkbox-borderColor-hover: var(--bsl-color-neutral-700);
|
|
27
|
+
--bsl-checkbox-textColor: var(--bsl-textColor);
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
--bsl-list-box-backgroundColor: var(--bsl-color-neutral-950);
|
|
30
|
+
--bsl-list-box-backgroundColor-hover: var(--bsl-color-neutral-800);
|
|
31
|
+
--bsl-list-box-borderColor: var(--bsl-color-neutral-700);
|
|
32
32
|
|
|
33
33
|
--bsl-range-rail-backgroundColor: var(--bsl-color-neutral-800);
|
|
34
34
|
--bsl-range-tracker-backgroundColor: var(--bsl-color-neutral-600);
|
|
@@ -36,5 +36,4 @@
|
|
|
36
36
|
|
|
37
37
|
--bsl-tooltip-backgroundColor: var(--bsl-color-neutral-200);
|
|
38
38
|
--bsl-tooltip-textColor: var(--bsl-color-neutral-800);
|
|
39
|
-
|
|
40
39
|
}
|
|
@@ -1,30 +1,34 @@
|
|
|
1
1
|
@mixin light-theme {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
2
|
+
--bsl-backgroundColor: var(--bsl-color-neutral-50);
|
|
3
|
+
--bsl-backgroundColor-muted: var(--bsl-color-neutral-100);
|
|
4
|
+
--bsl-backgroundColor-emphasis: var(--bsl-color-neutral-200);
|
|
5
|
+
|
|
6
|
+
--bsl-textColor: var(--bsl-color-neutral-900);
|
|
7
|
+
--bsl-textColor-muted: var(--bsl-color-neutral-800);
|
|
8
|
+
|
|
9
|
+
--bsl-borderColor: var(--bsl-color-neutral-200);
|
|
10
|
+
--bsl-borderColor-muted: var(--bsl-color-neutral-300);
|
|
11
|
+
--bsl-borderColor-emphasis: var(--bsl-color-neutral-400);
|
|
12
|
+
|
|
13
|
+
--bsl-button-backgroundColor: var(--bsl-color-neutral-50);
|
|
14
|
+
--bsl-button-backgroundColor-hover: var(--bsl-color-neutral-100);
|
|
15
|
+
--bsl-button-backgroundColor-active: var(--bsl-color-neutral-200);
|
|
16
|
+
--bsl-button-borderColor: var(--bsl-color-neutral-300);
|
|
17
|
+
--bsl-button-textColor: var(--bsl-textColor);
|
|
18
|
+
|
|
19
|
+
--bsl-input-backgroundColor: var(--bsl-color-neutral-100);
|
|
20
|
+
--bsl-input-borderColor: var(--bsl-color-neutral-300);
|
|
21
|
+
--bsl-input-textColor: var(--bsl-textColor);
|
|
22
|
+
--bsl-input-textColor-placeholder: var(--bsl-color-neutral-400);
|
|
23
|
+
|
|
24
|
+
--bsl-checkbox-backgroundColor: var(--bsl-color-neutral-100);
|
|
25
|
+
--bsl-checkbox-borderColor: var(--bsl-color-neutral-300);
|
|
26
|
+
--bsl-checkbox-borderColor-hover: var(--bsl-color-neutral-400);
|
|
27
|
+
--bsl-checkbox-textColor: var(--bsl-textColor);
|
|
28
|
+
|
|
29
|
+
--bsl-list-box-backgroundColor: var(--bsl-color-neutral-50);
|
|
30
|
+
--bsl-list-box-backgroundColor-hover: var(--bsl-color-neutral-200);
|
|
31
|
+
--bsl-list-box-borderColor: var(--bsl-color-neutral-300);
|
|
28
32
|
|
|
29
33
|
--bsl-range-rail-backgroundColor: var(--bsl-color-neutral-200);
|
|
30
34
|
--bsl-range-tracker-backgroundColor: var(--bsl-color-neutral-400);
|
package/types/ngx-bsl.d.ts
CHANGED
|
@@ -222,7 +222,7 @@ declare class RangeComponent implements ControlValueAccessor, OnInit, OnDestroy
|
|
|
222
222
|
protected trackerRight: _angular_core.Signal<string>;
|
|
223
223
|
protected readonly Thumb: typeof Thumb;
|
|
224
224
|
private resizeObserver;
|
|
225
|
-
onChange: (_value:
|
|
225
|
+
onChange: (_value: Range) => void;
|
|
226
226
|
onTouch: () => void;
|
|
227
227
|
ngOnInit(): void;
|
|
228
228
|
private validateRange;
|
|
@@ -241,12 +241,9 @@ declare class RangeComponent implements ControlValueAccessor, OnInit, OnDestroy
|
|
|
241
241
|
protected onRailClick(event: MouseEvent): void;
|
|
242
242
|
private computeNewValueOnClick;
|
|
243
243
|
private selectThumbToMove;
|
|
244
|
-
registerOnChange(onChange: (value:
|
|
244
|
+
registerOnChange(onChange: (value: Range) => void): void;
|
|
245
245
|
registerOnTouched(onTouch: () => void): void;
|
|
246
|
-
writeValue(value:
|
|
247
|
-
from: number;
|
|
248
|
-
to: number;
|
|
249
|
-
}): void;
|
|
246
|
+
writeValue(value: Range): void;
|
|
250
247
|
setDisabledState(disabled: boolean): void;
|
|
251
248
|
ngOnDestroy(): void;
|
|
252
249
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeComponent, never>;
|
|
@@ -267,7 +264,7 @@ declare class SelectComponent<TOption> implements ControlValueAccessor {
|
|
|
267
264
|
private listBox;
|
|
268
265
|
onChange: (_value: TOption) => void;
|
|
269
266
|
onTouch: () => void;
|
|
270
|
-
|
|
267
|
+
value: _angular_core.ModelSignal<TOption | undefined>;
|
|
271
268
|
protected open: _angular_core.WritableSignal<boolean>;
|
|
272
269
|
protected ariaActiveDescendant: _angular_core.Signal<string | null>;
|
|
273
270
|
protected initialFocusedOptionIndex: _angular_core.WritableSignal<number | null>;
|
|
@@ -280,7 +277,7 @@ declare class SelectComponent<TOption> implements ControlValueAccessor {
|
|
|
280
277
|
registerOnTouched(onTouch: () => void): void;
|
|
281
278
|
writeValue(value: TOption): void;
|
|
282
279
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
|
|
283
|
-
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; }; }, {}, never, ["[data-custom-icon]", "[data-custom-icon]"], true, never>;
|
|
280
|
+
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>;
|
|
284
281
|
}
|
|
285
282
|
|
|
286
283
|
declare enum TooltipPosition {
|