ecabs-components 1.1.86 → 1.1.87
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/README.md
CHANGED
|
@@ -25,6 +25,7 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
25
25
|
|
|
26
26
|
## Version History
|
|
27
27
|
|
|
28
|
+
- **v1.1.87** — Render select item icons through a shared `ecabs-select-icon` component, vertically align the icon with the label, and add spacing between the icon and the selected value's text.
|
|
28
29
|
- **v1.1.86** — Add optional Phosphor icon support to select items in `ecabs-select` and `ecabs-select-v2` via `phosphorIcon` (and optional `phosphorWeight`) on `SelectOption`, rendered through `ngx-phosphor-icons`.
|
|
29
30
|
- **v1.1.85** — `EcabsButtonsV2`: add `loadingStyle` input (`spinner-only` | `spinner-label`).
|
|
30
31
|
- `EcabsLoadingSpinner`: replace the thick, fixed-color spinner with a thin tapered ring. Color is now themable via `--ecabs-spinner-color`, defaulting to a soft grey (`--color-gray-400`) so standalone spinners read well; inside a button it adopts the button's text color (e.g. white on a primary button).
|
|
@@ -9,12 +9,12 @@ export class EcabsSelectIconComponent {
|
|
|
9
9
|
this.svgIcon = getPhosphorSvgIcon(option);
|
|
10
10
|
}
|
|
11
11
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsSelectIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1 mr-2\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsSelectIconComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'ecabs-select-icon', template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1\"></mat-icon>\r\n" }]
|
|
16
|
+
args: [{ selector: 'ecabs-select-icon', template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1 mr-2\"></mat-icon>\r\n" }]
|
|
17
17
|
}], propDecorators: { option: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtc2VsZWN0LWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLXNlbGVjdC1pY29uL2VjYWJzLXNlbGVjdC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1zZWxlY3QtaWNvbi9lY2Ficy1zZWxlY3QtaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7OztBQU1oRSxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFFYixJQUNJLE1BQU0sQ0FBQyxNQUFnQztRQUN6QyxJQUFJLENBQUMsT0FBTyxHQUFHLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVDLENBQUM7d0dBTlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsdUZDUnJDLCtJQUdBOzs0RkRLYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU96QixNQUFNO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uL2Jhc2UvbW9kZWxzL3NlbGVjdC5tb2RlbHMnO1xyXG5pbXBvcnQgeyBnZXRQaG9zcGhvclN2Z0ljb24gfSBmcm9tICcuLi9iYXNlL3V0aWxzL3NlbGVjdC51dGlscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLXNlbGVjdC1pY29uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWNhYnMtc2VsZWN0LWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWNhYnNTZWxlY3RJY29uQ29tcG9uZW50IHtcclxuICBzdmdJY29uID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IG9wdGlvbihvcHRpb246IFNlbGVjdE9wdGlvbiB8IHVuZGVmaW5lZCkge1xyXG4gICAgdGhpcy5zdmdJY29uID0gZ2V0UGhvc3Bob3JTdmdJY29uKG9wdGlvbik7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtaWNvbiAqbmdJZj1cInN2Z0ljb25cIlxyXG4gICAgICAgICAgW3N2Z0ljb25dPVwic3ZnSWNvblwiXHJcbiAgICAgICAgICBjbGFzcz1cIiF3LTUgIWgtNSAhdGV4dC14bCAhbGVhZGluZy01IG10LTEgbXItMlwiPjwvbWF0LWljb24+XHJcbiJdfQ==
|
|
@@ -1685,11 +1685,11 @@ class EcabsSelectIconComponent {
|
|
|
1685
1685
|
this.svgIcon = getPhosphorSvgIcon(option);
|
|
1686
1686
|
}
|
|
1687
1687
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsSelectIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1688
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1 mr-2\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1689
1689
|
}
|
|
1690
1690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsSelectIconComponent, decorators: [{
|
|
1691
1691
|
type: Component,
|
|
1692
|
-
args: [{ selector: 'ecabs-select-icon', template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1\"></mat-icon>\r\n" }]
|
|
1692
|
+
args: [{ selector: 'ecabs-select-icon', template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"!w-5 !h-5 !text-xl !leading-5 mt-1 mr-2\"></mat-icon>\r\n" }]
|
|
1693
1693
|
}], propDecorators: { option: [{
|
|
1694
1694
|
type: Input
|
|
1695
1695
|
}] } });
|