@cauca-911/material 18.0.1-beta4 → 18.0.1-beta5
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/buttons/base-button.mjs +9 -17
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +3 -3
- package/esm2022/lib/buttons/raised-button/raised-button.component.mjs +19 -7
- package/fesm2022/cauca-911-material.mjs +26 -21
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/lib/buttons/base-button.d.ts +5 -14
- package/lib/buttons/icon-button/icon-button.component.d.ts +2 -2
- package/lib/buttons/raised-button/raised-button.component.d.ts +14 -3
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { input, computed, output, Directive } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export class
|
|
3
|
+
export class BaseButton {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.color = input(undefined);
|
|
6
6
|
this.icon = input();
|
|
@@ -12,30 +12,22 @@ export class BaseButtonWithoutLabel {
|
|
|
12
12
|
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
13
13
|
this.buttonClick = output();
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = function
|
|
16
|
-
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type:
|
|
15
|
+
static { this.ɵfac = function BaseButton_Factory(t) { return new (t || BaseButton)(); }; }
|
|
16
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
|
|
17
17
|
}
|
|
18
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
18
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
|
|
19
19
|
type: Directive
|
|
20
20
|
}], null, null); })();
|
|
21
|
-
export class BaseButtonWithLabel {
|
|
21
|
+
export class BaseButtonWithLabel extends BaseButton {
|
|
22
22
|
constructor() {
|
|
23
|
+
super(...arguments);
|
|
23
24
|
this.translateLabel = input(true);
|
|
24
25
|
this.label = input();
|
|
25
|
-
this.color = input(undefined);
|
|
26
|
-
this.icon = input();
|
|
27
|
-
this.iconAlignment = input('left');
|
|
28
|
-
this.isDisabled = input(false);
|
|
29
|
-
this.isInProgress = input(false);
|
|
30
|
-
this.showIcon = computed(() => !!this.icon() || this.isInProgress());
|
|
31
|
-
this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
|
|
32
|
-
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
33
|
-
this.buttonClick = output();
|
|
34
26
|
}
|
|
35
|
-
static { this.ɵfac = function BaseButtonWithLabel_Factory(t) { return
|
|
36
|
-
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"]
|
|
27
|
+
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(t) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(t || BaseButtonWithLabel); }; })(); }
|
|
28
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
|
|
37
29
|
}
|
|
38
30
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
|
|
39
31
|
type: Directive
|
|
40
32
|
}], null, null); })();
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2J1dHRvbnMvYmFzZS1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFlLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7O0FBR2xHLE1BQU0sT0FBZ0IsVUFBVTtJQURoQztRQUVXLFVBQUssR0FBd0IsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlDLFNBQUksR0FBd0IsS0FBSyxFQUFFLENBQUM7UUFDcEMsa0JBQWEsR0FBa0MsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdELGVBQVUsR0FBeUIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hELGlCQUFZLEdBQXlCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVsRCxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDaEUsZUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFDMUUsbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBRTFFLGdCQUFXLEdBQTJCLE1BQU0sRUFBRSxDQUFDO0tBQ3pEOzJFQVpxQixVQUFVO29FQUFWLFVBQVU7O2lGQUFWLFVBQVU7Y0FEL0IsU0FBUzs7QUFnQlYsTUFBTSxPQUFnQixtQkFBb0IsU0FBUSxVQUFVO0lBRDVEOztRQUVXLG1CQUFjLEdBQXlCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRCxVQUFLLEdBQXdCLEtBQUssRUFBRSxDQUFDO0tBQy9DO2dQQUhxQixtQkFBbUIsU0FBbkIsbUJBQW1CO29FQUFuQixtQkFBbUI7O2lGQUFuQixtQkFBbUI7Y0FEeEMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0U2lnbmFsLCBpbnB1dCwgY29tcHV0ZWQsIG91dHB1dCwgRGlyZWN0aXZlLCBPdXRwdXRFbWl0dGVyUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBEaXJlY3RpdmUoKVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUJ1dHRvbiB7XHJcbiAgICBwdWJsaWMgY29sb3I6IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dCh1bmRlZmluZWQpO1xyXG4gICAgcHVibGljIGljb246IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dCgpO1xyXG4gICAgcHVibGljIGljb25BbGlnbm1lbnQ6IElucHV0U2lnbmFsPCdsZWZ0JyB8ICdyaWdodCc+ID0gaW5wdXQoJ2xlZnQnKTtcclxuICAgIHB1YmxpYyBpc0Rpc2FibGVkOiBJbnB1dFNpZ25hbDxib29sZWFuPiA9IGlucHV0KGZhbHNlKTtcclxuICAgIHB1YmxpYyBpc0luUHJvZ3Jlc3M6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQoZmFsc2UpO1xyXG5cclxuICAgIHB1YmxpYyBzaG93SWNvbiA9IGNvbXB1dGVkKCgpID0+ICEhdGhpcy5pY29uKCkgfHwgdGhpcy5pc0luUHJvZ3Jlc3MoKSk7XHJcbiAgICBwdWJsaWMgaWNvblRvU2hvdyA9IGNvbXB1dGVkKCgpID0+IHRoaXMuaXNJblByb2dyZXNzKCkgPyAndXBkYXRlJyA6IHRoaXMuaWNvbigpKTtcclxuICAgIHB1YmxpYyBidXR0b25EaXNhYmxlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuaXNEaXNhYmxlZCgpIHx8IHRoaXMuaXNJblByb2dyZXNzKCkpO1xyXG5cclxuICAgIHB1YmxpYyBidXR0b25DbGljazogT3V0cHV0RW1pdHRlclJlZjx2b2lkPiA9IG91dHB1dCgpO1xyXG59XHJcblxyXG5ARGlyZWN0aXZlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEJhc2VCdXR0b25XaXRoTGFiZWwgZXh0ZW5kcyBCYXNlQnV0dG9uIHtcclxuICAgIHB1YmxpYyB0cmFuc2xhdGVMYWJlbDogSW5wdXRTaWduYWw8Ym9vbGVhbj4gPSBpbnB1dCh0cnVlKTtcclxuICAgIHB1YmxpYyBsYWJlbDogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KCk7XHJcbn0iXX0=
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
2
|
import { MatIconButton } from '@angular/material/button';
|
|
3
3
|
import { MatIcon } from '@angular/material/icon';
|
|
4
|
-
import {
|
|
4
|
+
import { BaseButton } from '../base-button';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export class IconButtonComponent extends
|
|
6
|
+
export class IconButtonComponent extends BaseButton {
|
|
7
7
|
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(t) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(t || IconButtonComponent); }; })(); }
|
|
8
8
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-icon-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9
9
|
i0.ɵɵelementStart(0, "button", 0);
|
|
@@ -25,4 +25,4 @@ export class IconButtonComponent extends BaseButtonWithoutLabel {
|
|
|
25
25
|
args: [{ selector: 'app-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n <mat-icon [style.color]=\"color()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
|
|
26
26
|
}], null, null); })();
|
|
27
27
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib\\buttons\\icon-button\\icon-button.component.ts", lineNumber: 14 }); })();
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9idXR0b25zL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvYnV0dG9ucy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVU1QyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsVUFBVTtnUEFBdEMsbUJBQW1CLFNBQW5CLG1CQUFtQjtvRUFBbkIsbUJBQW1CO1lDYmhDLGlDQUEwRztZQUE1RCxnR0FBUyxzQkFBa0IsSUFBRTtZQUN2RSxnQ0FBdUU7WUFBQSxZQUFnQjtZQUMzRixBQUQyRixpQkFBVyxFQUM3Rjs7WUFGbUUsK0NBQTZCO1lBQzNGLGNBQXVCO1lBQXZCLG9DQUF1QjtZQUFDLGlEQUFvQztZQUFDLGNBQWdCO1lBQWhCLHNDQUFnQjs0QkRRL0UsYUFBYSxFQUFFLE9BQU87O2lGQUlyQixtQkFBbUI7Y0FSL0IsU0FBUzsyQkFDRSxpQkFBaUIsY0FDZixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDOztrRkFJdEIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uQnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBCYXNlQnV0dG9uIH0gZnJvbSAnLi4vYmFzZS1idXR0b24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtaWNvbi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaW1wb3J0czogW01hdEljb25CdXR0b24sIE1hdEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b24ge1xyXG59XHJcbiIsIjxidXR0b24gbWF0LWljb24tYnV0dG9uIG9uY2xpY2s9XCJ0aGlzLmJsdXIoKVwiIChjbGljayk9XCJidXR0b25DbGljay5lbWl0KCk7XCIgW2Rpc2FibGVkXT1cImJ1dHRvbkRpc2FibGVkKClcIj5cclxuICAgIDxtYXQtaWNvbiBbc3R5bGUuY29sb3JdPVwiY29sb3IoKVwiIFtjbGFzcy5idXR0b24tc3Bpbl09XCJpc0luUHJvZ3Jlc3MoKVwiPnt7aWNvblRvU2hvdygpfX08L21hdC1pY29uPlxyXG48L2J1dHRvbj4iXX0=
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
|
|
2
2
|
import { MatButton, } from '@angular/material/button';
|
|
3
3
|
import { MatIconModule } from '@angular/material/icon';
|
|
4
4
|
import { TranslateModule } from '@ngx-translate/core';
|
|
5
|
-
import { BaseButtonWithLabel } from '../base-button';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
import * as i1 from "@angular/material/icon";
|
|
8
7
|
import * as i2 from "@ngx-translate/core";
|
|
@@ -39,9 +38,22 @@ function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
39
38
|
i0.ɵɵadvance();
|
|
40
39
|
i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
|
|
41
40
|
} }
|
|
42
|
-
export class RaisedButtonComponent
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
export class RaisedButtonComponent {
|
|
42
|
+
constructor() {
|
|
43
|
+
this.translateLabel = input(true);
|
|
44
|
+
this.label = input();
|
|
45
|
+
this.color = input(undefined);
|
|
46
|
+
this.icon = input();
|
|
47
|
+
this.iconAlignment = input('left');
|
|
48
|
+
this.isDisabled = input(false);
|
|
49
|
+
this.isInProgress = input(false);
|
|
50
|
+
this.showIcon = computed(() => !!this.icon() || this.isInProgress());
|
|
51
|
+
this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
|
|
52
|
+
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
53
|
+
this.buttonClick = output();
|
|
54
|
+
}
|
|
55
|
+
static { this.ɵfac = function RaisedButtonComponent_Factory(t) { return new (t || RaisedButtonComponent)(); }; }
|
|
56
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
45
57
|
i0.ɵɵelementStart(0, "button", 0);
|
|
46
58
|
i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
|
|
47
59
|
i0.ɵɵtemplate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1)(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
|
|
@@ -60,5 +72,5 @@ export class RaisedButtonComponent extends BaseButtonWithLabel {
|
|
|
60
72
|
type: Component,
|
|
61
73
|
args: [{ selector: 'app-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-raised-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if (showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if (showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
|
|
62
74
|
}], null, null); })();
|
|
63
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber:
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber: 14 }); })();
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2J1dHRvbnMvcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvYnV0dG9ucy9yYWlzZWQtYnV0dG9uL3JhaXNlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFlLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLFNBQVMsR0FBRyxNQUFNLDBCQUEwQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7O0lDRkQsZ0NBQStDO0lBQUEsWUFBZ0I7SUFBQSxpQkFBVzs7O0lBQWhFLG9EQUFvQztJQUFDLGNBQWdCO0lBQWhCLHlDQUFnQjs7O0lBQ3hGLFlBQXFCOzs7O0lBQXJCLDBEQUFxQjs7O0lBQVMsWUFBVzs7O0lBQVgsb0NBQVc7OztJQUNmLGdDQUErQztJQUFBLFlBQWdCO0lBQUEsaUJBQVc7OztJQUFoRSxvREFBb0M7SUFBQyxjQUFnQjtJQUFoQix5Q0FBZ0I7O0FEVXJILE1BQU0sT0FBTyxxQkFBcUI7SUFSbEM7UUFTUyxtQkFBYyxHQUF5QixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkQsVUFBSyxHQUF3QixLQUFLLEVBQUUsQ0FBQztRQUNyQyxVQUFLLEdBQXdCLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM5QyxTQUFJLEdBQXdCLEtBQUssRUFBRSxDQUFDO1FBQ3BDLGtCQUFhLEdBQWtDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3RCxlQUFVLEdBQXlCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxpQkFBWSxHQUF5QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbEQsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ2hFLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzFFLG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUUxRSxnQkFBVyxHQUEyQixNQUFNLEVBQUUsQ0FBQztLQUN2RDtzRkFkWSxxQkFBcUI7b0VBQXJCLHFCQUFxQjtZQ2JsQyxpQ0FBNkg7WUFBN0Isa0dBQVMsc0JBQWtCLElBQUM7WUFHeEgsQUFEK0MsQUFBL0MsQUFEQSxtRkFBZ0QsdURBQ3hCLHVEQUE4QixzRUFDTDtZQUNyRCxpQkFBUzs7WUFKeUQsQUFBeEMsbUNBQWlCLGtDQUFvRDtZQUMzRixjQUE2SDtZQUE3SCwyRUFBNkg7WUFDN0gsY0FBa0U7WUFBbEUsOENBQWtFO1lBQ2xFLGVBQThIO1lBQTlILDRFQUE4SDs0QkRNdEgsU0FBUyxFQUFFLGFBQWEsY0FBRSxlQUFlOztpRkFJeEMscUJBQXFCO2NBUmpDLFNBQVM7MkJBQ0UsbUJBQW1CLGNBQ2pCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDOztrRkFJekMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBJbnB1dFNpZ25hbCwgb3V0cHV0LCBPdXRwdXRFbWl0dGVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbiwgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcmFpc2VkLWJ1dHRvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBpbXBvcnRzOiBbTWF0QnV0dG9uLCBNYXRJY29uTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWlzZWRCdXR0b25Db21wb25lbnQge1xyXG4gIHB1YmxpYyB0cmFuc2xhdGVMYWJlbDogSW5wdXRTaWduYWw8Ym9vbGVhbj4gPSBpbnB1dCh0cnVlKTtcclxuICBwdWJsaWMgbGFiZWw6IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dCgpO1xyXG4gIHB1YmxpYyBjb2xvcjogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KHVuZGVmaW5lZCk7XHJcbiAgcHVibGljIGljb246IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dCgpO1xyXG4gIHB1YmxpYyBpY29uQWxpZ25tZW50OiBJbnB1dFNpZ25hbDwnbGVmdCcgfCAncmlnaHQnPiA9IGlucHV0KCdsZWZ0Jyk7XHJcbiAgcHVibGljIGlzRGlzYWJsZWQ6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQoZmFsc2UpO1xyXG4gIHB1YmxpYyBpc0luUHJvZ3Jlc3M6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQoZmFsc2UpO1xyXG5cclxuICBwdWJsaWMgc2hvd0ljb24gPSBjb21wdXRlZCgoKSA9PiAhIXRoaXMuaWNvbigpIHx8IHRoaXMuaXNJblByb2dyZXNzKCkpO1xyXG4gIHB1YmxpYyBpY29uVG9TaG93ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5pc0luUHJvZ3Jlc3MoKSA/ICd1cGRhdGUnIDogdGhpcy5pY29uKCkpO1xyXG4gIHB1YmxpYyBidXR0b25EaXNhYmxlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuaXNEaXNhYmxlZCgpIHx8IHRoaXMuaXNJblByb2dyZXNzKCkpO1xyXG5cclxuICBwdWJsaWMgYnV0dG9uQ2xpY2s6IE91dHB1dEVtaXR0ZXJSZWY8dm9pZD4gPSBvdXRwdXQoKTtcclxufVxyXG4iLCI8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgb25jbGljaz1cInRoaXMuYmx1cigpXCIgW2Rpc2FibGVkXT1cImJ1dHRvbkRpc2FibGVkKClcIiAoY2xpY2spPVwiYnV0dG9uQ2xpY2suZW1pdCgpXCI+XHJcbiAgICBAaWYgKHNob3dJY29uKCkgJiYgaWNvbkFsaWdubWVudCgpID09PSAnbGVmdCcpIHsgPG1hdC1pY29uIFtjbGFzcy5idXR0b24tc3Bpbl09XCJpc0luUHJvZ3Jlc3MoKVwiPnt7aWNvblRvU2hvdygpfX08L21hdC1pY29uPiB9XHJcbiAgICBAaWYgKHRyYW5zbGF0ZUxhYmVsKCkpIHt7e2xhYmVsKCl8dHJhbnNsYXRlfX19IEBlbHNlIHt7e2xhYmVsKCl9fX1cclxuICAgIEBpZiAoc2hvd0ljb24oKSAmJiBpY29uQWxpZ25tZW50KCkgPT09ICdyaWdodCcpIHsgPG1hdC1pY29uIFtjbGFzcy5idXR0b24tc3Bpbl09XCJpc0luUHJvZ3Jlc3MoKVwiPnt7aWNvblRvU2hvdygpfX08L21hdC1pY29uPiB9XHJcbjwvYnV0dG9uPiJdfQ==
|
|
@@ -849,7 +849,7 @@ class CaucaMaterialModule {
|
|
|
849
849
|
CaucaSimpleDialogComponent,
|
|
850
850
|
CaucaSlideshowComponent] }); })();
|
|
851
851
|
|
|
852
|
-
class
|
|
852
|
+
class BaseButton {
|
|
853
853
|
constructor() {
|
|
854
854
|
this.color = input(undefined);
|
|
855
855
|
this.icon = input();
|
|
@@ -861,28 +861,20 @@ class BaseButtonWithoutLabel {
|
|
|
861
861
|
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
862
862
|
this.buttonClick = output();
|
|
863
863
|
}
|
|
864
|
-
static { this.ɵfac = function
|
|
865
|
-
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type:
|
|
864
|
+
static { this.ɵfac = function BaseButton_Factory(t) { return new (t || BaseButton)(); }; }
|
|
865
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
|
|
866
866
|
}
|
|
867
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
867
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
|
|
868
868
|
type: Directive
|
|
869
869
|
}], null, null); })();
|
|
870
|
-
class BaseButtonWithLabel {
|
|
870
|
+
class BaseButtonWithLabel extends BaseButton {
|
|
871
871
|
constructor() {
|
|
872
|
+
super(...arguments);
|
|
872
873
|
this.translateLabel = input(true);
|
|
873
874
|
this.label = input();
|
|
874
|
-
this.color = input(undefined);
|
|
875
|
-
this.icon = input();
|
|
876
|
-
this.iconAlignment = input('left');
|
|
877
|
-
this.isDisabled = input(false);
|
|
878
|
-
this.isInProgress = input(false);
|
|
879
|
-
this.showIcon = computed(() => !!this.icon() || this.isInProgress());
|
|
880
|
-
this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
|
|
881
|
-
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
882
|
-
this.buttonClick = output();
|
|
883
875
|
}
|
|
884
|
-
static { this.ɵfac = function BaseButtonWithLabel_Factory(t) { return
|
|
885
|
-
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"]
|
|
876
|
+
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(t) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(t || BaseButtonWithLabel); }; })(); }
|
|
877
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
|
|
886
878
|
}
|
|
887
879
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
|
|
888
880
|
type: Directive
|
|
@@ -1096,9 +1088,22 @@ function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
1096
1088
|
i0.ɵɵadvance();
|
|
1097
1089
|
i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
|
|
1098
1090
|
} }
|
|
1099
|
-
class RaisedButtonComponent
|
|
1100
|
-
|
|
1101
|
-
|
|
1091
|
+
class RaisedButtonComponent {
|
|
1092
|
+
constructor() {
|
|
1093
|
+
this.translateLabel = input(true);
|
|
1094
|
+
this.label = input();
|
|
1095
|
+
this.color = input(undefined);
|
|
1096
|
+
this.icon = input();
|
|
1097
|
+
this.iconAlignment = input('left');
|
|
1098
|
+
this.isDisabled = input(false);
|
|
1099
|
+
this.isInProgress = input(false);
|
|
1100
|
+
this.showIcon = computed(() => !!this.icon() || this.isInProgress());
|
|
1101
|
+
this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
|
|
1102
|
+
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
|
|
1103
|
+
this.buttonClick = output();
|
|
1104
|
+
}
|
|
1105
|
+
static { this.ɵfac = function RaisedButtonComponent_Factory(t) { return new (t || RaisedButtonComponent)(); }; }
|
|
1106
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1102
1107
|
i0.ɵɵelementStart(0, "button", 0);
|
|
1103
1108
|
i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
|
|
1104
1109
|
i0.ɵɵtemplate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1)(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
|
|
@@ -1117,9 +1122,9 @@ class RaisedButtonComponent extends BaseButtonWithLabel {
|
|
|
1117
1122
|
type: Component,
|
|
1118
1123
|
args: [{ selector: 'app-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-raised-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if (showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if (showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
|
|
1119
1124
|
}], null, null); })();
|
|
1120
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber:
|
|
1125
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber: 14 }); })();
|
|
1121
1126
|
|
|
1122
|
-
class IconButtonComponent extends
|
|
1127
|
+
class IconButtonComponent extends BaseButton {
|
|
1123
1128
|
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(t) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(t || IconButtonComponent); }; })(); }
|
|
1124
1129
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-icon-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1125
1130
|
i0.ɵɵelementStart(0, "button", 0);
|