@kms-ngx-ui/presentational 18.5.4 → 18.5.5
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.
|
@@ -25,6 +25,9 @@ export class ButtonComponent {
|
|
|
25
25
|
this.IconSize = IconSizePx;
|
|
26
26
|
this.ButtonAppearance = ButtonAppearance;
|
|
27
27
|
this.iconColor = computed(() => {
|
|
28
|
+
if (this.disabled() || this.loading()) {
|
|
29
|
+
return Color.DISABLED;
|
|
30
|
+
}
|
|
28
31
|
if (this.appearance() !== ButtonAppearance.BASIC) {
|
|
29
32
|
return Color.WHITE;
|
|
30
33
|
}
|
|
@@ -45,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
45
48
|
type: Component,
|
|
46
49
|
args: [{ selector: 'kms-button', template: "<!-- Basic -->\n@if (appearance() == ButtonAppearance.BASIC) {\n<button\n mat-button\n [color]=\"color()\"\n class=\"kms-button\"\n [ngClass]=\"{\n 'kms-button--loading': loading(),\n 'kms-button--basic-primary': color() === StylingTheme.PRIMARY,\n 'kms-button--basic-accent': color() === StylingTheme.SECONDARY,\n 'kms-button--basic-warn': color() === StylingTheme.WARN,\n 'kms-button--rounded': rounded()\n }\"\n [disabled]=\"disabled() || loading()\"\n (click)=\"buttonClick.emit($event)\"\n [type]=\"type()\"\n (keyup)=\"\n ($event.key === 'Enter' || $event.key === 'Space') &&\n buttonClick.emit($event)\n \"\n>\n <ng-container *ngTemplateOutlet=\"buttonTemplate\"></ng-container>\n</button>\n}\n\n<!-- Flat -->\n@else if (appearance() == ButtonAppearance.FLAT) {\n<button\n mat-flat-button\n [color]=\"color()\"\n class=\"kms-button\"\n [ngClass]=\"{\n 'kms-button--loading': loading(),\n 'kms-button--flat-primary': color() === StylingTheme.PRIMARY,\n 'kms-button--flat-accent': color() === StylingTheme.SECONDARY,\n 'kms-button--flat-warn': color() === StylingTheme.WARN,\n 'kms-button--rounded': rounded()\n }\"\n [disabled]=\"disabled() || loading()\"\n (click)=\"buttonClick.emit($event)\"\n [type]=\"type()\"\n (keyup)=\"\n ($event.key === 'Enter' || $event.key === 'Space') &&\n buttonClick.emit($event)\n \"\n>\n <ng-container *ngTemplateOutlet=\"buttonTemplate\"></ng-container>\n</button>\n}\n\n<!-- Raised -->\n@else if (appearance() == ButtonAppearance.RAISED) {\n<button\n mat-raised-button\n [color]=\"color()\"\n class=\"kms-button\"\n [ngClass]=\"{\n 'kms-button--loading': loading(),\n 'kms-button--raised-primary': color() === StylingTheme.PRIMARY,\n 'kms-button--raised-accent': color() === StylingTheme.SECONDARY,\n 'kms-button--raised-warn': color() === StylingTheme.WARN,\n 'kms-button--rounded': rounded()\n }\"\n [disabled]=\"disabled() || loading()\"\n (click)=\"buttonClick.emit($event)\"\n [type]=\"type()\"\n (keyup)=\"\n ($event.key === 'Enter' || $event.key === 'Space') &&\n buttonClick.emit($event)\n \"\n>\n <ng-container *ngTemplateOutlet=\"buttonTemplate\"></ng-container>\n</button>\n}\n\n<ng-template #buttonTemplate>\n @if (loading()) {\n <mat-spinner class=\"kms-button__spinner\" diameter=\"22\"></mat-spinner>\n } @if (icon()) {\n <kms-icon\n class=\"kms-button__icon\"\n [color]=\"iconColor()\"\n [size]=\"IconSize.XXS\"\n [icon]=\"icon()\"\n ></kms-icon>\n }\n {{ label() }}\n</ng-template>\n" }]
|
|
47
50
|
}] });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBTXZELE1BQU0sT0FBTyxlQUFlO0lBSjVCO1FBS0UsVUFBSyxHQUFHLEtBQUssQ0FBZSxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEQsU0FBSSxHQUFHLEtBQUssQ0FBZ0MsUUFBUSxDQUFDLENBQUM7UUFDdEQsZUFBVSxHQUFHLEtBQUssQ0FBbUIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUQsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLFNBQUksR0FBRyxLQUFLLEVBQTBCLENBQUM7UUFDdkMsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixnQkFBVyxHQUFHLE1BQU0sRUFBUyxDQUFDO1FBQzlCLFlBQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFUCxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixhQUFRLEdBQUcsVUFBVSxDQUFDO1FBQ3RCLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBRTdDLGNBQVMsR0FBa0IsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUM5QyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztnQkFDdEMsT0FBTyxLQUFLLENBQUMsUUFBUSxDQUFDO1lBQ3hCLENBQUM7WUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDakQsT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQ3JCLENBQUM7WUFFRCxRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDO2dCQUNyQixLQUFLLFlBQVksQ0FBQyxPQUFPO29CQUN2QixPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUM7Z0JBQ3ZCLEtBQUssWUFBWSxDQUFDLFNBQVM7b0JBQ3pCLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQztnQkFDeEIsS0FBSyxZQUFZLENBQUMsSUFBSTtvQkFDcEIsT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQ3ZCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztLQUNKOytHQWpDWSxlQUFlO21HQUFmLGVBQWUscWtDQ2Q1QixvZ0ZBd0ZBOzs0RkQxRWEsZUFBZTtrQkFKM0IsU0FBUzsrQkFDRSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCwgU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgKiBhcyBpY29ucyBmcm9tICcuLi8uLi8uLi9hc3NldHMvaWNvbnMuanNvbic7XG5pbXBvcnQgeyBCdXR0b25BcHBlYXJhbmNlIH0gZnJvbSAnLi4vLi4vZW51bXMvYnV0dG9uQXBwZWFyYW5jZS5lbnVtJztcbmltcG9ydCB7IENvbG9yLCBTdHlsaW5nVGhlbWUgfSBmcm9tICcuLi8uLi9lbnVtcy9jb2xvcnMuZW51bSc7XG5pbXBvcnQgeyBJY29uU2l6ZVB4IH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvblNpemUuZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgY29sb3IgPSBpbnB1dDxTdHlsaW5nVGhlbWU+KFN0eWxpbmdUaGVtZS5QUklNQVJZKTtcbiAgdHlwZSA9IGlucHV0PCdidXR0b24nIHwgJ3N1Ym1pdCcgfCAncmVzZXQnPignYnV0dG9uJyk7XG4gIGFwcGVhcmFuY2UgPSBpbnB1dDxCdXR0b25BcHBlYXJhbmNlPihCdXR0b25BcHBlYXJhbmNlLkZMQVQpO1xuICBsb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuICBsYWJlbCA9IGlucHV0KCcnKTtcbiAgaWNvbiA9IGlucHV0PCh0eXBlb2YgaWNvbnMpW251bWJlcl0+KCk7XG4gIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICBidXR0b25DbGljayA9IG91dHB1dDxFdmVudD4oKTtcbiAgcm91bmRlZCA9IGlucHV0KGZhbHNlKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgU3R5bGluZ1RoZW1lID0gU3R5bGluZ1RoZW1lO1xuICBwdWJsaWMgcmVhZG9ubHkgSWNvblNpemUgPSBJY29uU2l6ZVB4O1xuICBwdWJsaWMgcmVhZG9ubHkgQnV0dG9uQXBwZWFyYW5jZSA9IEJ1dHRvbkFwcGVhcmFuY2U7XG5cbiAgcHVibGljIGljb25Db2xvcjogU2lnbmFsPENvbG9yPiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCgpIHx8IHRoaXMubG9hZGluZygpKSB7XG4gICAgICByZXR1cm4gQ29sb3IuRElTQUJMRUQ7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuYXBwZWFyYW5jZSgpICE9PSBCdXR0b25BcHBlYXJhbmNlLkJBU0lDKSB7XG4gICAgICByZXR1cm4gQ29sb3IuV0hJVEU7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKCkpIHtcbiAgICAgIGNhc2UgU3R5bGluZ1RoZW1lLlBSSU1BUlk6XG4gICAgICAgIHJldHVybiBDb2xvci5QUklNQVJZO1xuICAgICAgY2FzZSBTdHlsaW5nVGhlbWUuU0VDT05EQVJZOlxuICAgICAgICByZXR1cm4gQ29sb3IuVEVSVElBUlk7XG4gICAgICBjYXNlIFN0eWxpbmdUaGVtZS5XQVJOOlxuICAgICAgICByZXR1cm4gQ29sb3IuRVJST1I7XG4gICAgfVxuICB9KTtcbn1cbiIsIjwhLS0gQmFzaWMgLS0+XG5AaWYgKGFwcGVhcmFuY2UoKSA9PSBCdXR0b25BcHBlYXJhbmNlLkJBU0lDKSB7XG48YnV0dG9uXG4gIG1hdC1idXR0b25cbiAgW2NvbG9yXT1cImNvbG9yKClcIlxuICBjbGFzcz1cImttcy1idXR0b25cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2ttcy1idXR0b24tLWxvYWRpbmcnOiBsb2FkaW5nKCksXG4gICAgJ2ttcy1idXR0b24tLWJhc2ljLXByaW1hcnknOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuUFJJTUFSWSxcbiAgICAna21zLWJ1dHRvbi0tYmFzaWMtYWNjZW50JzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLlNFQ09OREFSWSxcbiAgICAna21zLWJ1dHRvbi0tYmFzaWMtd2Fybic6IGNvbG9yKCkgPT09IFN0eWxpbmdUaGVtZS5XQVJOLFxuICAgICdrbXMtYnV0dG9uLS1yb3VuZGVkJzogcm91bmRlZCgpXG4gIH1cIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSB8fCBsb2FkaW5nKClcIlxuICAoY2xpY2spPVwiYnV0dG9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgW3R5cGVdPVwidHlwZSgpXCJcbiAgKGtleXVwKT1cIlxuICAgICgkZXZlbnQua2V5ID09PSAnRW50ZXInIHx8ICRldmVudC5rZXkgPT09ICdTcGFjZScpICYmXG4gICAgICBidXR0b25DbGljay5lbWl0KCRldmVudClcbiAgXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJ1dHRvblRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48L2J1dHRvbj5cbn1cblxuPCEtLSBGbGF0IC0tPlxuQGVsc2UgaWYgKGFwcGVhcmFuY2UoKSA9PSBCdXR0b25BcHBlYXJhbmNlLkZMQVQpIHtcbjxidXR0b25cbiAgbWF0LWZsYXQtYnV0dG9uXG4gIFtjb2xvcl09XCJjb2xvcigpXCJcbiAgY2xhc3M9XCJrbXMtYnV0dG9uXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdrbXMtYnV0dG9uLS1sb2FkaW5nJzogbG9hZGluZygpLFxuICAgICdrbXMtYnV0dG9uLS1mbGF0LXByaW1hcnknOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuUFJJTUFSWSxcbiAgICAna21zLWJ1dHRvbi0tZmxhdC1hY2NlbnQnOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuU0VDT05EQVJZLFxuICAgICdrbXMtYnV0dG9uLS1mbGF0LXdhcm4nOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuV0FSTixcbiAgICAna21zLWJ1dHRvbi0tcm91bmRlZCc6IHJvdW5kZWQoKVxuICB9XCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkKCkgfHwgbG9hZGluZygpXCJcbiAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gIFt0eXBlXT1cInR5cGUoKVwiXG4gIChrZXl1cCk9XCJcbiAgICAoJGV2ZW50LmtleSA9PT0gJ0VudGVyJyB8fCAkZXZlbnQua2V5ID09PSAnU3BhY2UnKSAmJlxuICAgICAgYnV0dG9uQ2xpY2suZW1pdCgkZXZlbnQpXG4gIFwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJidXR0b25UZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG59XG5cbjwhLS0gUmFpc2VkIC0tPlxuQGVsc2UgaWYgKGFwcGVhcmFuY2UoKSA9PSBCdXR0b25BcHBlYXJhbmNlLlJBSVNFRCkge1xuPGJ1dHRvblxuICBtYXQtcmFpc2VkLWJ1dHRvblxuICBbY29sb3JdPVwiY29sb3IoKVwiXG4gIGNsYXNzPVwia21zLWJ1dHRvblwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAna21zLWJ1dHRvbi0tbG9hZGluZyc6IGxvYWRpbmcoKSxcbiAgICAna21zLWJ1dHRvbi0tcmFpc2VkLXByaW1hcnknOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuUFJJTUFSWSxcbiAgICAna21zLWJ1dHRvbi0tcmFpc2VkLWFjY2VudCc6IGNvbG9yKCkgPT09IFN0eWxpbmdUaGVtZS5TRUNPTkRBUlksXG4gICAgJ2ttcy1idXR0b24tLXJhaXNlZC13YXJuJzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLldBUk4sXG4gICAgJ2ttcy1idXR0b24tLXJvdW5kZWQnOiByb3VuZGVkKClcbiAgfVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpIHx8IGxvYWRpbmcoKVwiXG4gIChjbGljayk9XCJidXR0b25DbGljay5lbWl0KCRldmVudClcIlxuICBbdHlwZV09XCJ0eXBlKClcIlxuICAoa2V5dXApPVwiXG4gICAgKCRldmVudC5rZXkgPT09ICdFbnRlcicgfHwgJGV2ZW50LmtleSA9PT0gJ1NwYWNlJykgJiZcbiAgICAgIGJ1dHRvbkNsaWNrLmVtaXQoJGV2ZW50KVxuICBcIlxuPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYnV0dG9uVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxufVxuXG48bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxuICBAaWYgKGxvYWRpbmcoKSkge1xuICA8bWF0LXNwaW5uZXIgY2xhc3M9XCJrbXMtYnV0dG9uX19zcGlubmVyXCIgZGlhbWV0ZXI9XCIyMlwiPjwvbWF0LXNwaW5uZXI+XG4gIH0gQGlmIChpY29uKCkpIHtcbiAgPGttcy1pY29uXG4gICAgY2xhc3M9XCJrbXMtYnV0dG9uX19pY29uXCJcbiAgICBbY29sb3JdPVwiaWNvbkNvbG9yKClcIlxuICAgIFtzaXplXT1cIkljb25TaXplLlhYU1wiXG4gICAgW2ljb25dPVwiaWNvbigpXCJcbiAgPjwva21zLWljb24+XG4gIH1cbiAge3sgbGFiZWwoKSB9fVxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -2354,6 +2354,9 @@ class ButtonComponent {
|
|
|
2354
2354
|
this.IconSize = IconSizePx;
|
|
2355
2355
|
this.ButtonAppearance = ButtonAppearance;
|
|
2356
2356
|
this.iconColor = computed(() => {
|
|
2357
|
+
if (this.disabled() || this.loading()) {
|
|
2358
|
+
return Color.DISABLED;
|
|
2359
|
+
}
|
|
2357
2360
|
if (this.appearance() !== ButtonAppearance.BASIC) {
|
|
2358
2361
|
return Color.WHITE;
|
|
2359
2362
|
}
|