@softpak/components 0.0.0-beta.3 → 0.0.0-beta.4
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.
|
@@ -20,34 +20,38 @@ export class SpxButtonComponent {
|
|
|
20
20
|
get hostClassBlock() { return this.spxFullWidth; }
|
|
21
21
|
get hostClassHFull() { return this.spxFullHeight; }
|
|
22
22
|
get hostClassWFull() { return this.spxFullWidth; }
|
|
23
|
+
get severityError() { return this.spxSeverity === SpxSeverityEnum.error; }
|
|
24
|
+
get severityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }
|
|
25
|
+
get severitySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }
|
|
26
|
+
get severityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }
|
|
23
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
28
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: "spxDisabled", spxClass: "spxClass", spxClassObject: "spxClassObject", spxForm: "spxForm", spxFullHeight: "spxFullHeight", spxFullWidth: "spxFullWidth", spxSeverity: "spxSeverity", spxSize: "spxSize", spxTabIndex: "spxTabIndex", spxType: "spxType" }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, ngImport: i0, template: `
|
|
25
29
|
<button
|
|
26
30
|
class="border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm"
|
|
27
31
|
[class.h-full]="this.spxFullHeight"
|
|
28
32
|
[class.w-full]="this.spxFullWidth"
|
|
29
|
-
[class.bg-blue-600]="!this.spxSeverity || this.
|
|
30
|
-
[class.focus:ring-blue-500]="!this.spxSeverity || this.
|
|
31
|
-
[class.hover:bg-blue-800]="!this.spxSeverity || this.
|
|
32
|
-
[class.bg-red-600]="
|
|
33
|
-
[class.focus:ring-red-500]="
|
|
34
|
-
[class.hover:bg-red-800]="
|
|
35
|
-
[class.bg-lime-600]="
|
|
36
|
-
[class.focus:ring-lime-500]="
|
|
37
|
-
[class.hover:bg-lime-800]="
|
|
38
|
-
[class.bg-amber-600]="
|
|
39
|
-
[class.focus:ring-amber-500]="
|
|
40
|
-
[class.hover:bg-amber-800]="
|
|
33
|
+
[class.bg-blue-600]="!this.spxSeverity || this.severityInfo"
|
|
34
|
+
[class.focus:ring-blue-500]="!this.spxSeverity || this.severityInfo"
|
|
35
|
+
[class.hover:bg-blue-800]="!this.spxSeverity || this.severityInfo"
|
|
36
|
+
[class.bg-red-600]="this.severityError"
|
|
37
|
+
[class.focus:ring-red-500]="this.severityError"
|
|
38
|
+
[class.hover:bg-red-800]="this.severityError"
|
|
39
|
+
[class.bg-lime-600]="this.severitySuccess"
|
|
40
|
+
[class.focus:ring-lime-500]="this.severitySuccess"
|
|
41
|
+
[class.hover:bg-lime-800]="this.severitySuccess"
|
|
42
|
+
[class.bg-amber-600]="this.severityWarning"
|
|
43
|
+
[class.focus:ring-amber-500]="this.severityWarning"
|
|
44
|
+
[class.hover:bg-amber-800]="this.severityWarning"
|
|
41
45
|
[class.text-xl]="this.spxSize === 'xl'"
|
|
42
46
|
[class.text-lg]="this.spxSize === 'lg'"
|
|
43
47
|
[class.cursor-pointer]="!this.spxDisabled"
|
|
44
48
|
[class.cursor-not-allowed]="this.spxDisabled"
|
|
45
49
|
[class.opacity-50]="this.spxDisabled"
|
|
46
50
|
[class.focus:ring-0]="this.spxDisabled"
|
|
47
|
-
[class.hover:bg-red-600]="this.spxDisabled && this.
|
|
48
|
-
[class.hover:bg-blue-600]="this.spxDisabled && this.
|
|
49
|
-
[class.hover:bg-lime-600]="this.spxDisabled && this.
|
|
50
|
-
[class.hover:bg-amber-600]="this.spxDisabled && this.
|
|
51
|
+
[class.hover:bg-red-600]="this.spxDisabled && this.severityError"
|
|
52
|
+
[class.hover:bg-blue-600]="this.spxDisabled && this.severityInfo"
|
|
53
|
+
[class.hover:bg-lime-600]="this.spxDisabled && this.severitySuccess"
|
|
54
|
+
[class.hover:bg-amber-600]="this.spxDisabled && this.severityWarning"
|
|
51
55
|
[attr.disabled]="this.spxDisabled ? this.spxDisabled : undefined"
|
|
52
56
|
[attr.form]="this.spxForm ? this.spxForm : undefined"
|
|
53
57
|
[attr.tabindex]="this.spxTabIndex ? this.spxTabIndex : undefined"
|
|
@@ -65,28 +69,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
65
69
|
class="border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm"
|
|
66
70
|
[class.h-full]="this.spxFullHeight"
|
|
67
71
|
[class.w-full]="this.spxFullWidth"
|
|
68
|
-
[class.bg-blue-600]="!this.spxSeverity || this.
|
|
69
|
-
[class.focus:ring-blue-500]="!this.spxSeverity || this.
|
|
70
|
-
[class.hover:bg-blue-800]="!this.spxSeverity || this.
|
|
71
|
-
[class.bg-red-600]="
|
|
72
|
-
[class.focus:ring-red-500]="
|
|
73
|
-
[class.hover:bg-red-800]="
|
|
74
|
-
[class.bg-lime-600]="
|
|
75
|
-
[class.focus:ring-lime-500]="
|
|
76
|
-
[class.hover:bg-lime-800]="
|
|
77
|
-
[class.bg-amber-600]="
|
|
78
|
-
[class.focus:ring-amber-500]="
|
|
79
|
-
[class.hover:bg-amber-800]="
|
|
72
|
+
[class.bg-blue-600]="!this.spxSeverity || this.severityInfo"
|
|
73
|
+
[class.focus:ring-blue-500]="!this.spxSeverity || this.severityInfo"
|
|
74
|
+
[class.hover:bg-blue-800]="!this.spxSeverity || this.severityInfo"
|
|
75
|
+
[class.bg-red-600]="this.severityError"
|
|
76
|
+
[class.focus:ring-red-500]="this.severityError"
|
|
77
|
+
[class.hover:bg-red-800]="this.severityError"
|
|
78
|
+
[class.bg-lime-600]="this.severitySuccess"
|
|
79
|
+
[class.focus:ring-lime-500]="this.severitySuccess"
|
|
80
|
+
[class.hover:bg-lime-800]="this.severitySuccess"
|
|
81
|
+
[class.bg-amber-600]="this.severityWarning"
|
|
82
|
+
[class.focus:ring-amber-500]="this.severityWarning"
|
|
83
|
+
[class.hover:bg-amber-800]="this.severityWarning"
|
|
80
84
|
[class.text-xl]="this.spxSize === 'xl'"
|
|
81
85
|
[class.text-lg]="this.spxSize === 'lg'"
|
|
82
86
|
[class.cursor-pointer]="!this.spxDisabled"
|
|
83
87
|
[class.cursor-not-allowed]="this.spxDisabled"
|
|
84
88
|
[class.opacity-50]="this.spxDisabled"
|
|
85
89
|
[class.focus:ring-0]="this.spxDisabled"
|
|
86
|
-
[class.hover:bg-red-600]="this.spxDisabled && this.
|
|
87
|
-
[class.hover:bg-blue-600]="this.spxDisabled && this.
|
|
88
|
-
[class.hover:bg-lime-600]="this.spxDisabled && this.
|
|
89
|
-
[class.hover:bg-amber-600]="this.spxDisabled && this.
|
|
90
|
+
[class.hover:bg-red-600]="this.spxDisabled && this.severityError"
|
|
91
|
+
[class.hover:bg-blue-600]="this.spxDisabled && this.severityInfo"
|
|
92
|
+
[class.hover:bg-lime-600]="this.spxDisabled && this.severitySuccess"
|
|
93
|
+
[class.hover:bg-amber-600]="this.spxDisabled && this.severityWarning"
|
|
90
94
|
[attr.disabled]="this.spxDisabled ? this.spxDisabled : undefined"
|
|
91
95
|
[attr.form]="this.spxForm ? this.spxForm : undefined"
|
|
92
96
|
[attr.tabindex]="this.spxTabIndex ? this.spxTabIndex : undefined"
|
|
@@ -126,4 +130,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
126
130
|
}], spxClick: [{
|
|
127
131
|
type: Output
|
|
128
132
|
}] } });
|
|
129
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbi9zcHgtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBdUNsRSxNQUFNLE9BQU8sa0JBQWtCO0lBckMvQjtRQXlDVyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQU1wQixnQkFBVyxHQUFvQixlQUFlLENBQUMsSUFBSSxDQUFDO1FBQ3BELFlBQU8sR0FBZ0IsSUFBSSxDQUFDO1FBRTVCLFlBQU8sR0FBd0IsUUFBUSxDQUFDO1FBQ3ZDLGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQU9sRSxpQkFBWSxHQUFHLENBQUMsRUFBZSxFQUFFLEVBQUU7WUFDakMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLFVBQVUsSUFBSSxDQUFDLENBQUUsRUFBVSxDQUFDLFlBQVksQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFDRixnQkFBVyxHQUFHLEdBQUcsRUFBRTtZQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2dCQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3ZCLENBQUM7UUFDSCxDQUFDLENBQUE7S0FDRjtJQTVCQyxJQUFnQyxjQUFjLEtBQUssT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQUM5RSxJQUFpQyxjQUFjLEtBQUssT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNoRixJQUFpQyxjQUFjLEtBQUssT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQWEvRSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxZQUFZLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLElBQUksZUFBZSxLQUFLLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUM5RSxJQUFJLGVBQWUsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7OEdBbkJuRSxrQkFBa0I7a0dBQWxCLGtCQUFrQix5Z0JBbENuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cURBZ0N5Qzs7MkZBRXhDLGtCQUFrQjtrQkFyQzlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FEQWdDeUM7aUJBQ3BEOzhCQUVpQyxjQUFjO3NCQUE3QyxXQUFXO3VCQUFDLGFBQWE7Z0JBQ08sY0FBYztzQkFBOUMsV0FBVzt1QkFBQyxjQUFjO2dCQUNNLGNBQWM7c0JBQTlDLFdBQVc7dUJBQUMsY0FBYztnQkFDbEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTcHhTZXZlcml0eUVudW0gfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1oZWxwZXJzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlOiBgXG4gIDxidXR0b25cbiAgICBjbGFzcz1cImJvcmRlciBib3JkZXItdHJhbnNwYXJlbnQgZm9udC1tZWRpdW0gcHgtNCBweS0yIHJlbGF0aXZlIHJvdW5kZWQgdGV4dC1jZW50ZXIgdGV4dC13aGl0ZSBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6cmluZy0yIGZvY3VzOnJpbmctb2Zmc2V0LTIgdGV4dC1zbVwiXG4gICAgW2NsYXNzLmgtZnVsbF09XCJ0aGlzLnNweEZ1bGxIZWlnaHRcIlxuICAgIFtjbGFzcy53LWZ1bGxdPVwidGhpcy5zcHhGdWxsV2lkdGhcIlxuICAgIFtjbGFzcy5iZy1ibHVlLTYwMF09XCIhdGhpcy5zcHhTZXZlcml0eSB8fCB0aGlzLnNldmVyaXR5SW5mb1wiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctYmx1ZS01MDBdPVwiIXRoaXMuc3B4U2V2ZXJpdHkgfHwgdGhpcy5zZXZlcml0eUluZm9cIlxuICAgIFtjbGFzcy5ob3ZlcjpiZy1ibHVlLTgwMF09XCIhdGhpcy5zcHhTZXZlcml0eSB8fCB0aGlzLnNldmVyaXR5SW5mb1wiXG4gICAgW2NsYXNzLmJnLXJlZC02MDBdPVwidGhpcy5zZXZlcml0eUVycm9yXCJcbiAgICBbY2xhc3MuZm9jdXM6cmluZy1yZWQtNTAwXT1cInRoaXMuc2V2ZXJpdHlFcnJvclwiXG4gICAgW2NsYXNzLmhvdmVyOmJnLXJlZC04MDBdPVwidGhpcy5zZXZlcml0eUVycm9yXCJcbiAgICBbY2xhc3MuYmctbGltZS02MDBdPVwidGhpcy5zZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLWxpbWUtNTAwXT1cInRoaXMuc2V2ZXJpdHlTdWNjZXNzXCJcbiAgICBbY2xhc3MuaG92ZXI6YmctbGltZS04MDBdPVwidGhpcy5zZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy5iZy1hbWJlci02MDBdPVwidGhpcy5zZXZlcml0eVdhcm5pbmdcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLWFtYmVyLTUwMF09XCJ0aGlzLnNldmVyaXR5V2FybmluZ1wiXG4gICAgW2NsYXNzLmhvdmVyOmJnLWFtYmVyLTgwMF09XCJ0aGlzLnNldmVyaXR5V2FybmluZ1wiXG4gICAgW2NsYXNzLnRleHQteGxdPVwidGhpcy5zcHhTaXplID09PSAneGwnXCJcbiAgICBbY2xhc3MudGV4dC1sZ109XCJ0aGlzLnNweFNpemUgPT09ICdsZydcIlxuICAgIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCIhdGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLmN1cnNvci1ub3QtYWxsb3dlZF09XCJ0aGlzLnNweERpc2FibGVkXCJcbiAgICBbY2xhc3Mub3BhY2l0eS01MF09XCJ0aGlzLnNweERpc2FibGVkXCJcbiAgICBbY2xhc3MuZm9jdXM6cmluZy0wXT1cInRoaXMuc3B4RGlzYWJsZWRcIlxuICAgIFtjbGFzcy5ob3ZlcjpiZy1yZWQtNjAwXT1cInRoaXMuc3B4RGlzYWJsZWQgJiYgdGhpcy5zZXZlcml0eUVycm9yXCJcbiAgICBbY2xhc3MuaG92ZXI6YmctYmx1ZS02MDBdPVwidGhpcy5zcHhEaXNhYmxlZCAmJiB0aGlzLnNldmVyaXR5SW5mb1wiXG4gICAgW2NsYXNzLmhvdmVyOmJnLWxpbWUtNjAwXT1cInRoaXMuc3B4RGlzYWJsZWQgJiYgdGhpcy5zZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy5ob3ZlcjpiZy1hbWJlci02MDBdPVwidGhpcy5zcHhEaXNhYmxlZCAmJiB0aGlzLnNldmVyaXR5V2FybmluZ1wiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwidGhpcy5zcHhEaXNhYmxlZCA/IHRoaXMuc3B4RGlzYWJsZWQgOiB1bmRlZmluZWRcIlxuICAgIFthdHRyLmZvcm1dPVwidGhpcy5zcHhGb3JtID8gdGhpcy5zcHhGb3JtIDogdW5kZWZpbmVkXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJ0aGlzLnNweFRhYkluZGV4ID8gdGhpcy5zcHhUYWJJbmRleCA6IHVuZGVmaW5lZFwiXG4gICAgW2F0dHIudHlwZV09XCJ0aGlzLnNweFR5cGUgPyB0aGlzLnNweFR5cGUgOiB1bmRlZmluZWRcIlxuICAgIChjbGljayk9XCJ0aGlzLmhhbmRsZUNsaWNrKClcIlxuICAgIHBhcnQ9XCJidXR0b25cIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9idXR0b24+YCxcbn0pXG5leHBvcnQgY2xhc3MgU3B4QnV0dG9uQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ibG9jaycpIGdldCBob3N0Q2xhc3NCbG9jaygpIHsgcmV0dXJuIHRoaXMuc3B4RnVsbFdpZHRoOyB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MuaC1mdWxsJykgZ2V0IGhvc3RDbGFzc0hGdWxsKCkgeyByZXR1cm4gdGhpcy5zcHhGdWxsSGVpZ2h0OyB9XG4gIEBIb3N0QmluZGluZygnY2xhc3Mudy1mdWxsJykgZ2V0IGhvc3RDbGFzc1dGdWxsKCkgeyByZXR1cm4gdGhpcy5zcHhGdWxsV2lkdGg7IH1cbiAgQElucHV0KCkgc3B4RGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc3B4Q2xhc3M/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweENsYXNzT2JqZWN0Pzogb2JqZWN0O1xuICBASW5wdXQoKSBzcHhGb3JtPzogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhGdWxsSGVpZ2h0PzogYm9vbGVhbjtcbiAgQElucHV0KCkgc3B4RnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc3B4U2V2ZXJpdHk6IFNweFNldmVyaXR5RW51bSA9IFNweFNldmVyaXR5RW51bS5pbmZvO1xuICBASW5wdXQoKSBzcHhTaXplOiAnbGcnIHwgJ3hsJyA9ICdsZyc7XG4gIEBJbnB1dCgpIHNweFRhYkluZGV4PzogbnVtYmVyO1xuICBASW5wdXQoKSBzcHhUeXBlOiAnYnV0dG9uJyB8ICdzdWJtaXQnID0gJ3N1Ym1pdCc7XG4gIEBPdXRwdXQoKSBzcHhDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGdldCBzZXZlcml0eUVycm9yKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLmVycm9yOyB9XG4gIGdldCBzZXZlcml0eUluZm8oKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uaW5mbzsgfVxuICBnZXQgc2V2ZXJpdHlTdWNjZXNzKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7IH1cbiAgZ2V0IHNldmVyaXR5V2FybmluZygpIHsgcmV0dXJuIHRoaXMuc3B4U2V2ZXJpdHkgPT09IFNweFNldmVyaXR5RW51bS53YXJuaW5nOyB9XG5cbiAgaGFzU2hhZG93RG9tID0gKGVsOiBIVE1MRWxlbWVudCkgPT4ge1xuICAgIHJldHVybiAhIWVsLnNoYWRvd1Jvb3QgJiYgISEoZWwgYXMgYW55KS5hdHRhY2hTaGFkb3c7XG4gIH07XG4gIGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgIGlmICghdGhpcy5zcHhEaXNhYmxlZCkge1xuICAgICAgdGhpcy5zcHhDbGljay5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -21,34 +21,38 @@ class SpxButtonComponent {
|
|
|
21
21
|
get hostClassBlock() { return this.spxFullWidth; }
|
|
22
22
|
get hostClassHFull() { return this.spxFullHeight; }
|
|
23
23
|
get hostClassWFull() { return this.spxFullWidth; }
|
|
24
|
+
get severityError() { return this.spxSeverity === SpxSeverityEnum.error; }
|
|
25
|
+
get severityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }
|
|
26
|
+
get severitySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }
|
|
27
|
+
get severityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }
|
|
24
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
29
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: "spxDisabled", spxClass: "spxClass", spxClassObject: "spxClassObject", spxForm: "spxForm", spxFullHeight: "spxFullHeight", spxFullWidth: "spxFullWidth", spxSeverity: "spxSeverity", spxSize: "spxSize", spxTabIndex: "spxTabIndex", spxType: "spxType" }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, ngImport: i0, template: `
|
|
26
30
|
<button
|
|
27
31
|
class="border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm"
|
|
28
32
|
[class.h-full]="this.spxFullHeight"
|
|
29
33
|
[class.w-full]="this.spxFullWidth"
|
|
30
|
-
[class.bg-blue-600]="!this.spxSeverity || this.
|
|
31
|
-
[class.focus:ring-blue-500]="!this.spxSeverity || this.
|
|
32
|
-
[class.hover:bg-blue-800]="!this.spxSeverity || this.
|
|
33
|
-
[class.bg-red-600]="
|
|
34
|
-
[class.focus:ring-red-500]="
|
|
35
|
-
[class.hover:bg-red-800]="
|
|
36
|
-
[class.bg-lime-600]="
|
|
37
|
-
[class.focus:ring-lime-500]="
|
|
38
|
-
[class.hover:bg-lime-800]="
|
|
39
|
-
[class.bg-amber-600]="
|
|
40
|
-
[class.focus:ring-amber-500]="
|
|
41
|
-
[class.hover:bg-amber-800]="
|
|
34
|
+
[class.bg-blue-600]="!this.spxSeverity || this.severityInfo"
|
|
35
|
+
[class.focus:ring-blue-500]="!this.spxSeverity || this.severityInfo"
|
|
36
|
+
[class.hover:bg-blue-800]="!this.spxSeverity || this.severityInfo"
|
|
37
|
+
[class.bg-red-600]="this.severityError"
|
|
38
|
+
[class.focus:ring-red-500]="this.severityError"
|
|
39
|
+
[class.hover:bg-red-800]="this.severityError"
|
|
40
|
+
[class.bg-lime-600]="this.severitySuccess"
|
|
41
|
+
[class.focus:ring-lime-500]="this.severitySuccess"
|
|
42
|
+
[class.hover:bg-lime-800]="this.severitySuccess"
|
|
43
|
+
[class.bg-amber-600]="this.severityWarning"
|
|
44
|
+
[class.focus:ring-amber-500]="this.severityWarning"
|
|
45
|
+
[class.hover:bg-amber-800]="this.severityWarning"
|
|
42
46
|
[class.text-xl]="this.spxSize === 'xl'"
|
|
43
47
|
[class.text-lg]="this.spxSize === 'lg'"
|
|
44
48
|
[class.cursor-pointer]="!this.spxDisabled"
|
|
45
49
|
[class.cursor-not-allowed]="this.spxDisabled"
|
|
46
50
|
[class.opacity-50]="this.spxDisabled"
|
|
47
51
|
[class.focus:ring-0]="this.spxDisabled"
|
|
48
|
-
[class.hover:bg-red-600]="this.spxDisabled && this.
|
|
49
|
-
[class.hover:bg-blue-600]="this.spxDisabled && this.
|
|
50
|
-
[class.hover:bg-lime-600]="this.spxDisabled && this.
|
|
51
|
-
[class.hover:bg-amber-600]="this.spxDisabled && this.
|
|
52
|
+
[class.hover:bg-red-600]="this.spxDisabled && this.severityError"
|
|
53
|
+
[class.hover:bg-blue-600]="this.spxDisabled && this.severityInfo"
|
|
54
|
+
[class.hover:bg-lime-600]="this.spxDisabled && this.severitySuccess"
|
|
55
|
+
[class.hover:bg-amber-600]="this.spxDisabled && this.severityWarning"
|
|
52
56
|
[attr.disabled]="this.spxDisabled ? this.spxDisabled : undefined"
|
|
53
57
|
[attr.form]="this.spxForm ? this.spxForm : undefined"
|
|
54
58
|
[attr.tabindex]="this.spxTabIndex ? this.spxTabIndex : undefined"
|
|
@@ -66,28 +70,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
66
70
|
class="border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm"
|
|
67
71
|
[class.h-full]="this.spxFullHeight"
|
|
68
72
|
[class.w-full]="this.spxFullWidth"
|
|
69
|
-
[class.bg-blue-600]="!this.spxSeverity || this.
|
|
70
|
-
[class.focus:ring-blue-500]="!this.spxSeverity || this.
|
|
71
|
-
[class.hover:bg-blue-800]="!this.spxSeverity || this.
|
|
72
|
-
[class.bg-red-600]="
|
|
73
|
-
[class.focus:ring-red-500]="
|
|
74
|
-
[class.hover:bg-red-800]="
|
|
75
|
-
[class.bg-lime-600]="
|
|
76
|
-
[class.focus:ring-lime-500]="
|
|
77
|
-
[class.hover:bg-lime-800]="
|
|
78
|
-
[class.bg-amber-600]="
|
|
79
|
-
[class.focus:ring-amber-500]="
|
|
80
|
-
[class.hover:bg-amber-800]="
|
|
73
|
+
[class.bg-blue-600]="!this.spxSeverity || this.severityInfo"
|
|
74
|
+
[class.focus:ring-blue-500]="!this.spxSeverity || this.severityInfo"
|
|
75
|
+
[class.hover:bg-blue-800]="!this.spxSeverity || this.severityInfo"
|
|
76
|
+
[class.bg-red-600]="this.severityError"
|
|
77
|
+
[class.focus:ring-red-500]="this.severityError"
|
|
78
|
+
[class.hover:bg-red-800]="this.severityError"
|
|
79
|
+
[class.bg-lime-600]="this.severitySuccess"
|
|
80
|
+
[class.focus:ring-lime-500]="this.severitySuccess"
|
|
81
|
+
[class.hover:bg-lime-800]="this.severitySuccess"
|
|
82
|
+
[class.bg-amber-600]="this.severityWarning"
|
|
83
|
+
[class.focus:ring-amber-500]="this.severityWarning"
|
|
84
|
+
[class.hover:bg-amber-800]="this.severityWarning"
|
|
81
85
|
[class.text-xl]="this.spxSize === 'xl'"
|
|
82
86
|
[class.text-lg]="this.spxSize === 'lg'"
|
|
83
87
|
[class.cursor-pointer]="!this.spxDisabled"
|
|
84
88
|
[class.cursor-not-allowed]="this.spxDisabled"
|
|
85
89
|
[class.opacity-50]="this.spxDisabled"
|
|
86
90
|
[class.focus:ring-0]="this.spxDisabled"
|
|
87
|
-
[class.hover:bg-red-600]="this.spxDisabled && this.
|
|
88
|
-
[class.hover:bg-blue-600]="this.spxDisabled && this.
|
|
89
|
-
[class.hover:bg-lime-600]="this.spxDisabled && this.
|
|
90
|
-
[class.hover:bg-amber-600]="this.spxDisabled && this.
|
|
91
|
+
[class.hover:bg-red-600]="this.spxDisabled && this.severityError"
|
|
92
|
+
[class.hover:bg-blue-600]="this.spxDisabled && this.severityInfo"
|
|
93
|
+
[class.hover:bg-lime-600]="this.spxDisabled && this.severitySuccess"
|
|
94
|
+
[class.hover:bg-amber-600]="this.spxDisabled && this.severityWarning"
|
|
91
95
|
[attr.disabled]="this.spxDisabled ? this.spxDisabled : undefined"
|
|
92
96
|
[attr.form]="this.spxForm ? this.spxForm : undefined"
|
|
93
97
|
[attr.tabindex]="this.spxTabIndex ? this.spxTabIndex : undefined"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n selector: 'spx-button',\n standalone: true,\n template: `\n <button\n class=\"border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm\"\n [class.h-full]=\"this.spxFullHeight\"\n [class.w-full]=\"this.spxFullWidth\"\n [class.bg-blue-600]=\"!this.spxSeverity || this.
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n selector: 'spx-button',\n standalone: true,\n template: `\n <button\n class=\"border border-transparent font-medium px-4 py-2 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 text-sm\"\n [class.h-full]=\"this.spxFullHeight\"\n [class.w-full]=\"this.spxFullWidth\"\n [class.bg-blue-600]=\"!this.spxSeverity || this.severityInfo\"\n [class.focus:ring-blue-500]=\"!this.spxSeverity || this.severityInfo\"\n [class.hover:bg-blue-800]=\"!this.spxSeverity || this.severityInfo\"\n [class.bg-red-600]=\"this.severityError\"\n [class.focus:ring-red-500]=\"this.severityError\"\n [class.hover:bg-red-800]=\"this.severityError\"\n [class.bg-lime-600]=\"this.severitySuccess\"\n [class.focus:ring-lime-500]=\"this.severitySuccess\"\n [class.hover:bg-lime-800]=\"this.severitySuccess\"\n [class.bg-amber-600]=\"this.severityWarning\"\n [class.focus:ring-amber-500]=\"this.severityWarning\"\n [class.hover:bg-amber-800]=\"this.severityWarning\"\n [class.text-xl]=\"this.spxSize === 'xl'\"\n [class.text-lg]=\"this.spxSize === 'lg'\"\n [class.cursor-pointer]=\"!this.spxDisabled\"\n [class.cursor-not-allowed]=\"this.spxDisabled\"\n [class.opacity-50]=\"this.spxDisabled\"\n [class.focus:ring-0]=\"this.spxDisabled\"\n [class.hover:bg-red-600]=\"this.spxDisabled && this.severityError\"\n [class.hover:bg-blue-600]=\"this.spxDisabled && this.severityInfo\"\n [class.hover:bg-lime-600]=\"this.spxDisabled && this.severitySuccess\"\n [class.hover:bg-amber-600]=\"this.spxDisabled && this.severityWarning\"\n [attr.disabled]=\"this.spxDisabled ? this.spxDisabled : undefined\"\n [attr.form]=\"this.spxForm ? this.spxForm : undefined\"\n [attr.tabindex]=\"this.spxTabIndex ? this.spxTabIndex : undefined\"\n [attr.type]=\"this.spxType ? this.spxType : undefined\"\n (click)=\"this.handleClick()\"\n part=\"button\"><ng-content></ng-content></button>`,\n})\nexport class SpxButtonComponent {\n @HostBinding('class.block') get hostClassBlock() { return this.spxFullWidth; }\n @HostBinding('class.h-full') get hostClassHFull() { return this.spxFullHeight; }\n @HostBinding('class.w-full') get hostClassWFull() { return this.spxFullWidth; }\n @Input() spxDisabled = false;\n @Input() spxClass?: string;\n @Input() spxClassObject?: object;\n @Input() spxForm?: string;\n @Input() spxFullHeight?: boolean;\n @Input() spxFullWidth?: boolean;\n @Input() spxSeverity: SpxSeverityEnum = SpxSeverityEnum.info;\n @Input() spxSize: 'lg' | 'xl' = 'lg';\n @Input() spxTabIndex?: number;\n @Input() spxType: 'button' | 'submit' = 'submit';\n @Output() spxClick: EventEmitter<void> = new EventEmitter<void>();\n\n get severityError() { return this.spxSeverity === SpxSeverityEnum.error; }\n get severityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }\n get severitySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }\n get severityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }\n\n hasShadowDom = (el: HTMLElement) => {\n return !!el.shadowRoot && !!(el as any).attachShadow;\n };\n handleClick = () => {\n if (!this.spxDisabled) {\n this.spxClick.emit();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@softpak/components",
|
|
3
|
-
"version": "0.0.0-beta.
|
|
3
|
+
"version": "0.0.0-beta.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^17.x.x",
|
|
@@ -29,6 +29,12 @@
|
|
|
29
29
|
"esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
|
|
30
30
|
"default": "./fesm2022/softpak-components-spx-alert.mjs"
|
|
31
31
|
},
|
|
32
|
+
"./spx-button": {
|
|
33
|
+
"types": "./spx-button/index.d.ts",
|
|
34
|
+
"esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
35
|
+
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
36
|
+
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
37
|
+
},
|
|
32
38
|
"./spx-app-configuration": {
|
|
33
39
|
"types": "./spx-app-configuration/index.d.ts",
|
|
34
40
|
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
@@ -41,12 +47,6 @@
|
|
|
41
47
|
"esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
42
48
|
"default": "./fesm2022/softpak-components-spx-capitalize.mjs"
|
|
43
49
|
},
|
|
44
|
-
"./spx-button": {
|
|
45
|
-
"types": "./spx-button/index.d.ts",
|
|
46
|
-
"esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
47
|
-
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
48
|
-
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
49
|
-
},
|
|
50
50
|
"./spx-channel-selection": {
|
|
51
51
|
"types": "./spx-channel-selection/index.d.ts",
|
|
52
52
|
"esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
@@ -71,12 +71,6 @@
|
|
|
71
71
|
"esm": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
|
|
72
72
|
"default": "./fesm2022/softpak-components-spx-helpers.mjs"
|
|
73
73
|
},
|
|
74
|
-
"./spx-inputs": {
|
|
75
|
-
"types": "./spx-inputs/index.d.ts",
|
|
76
|
-
"esm2022": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
77
|
-
"esm": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
78
|
-
"default": "./fesm2022/softpak-components-spx-inputs.mjs"
|
|
79
|
-
},
|
|
80
74
|
"./spx-navigation": {
|
|
81
75
|
"types": "./spx-navigation/index.d.ts",
|
|
82
76
|
"esm2022": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
|
|
@@ -89,6 +83,12 @@
|
|
|
89
83
|
"esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
|
|
90
84
|
"default": "./fesm2022/softpak-components-spx-patch.mjs"
|
|
91
85
|
},
|
|
86
|
+
"./spx-inputs": {
|
|
87
|
+
"types": "./spx-inputs/index.d.ts",
|
|
88
|
+
"esm2022": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
89
|
+
"esm": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
90
|
+
"default": "./fesm2022/softpak-components-spx-inputs.mjs"
|
|
91
|
+
},
|
|
92
92
|
"./spx-progress-bar": {
|
|
93
93
|
"types": "./spx-progress-bar/index.d.ts",
|
|
94
94
|
"esm2022": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
|
|
@@ -16,6 +16,10 @@ export declare class SpxButtonComponent {
|
|
|
16
16
|
spxTabIndex?: number;
|
|
17
17
|
spxType: 'button' | 'submit';
|
|
18
18
|
spxClick: EventEmitter<void>;
|
|
19
|
+
get severityError(): boolean;
|
|
20
|
+
get severityInfo(): boolean;
|
|
21
|
+
get severitySuccess(): boolean;
|
|
22
|
+
get severityWarning(): boolean;
|
|
19
23
|
hasShadowDom: (el: HTMLElement) => boolean;
|
|
20
24
|
handleClick: () => void;
|
|
21
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpxButtonComponent, never>;
|