@kms-ngx-ui/presentational 18.3.1 → 18.3.3
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.
|
@@ -19,7 +19,7 @@ export class ButtonComponent {
|
|
|
19
19
|
this.label = input('');
|
|
20
20
|
this.icon = input();
|
|
21
21
|
this.disabled = input(false);
|
|
22
|
-
this.
|
|
22
|
+
this.buttonClick = output();
|
|
23
23
|
this.StylingTheme = StylingTheme;
|
|
24
24
|
this.IconSize = IconSizePx;
|
|
25
25
|
this.ButtonAppearance = ButtonAppearance;
|
|
@@ -38,10 +38,10 @@ export class ButtonComponent {
|
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: {
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "@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 }\"\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} @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 }\"\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} @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 }\"\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i4.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: 'kms-button', template: "@if (appearance() == ButtonAppearance.BASIC) {\n<button\n mat-button\n [color]=\"color()\"\n class=\"kms-button\"\n [ngClass]=\"{\n
|
|
45
|
+
args: [{ selector: 'kms-button', template: "@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 }\"\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} @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 }\"\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} @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 }\"\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" }]
|
|
46
46
|
}] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBTXZELE1BQU0sT0FBTyxlQUFlO0lBSjVCO1FBS0UsVUFBSyxHQUFHLEtBQUssQ0FBZSxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEQsU0FBSSxHQUFHLEtBQUssQ0FBZ0MsUUFBUSxDQUFDLENBQUM7UUFDdEQsZUFBVSxHQUFHLEtBQUssQ0FBbUIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUQsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLFNBQUksR0FBRyxLQUFLLEVBQTBCLENBQUM7UUFDdkMsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixnQkFBVyxHQUFHLE1BQU0sRUFBUyxDQUFDO1FBRWQsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFDNUIsYUFBUSxHQUFHLFVBQVUsQ0FBQztRQUN0QixxQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztRQUU3QyxjQUFTLEdBQWtCLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDOUMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2pELE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQztZQUNyQixDQUFDO1lBRUQsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQztnQkFDckIsS0FBSyxZQUFZLENBQUMsT0FBTztvQkFDdkIsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDO2dCQUN2QixLQUFLLFlBQVksQ0FBQyxTQUFTO29CQUN6QixPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUM7Z0JBQ3hCLEtBQUssWUFBWSxDQUFDLElBQUk7b0JBQ3BCLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQztZQUN2QixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7S0FDSjsrR0E1QlksZUFBZTttR0FBZixlQUFlLHU4QkNkNUIsNjFFQThFQTs7NEZEaEVhLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0UsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGNvcHlyaWdodCBLTVMgR21iSFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBvdXRwdXQsIFNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgaWNvbnMgZnJvbSAnLi4vLi4vLi4vYXNzZXRzL2ljb25zLmpzb24nO1xuaW1wb3J0IHsgQnV0dG9uQXBwZWFyYW5jZSB9IGZyb20gJy4uLy4uL2VudW1zL2J1dHRvbkFwcGVhcmFuY2UuZW51bSc7XG5pbXBvcnQgeyBDb2xvciwgU3R5bGluZ1RoZW1lIH0gZnJvbSAnLi4vLi4vZW51bXMvY29sb3JzLmVudW0nO1xuaW1wb3J0IHsgSWNvblNpemVQeCB9IGZyb20gJy4uLy4uL2VudW1zL2ljb25TaXplLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrbXMtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIGNvbG9yID0gaW5wdXQ8U3R5bGluZ1RoZW1lPihTdHlsaW5nVGhlbWUuUFJJTUFSWSk7XG4gIHR5cGUgPSBpbnB1dDwnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0Jz4oJ2J1dHRvbicpO1xuICBhcHBlYXJhbmNlID0gaW5wdXQ8QnV0dG9uQXBwZWFyYW5jZT4oQnV0dG9uQXBwZWFyYW5jZS5GTEFUKTtcbiAgbG9hZGluZyA9IGlucHV0KGZhbHNlKTtcbiAgbGFiZWwgPSBpbnB1dCgnJyk7XG4gIGljb24gPSBpbnB1dDwodHlwZW9mIGljb25zKVtudW1iZXJdPigpO1xuICBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgYnV0dG9uQ2xpY2sgPSBvdXRwdXQ8RXZlbnQ+KCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IFN0eWxpbmdUaGVtZSA9IFN0eWxpbmdUaGVtZTtcbiAgcHVibGljIHJlYWRvbmx5IEljb25TaXplID0gSWNvblNpemVQeDtcbiAgcHVibGljIHJlYWRvbmx5IEJ1dHRvbkFwcGVhcmFuY2UgPSBCdXR0b25BcHBlYXJhbmNlO1xuXG4gIHB1YmxpYyBpY29uQ29sb3I6IFNpZ25hbDxDb2xvcj4gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgaWYgKHRoaXMuYXBwZWFyYW5jZSgpICE9PSBCdXR0b25BcHBlYXJhbmNlLkJBU0lDKSB7XG4gICAgICByZXR1cm4gQ29sb3IuV0hJVEU7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKCkpIHtcbiAgICAgIGNhc2UgU3R5bGluZ1RoZW1lLlBSSU1BUlk6XG4gICAgICAgIHJldHVybiBDb2xvci5QUklNQVJZO1xuICAgICAgY2FzZSBTdHlsaW5nVGhlbWUuU0VDT05EQVJZOlxuICAgICAgICByZXR1cm4gQ29sb3IuVEVSVElBUlk7XG4gICAgICBjYXNlIFN0eWxpbmdUaGVtZS5XQVJOOlxuICAgICAgICByZXR1cm4gQ29sb3IuRVJST1I7XG4gICAgfVxuICB9KTtcbn1cbiIsIkBpZiAoYXBwZWFyYW5jZSgpID09IEJ1dHRvbkFwcGVhcmFuY2UuQkFTSUMpIHtcbjxidXR0b25cbiAgbWF0LWJ1dHRvblxuICBbY29sb3JdPVwiY29sb3IoKVwiXG4gIGNsYXNzPVwia21zLWJ1dHRvblwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAna21zLWJ1dHRvbi0tbG9hZGluZyc6IGxvYWRpbmcoKSxcbiAgICAna21zLWJ1dHRvbi0tYmFzaWMtcHJpbWFyeSc6IGNvbG9yKCkgPT09IFN0eWxpbmdUaGVtZS5QUklNQVJZLFxuICAgICdrbXMtYnV0dG9uLS1iYXNpYy1hY2NlbnQnOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuU0VDT05EQVJZLFxuICAgICdrbXMtYnV0dG9uLS1iYXNpYy13YXJuJzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLldBUk4sXG4gIH1cIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSB8fCBsb2FkaW5nKClcIlxuICAoY2xpY2spPVwiYnV0dG9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgW3R5cGVdPVwidHlwZSgpXCJcbiAgKGtleXVwKT1cIlxuICAgICgkZXZlbnQua2V5ID09PSAnRW50ZXInIHx8ICRldmVudC5rZXkgPT09ICdTcGFjZScpICYmXG4gICAgICBidXR0b25DbGljay5lbWl0KCRldmVudClcbiAgXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJ1dHRvblRlbXBsYXRlXCI+IDwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG59IEBlbHNlIGlmIChhcHBlYXJhbmNlKCkgPT0gQnV0dG9uQXBwZWFyYW5jZS5GTEFUKSB7XG48YnV0dG9uXG4gIG1hdC1mbGF0LWJ1dHRvblxuICBbY29sb3JdPVwiY29sb3IoKVwiXG4gIGNsYXNzPVwia21zLWJ1dHRvblwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAna21zLWJ1dHRvbi0tbG9hZGluZyc6IGxvYWRpbmcoKSxcbiAgICAna21zLWJ1dHRvbi0tZmxhdC1wcmltYXJ5JzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLlBSSU1BUlksXG4gICAgJ2ttcy1idXR0b24tLWZsYXQtYWNjZW50JzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLlNFQ09OREFSWSxcbiAgICAna21zLWJ1dHRvbi0tZmxhdC13YXJuJzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLldBUk4sXG4gIH1cIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSB8fCBsb2FkaW5nKClcIlxuICAoY2xpY2spPVwiYnV0dG9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgW3R5cGVdPVwidHlwZSgpXCJcbiAgKGtleXVwKT1cIlxuICAgICgkZXZlbnQua2V5ID09PSAnRW50ZXInIHx8ICRldmVudC5rZXkgPT09ICdTcGFjZScpICYmXG4gICAgICBidXR0b25DbGljay5lbWl0KCRldmVudClcbiAgXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJ1dHRvblRlbXBsYXRlXCI+IDwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG59IEBlbHNlIGlmIChhcHBlYXJhbmNlKCkgPT0gQnV0dG9uQXBwZWFyYW5jZS5SQUlTRUQpIHtcbjxidXR0b25cbiAgbWF0LXJhaXNlZC1idXR0b25cbiAgW2NvbG9yXT1cImNvbG9yKClcIlxuICBjbGFzcz1cImttcy1idXR0b25cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2ttcy1idXR0b24tLWxvYWRpbmcnOiBsb2FkaW5nKCksXG4gICAgJ2ttcy1idXR0b24tLXJhaXNlZC1wcmltYXJ5JzogY29sb3IoKSA9PT0gU3R5bGluZ1RoZW1lLlBSSU1BUlksXG4gICAgJ2ttcy1idXR0b24tLXJhaXNlZC1hY2NlbnQnOiBjb2xvcigpID09PSBTdHlsaW5nVGhlbWUuU0VDT05EQVJZLFxuICAgICdrbXMtYnV0dG9uLS1yYWlzZWQtd2Fybic6IGNvbG9yKCkgPT09IFN0eWxpbmdUaGVtZS5XQVJOLFxuICB9XCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkKCkgfHwgbG9hZGluZygpXCJcbiAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gIFt0eXBlXT1cInR5cGUoKVwiXG4gIChrZXl1cCk9XCJcbiAgICAoJGV2ZW50LmtleSA9PT0gJ0VudGVyJyB8fCAkZXZlbnQua2V5ID09PSAnU3BhY2UnKSAmJlxuICAgICAgYnV0dG9uQ2xpY2suZW1pdCgkZXZlbnQpXG4gIFwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJidXR0b25UZW1wbGF0ZVwiPiA8L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxufVxuXG48bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxuICBAaWYobG9hZGluZygpKXtcbiAgPG1hdC1zcGlubmVyIGNsYXNzPVwia21zLWJ1dHRvbl9fc3Bpbm5lclwiIGRpYW1ldGVyPVwiMjJcIj48L21hdC1zcGlubmVyPlxuICB9IEBpZiAoaWNvbigpKSB7XG4gIDxrbXMtaWNvblxuICAgIGNsYXNzPVwia21zLWJ1dHRvbl9faWNvblwiXG4gICAgW2NvbG9yXT1cImljb25Db2xvcigpXCJcbiAgICBbc2l6ZV09XCJJY29uU2l6ZS5YWFNcIlxuICAgIFtpY29uXT1cImljb24oKVwiXG4gID48L2ttcy1pY29uPlxuICB9XG4gIHt7IGxhYmVsKCkgfX1cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -2323,7 +2323,7 @@ class ButtonComponent {
|
|
|
2323
2323
|
this.label = input('');
|
|
2324
2324
|
this.icon = input();
|
|
2325
2325
|
this.disabled = input(false);
|
|
2326
|
-
this.
|
|
2326
|
+
this.buttonClick = output();
|
|
2327
2327
|
this.StylingTheme = StylingTheme;
|
|
2328
2328
|
this.IconSize = IconSizePx;
|
|
2329
2329
|
this.ButtonAppearance = ButtonAppearance;
|
|
@@ -2342,11 +2342,11 @@ class ButtonComponent {
|
|
|
2342
2342
|
});
|
|
2343
2343
|
}
|
|
2344
2344
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: {
|
|
2345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "@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 }\"\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} @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 }\"\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} @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 }\"\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", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
|
|
2346
2346
|
}
|
|
2347
2347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
2348
2348
|
type: Component,
|
|
2349
|
-
args: [{ selector: 'kms-button', template: "@if (appearance() == ButtonAppearance.BASIC) {\n<button\n mat-button\n [color]=\"color()\"\n class=\"kms-button\"\n [ngClass]=\"{\n
|
|
2349
|
+
args: [{ selector: 'kms-button', template: "@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 }\"\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} @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 }\"\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} @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 }\"\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" }]
|
|
2350
2350
|
}] });
|
|
2351
2351
|
|
|
2352
2352
|
class CardComponent {
|