@softheon/armature 17.12.4 → 17.12.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.
- package/assets/styles/sof-styles.scss +9 -2
- package/esm2022/lib/base-components/sof-utility-button/sof-utility-button.component.mjs +9 -4
- package/fesm2022/softheon-armature.mjs +8 -3
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/base-components/sof-utility-button/sof-utility-button.component.d.ts +6 -2
- package/package.json +1 -1
|
@@ -1677,12 +1677,16 @@ button.soft-button-icon-v2{
|
|
|
1677
1677
|
}
|
|
1678
1678
|
}
|
|
1679
1679
|
}
|
|
1680
|
+
.cdk-overlay-connected-position-bounding-box{
|
|
1681
|
+
margin-top: 10px !important;
|
|
1682
|
+
}
|
|
1680
1683
|
.mat-mdc-menu-panel{
|
|
1681
1684
|
background-color: #FAFAFA !important;
|
|
1682
1685
|
width: 240px !important;
|
|
1683
1686
|
|
|
1684
1687
|
|
|
1685
1688
|
}
|
|
1689
|
+
|
|
1686
1690
|
.mat-mdc-menu-item-text{
|
|
1687
1691
|
font-weight: 500 !important;
|
|
1688
1692
|
color: rgba(0, 0, 0, 0.87) !important;
|
|
@@ -1691,7 +1695,7 @@ button.soft-button-icon-v2{
|
|
|
1691
1695
|
button.button-icon-utility{
|
|
1692
1696
|
display: flex !important;
|
|
1693
1697
|
padding: 0px!important;
|
|
1694
|
-
border-radius:
|
|
1698
|
+
border-radius: 4px !important;
|
|
1695
1699
|
height: 24px !important;
|
|
1696
1700
|
justify-content: center !important;
|
|
1697
1701
|
align-items: center !important;
|
|
@@ -1700,7 +1704,7 @@ button.button-icon-utility{
|
|
|
1700
1704
|
&.mat-mdc-unelevated-button span.mdc-button__label.mdc-button__label{
|
|
1701
1705
|
display: flex;
|
|
1702
1706
|
align-items: center;
|
|
1703
|
-
font-size:
|
|
1707
|
+
font-size: 20px;
|
|
1704
1708
|
|
|
1705
1709
|
}
|
|
1706
1710
|
&.mdc-button{
|
|
@@ -1714,12 +1718,15 @@ button.button-icon-utility{
|
|
|
1714
1718
|
&.mat-primary{
|
|
1715
1719
|
background: mat.get-color-from-palette($arm-primary, 500);
|
|
1716
1720
|
color: map-get($arm-error, contrast, 900);
|
|
1721
|
+
border-radius: 4px solid !important;
|
|
1717
1722
|
&:hover {
|
|
1718
1723
|
background-color: mat.get-color-from-palette($arm-primary, 700) !important;
|
|
1719
1724
|
color: map-get($arm-error, contrast, 700);
|
|
1720
1725
|
}
|
|
1721
1726
|
&:focus {
|
|
1722
1727
|
background-color: mat.get-color-from-palette($arm-primary, 700) !important;
|
|
1728
|
+
outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
|
|
1729
|
+
outline-offset: 2px !important;
|
|
1723
1730
|
}
|
|
1724
1731
|
}
|
|
1725
1732
|
&.mat-secondary{
|
|
@@ -5,6 +5,7 @@ import * as i2 from "@ngbracket/ngx-layout/extended";
|
|
|
5
5
|
import * as i3 from "@angular/material/button";
|
|
6
6
|
import * as i4 from "@angular/material/menu";
|
|
7
7
|
export class SofUtilityButtonComponent {
|
|
8
|
+
/** On component init */
|
|
8
9
|
constructor() {
|
|
9
10
|
/* Button Id */
|
|
10
11
|
this.buttonId = '';
|
|
@@ -19,21 +20,25 @@ export class SofUtilityButtonComponent {
|
|
|
19
20
|
/* Menu Dropdown Size */
|
|
20
21
|
this.menuDropDown = [];
|
|
21
22
|
}
|
|
23
|
+
/** On Destroy */
|
|
22
24
|
ngOnDestroy() { }
|
|
25
|
+
/** Initialize component **/
|
|
23
26
|
ngOnInit() { }
|
|
24
27
|
/** Any logic related to ag grid cell renderer data can be added here */
|
|
25
|
-
|
|
28
|
+
agInit(params) {
|
|
26
29
|
console.log("PP", params);
|
|
27
30
|
this.menuDropDown = params['dropDownMenu'] ? params['dropDownMenu'] : [];
|
|
28
31
|
this.buttonColorText = params['buttonColorText'] ? params['buttonColorText'] : '';
|
|
29
32
|
this.buttonIconClass = params['buttonIconClass'] ? params['buttonIconClass'] : '';
|
|
33
|
+
this.buttonClick = params['buttonClick'] ? params['buttonClick'] : null;
|
|
34
|
+
this.displayAdditionalComponent = params['displayAdditionalComponent'];
|
|
30
35
|
}
|
|
31
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "lib-sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "lib-sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container>\r\n\r\n<!-- Display Mutliple Component -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
|
|
33
38
|
}
|
|
34
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, decorators: [{
|
|
35
40
|
type: Component,
|
|
36
|
-
args: [{ selector: 'lib-sof-utility-button', template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container
|
|
41
|
+
args: [{ selector: 'lib-sof-utility-button', template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container>\r\n\r\n<!-- Display Mutliple Component -->\r\n" }]
|
|
37
42
|
}], ctorParameters: () => [], propDecorators: { buttonId: [{
|
|
38
43
|
type: Input
|
|
39
44
|
}], buttonColorText: [{
|
|
@@ -60,4 +65,4 @@ export var BUTTON_COLORS_VARIATIONS;
|
|
|
60
65
|
BUTTON_COLORS_VARIATIONS["CONTAINED"] = "contained";
|
|
61
66
|
BUTTON_COLORS_VARIATIONS["CONTAINED_ERROR"] = "contained-error";
|
|
62
67
|
})(BUTTON_COLORS_VARIATIONS || (BUTTON_COLORS_VARIATIONS = {}));
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXV0aWxpdHktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi11dGlsaXR5LWJ1dHRvbi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXV0aWxpdHktYnV0dG9uL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBbUMsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU9sRixNQUFNLE9BQU8seUJBQXlCO0lBeUJwQyx3QkFBd0I7SUFDeEI7UUF4QkEsZUFBZTtRQUNOLGFBQVEsR0FBVSxFQUFFLENBQUM7UUFFOUIsdUJBQXVCO1FBQ2Qsb0JBQWUsR0FBVSxFQUFFLENBQUE7UUFFcEMsaUJBQWlCO1FBQ1IsZUFBVSxHQUFVLE9BQU8sQ0FBQTtRQUVwQyx3QkFBd0I7UUFDZixtQkFBYyxHQUFXLEtBQUssQ0FBQztRQUV4Qyx1QkFBdUI7UUFDZCxvQkFBZSxHQUFVLEVBQUUsQ0FBQztRQUVwQyx3QkFBd0I7UUFDaEIsaUJBQVksR0FBbUIsRUFBRSxDQUFDO0lBUTdCLENBQUM7SUFFZixrQkFBa0I7SUFDbEIsV0FBVyxLQUFVLENBQUM7SUFFdEIsNkJBQTZCO0lBQzdCLFFBQVEsS0FBVSxDQUFDO0lBRW5CLHdFQUF3RTtJQUN4RSxNQUFNLENBQUMsTUFBTTtRQUNYLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUksTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBLEVBQUUsQ0FBQztRQUN6RSxJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBRSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ25GLElBQUksQ0FBQyxlQUFlLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDakYsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQSxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3ZFLElBQUksQ0FBQywwQkFBMEIsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztJQUN6RSxDQUFDOzhHQTFDVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw4UkNQdEMscWtDQTJDQTs7MkZEcENhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7d0RBT3pCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csZUFBZTtzQkFBdkIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBR0csZUFBZTtzQkFBdkIsS0FBSztnQkFHRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdHLFdBQVc7c0JBQW5CLEtBQUs7O0FBd0JSLE1BQU0sQ0FBTixJQUFZLHdCQVNYO0FBVEQsV0FBWSx3QkFBd0I7SUFDbEMsK0NBQW1CLENBQUE7SUFDbkIsbURBQXVCLENBQUE7SUFDdkIsaURBQXFCLENBQUE7SUFDckIsMkRBQStCLENBQUE7SUFDL0IsK0RBQW1DLENBQUE7SUFDbkMsNkRBQWdDLENBQUE7SUFDaEMsbURBQXVCLENBQUE7SUFDdkIsK0RBQW1DLENBQUE7QUFDckMsQ0FBQyxFQVRXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFTbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zb2YtdXRpbGl0eS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNvZlV0aWxpdHlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcblxyXG4gIC8qIEJ1dHRvbiBJZCAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvbklkOnN0cmluZyA9ICcnO1xyXG5cclxuICAvKiBCdXR0b24gQ29sb3IgVGV4dCAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkNvbG9yVGV4dDpzdHJpbmcgPSAnJ1xyXG5cclxuICAvKiBCdXR0b24gU2l6ZSAqL1xyXG4gIEBJbnB1dCgpIGJ1dHRvblNpemU6c3RyaW5nID0gJ3NtYWxsJ1xyXG5cclxuICAvKiBCdXR0b24gSXMgRGlzYWJsZWQgKi9cclxuICBASW5wdXQoKSBidXR0b25EaXNhYmxlZDpib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qIEJ1dHRvbiBJY29uIENsYXNzICovXHJcbiAgQElucHV0KCkgYnV0dG9uSWNvbkNsYXNzOnN0cmluZyA9ICcnO1xyXG5cclxuICAgLyogTWVudSBEcm9wZG93biBTaXplICovXHJcbiAgQElucHV0KCkgbWVudURyb3BEb3duIDogQnV0dG9uRGF0YVtdID0gIFtdO1xyXG5cclxuICAvKiogSW5kaXZpZHVhbCBCdXR0b24gQ2xpY2sgICovXHJcbiAgQElucHV0KCkgYnV0dG9uQ2xpY2s6IEZ1bmN0aW9uO1xyXG4gIFxyXG4gIFxyXG4gIHB1YmxpYyBkaXNwbGF5QWRkaXRpb25hbENvbXBvbmVudDphbnk7XHJcbiAgLyoqIE9uIGNvbXBvbmVudCBpbml0ICovXHJcbiAgY29uc3RydWN0b3IoKXt9XHJcbiAgXHJcbiAgLyoqIE9uIERlc3Ryb3kgICovXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7fVxyXG4gIFxyXG4gIC8qKiBJbml0aWFsaXplIGNvbXBvbmVudCAgKiovXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICAvKiogQW55IGxvZ2ljIHJlbGF0ZWQgdG8gYWcgZ3JpZCBjZWxsIHJlbmRlcmVyIGRhdGEgY2FuIGJlIGFkZGVkIGhlcmUgKi9cclxuICBhZ0luaXQocGFyYW1zKTp2b2lke1xyXG4gICAgY29uc29sZS5sb2coXCJQUFwiLHBhcmFtcylcclxuICAgIHRoaXMubWVudURyb3BEb3duID0gIHBhcmFtc1snZHJvcERvd25NZW51J10gPyBwYXJhbXNbJ2Ryb3BEb3duTWVudSddIDpbXTtcclxuICAgIHRoaXMuYnV0dG9uQ29sb3JUZXh0ID0gcGFyYW1zWydidXR0b25Db2xvclRleHQnXSA/ICBwYXJhbXNbJ2J1dHRvbkNvbG9yVGV4dCddIDogJyc7IFxyXG4gICAgdGhpcy5idXR0b25JY29uQ2xhc3MgPSBwYXJhbXNbJ2J1dHRvbkljb25DbGFzcyddPyBwYXJhbXNbJ2J1dHRvbkljb25DbGFzcyddIDogJyc7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrID0gcGFyYW1zWydidXR0b25DbGljayddID8gcGFyYW1zWydidXR0b25DbGljayddOiBudWxsO1xyXG4gICAgdGhpcy5kaXNwbGF5QWRkaXRpb25hbENvbXBvbmVudCA9IHBhcmFtc1snZGlzcGxheUFkZGl0aW9uYWxDb21wb25lbnQnXTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEJVVFRPTl9DT0xPUlNfVkFSSUFUSU9OUyAge1xyXG4gIFBSSU1BUlkgPSAncHJpbWFyeScsXHJcbiAgU0VDT05EQVJZID0gJ3NlY29uZGFyeScsXHJcbiAgVEVSVElBUlkgPSAndGVydGlhcnknLFxyXG4gIEVSUk9SX1BSSU1BUlkgPSAnZXJyb3ItcHJpbWFyeScsXHJcbiAgRVJST1JfU0VDT05EQVJZID0gJ2Vycm9yLXNlY29uZGFyeScsXHJcbiAgRVJST1JfVEVSVElBUlk9ICdlcnJvci10ZXJ0aWFyeScsXHJcbiAgQ09OVEFJTkVEID0gJ2NvbnRhaW5lZCcsXHJcbiAgQ09OVEFJTkVEX0VSUk9SID0gJ2NvbnRhaW5lZC1lcnJvcicsXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uRGF0YXtcclxuICBuYW1lOnN0cmluZyxcclxuICBpY29uOnN0cmluZyxcclxuICBpc0Rpc2FibGVkOmJvb2xlYW4sXHJcbiAgYWN0aW9uOkZ1bmN0aW9uXHJcbn1cclxuIiwiXHJcbjwhLS0gTWVudSBEcm9wZG93biAtLT5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVEcm9wRG93bi5sZW5ndGggPiAwXCI+XHJcbiAgICA8YnV0dG9uXHJcbm1hdC1mbGF0LWJ1dHRvblxyXG5jbGFzcz1cImJ1dHRvbi1pY29uLXV0aWxpdHlcIiBcclxuaWQ9XCJidG4tZmxhdC1pY29uXCIgXHJcbltjb2xvcl09XCJidXR0b25Db2xvclRleHRcIlxyXG5zaXplPVwic21hbGxcIlxyXG5bZGlzYWJsZWRdPVwiYnV0dG9uRGlzYWJsZWRcIlxyXG5bbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXHJcbj5cclxuPGkgW25nQ2xhc3NdPVwiYnV0dG9uSWNvbkNsYXNzXCI+PC9pPlxyXG48L2J1dHRvbj5cclxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImFmdGVyXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICBtYXQtbWVudS1pdGVtIFxyXG4gICAgW2Rpc2FibGVkXT1cIml0ZW0uaXNEaXNhYmxlZFwiXHJcbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtZW51RHJvcERvd25cIiBcclxuICAgIChjbGljayk9XCJpdGVtLmFjdGlvbigpXCI+XHJcbiAgICA8aSAqbmdJZj1cIml0ZW0uaWNvblwiIFtuZ0NsYXNzXT1cIml0ZW0uaWNvblwiPjwvaT5cclxuICAgIHt7aXRlbS5uYW1lfX1cclxuICAgIDwvYnV0dG9uPlxyXG48L21hdC1tZW51PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjwhLS0gU2luZ2xlIEJ1dHRvbiAtLT5cclxuPG5nLWNvbnRhaW5lclxyXG4qbmdJZj1cIm1lbnVEcm9wRG93bi5sZW5ndGggPD0gMVwiXHJcbj5cclxuPGJ1dHRvblxyXG5tYXQtZmxhdC1idXR0b25cclxuY2xhc3M9XCJidXR0b24taWNvbi11dGlsaXR5XCIgXHJcbmlkPVwiYnRuLWZsYXQtaWNvblwiIFxyXG5bY29sb3JdPVwiYnV0dG9uQ29sb3JUZXh0XCJcclxuc2l6ZT1cInNtYWxsXCJcclxuKGNsaWNrKT1cImJ1dHRvbkNsaWNrKClcIlxyXG5bZGlzYWJsZWRdPVwiYnV0dG9uRGlzYWJsZWRcIj5cclxuPGkgW25nQ2xhc3NdPVwiYnV0dG9uSWNvbkNsYXNzXCI+PC9pPlxyXG48L2J1dHRvbj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48IS0tIERpc3BsYXkgTXV0bGlwbGUgQ29tcG9uZW50IC0tPlxyXG4iXX0=
|
|
@@ -5750,6 +5750,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
5750
5750
|
}], ctorParameters: () => [] });
|
|
5751
5751
|
|
|
5752
5752
|
class SofUtilityButtonComponent {
|
|
5753
|
+
/** On component init */
|
|
5753
5754
|
constructor() {
|
|
5754
5755
|
/* Button Id */
|
|
5755
5756
|
this.buttonId = '';
|
|
@@ -5764,21 +5765,25 @@ class SofUtilityButtonComponent {
|
|
|
5764
5765
|
/* Menu Dropdown Size */
|
|
5765
5766
|
this.menuDropDown = [];
|
|
5766
5767
|
}
|
|
5768
|
+
/** On Destroy */
|
|
5767
5769
|
ngOnDestroy() { }
|
|
5770
|
+
/** Initialize component **/
|
|
5768
5771
|
ngOnInit() { }
|
|
5769
5772
|
/** Any logic related to ag grid cell renderer data can be added here */
|
|
5770
|
-
|
|
5773
|
+
agInit(params) {
|
|
5771
5774
|
console.log("PP", params);
|
|
5772
5775
|
this.menuDropDown = params['dropDownMenu'] ? params['dropDownMenu'] : [];
|
|
5773
5776
|
this.buttonColorText = params['buttonColorText'] ? params['buttonColorText'] : '';
|
|
5774
5777
|
this.buttonIconClass = params['buttonIconClass'] ? params['buttonIconClass'] : '';
|
|
5778
|
+
this.buttonClick = params['buttonClick'] ? params['buttonClick'] : null;
|
|
5779
|
+
this.displayAdditionalComponent = params['displayAdditionalComponent'];
|
|
5775
5780
|
}
|
|
5776
5781
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5777
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "lib-sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container
|
|
5782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "lib-sof-utility-button", inputs: { buttonId: "buttonId", buttonColorText: "buttonColorText", buttonSize: "buttonSize", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container>\r\n\r\n<!-- Display Mutliple Component -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
|
|
5778
5783
|
}
|
|
5779
5784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, decorators: [{
|
|
5780
5785
|
type: Component,
|
|
5781
|
-
args: [{ selector: 'lib-sof-utility-button', template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container
|
|
5786
|
+
args: [{ selector: 'lib-sof-utility-button', template: "\r\n<!-- Menu Dropdown -->\r\n<ng-container *ngIf=\"menuDropDown.length > 0\">\r\n <button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n[disabled]=\"buttonDisabled\"\r\n[matMenuTriggerFor]=\"menu\"\r\n>\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" xPosition=\"after\">\r\n <button\r\n mat-menu-item \r\n [disabled]=\"item.isDisabled\"\r\n *ngFor=\"let item of menuDropDown\" \r\n (click)=\"item.action()\">\r\n <i *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></i>\r\n {{item.name}}\r\n </button>\r\n</mat-menu>\r\n</ng-container>\r\n\r\n<!-- Single Button -->\r\n<ng-container\r\n*ngIf=\"menuDropDown.length <= 1\"\r\n>\r\n<button\r\nmat-flat-button\r\nclass=\"button-icon-utility\" \r\nid=\"btn-flat-icon\" \r\n[color]=\"buttonColorText\"\r\nsize=\"small\"\r\n(click)=\"buttonClick()\"\r\n[disabled]=\"buttonDisabled\">\r\n<i [ngClass]=\"buttonIconClass\"></i>\r\n</button>\r\n</ng-container>\r\n\r\n<!-- Display Mutliple Component -->\r\n" }]
|
|
5782
5787
|
}], ctorParameters: () => [], propDecorators: { buttonId: [{
|
|
5783
5788
|
type: Input
|
|
5784
5789
|
}], buttonColorText: [{
|