@coreui/angular-pro 4.5.8 → 4.5.9
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/esm2022/lib/loading-button/loading-button.animations.mjs +26 -0
- package/esm2022/lib/loading-button/loading-button.component.mjs +5 -3
- package/fesm2022/coreui-angular-pro.mjs +27 -2
- package/fesm2022/coreui-angular-pro.mjs.map +1 -1
- package/lib/loading-button/loading-button.animations.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export const loadingButtonAnimation = trigger('loadingButton', [
|
|
3
|
+
transition(':enter', [
|
|
4
|
+
style({
|
|
5
|
+
opacity: 0,
|
|
6
|
+
marginRight: '1rem',
|
|
7
|
+
marginLeft: '-2rem'
|
|
8
|
+
}),
|
|
9
|
+
animate('.15s ease-in-out', style({
|
|
10
|
+
opacity: 1,
|
|
11
|
+
marginRight: '1rem',
|
|
12
|
+
marginLeft: '0rem'
|
|
13
|
+
}))
|
|
14
|
+
]),
|
|
15
|
+
transition(':leave', [
|
|
16
|
+
style({
|
|
17
|
+
opacity: 1
|
|
18
|
+
}),
|
|
19
|
+
animate('.15s ease-in-out', style({
|
|
20
|
+
opacity: 0,
|
|
21
|
+
marginRight: '1rem',
|
|
22
|
+
marginLeft: '-2rem'
|
|
23
|
+
}))
|
|
24
|
+
])
|
|
25
|
+
]);
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1idXR0b24uYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmV1aS1hbmd1bGFyL3NyYy9saWIvbG9hZGluZy1idXR0b24vbG9hZGluZy1idXR0b24uYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUE0QixLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXBHLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUNqQyxPQUFPLENBQUMsZUFBZSxFQUFFO0lBQ3ZCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsS0FBSyxDQUFDO1lBQ0osT0FBTyxFQUFFLENBQUM7WUFDVixXQUFXLEVBQUUsTUFBTTtZQUNuQixVQUFVLEVBQUUsT0FBTztTQUNwQixDQUFDO1FBQ0YsT0FBTyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQztZQUNoQyxPQUFPLEVBQUUsQ0FBQztZQUNWLFdBQVcsRUFBRSxNQUFNO1lBQ25CLFVBQVUsRUFBRSxNQUFNO1NBQ25CLENBQUMsQ0FBQztLQUNKLENBQUM7SUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQztZQUNKLE9BQU8sRUFBRSxDQUFDO1NBQ1gsQ0FBQztRQUNGLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLENBQUM7WUFDaEMsT0FBTyxFQUFFLENBQUM7WUFDVixXQUFXLEVBQUUsTUFBTTtZQUNuQixVQUFVLEVBQUUsT0FBTztTQUNwQixDQUFDLENBQUM7S0FDSixDQUFDO0NBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgbG9hZGluZ0J1dHRvbkFuaW1hdGlvbjogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhID1cbiAgdHJpZ2dlcignbG9hZGluZ0J1dHRvbicsIFtcbiAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiAnMXJlbScsXG4gICAgICAgIG1hcmdpbkxlZnQ6ICctMnJlbSdcbiAgICAgIH0pLFxuICAgICAgYW5pbWF0ZSgnLjE1cyBlYXNlLWluLW91dCcsIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgbWFyZ2luUmlnaHQ6ICcxcmVtJyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzByZW0nXG4gICAgICB9KSlcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6IDFcbiAgICAgIH0pLFxuICAgICAgYW5pbWF0ZSgnLjE1cyBlYXNlLWluLW91dCcsIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6ICcxcmVtJyxcbiAgICAgICAgbWFyZ2luTGVmdDogJy0ycmVtJ1xuICAgICAgfSkpXG4gICAgXSlcbiAgXSk7XG4iXX0=
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
+
import { NgIf } from '@angular/common';
|
|
2
3
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
4
|
import { ButtonDirective } from '../button';
|
|
4
5
|
import { SpinnerComponent } from '../spinner';
|
|
6
|
+
import { loadingButtonAnimation } from './loading-button.animations';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
8
|
export class LoadingButtonComponent extends ButtonDirective {
|
|
7
9
|
/**
|
|
@@ -64,11 +66,11 @@ export class LoadingButtonComponent extends ButtonDirective {
|
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
68
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: LoadingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: LoadingButtonComponent, isStandalone: true, selector: "button[cLoadingButton], a[cLoadingButton]", inputs: { disabledOnLoading: "disabledOnLoading", loading: "loading", spinnerType: "spinnerType" }, outputs: { loadingChange: "loadingChange" }, host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cLoadingButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\"
|
|
69
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: LoadingButtonComponent, isStandalone: true, selector: "button[cLoadingButton], a[cLoadingButton]", inputs: { disabledOnLoading: "disabledOnLoading", loading: "loading", spinnerType: "spinnerType" }, outputs: { loadingChange: "loadingChange" }, host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cLoadingButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\" @loadingButton *ngIf=\"loading\" />\n<ng-content />\n", dependencies: [{ kind: "component", type: SpinnerComponent, selector: "c-spinner", inputs: ["color", "label", "size", "variant", "role"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [loadingButtonAnimation] }); }
|
|
68
70
|
}
|
|
69
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: LoadingButtonComponent, decorators: [{
|
|
70
72
|
type: Component,
|
|
71
|
-
args: [{ selector: 'button[cLoadingButton], a[cLoadingButton]', exportAs: 'cLoadingButton', imports: [SpinnerComponent], standalone: true, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\"
|
|
73
|
+
args: [{ selector: 'button[cLoadingButton], a[cLoadingButton]', exportAs: 'cLoadingButton', imports: [SpinnerComponent, NgIf], standalone: true, animations: [loadingButtonAnimation], template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\" @loadingButton *ngIf=\"loading\" />\n<ng-content />\n" }]
|
|
72
74
|
}], ctorParameters: function () { return []; }, propDecorators: { disabledOnLoading: [{
|
|
73
75
|
type: Input
|
|
74
76
|
}], loading: [{
|
|
@@ -81,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
|
|
|
81
83
|
type: HostBinding,
|
|
82
84
|
args: ['class']
|
|
83
85
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZXVpLWFuZ3VsYXIvc3JjL2xpYi9sb2FkaW5nLWJ1dHRvbi9sb2FkaW5nLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL2xvYWRpbmctYnV0dG9uL2xvYWRpbmctYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFnQixxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQVdyRSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsZUFBZTtJQUl6RDs7O09BR0c7SUFDSCxJQUNJLGlCQUFpQixDQUFDLEtBQWM7UUFDbEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFBQSxDQUFDO0lBRUYsSUFBSSxpQkFBaUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUlEOzs7T0FHRztJQUNILElBQ0ksT0FBTyxDQUFDLEtBQWM7UUFDeEIsTUFBTSxRQUFRLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLFFBQVEsRUFBRTtZQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztZQUN6QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUM7SUFBQSxDQUFDO0lBRUYsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFnQkQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWxDVix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFtQjNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakI7OztXQUdHO1FBQ00sZ0JBQVcsR0FBc0IsUUFBUSxDQUFDO1FBRW5EOzs7V0FHRztRQUNPLGtCQUFhLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFJcEUsQ0FBQztJQUVELElBQ2EsV0FBVztRQUN0QixPQUFPO1lBQ0wsYUFBYSxFQUFFLElBQUk7WUFDbkIsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzFCLFFBQVEsRUFBRSxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLE9BQU87WUFDaEQsR0FBRyxFQUFFLElBQUk7WUFDVCxDQUFDLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUNwRCxDQUFDLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSztZQUN0RCxDQUFDLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDckUsQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUNqQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDcEIsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUU7WUFDOUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFlBQVksQ0FBQztTQUMzRTtJQUNILENBQUM7OEdBekVVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHVYQ2pCbkMsc0lBRUEsNENEV1ksZ0JBQWdCLDZHQUFFLElBQUksK0VBRXBCLENBQUMsc0JBQXNCLENBQUM7OzJGQUV6QixzQkFBc0I7a0JBVGxDLFNBQVM7K0JBRUUsMkNBQTJDLFlBRTNDLGdCQUFnQixXQUNqQixDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxjQUNyQixJQUFJLGNBQ0osQ0FBQyxzQkFBc0IsQ0FBQzswRUFXaEMsaUJBQWlCO3NCQURwQixLQUFLO2dCQWdCRixPQUFPO3NCQURWLEtBQUs7Z0JBbUJHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBTUksYUFBYTtzQkFBdEIsTUFBTTtnQkFPTSxXQUFXO3NCQUR2QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Bpbm5lcic7XG5pbXBvcnQgeyBsb2FkaW5nQnV0dG9uQW5pbWF0aW9uIH0gZnJvbSAnLi9sb2FkaW5nLWJ1dHRvbi5hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYnV0dG9uW2NMb2FkaW5nQnV0dG9uXSwgYVtjTG9hZGluZ0J1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBleHBvcnRBczogJ2NMb2FkaW5nQnV0dG9uJyxcbiAgaW1wb3J0czogW1NwaW5uZXJDb21wb25lbnQsIE5nSWZdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBhbmltYXRpb25zOiBbbG9hZGluZ0J1dHRvbkFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0J1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2Rpc2FibGVkT25Mb2FkaW5nOiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIE1ha2VzIGJ1dHRvbiBkaXNhYmxlZCB3aGVuIGxvYWRpbmcuXG4gICAqIEB0eXBlIGJvb2xlYW5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNldCBkaXNhYmxlZE9uTG9hZGluZyh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkT25Mb2FkaW5nID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfTtcblxuICBnZXQgZGlzYWJsZWRPbkxvYWRpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkT25Mb2FkaW5nO1xuICB9XG5cbiAgX2Rpc2FibGVkT25Mb2FkaW5nID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIExvYWRpbmcgc3RhdGUgKHNldCB0byB0cnVlIHRvIHN0YXJ0IGFuaW1hdGlvbikuXG4gICAqIEB0eXBlIGJvb2xlYW5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNldCBsb2FkaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmFsdWUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIGlmICh0aGlzLl9sb2FkaW5nICE9PSBuZXdWYWx1ZSkge1xuICAgICAgdGhpcy5fbG9hZGluZyA9IG5ld1ZhbHVlO1xuICAgICAgdGhpcy5sb2FkaW5nQ2hhbmdlLmVtaXQobmV3VmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICBnZXQgbG9hZGluZygpIHtcbiAgICByZXR1cm4gdGhpcy5fbG9hZGluZztcbiAgfVxuXG4gIF9sb2FkaW5nID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNldHMgdHlwZSBvZiBzcGlubmVyLlxuICAgKiBAdHlwZSB7J2JvcmRlcicgfCAnZ3Jvdyd9XG4gICAqL1xuICBASW5wdXQoKSBzcGlubmVyVHlwZTogJ2JvcmRlcicgfCAnZ3JvdycgPSAnYm9yZGVyJztcblxuICAvKipcbiAgICogRXZlbnQgZW1pdHRlZCBvbiBsb2FkaW5nIGNoYW5nZVxuICAgKiBAdHlwZSBib29sZWFuXG4gICAqL1xuICBAT3V0cHV0KCkgbG9hZGluZ0NoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgb3ZlcnJpZGUgZ2V0IGhvc3RDbGFzc2VzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnYnRuLWxvYWRpbmcnOiB0cnVlLFxuICAgICAgJ2lzLWxvYWRpbmcnOiB0aGlzLmxvYWRpbmcsXG4gICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZE9uTG9hZGluZyAmJiB0aGlzLmxvYWRpbmcsXG4gICAgICBidG46IHRydWUsXG4gICAgICBbYGJ0bi0ke3RoaXMuY29sb3J9YF06ICEhdGhpcy5jb2xvciAmJiAhdGhpcy52YXJpYW50LFxuICAgICAgW2BidG4tJHt0aGlzLnZhcmlhbnR9YF06ICEhdGhpcy52YXJpYW50ICYmICF0aGlzLmNvbG9yLFxuICAgICAgW2BidG4tJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5jb2xvcn1gXTogISF0aGlzLnZhcmlhbnQgJiYgISF0aGlzLmNvbG9yLFxuICAgICAgW2BidG4tJHt0aGlzLnNpemV9YF06ICEhdGhpcy5zaXplLFxuICAgICAgYWN0aXZlOiB0aGlzLmFjdGl2ZVxuICAgIH07XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2xvYWRpbmcnXSAmJiAhY2hhbmdlc1snbG9hZGluZyddPy5pc0ZpcnN0Q2hhbmdlKCkpIHtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSB0aGlzLmRpc2FibGVkT25Mb2FkaW5nICYmIGNoYW5nZXNbJ2xvYWRpbmcnXS5jdXJyZW50VmFsdWU7XG4gICAgfVxuICB9XG59XG4iLCI8Yy1zcGlubmVyIFt2YXJpYW50XT1cInNwaW5uZXJUeXBlXCIgc2l6ZT1cInNtXCIgY2xhc3M9XCJidG4tbG9hZGluZy1zcGlubmVyXCIgQGxvYWRpbmdCdXR0b24gKm5nSWY9XCJsb2FkaW5nXCIgLz5cbjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -8251,6 +8251,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
|
|
|
8251
8251
|
}]
|
|
8252
8252
|
}] });
|
|
8253
8253
|
|
|
8254
|
+
const loadingButtonAnimation = trigger('loadingButton', [
|
|
8255
|
+
transition(':enter', [
|
|
8256
|
+
style({
|
|
8257
|
+
opacity: 0,
|
|
8258
|
+
marginRight: '1rem',
|
|
8259
|
+
marginLeft: '-2rem'
|
|
8260
|
+
}),
|
|
8261
|
+
animate('.15s ease-in-out', style({
|
|
8262
|
+
opacity: 1,
|
|
8263
|
+
marginRight: '1rem',
|
|
8264
|
+
marginLeft: '0rem'
|
|
8265
|
+
}))
|
|
8266
|
+
]),
|
|
8267
|
+
transition(':leave', [
|
|
8268
|
+
style({
|
|
8269
|
+
opacity: 1
|
|
8270
|
+
}),
|
|
8271
|
+
animate('.15s ease-in-out', style({
|
|
8272
|
+
opacity: 0,
|
|
8273
|
+
marginRight: '1rem',
|
|
8274
|
+
marginLeft: '-2rem'
|
|
8275
|
+
}))
|
|
8276
|
+
])
|
|
8277
|
+
]);
|
|
8278
|
+
|
|
8254
8279
|
class LoadingButtonComponent extends ButtonDirective {
|
|
8255
8280
|
/**
|
|
8256
8281
|
* Makes button disabled when loading.
|
|
@@ -8312,11 +8337,11 @@ class LoadingButtonComponent extends ButtonDirective {
|
|
|
8312
8337
|
}
|
|
8313
8338
|
}
|
|
8314
8339
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: LoadingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8315
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: LoadingButtonComponent, isStandalone: true, selector: "button[cLoadingButton], a[cLoadingButton]", inputs: { disabledOnLoading: "disabledOnLoading", loading: "loading", spinnerType: "spinnerType" }, outputs: { loadingChange: "loadingChange" }, host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cLoadingButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\"
|
|
8340
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: LoadingButtonComponent, isStandalone: true, selector: "button[cLoadingButton], a[cLoadingButton]", inputs: { disabledOnLoading: "disabledOnLoading", loading: "loading", spinnerType: "spinnerType" }, outputs: { loadingChange: "loadingChange" }, host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cLoadingButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\" @loadingButton *ngIf=\"loading\" />\n<ng-content />\n", dependencies: [{ kind: "component", type: SpinnerComponent, selector: "c-spinner", inputs: ["color", "label", "size", "variant", "role"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [loadingButtonAnimation] }); }
|
|
8316
8341
|
}
|
|
8317
8342
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: LoadingButtonComponent, decorators: [{
|
|
8318
8343
|
type: Component,
|
|
8319
|
-
args: [{ selector: 'button[cLoadingButton], a[cLoadingButton]', exportAs: 'cLoadingButton', imports: [SpinnerComponent], standalone: true, template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\"
|
|
8344
|
+
args: [{ selector: 'button[cLoadingButton], a[cLoadingButton]', exportAs: 'cLoadingButton', imports: [SpinnerComponent, NgIf], standalone: true, animations: [loadingButtonAnimation], template: "<c-spinner [variant]=\"spinnerType\" size=\"sm\" class=\"btn-loading-spinner\" @loadingButton *ngIf=\"loading\" />\n<ng-content />\n" }]
|
|
8320
8345
|
}], ctorParameters: function () { return []; }, propDecorators: { disabledOnLoading: [{
|
|
8321
8346
|
type: Input
|
|
8322
8347
|
}], loading: [{
|