@ethlete/cdk 4.32.0 → 4.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/esm2022/lib/components/forms/components/select/components/select/directives/select-option/select-option.directive.mjs +14 -5
- package/esm2022/lib/components/forms/components/select/components/select/partials/select-option/select-option.component.mjs +3 -3
- package/fesm2022/ethlete-cdk.mjs +14 -5
- package/fesm2022/ethlete-cdk.mjs.map +1 -1
- package/lib/components/forms/components/select/components/select/directives/select-option/select-option.directive.d.ts +4 -1
- package/lib/components/forms/components/select/components/select/partials/select-option/select-option.component.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @ethlete/cdk
|
|
2
2
|
|
|
3
|
+
## 4.33.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`1ccef5d`](https://github.com/ethlete-io/ethdk/commit/1ccef5d1b1ee5ace3cb047f5e1eb29fd0c871855) Thanks [@TomTomB](https://github.com/TomTomB)! - Add label input to select option
|
|
8
|
+
|
|
3
9
|
## 4.32.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Directive, ElementRef, InjectionToken, Input, booleanAttribute, inject } from '@angular/core';
|
|
2
2
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
3
3
|
import { ObserveContentDirective, signalHostAttributes, signalHostClasses } from '@ethlete/core';
|
|
4
|
-
import { BehaviorSubject } from 'rxjs';
|
|
4
|
+
import { BehaviorSubject, combineLatest, map } from 'rxjs';
|
|
5
5
|
import { SELECT_TOKEN } from '../select';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@ethlete/core";
|
|
@@ -17,9 +17,10 @@ export class SelectOptionDirective {
|
|
|
17
17
|
this._value$ = new BehaviorSubject(null);
|
|
18
18
|
this._disabled$ = new BehaviorSubject(false);
|
|
19
19
|
this.disabled$ = this._disabled$.asObservable();
|
|
20
|
+
this._label$ = new BehaviorSubject(null);
|
|
20
21
|
this.isSelected$ = this._select._selectionModel.isSelected$(this);
|
|
21
22
|
this.isSelected = toSignal(this.isSelected$);
|
|
22
|
-
this.viewValue$ = this._viewValue
|
|
23
|
+
this.viewValue$ = combineLatest([this._viewValue$, this._label$]).pipe(map(([viewValue, label]) => label ?? viewValue));
|
|
23
24
|
this.hostClassBindings = signalHostClasses({
|
|
24
25
|
'et-select-option--selected': this.isSelected,
|
|
25
26
|
'et-select-option--active': toSignal(this.isActive$),
|
|
@@ -40,8 +41,14 @@ export class SelectOptionDirective {
|
|
|
40
41
|
set disabled(value) {
|
|
41
42
|
this._disabled$.next(booleanAttribute(value));
|
|
42
43
|
}
|
|
44
|
+
get label() {
|
|
45
|
+
return this._label$.value;
|
|
46
|
+
}
|
|
47
|
+
set label(label) {
|
|
48
|
+
this._label$.next(label);
|
|
49
|
+
}
|
|
43
50
|
get viewValue() {
|
|
44
|
-
return this._viewValue$.value;
|
|
51
|
+
return this._label$.value ?? this._viewValue$.value;
|
|
45
52
|
}
|
|
46
53
|
ngAfterViewInit() {
|
|
47
54
|
this._updateViewValue();
|
|
@@ -60,7 +67,7 @@ export class SelectOptionDirective {
|
|
|
60
67
|
this._select._activeSelectionModel.setActiveOption(this);
|
|
61
68
|
}
|
|
62
69
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
63
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
|
|
70
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled", label: "label" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
|
|
64
71
|
{
|
|
65
72
|
provide: SELECT_OPTION_TOKEN,
|
|
66
73
|
useExisting: SelectOptionDirective,
|
|
@@ -93,5 +100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
93
100
|
args: [{ required: true }]
|
|
94
101
|
}], disabled: [{
|
|
95
102
|
type: Input
|
|
103
|
+
}], label: [{
|
|
104
|
+
type: Input
|
|
96
105
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWxlY3QvY29tcG9uZW50cy9zZWxlY3QvZGlyZWN0aXZlcy9zZWxlY3Qtb3B0aW9uL3NlbGVjdC1vcHRpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0SCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLG9CQUFvQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDOzs7QUFFekMsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxjQUFjLENBQXdCLHdCQUF3QixDQUFDLENBQUM7QUFFdkcsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO0FBcUJqQixNQUFNLE9BQU8scUJBQXFCO0lBbkJsQztRQW9CbUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2QyxnQkFBVyxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUM7UUFDbEQsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBUyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFFNUcsY0FBUyxHQUFH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QkFBcUIsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0QsQ0FBQzs4R0EzRVUscUJBQXFCO2tHQUFyQixxQkFBcUIsMFhBakJyQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxtQkFBbUI7Z0JBQzVCLFdBQVcsRUFBRSxxQkFBcUI7YUFDbkM7U0FDRjs7MkZBWVUscUJBQXFCO2tCQW5CakMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxtQkFBbUI7NEJBQzVCLFdBQVcsdUJBQXVCO3lCQUNuQztxQkFDRjtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osV0FBVyxFQUFFLElBQUk7d0JBQ2pCLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLG9DQUFvQyxFQUFFLFVBQVU7d0JBQ2hELFNBQVMsRUFBRSxnQkFBZ0I7d0JBQzNCLGNBQWMsRUFBRSxvQkFBb0I7d0JBQ3BDLG9CQUFvQixFQUFFLG9CQUFvQjt3QkFDMUMsSUFBSSxFQUFFLFFBQVE7cUJBQ2Y7b0JBQ0QsY0FBYyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQzFDOzhCQVdLLEtBQUs7c0JBRFIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBVXJCLFFBQVE7c0JBRFgsS0FBSztnQkFXRixLQUFLO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdGlvblRva2VuLCBJbnB1dCwgYm9vbGVhbkF0dHJpYnV0ZSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b1NpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IE9ic2VydmVDb250ZW50RGlyZWN0aXZlLCBzaWduYWxIb3N0QXR0cmlidXRlcywgc2lnbmFsSG9zdENsYXNzZXMgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBTRUxFQ1RfVE9LRU4gfSBmcm9tICcuLi9zZWxlY3QnO1xuXG5leHBvcnQgY29uc3QgU0VMRUNUX09QVElPTl9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTZWxlY3RPcHRpb25EaXJlY3RpdmU+KCdFVF9TRUxFQ1RfT1BUSU9OX1RPS0VOJyk7XG5cbmxldCB1bmlxdWVJZCA9IDA7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTRUxFQ1RfT1BUSU9OX1RPS0VOLFxuICAgICAgdXNlRXhpc3Rpbmc6IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ1thdHRyLmFyaWEtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgICAnW2NsYXNzLmV0LXNlbGVjdC1vcHRpb24tLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgJyhjbGljayknOiAnc2VsZWN0T3B0aW9uKCknLFxuICAgICcobW91c2VlbnRlciknOiAnc2V0QWN0aXZlQnlIb3ZlcigpJyxcbiAgICAnKGV0T2JzZXJ2ZUNvbnRlbnQpJzogJ191cGRhdGVWaWV3VmFsdWUoKScsXG4gICAgcm9sZTogJ29wdGlvbicsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbT2JzZXJ2ZUNvbnRlbnREaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RPcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfc2VsZWN0ID0gaW5qZWN0KFNFTEVDVF9UT0tFTik7XG4gIHJlYWRvbmx5IF9lbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfdmlld1ZhbHVlJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPih0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudGV4dENvbnRlbnQ/LnRyaW0oKSA/PyAnJyk7XG5cbiAgcmVhZG9ubHkgaXNBY3RpdmUkID0gdGhpcy5fc2VsZWN0Ll9hY3RpdmVTZWxlY3Rpb25Nb2RlbC5pc09wdGlvbkFjdGl2ZSQodGhpcyk7XG5cbiAgcmVhZG9ubHkgaWQgPSBgZXQtc2VsZWN0LW9wdGlvbi0ke3VuaXF1ZUlkKyt9YDtcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlJC52YWx1ZTtcbiAgfVxuICBzZXQgdmFsdWUodmFsdWU6IHVua25vd24pIHtcbiAgICB0aGlzLl92YWx1ZSQubmV4dCh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfdmFsdWUkID0gbmV3IEJlaGF2aW9yU3ViamVjdDx1bmtub3duPihudWxsKTtcblxuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkJC52YWx1ZTtcbiAgfVxuICBzZXQgZGlzYWJsZWQodmFsdWU6IHVua25vd24pIHtcbiAgICB0aGlzLl9kaXNhYmxlZCQubmV4dChib29sZWFuQXR0cmlidXRlKHZhbHVlKSk7XG4gIH1cbiAgcHJpdmF0ZSBfZGlzYWJsZWQkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gIHJlYWRvbmx5IGRpc2FibGVkJCA9IHRoaXMuX2Rpc2FibGVkJC5hc09ic2VydmFibGUoKTtcblxuICBASW5wdXQoKVxuICBnZXQgbGFiZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2xhYmVsJC52YWx1ZTtcbiAgfVxuICBzZXQgbGFiZWwobGFiZWw6IHN0cmluZyB8IG51bGwpIHtcbiAgICB0aGlzLl9sYWJlbCQubmV4dChsYWJlbCk7XG4gIH1cbiAgcHJpdmF0ZSBfbGFiZWwkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmcgfCBudWxsPihudWxsKTtcblxuICByZWFkb25seSBpc1NlbGVjdGVkJCA9IHRoaXMuX3NlbGVjdC5fc2VsZWN0aW9uTW9kZWwuaXNTZWxlY3RlZCQodGhpcyk7XG4gIHJlYWRvbmx5IGlzU2VsZWN0ZWQgPSB0b1NpZ25hbCh0aGlzLmlzU2VsZWN0ZWQkKTtcblxuICBnZXQgdmlld1ZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbCQudmFsdWUgPz8gdGhpcy5fdmlld1ZhbHVlJC52YWx1ZTtcbiAgfVxuICByZWFkb25seSB2aWV3VmFsdWUkID0gY29tYmluZUxhdGVzdChbdGhpcy5fdmlld1ZhbHVlJCwgdGhpcy5fbGFiZWwkXSkucGlwZShcbiAgICBtYXAoKFt2aWV3VmFsdWUsIGxhYmVsXSkgPT4gbGFiZWwgPz8gdmlld1ZhbHVlKSxcbiAgKTtcblxuICByZWFkb25seSBob3N0Q2xhc3NCaW5kaW5ncyA9IHNpZ25hbEhvc3RDbGFzc2VzKHtcbiAgICAnZXQtc2VsZWN0LW9wdGlvbi0tc2VsZWN0ZWQnOiB0aGlzLmlzU2VsZWN0ZWQsXG4gICAgJ2V0LXNlbGVjdC1vcHRpb24tLWFjdGl2ZSc6IHRvU2lnbmFsKHRoaXMuaXNBY3RpdmUkKSxcbiAgfSk7XG5cbiAgcmVhZG9ubHkgaG9zdEF0dHJpYnV0ZUJpbmRpbmdzID0gc2lnbmFsSG9zdEF0dHJpYnV0ZXMoe1xuICAgICdhcmlhLXNlbGVjdGVkJzogdGhpcy5pc1NlbGVjdGVkLFxuICB9KTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fdXBkYXRlVmlld1ZhbHVlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2VsZWN0T3B0aW9uKCkge1xuICAgIGlmICh0aGlzLl9zZWxlY3QuX3NlbGVjdGlvbk1vZGVsLmlzRGlzYWJsZWQodGhpcykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zZWxlY3Qud3JpdGVWYWx1ZUZyb21PcHRpb24odGhpcyk7XG4gICAgdGhpcy5fc2VsZWN0LmZvY3VzKCk7XG4gIH1cblxuICBfdXBkYXRlVmlld1ZhbHVlKCkge1xuICAgIHRoaXMuX3ZpZXdWYWx1ZSQubmV4dCh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudGV4dENvbnRlbnQ/LnRyaW0oKSA/PyAnJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0QWN0aXZlQnlIb3ZlcigpIHtcbiAgICB0aGlzLl9zZWxlY3QuX2FjdGl2ZVNlbGVjdGlvbk1vZGVsLnNldEFjdGl2ZU9wdGlvbih0aGlzKTtcbiAgfVxufVxuIl19
|
|
@@ -8,7 +8,7 @@ export class SelectOptionComponent {
|
|
|
8
8
|
this.selectOption = inject(SELECT_OPTION_TOKEN);
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionComponent, isStandalone: true, selector: "et-select-option", host: { classAttribute: "et-select-option" }, hostDirectives: [{ directive: i1.SelectOptionDirective, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionComponent, isStandalone: true, selector: "et-select-option", host: { classAttribute: "et-select-option" }, hostDirectives: [{ directive: i1.SelectOptionDirective, inputs: ["value", "value", "disabled", "disabled", "label", "label"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
22
22
|
class: 'et-select-option',
|
|
23
23
|
},
|
|
24
24
|
imports: [NgTemplateOutlet],
|
|
25
|
-
hostDirectives: [{ directive: SelectOptionDirective, inputs: ['value', 'disabled'] }],
|
|
25
|
+
hostDirectives: [{ directive: SelectOptionDirective, inputs: ['value', 'disabled', 'label'] }],
|
|
26
26
|
}]
|
|
27
27
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWxlY3QvY29tcG9uZW50cy9zZWxlY3QvcGFydGlhbHMvc2VsZWN0LW9wdGlvbi9zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBYzVGLE1BQU0sT0FBTyxxQkFBcUI7SUFabEM7UUFhcUIsaUJBQVksR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztLQUMvRDs4R0FGWSxxQkFBcUI7a0dBQXJCLHFCQUFxQiwyUEFWdEIsa0JBQWtCOzsyRkFVakIscUJBQXFCO2tCQVpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsa0JBQWtCO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDM0IsY0FBYyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxFQUFFLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDO2lCQUMvRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0VMRUNUX09QVElPTl9UT0tFTiwgU2VsZWN0T3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zZWxlY3Qtb3B0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXQtc2VsZWN0LW9wdGlvbicsXG4gIHRlbXBsYXRlOiBgIDxuZy1jb250ZW50IC8+IGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdldC1zZWxlY3Qtb3B0aW9uJyxcbiAgfSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBTZWxlY3RPcHRpb25EaXJlY3RpdmUsIGlucHV0czogWyd2YWx1ZScsICdkaXNhYmxlZCcsICdsYWJlbCddIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RPcHRpb25Db21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc2VsZWN0T3B0aW9uID0gaW5qZWN0KFNFTEVDVF9PUFRJT05fVE9LRU4pO1xufVxuIl19
|
package/fesm2022/ethlete-cdk.mjs
CHANGED
|
@@ -6044,9 +6044,10 @@ class SelectOptionDirective {
|
|
|
6044
6044
|
this._value$ = new BehaviorSubject(null);
|
|
6045
6045
|
this._disabled$ = new BehaviorSubject(false);
|
|
6046
6046
|
this.disabled$ = this._disabled$.asObservable();
|
|
6047
|
+
this._label$ = new BehaviorSubject(null);
|
|
6047
6048
|
this.isSelected$ = this._select._selectionModel.isSelected$(this);
|
|
6048
6049
|
this.isSelected = toSignal(this.isSelected$);
|
|
6049
|
-
this.viewValue$ = this._viewValue
|
|
6050
|
+
this.viewValue$ = combineLatest([this._viewValue$, this._label$]).pipe(map(([viewValue, label]) => label ?? viewValue));
|
|
6050
6051
|
this.hostClassBindings = signalHostClasses({
|
|
6051
6052
|
'et-select-option--selected': this.isSelected,
|
|
6052
6053
|
'et-select-option--active': toSignal(this.isActive$),
|
|
@@ -6067,8 +6068,14 @@ class SelectOptionDirective {
|
|
|
6067
6068
|
set disabled(value) {
|
|
6068
6069
|
this._disabled$.next(booleanAttribute(value));
|
|
6069
6070
|
}
|
|
6071
|
+
get label() {
|
|
6072
|
+
return this._label$.value;
|
|
6073
|
+
}
|
|
6074
|
+
set label(label) {
|
|
6075
|
+
this._label$.next(label);
|
|
6076
|
+
}
|
|
6070
6077
|
get viewValue() {
|
|
6071
|
-
return this._viewValue$.value;
|
|
6078
|
+
return this._label$.value ?? this._viewValue$.value;
|
|
6072
6079
|
}
|
|
6073
6080
|
ngAfterViewInit() {
|
|
6074
6081
|
this._updateViewValue();
|
|
@@ -6087,7 +6094,7 @@ class SelectOptionDirective {
|
|
|
6087
6094
|
this._select._activeSelectionModel.setActiveOption(this);
|
|
6088
6095
|
}
|
|
6089
6096
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6090
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
|
|
6097
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled", label: "label" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
|
|
6091
6098
|
{
|
|
6092
6099
|
provide: SELECT_OPTION_TOKEN,
|
|
6093
6100
|
useExisting: SelectOptionDirective,
|
|
@@ -6120,6 +6127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
6120
6127
|
args: [{ required: true }]
|
|
6121
6128
|
}], disabled: [{
|
|
6122
6129
|
type: Input
|
|
6130
|
+
}], label: [{
|
|
6131
|
+
type: Input
|
|
6123
6132
|
}] } });
|
|
6124
6133
|
|
|
6125
6134
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -6516,7 +6525,7 @@ class SelectOptionComponent {
|
|
|
6516
6525
|
this.selectOption = inject(SELECT_OPTION_TOKEN);
|
|
6517
6526
|
}
|
|
6518
6527
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6519
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionComponent, isStandalone: true, selector: "et-select-option", host: { classAttribute: "et-select-option" }, hostDirectives: [{ directive: SelectOptionDirective, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: SelectOptionComponent, isStandalone: true, selector: "et-select-option", host: { classAttribute: "et-select-option" }, hostDirectives: [{ directive: SelectOptionDirective, inputs: ["value", "value", "disabled", "disabled", "label", "label"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6520
6529
|
}
|
|
6521
6530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SelectOptionComponent, decorators: [{
|
|
6522
6531
|
type: Component,
|
|
@@ -6530,7 +6539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
6530
6539
|
class: 'et-select-option',
|
|
6531
6540
|
},
|
|
6532
6541
|
imports: [NgTemplateOutlet],
|
|
6533
|
-
hostDirectives: [{ directive: SelectOptionDirective, inputs: ['value', 'disabled'] }],
|
|
6542
|
+
hostDirectives: [{ directive: SelectOptionDirective, inputs: ['value', 'disabled', 'label'] }],
|
|
6534
6543
|
}]
|
|
6535
6544
|
}] });
|
|
6536
6545
|
|