action-compact-button 15.0.4
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/README.md +25 -0
- package/action-compact-button-15.0.4.tgz +0 -0
- package/esm2022/action-compact-button.mjs +5 -0
- package/esm2022/lib/action-compact-button-demo/action-compact-button-demo.component.mjs +22 -0
- package/esm2022/lib/action-compact-button.component.mjs +74 -0
- package/esm2022/lib/action-compact-button.module.mjs +54 -0
- package/esm2022/lib/models/button-action.model.mjs +14 -0
- package/esm2022/lib/models/index.mjs +5 -0
- package/esm2022/public-api.mjs +8 -0
- package/fesm2022/action-compact-button.mjs +172 -0
- package/fesm2022/action-compact-button.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/action-compact-button-demo/action-compact-button-demo.component.d.ts +10 -0
- package/lib/action-compact-button.component.d.ts +25 -0
- package/lib/action-compact-button.module.d.ts +15 -0
- package/lib/models/button-action.model.d.ts +18 -0
- package/lib/models/index.d.ts +1 -0
- package/package.json +39 -0
- package/public-api.d.ts +4 -0
package/README.md
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# Action Compact Buttons
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
|
|
4
|
+
|
|
5
|
+
```html
|
|
6
|
+
<div style="margin: 2rem;">
|
|
7
|
+
<div style="display: flex; gap: 2rem">
|
|
8
|
+
<!-- Display Card - Compact Buttons -->
|
|
9
|
+
<app-compact-button-actions
|
|
10
|
+
[data]="buttonActions"
|
|
11
|
+
[expand]="expand.checked"
|
|
12
|
+
></app-compact-button-actions>
|
|
13
|
+
<mat-checkbox #expand>Expanded Buttons</mat-checkbox>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
buttonActions: ButtonAction[] = [
|
|
21
|
+
{ icon: 'dialpad', label: 'Phone', disabled: true},
|
|
22
|
+
{ icon: 'voicemail', label: 'Messages', badge: 6, color: 'orange' },
|
|
23
|
+
{ icon: 'notifications_off', label: 'Alerts', badge: 0 },
|
|
24
|
+
]
|
|
25
|
+
```
|
|
Binary file
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbXBhY3QtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvYWN0aW9uLWNvbXBhY3QtYnV0dG9uL3NyYy9hY3Rpb24tY29tcGFjdC1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/material/checkbox";
|
|
4
|
+
import * as i2 from "../action-compact-button.component";
|
|
5
|
+
export class ActionCompactButtonDemoComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.buttonActions = [
|
|
8
|
+
{ icon: 'dialpad', label: 'Phone', disabled: true },
|
|
9
|
+
{ icon: 'voicemail', label: 'Messages', badge: 6, color: 'orange' },
|
|
10
|
+
{ icon: 'notifications_off', label: 'Alerts', badge: 0 },
|
|
11
|
+
];
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
}
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionCompactButtonDemoComponent, selector: "app-action-compact-button-demo", ngImport: i0, template: "<h1>\n Action Compact Button\n</h1>\n\n<div>\n <mat-checkbox #expanded>Expanded</mat-checkbox>\n</div>\n\n<div style=\"margin: 2rem;\">\n <div style=\"display: flex; gap: 2rem\">\n <!-- Display Card - Compact Buttons -->\n <app-action-compact-button\n [data]=\"buttonActions\"\n [expand]=\"expanded.checked\"\n ></app-action-compact-button>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i2.ActionCompactButtonComponent, selector: "app-action-compact-button", inputs: ["expand", "data", "disabled"] }] }); }
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonDemoComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'app-action-compact-button-demo', template: "<h1>\n Action Compact Button\n</h1>\n\n<div>\n <mat-checkbox #expanded>Expanded</mat-checkbox>\n</div>\n\n<div style=\"margin: 2rem;\">\n <div style=\"display: flex; gap: 2rem\">\n <!-- Display Card - Compact Buttons -->\n <app-action-compact-button\n [data]=\"buttonActions\"\n [expand]=\"expanded.checked\"\n ></app-action-compact-button>\n </div>\n</div>\n" }]
|
|
21
|
+
}], ctorParameters: function () { return []; } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWN0aW9uLWNvbXBhY3QtYnV0dG9uL3NyYy9saWIvYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8vYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWN0aW9uLWNvbXBhY3QtYnV0dG9uL3NyYy9saWIvYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8vYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFsRCxNQUFNLE9BQU8sZ0NBQWdDO0lBUTNDO1FBTkEsa0JBQWEsR0FBbUI7WUFDOUIsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBQztZQUNsRCxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDbkUsRUFBRSxJQUFJLEVBQUUsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO1NBQ3pELENBQUE7SUFFZSxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVhVLGdDQUFnQzttR0FBaEMsZ0NBQWdDLHNFQ1I3QyxnWUFpQkE7OzRGRFRhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDRSxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQWN0aW9uIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb21wYWN0LWJ1dHRvbi1kZW1vJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi1kZW1vLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWNvbXBhY3QtYnV0dG9uLWRlbW8uY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkNvbXBhY3RCdXR0b25EZW1vQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBidXR0b25BY3Rpb25zOiBCdXR0b25BY3Rpb25bXSA9IFtcbiAgICB7IGljb246ICdkaWFscGFkJywgbGFiZWw6ICdQaG9uZScsIGRpc2FibGVkOiB0cnVlfSxcbiAgICB7IGljb246ICd2b2ljZW1haWwnLCBsYWJlbDogJ01lc3NhZ2VzJywgYmFkZ2U6IDYsIGNvbG9yOiAnb3JhbmdlJyB9LFxuICAgIHsgaWNvbjogJ25vdGlmaWNhdGlvbnNfb2ZmJywgbGFiZWw6ICdBbGVydHMnLCBiYWRnZTogMCB9LFxuICBdXG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCI8aDE+XG4gIEFjdGlvbiBDb21wYWN0IEJ1dHRvblxuPC9oMT5cblxuPGRpdj5cbiAgPG1hdC1jaGVja2JveCAjZXhwYW5kZWQ+RXhwYW5kZWQ8L21hdC1jaGVja2JveD5cbjwvZGl2PlxuXG48ZGl2IHN0eWxlPVwibWFyZ2luOiAycmVtO1wiPlxuICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAycmVtXCI+XG4gICAgPCEtLSBEaXNwbGF5IENhcmQgLSBDb21wYWN0IEJ1dHRvbnMgLS0+XG4gICAgPGFwcC1hY3Rpb24tY29tcGFjdC1idXR0b25cbiAgICAgIFtkYXRhXT1cImJ1dHRvbkFjdGlvbnNcIlxuICAgICAgW2V4cGFuZF09XCJleHBhbmRlZC5jaGVja2VkXCJcbiAgICA+PC9hcHAtYWN0aW9uLWNvbXBhY3QtYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { Component, Input, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/menu";
|
|
6
|
+
import * as i3 from "@angular/material/icon";
|
|
7
|
+
import * as i4 from "@angular/material/button";
|
|
8
|
+
import * as i5 from "@angular/material/badge";
|
|
9
|
+
export class ActionCompactButtonComponent {
|
|
10
|
+
set expand(value) {
|
|
11
|
+
this._expanded = (value) ? true : false;
|
|
12
|
+
}
|
|
13
|
+
get expand() {
|
|
14
|
+
return this._expanded;
|
|
15
|
+
}
|
|
16
|
+
set data(value) {
|
|
17
|
+
this._data = value || [];
|
|
18
|
+
}
|
|
19
|
+
get data() {
|
|
20
|
+
return this._data;
|
|
21
|
+
}
|
|
22
|
+
constructor() {
|
|
23
|
+
this._expanded = false;
|
|
24
|
+
this._data = [];
|
|
25
|
+
this.disabled = false;
|
|
26
|
+
this.onChange = () => { };
|
|
27
|
+
this.onTouch = () => { };
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() {
|
|
30
|
+
}
|
|
31
|
+
writeValue(value) {
|
|
32
|
+
console.log('writeValue', value);
|
|
33
|
+
}
|
|
34
|
+
onSelected(event) {
|
|
35
|
+
this.onChange(event);
|
|
36
|
+
}
|
|
37
|
+
registerOnChange(fn) {
|
|
38
|
+
this.onChange = fn;
|
|
39
|
+
}
|
|
40
|
+
registerOnTouched(fn) {
|
|
41
|
+
this.onTouch = fn;
|
|
42
|
+
}
|
|
43
|
+
setDisabledState(isDisabled) {
|
|
44
|
+
this.disabled = isDisabled;
|
|
45
|
+
}
|
|
46
|
+
onInfo(event) {
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
}
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionCompactButtonComponent, selector: "app-action-compact-button", inputs: { expand: "expand", data: "data", disabled: "disabled" }, providers: [
|
|
51
|
+
{
|
|
52
|
+
provide: NG_VALUE_ACCESSOR,
|
|
53
|
+
useExisting: forwardRef(() => ActionCompactButtonComponent),
|
|
54
|
+
multi: true,
|
|
55
|
+
},
|
|
56
|
+
], ngImport: i0, template: "<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n *ngIf=\"!expand; else EXPANDED\"\n (click)=\"onInfo($event)\"\n [disabled]=\"disabled || disabled\"\n>\n <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n <div style=\"padding-right: 20px;\">\n <button\n mat-menu-item\n (click)=\"onSelected(item)\"\n *ngFor=\"let item of data\"\n [disabled]=\"item.disabled\"\n >\n <mat-icon\n *ngIf=\"item.icon\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n >\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"item.label\">{{ item.label }}</span>\n </button>\n </div>\n</mat-menu>\n\n<ng-template #EXPANDED>\n<div style=\"display: flex; gap: .5rem\">\n <button\n *ngFor=\"let item of data\"\n mat-icon-button\n (click)=\"onSelected(item); $event.stopPropagation()\"\n [disabled]=\"item.disabled || disabled\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n </button>\n</div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }] }); }
|
|
57
|
+
}
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'app-action-compact-button', providers: [
|
|
61
|
+
{
|
|
62
|
+
provide: NG_VALUE_ACCESSOR,
|
|
63
|
+
useExisting: forwardRef(() => ActionCompactButtonComponent),
|
|
64
|
+
multi: true,
|
|
65
|
+
},
|
|
66
|
+
], template: "<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n *ngIf=\"!expand; else EXPANDED\"\n (click)=\"onInfo($event)\"\n [disabled]=\"disabled || disabled\"\n>\n <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n <div style=\"padding-right: 20px;\">\n <button\n mat-menu-item\n (click)=\"onSelected(item)\"\n *ngFor=\"let item of data\"\n [disabled]=\"item.disabled\"\n >\n <mat-icon\n *ngIf=\"item.icon\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n >\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"item.label\">{{ item.label }}</span>\n </button>\n </div>\n</mat-menu>\n\n<ng-template #EXPANDED>\n<div style=\"display: flex; gap: .5rem\">\n <button\n *ngFor=\"let item of data\"\n mat-icon-button\n (click)=\"onSelected(item); $event.stopPropagation()\"\n [disabled]=\"item.disabled || disabled\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n </button>\n</div>\n</ng-template>\n" }]
|
|
67
|
+
}], ctorParameters: function () { return []; }, propDecorators: { expand: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], data: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], disabled: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}] } });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbXBhY3QtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi9zcmMvbGliL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hY3Rpb24tY29tcGFjdC1idXR0b24vc3JjL2xpYi9hY3Rpb24tY29tcGFjdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQWV6RSxNQUFNLE9BQU8sNEJBQTRCO0lBR3ZDLElBQWEsTUFBTSxDQUFDLEtBQXFCO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7SUFDekMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQTtJQUN2QixDQUFDO0lBR0QsSUFBYSxJQUFJLENBQUMsS0FBcUI7UUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFBO0lBQzFCLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUE7SUFDbkIsQ0FBQztJQU9EO1FBdkJBLGNBQVMsR0FBRyxLQUFLLENBQUE7UUFTakIsVUFBSyxHQUFtQixFQUFFLENBQUE7UUFTakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUV6QixhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFUixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDcEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUE7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzVCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBaUI7UUFDdEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7K0dBcERVLDRCQUE0QjttR0FBNUIsNEJBQTRCLHNIQVI1QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7Z0JBQzNELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNkSCwrc0NBMkNBOzs0RkQzQmEsNEJBQTRCO2tCQVp4QyxTQUFTOytCQUNFLDJCQUEyQixhQUcxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw2QkFBNkIsQ0FBQzs0QkFDM0QsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7MEVBS1ksTUFBTTtzQkFBbEIsS0FBSztnQkFTTyxJQUFJO3NCQUFoQixLQUFLO2dCQVFHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJ1dHRvbkFjdGlvbiB9IGZyb20gJy4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb21wYWN0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tY29tcGFjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tY29tcGFjdC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBY3Rpb25Db21wYWN0QnV0dG9uQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkNvbXBhY3RCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcblxuICBfZXhwYW5kZWQgPSBmYWxzZVxuICBASW5wdXQoKSBzZXQgZXhwYW5kKHZhbHVlOiBib29sZWFufHN0cmluZykge1xuICAgIHRoaXMuX2V4cGFuZGVkID0gKHZhbHVlKSA/IHRydWUgOiBmYWxzZVxuICB9XG5cbiAgZ2V0IGV4cGFuZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWRcbiAgfVxuXG4gIF9kYXRhOiBCdXR0b25BY3Rpb25bXSA9IFtdXG4gIEBJbnB1dCgpIHNldCBkYXRhKHZhbHVlOiBCdXR0b25BY3Rpb25bXSkge1xuICAgIHRoaXMuX2RhdGEgPSB2YWx1ZSB8fCBbXVxuICB9XG5cbiAgZ2V0IGRhdGEoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2RhdGFcbiAgfVxuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2VcblxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICBjb25zb2xlLmxvZygnd3JpdGVWYWx1ZScsIHZhbHVlKTtcbiAgfVxuXG4gIG9uU2VsZWN0ZWQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpXG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm5cbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmblxuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkXG4gIH1cblxuICBvbkluZm8oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG59XG4iLCI8YnV0dG9uXG4gIG1hdC1pY29uLWJ1dHRvblxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gICpuZ0lmPVwiIWV4cGFuZDsgZWxzZSBFWFBBTkRFRFwiXG4gIChjbGljayk9XCJvbkluZm8oJGV2ZW50KVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBkaXNhYmxlZFwiXG4+XG4gIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuPC9idXR0b24+XG48bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gIDxkaXYgc3R5bGU9XCJwYWRkaW5nLXJpZ2h0OiAyMHB4O1wiPlxuICAgIDxidXR0b25cbiAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgIChjbGljayk9XCJvblNlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFcIlxuICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgID5cbiAgICAgIDxtYXQtaWNvblxuICAgICAgICAqbmdJZj1cIml0ZW0uaWNvblwiXG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCIoaXRlbT8uY29sb3IpID8gaXRlbS5jb2xvciA6ICcnXCJcbiAgICAgICAgW21hdEJhZGdlXT1cIihpdGVtLmJhZGdlICYmIGl0ZW0uYmFkZ2UgPiAwKSA/IGl0ZW0uYmFkZ2UgOiAnJ1wiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0uaWNvbiB9fVxuICAgICAgPC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbS5sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuPC9tYXQtbWVudT5cblxuPG5nLXRlbXBsYXRlICNFWFBBTkRFRD5cbjxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBnYXA6IC41cmVtXCI+XG4gIDxidXR0b25cbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhXCJcbiAgICBtYXQtaWNvbi1idXR0b25cbiAgICAoY2xpY2spPVwib25TZWxlY3RlZChpdGVtKTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZCB8fCBkaXNhYmxlZFwiXG4gICAgW21hdEJhZGdlXT1cIihpdGVtLmJhZGdlICYmIGl0ZW0uYmFkZ2UgPiAwKSA/IGl0ZW0uYmFkZ2UgOiAnJ1wiXG4gICAgW3N0eWxlLmNvbG9yXT1cIihpdGVtPy5jb2xvcikgPyBpdGVtLmNvbG9yIDogJydcIlxuICA+XG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJpdGVtLmljb25cIj57eyBpdGVtLmljb24gfX08L21hdC1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
4
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
5
|
+
import { MatBadgeModule } from '@angular/material/badge';
|
|
6
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
7
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
8
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
|
+
import { ActionCompactButtonComponent, ActionCompactButtonDemoComponent } from '../public-api';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class ActionCompactButtonModule {
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, declarations: [ActionCompactButtonComponent,
|
|
14
|
+
ActionCompactButtonDemoComponent], imports: [CommonModule,
|
|
15
|
+
FormsModule,
|
|
16
|
+
MatMenuModule,
|
|
17
|
+
ReactiveFormsModule,
|
|
18
|
+
MatIconModule,
|
|
19
|
+
MatButtonModule,
|
|
20
|
+
MatBadgeModule,
|
|
21
|
+
MatCheckboxModule], exports: [ActionCompactButtonComponent,
|
|
22
|
+
ActionCompactButtonDemoComponent] }); }
|
|
23
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, imports: [CommonModule,
|
|
24
|
+
FormsModule,
|
|
25
|
+
MatMenuModule,
|
|
26
|
+
ReactiveFormsModule,
|
|
27
|
+
MatIconModule,
|
|
28
|
+
MatButtonModule,
|
|
29
|
+
MatBadgeModule,
|
|
30
|
+
MatCheckboxModule] }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, decorators: [{
|
|
33
|
+
type: NgModule,
|
|
34
|
+
args: [{
|
|
35
|
+
imports: [
|
|
36
|
+
CommonModule,
|
|
37
|
+
FormsModule,
|
|
38
|
+
MatMenuModule,
|
|
39
|
+
ReactiveFormsModule,
|
|
40
|
+
MatIconModule,
|
|
41
|
+
MatButtonModule,
|
|
42
|
+
MatBadgeModule,
|
|
43
|
+
MatCheckboxModule,
|
|
44
|
+
],
|
|
45
|
+
declarations: [
|
|
46
|
+
ActionCompactButtonComponent,
|
|
47
|
+
ActionCompactButtonDemoComponent,
|
|
48
|
+
], exports: [
|
|
49
|
+
ActionCompactButtonComponent,
|
|
50
|
+
ActionCompactButtonDemoComponent,
|
|
51
|
+
]
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbXBhY3QtYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi9zcmMvbGliL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRS9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBcUIvRixNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7Z0hBQXpCLHlCQUF5QixpQkFQbEMsNEJBQTRCO1lBQzVCLGdDQUFnQyxhQVhoQyxZQUFZO1lBQ1osV0FBVztZQUNYLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsYUFBYTtZQUNiLGVBQWU7WUFDZixjQUFjO1lBQ2QsaUJBQWlCLGFBTWpCLDRCQUE0QjtZQUM1QixnQ0FBZ0M7Z0hBR3ZCLHlCQUF5QixZQWpCbEMsWUFBWTtZQUNaLFdBQVc7WUFDWCxhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLGFBQWE7WUFDYixlQUFlO1lBQ2YsY0FBYztZQUNkLGlCQUFpQjs7NEZBVVIseUJBQXlCO2tCQW5CckMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxpQkFBaUI7cUJBQ2xCO29CQUNELFlBQVksRUFBRTt3QkFDWiw0QkFBNEI7d0JBQzVCLGdDQUFnQztxQkFDakMsRUFBRSxPQUFPLEVBQUM7d0JBQ1QsNEJBQTRCO3dCQUM1QixnQ0FBZ0M7cUJBQ2pDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRCYWRnZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2JhZGdlJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xuXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgQWN0aW9uQ29tcGFjdEJ1dHRvbkNvbXBvbmVudCwgQWN0aW9uQ29tcGFjdEJ1dHRvbkRlbW9Db21wb25lbnQgfSBmcm9tICcuLi9wdWJsaWMtYXBpJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0QmFkZ2VNb2R1bGUsXG4gICAgTWF0Q2hlY2tib3hNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEFjdGlvbkNvbXBhY3RCdXR0b25Db21wb25lbnQsXG4gICAgQWN0aW9uQ29tcGFjdEJ1dHRvbkRlbW9Db21wb25lbnQsXG4gIF0sIGV4cG9ydHM6W1xuICAgIEFjdGlvbkNvbXBhY3RCdXR0b25Db21wb25lbnQsXG4gICAgQWN0aW9uQ29tcGFjdEJ1dHRvbkRlbW9Db21wb25lbnQsXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQ29tcGFjdEJ1dHRvbk1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export class ButtonAction {
|
|
2
|
+
constructor(label, icon, disabled, badge, color, svg) {
|
|
3
|
+
this.label = label;
|
|
4
|
+
this.icon = icon;
|
|
5
|
+
this.disabled = disabled;
|
|
6
|
+
this.badge = badge;
|
|
7
|
+
this.color = color;
|
|
8
|
+
this.svg = svg;
|
|
9
|
+
}
|
|
10
|
+
static adapt(data) {
|
|
11
|
+
return new ButtonAction(data?.label, data?.icon, (data?.disabled) ? data.disabled : false, (data?.badge) ? data.badge : 0, data?.color, (data?.svg) ? true : false);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFjdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi9zcmMvbGliL21vZGVscy9idXR0b24tYWN0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNBLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQ1MsS0FBYyxFQUNkLElBQWEsRUFDYixRQUFrQixFQUNsQixLQUFjLEVBQ2QsS0FBYyxFQUNkLEdBQWE7UUFMYixVQUFLLEdBQUwsS0FBSyxDQUFTO1FBQ2QsU0FBSSxHQUFKLElBQUksQ0FBUztRQUNiLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsVUFBSyxHQUFMLEtBQUssQ0FBUztRQUNkLFVBQUssR0FBTCxLQUFLLENBQVM7UUFDZCxRQUFHLEdBQUgsR0FBRyxDQUFVO0lBQ25CLENBQUM7SUFFSixNQUFNLENBQUMsS0FBSyxDQUFDLElBQVU7UUFDckIsT0FBTyxJQUFJLFlBQVksQ0FDckIsSUFBSSxFQUFFLEtBQUssRUFDWCxJQUFJLEVBQUUsSUFBSSxFQUNWLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQ3hDLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQzlCLElBQUksRUFBRSxLQUFLLEVBQ1gsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUMzQixDQUFDO0lBQ0osQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25BY3Rpb25JbnRlcmZhY2Uge1xuICBsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBiYWRnZT86IG51bWJlcjtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIHN2Zz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNsYXNzIEJ1dHRvbkFjdGlvbiBpbXBsZW1lbnRzIEJ1dHRvbkFjdGlvbkludGVyZmFjZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBsYWJlbD86IHN0cmluZyxcbiAgICBwdWJsaWMgaWNvbj86IHN0cmluZyxcbiAgICBwdWJsaWMgZGlzYWJsZWQ/OiBib29sZWFuLFxuICAgIHB1YmxpYyBiYWRnZT86IG51bWJlcixcbiAgICBwdWJsaWMgY29sb3I/OiBzdHJpbmcsXG4gICAgcHVibGljIHN2Zz86IGJvb2xlYW5cbiAgKSB7fVxuXG4gIHN0YXRpYyBhZGFwdChkYXRhPzogYW55KTogQnV0dG9uQWN0aW9uIHtcbiAgICByZXR1cm4gbmV3IEJ1dHRvbkFjdGlvbihcbiAgICAgIGRhdGE/LmxhYmVsLFxuICAgICAgZGF0YT8uaWNvbixcbiAgICAgIChkYXRhPy5kaXNhYmxlZCkgPyBkYXRhLmRpc2FibGVkIDogZmFsc2UsXG4gICAgICAoZGF0YT8uYmFkZ2UpID8gZGF0YS5iYWRnZSA6IDAsXG4gICAgICBkYXRhPy5jb2xvcixcbiAgICAgIChkYXRhPy5zdmcpID8gdHJ1ZSA6IGZhbHNlXG4gICAgKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of dynamic-dialog
|
|
3
|
+
*/
|
|
4
|
+
export * from './button-action.model';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY3Rpb24tY29tcGFjdC1idXR0b24vc3JjL2xpYi9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBkeW5hbWljLWRpYWxvZ1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLWFjdGlvbi5tb2RlbCc7XG5cbiJdfQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of action-compact-button
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/models/index';
|
|
5
|
+
export * from './lib/action-compact-button.component';
|
|
6
|
+
export * from './lib/action-compact-button.module';
|
|
7
|
+
export * from './lib/action-compact-button-demo/action-compact-button-demo.component';
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsdUVBQXVFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFjdGlvbi1jb21wYWN0LWJ1dHRvblxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbmRleCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWN0aW9uLWNvbXBhY3QtYnV0dG9uLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi1kZW1vL2FjdGlvbi1jb21wYWN0LWJ1dHRvbi1kZW1vLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { forwardRef, Component, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i2 from '@angular/material/menu';
|
|
7
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
8
|
+
import * as i3 from '@angular/material/icon';
|
|
9
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
10
|
+
import * as i4 from '@angular/material/button';
|
|
11
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
12
|
+
import * as i5 from '@angular/material/badge';
|
|
13
|
+
import { MatBadgeModule } from '@angular/material/badge';
|
|
14
|
+
import * as i1$1 from '@angular/material/checkbox';
|
|
15
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
16
|
+
|
|
17
|
+
class ButtonAction {
|
|
18
|
+
constructor(label, icon, disabled, badge, color, svg) {
|
|
19
|
+
this.label = label;
|
|
20
|
+
this.icon = icon;
|
|
21
|
+
this.disabled = disabled;
|
|
22
|
+
this.badge = badge;
|
|
23
|
+
this.color = color;
|
|
24
|
+
this.svg = svg;
|
|
25
|
+
}
|
|
26
|
+
static adapt(data) {
|
|
27
|
+
return new ButtonAction(data?.label, data?.icon, (data?.disabled) ? data.disabled : false, (data?.badge) ? data.badge : 0, data?.color, (data?.svg) ? true : false);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/*
|
|
32
|
+
* Public API Surface of dynamic-dialog
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
class ActionCompactButtonComponent {
|
|
36
|
+
set expand(value) {
|
|
37
|
+
this._expanded = (value) ? true : false;
|
|
38
|
+
}
|
|
39
|
+
get expand() {
|
|
40
|
+
return this._expanded;
|
|
41
|
+
}
|
|
42
|
+
set data(value) {
|
|
43
|
+
this._data = value || [];
|
|
44
|
+
}
|
|
45
|
+
get data() {
|
|
46
|
+
return this._data;
|
|
47
|
+
}
|
|
48
|
+
constructor() {
|
|
49
|
+
this._expanded = false;
|
|
50
|
+
this._data = [];
|
|
51
|
+
this.disabled = false;
|
|
52
|
+
this.onChange = () => { };
|
|
53
|
+
this.onTouch = () => { };
|
|
54
|
+
}
|
|
55
|
+
ngOnInit() {
|
|
56
|
+
}
|
|
57
|
+
writeValue(value) {
|
|
58
|
+
console.log('writeValue', value);
|
|
59
|
+
}
|
|
60
|
+
onSelected(event) {
|
|
61
|
+
this.onChange(event);
|
|
62
|
+
}
|
|
63
|
+
registerOnChange(fn) {
|
|
64
|
+
this.onChange = fn;
|
|
65
|
+
}
|
|
66
|
+
registerOnTouched(fn) {
|
|
67
|
+
this.onTouch = fn;
|
|
68
|
+
}
|
|
69
|
+
setDisabledState(isDisabled) {
|
|
70
|
+
this.disabled = isDisabled;
|
|
71
|
+
}
|
|
72
|
+
onInfo(event) {
|
|
73
|
+
event.stopPropagation();
|
|
74
|
+
}
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionCompactButtonComponent, selector: "app-action-compact-button", inputs: { expand: "expand", data: "data", disabled: "disabled" }, providers: [
|
|
77
|
+
{
|
|
78
|
+
provide: NG_VALUE_ACCESSOR,
|
|
79
|
+
useExisting: forwardRef(() => ActionCompactButtonComponent),
|
|
80
|
+
multi: true,
|
|
81
|
+
},
|
|
82
|
+
], ngImport: i0, template: "<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n *ngIf=\"!expand; else EXPANDED\"\n (click)=\"onInfo($event)\"\n [disabled]=\"disabled || disabled\"\n>\n <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n <div style=\"padding-right: 20px;\">\n <button\n mat-menu-item\n (click)=\"onSelected(item)\"\n *ngFor=\"let item of data\"\n [disabled]=\"item.disabled\"\n >\n <mat-icon\n *ngIf=\"item.icon\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n >\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"item.label\">{{ item.label }}</span>\n </button>\n </div>\n</mat-menu>\n\n<ng-template #EXPANDED>\n<div style=\"display: flex; gap: .5rem\">\n <button\n *ngFor=\"let item of data\"\n mat-icon-button\n (click)=\"onSelected(item); $event.stopPropagation()\"\n [disabled]=\"item.disabled || disabled\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n </button>\n</div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }] }); }
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonComponent, decorators: [{
|
|
85
|
+
type: Component,
|
|
86
|
+
args: [{ selector: 'app-action-compact-button', providers: [
|
|
87
|
+
{
|
|
88
|
+
provide: NG_VALUE_ACCESSOR,
|
|
89
|
+
useExisting: forwardRef(() => ActionCompactButtonComponent),
|
|
90
|
+
multi: true,
|
|
91
|
+
},
|
|
92
|
+
], template: "<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n *ngIf=\"!expand; else EXPANDED\"\n (click)=\"onInfo($event)\"\n [disabled]=\"disabled || disabled\"\n>\n <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n <div style=\"padding-right: 20px;\">\n <button\n mat-menu-item\n (click)=\"onSelected(item)\"\n *ngFor=\"let item of data\"\n [disabled]=\"item.disabled\"\n >\n <mat-icon\n *ngIf=\"item.icon\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n >\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"item.label\">{{ item.label }}</span>\n </button>\n </div>\n</mat-menu>\n\n<ng-template #EXPANDED>\n<div style=\"display: flex; gap: .5rem\">\n <button\n *ngFor=\"let item of data\"\n mat-icon-button\n (click)=\"onSelected(item); $event.stopPropagation()\"\n [disabled]=\"item.disabled || disabled\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n </button>\n</div>\n</ng-template>\n" }]
|
|
93
|
+
}], ctorParameters: function () { return []; }, propDecorators: { expand: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], data: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], disabled: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}] } });
|
|
100
|
+
|
|
101
|
+
class ActionCompactButtonModule {
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
103
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, declarations: [ActionCompactButtonComponent,
|
|
104
|
+
ActionCompactButtonDemoComponent], imports: [CommonModule,
|
|
105
|
+
FormsModule,
|
|
106
|
+
MatMenuModule,
|
|
107
|
+
ReactiveFormsModule,
|
|
108
|
+
MatIconModule,
|
|
109
|
+
MatButtonModule,
|
|
110
|
+
MatBadgeModule,
|
|
111
|
+
MatCheckboxModule], exports: [ActionCompactButtonComponent,
|
|
112
|
+
ActionCompactButtonDemoComponent] }); }
|
|
113
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, imports: [CommonModule,
|
|
114
|
+
FormsModule,
|
|
115
|
+
MatMenuModule,
|
|
116
|
+
ReactiveFormsModule,
|
|
117
|
+
MatIconModule,
|
|
118
|
+
MatButtonModule,
|
|
119
|
+
MatBadgeModule,
|
|
120
|
+
MatCheckboxModule] }); }
|
|
121
|
+
}
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonModule, decorators: [{
|
|
123
|
+
type: NgModule,
|
|
124
|
+
args: [{
|
|
125
|
+
imports: [
|
|
126
|
+
CommonModule,
|
|
127
|
+
FormsModule,
|
|
128
|
+
MatMenuModule,
|
|
129
|
+
ReactiveFormsModule,
|
|
130
|
+
MatIconModule,
|
|
131
|
+
MatButtonModule,
|
|
132
|
+
MatBadgeModule,
|
|
133
|
+
MatCheckboxModule,
|
|
134
|
+
],
|
|
135
|
+
declarations: [
|
|
136
|
+
ActionCompactButtonComponent,
|
|
137
|
+
ActionCompactButtonDemoComponent,
|
|
138
|
+
], exports: [
|
|
139
|
+
ActionCompactButtonComponent,
|
|
140
|
+
ActionCompactButtonDemoComponent,
|
|
141
|
+
]
|
|
142
|
+
}]
|
|
143
|
+
}] });
|
|
144
|
+
|
|
145
|
+
class ActionCompactButtonDemoComponent {
|
|
146
|
+
constructor() {
|
|
147
|
+
this.buttonActions = [
|
|
148
|
+
{ icon: 'dialpad', label: 'Phone', disabled: true },
|
|
149
|
+
{ icon: 'voicemail', label: 'Messages', badge: 6, color: 'orange' },
|
|
150
|
+
{ icon: 'notifications_off', label: 'Alerts', badge: 0 },
|
|
151
|
+
];
|
|
152
|
+
}
|
|
153
|
+
ngOnInit() {
|
|
154
|
+
}
|
|
155
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
156
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionCompactButtonDemoComponent, selector: "app-action-compact-button-demo", ngImport: i0, template: "<h1>\n Action Compact Button\n</h1>\n\n<div>\n <mat-checkbox #expanded>Expanded</mat-checkbox>\n</div>\n\n<div style=\"margin: 2rem;\">\n <div style=\"display: flex; gap: 2rem\">\n <!-- Display Card - Compact Buttons -->\n <app-action-compact-button\n [data]=\"buttonActions\"\n [expand]=\"expanded.checked\"\n ></app-action-compact-button>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: ActionCompactButtonComponent, selector: "app-action-compact-button", inputs: ["expand", "data", "disabled"] }] }); }
|
|
157
|
+
}
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionCompactButtonDemoComponent, decorators: [{
|
|
159
|
+
type: Component,
|
|
160
|
+
args: [{ selector: 'app-action-compact-button-demo', template: "<h1>\n Action Compact Button\n</h1>\n\n<div>\n <mat-checkbox #expanded>Expanded</mat-checkbox>\n</div>\n\n<div style=\"margin: 2rem;\">\n <div style=\"display: flex; gap: 2rem\">\n <!-- Display Card - Compact Buttons -->\n <app-action-compact-button\n [data]=\"buttonActions\"\n [expand]=\"expanded.checked\"\n ></app-action-compact-button>\n </div>\n</div>\n" }]
|
|
161
|
+
}], ctorParameters: function () { return []; } });
|
|
162
|
+
|
|
163
|
+
/*
|
|
164
|
+
* Public API Surface of action-compact-button
|
|
165
|
+
*/
|
|
166
|
+
|
|
167
|
+
/**
|
|
168
|
+
* Generated bundle index. Do not edit.
|
|
169
|
+
*/
|
|
170
|
+
|
|
171
|
+
export { ActionCompactButtonComponent, ActionCompactButtonDemoComponent, ActionCompactButtonModule, ButtonAction };
|
|
172
|
+
//# sourceMappingURL=action-compact-button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-compact-button.mjs","sources":["../../../projects/action-compact-button/src/lib/models/button-action.model.ts","../../../projects/action-compact-button/src/lib/models/index.ts","../../../projects/action-compact-button/src/lib/action-compact-button.component.ts","../../../projects/action-compact-button/src/lib/action-compact-button.component.html","../../../projects/action-compact-button/src/lib/action-compact-button.module.ts","../../../projects/action-compact-button/src/lib/action-compact-button-demo/action-compact-button-demo.component.ts","../../../projects/action-compact-button/src/lib/action-compact-button-demo/action-compact-button-demo.component.html","../../../projects/action-compact-button/src/public-api.ts","../../../projects/action-compact-button/src/action-compact-button.ts"],"sourcesContent":["export interface ButtonActionInterface {\n label?: string;\n icon?: string;\n disabled?: boolean;\n badge?: number;\n color?: string;\n svg?: boolean\n}\n\nexport class ButtonAction implements ButtonActionInterface {\n constructor(\n public label?: string,\n public icon?: string,\n public disabled?: boolean,\n public badge?: number,\n public color?: string,\n public svg?: boolean\n ) {}\n\n static adapt(data?: any): ButtonAction {\n return new ButtonAction(\n data?.label,\n data?.icon,\n (data?.disabled) ? data.disabled : false,\n (data?.badge) ? data.badge : 0,\n data?.color,\n (data?.svg) ? true : false\n );\n }\n}\n","/*\n * Public API Surface of dynamic-dialog\n */\n\nexport * from './button-action.model';\n\n","import { Component, Input, OnInit, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ButtonAction } from './models';\n\n@Component({\n selector: 'app-action-compact-button',\n templateUrl: './action-compact-button.component.html',\n styleUrls: ['./action-compact-button.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ActionCompactButtonComponent),\n multi: true,\n },\n ],\n})\nexport class ActionCompactButtonComponent implements OnInit, ControlValueAccessor {\n\n _expanded = false\n @Input() set expand(value: boolean|string) {\n this._expanded = (value) ? true : false\n }\n\n get expand() {\n return this._expanded\n }\n\n _data: ButtonAction[] = []\n @Input() set data(value: ButtonAction[]) {\n this._data = value || []\n }\n\n get data() {\n return this._data\n }\n\n @Input() disabled = false\n\n onChange: any = () => {};\n onTouch: any = () => {};\n\n constructor() { }\n\n ngOnInit() {\n }\n\n writeValue(value: string) {\n console.log('writeValue', value);\n }\n\n onSelected(event: any) {\n this.onChange(event)\n }\n\n registerOnChange(fn: any) {\n this.onChange = fn\n }\n\n registerOnTouched(fn: any) {\n this.onTouch = fn\n }\n\n setDisabledState?(isDisabled: boolean) {\n this.disabled = isDisabled\n }\n\n onInfo(event: MouseEvent): void {\n event.stopPropagation();\n }\n\n}\n","<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n *ngIf=\"!expand; else EXPANDED\"\n (click)=\"onInfo($event)\"\n [disabled]=\"disabled || disabled\"\n>\n <mat-icon>more_vert</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n <div style=\"padding-right: 20px;\">\n <button\n mat-menu-item\n (click)=\"onSelected(item)\"\n *ngFor=\"let item of data\"\n [disabled]=\"item.disabled\"\n >\n <mat-icon\n *ngIf=\"item.icon\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n >\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"item.label\">{{ item.label }}</span>\n </button>\n </div>\n</mat-menu>\n\n<ng-template #EXPANDED>\n<div style=\"display: flex; gap: .5rem\">\n <button\n *ngFor=\"let item of data\"\n mat-icon-button\n (click)=\"onSelected(item); $event.stopPropagation()\"\n [disabled]=\"item.disabled || disabled\"\n [matBadge]=\"(item.badge && item.badge > 0) ? item.badge : ''\"\n [style.color]=\"(item?.color) ? item.color : ''\"\n >\n <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n </button>\n</div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { ActionCompactButtonComponent, ActionCompactButtonDemoComponent } from '../public-api';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n MatMenuModule,\n ReactiveFormsModule,\n MatIconModule,\n MatButtonModule,\n MatBadgeModule,\n MatCheckboxModule,\n ],\n declarations: [\n ActionCompactButtonComponent,\n ActionCompactButtonDemoComponent,\n ], exports:[\n ActionCompactButtonComponent,\n ActionCompactButtonDemoComponent,\n ]\n})\nexport class ActionCompactButtonModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { ButtonAction } from '../models';\n\n@Component({\n selector: 'app-action-compact-button-demo',\n templateUrl: './action-compact-button-demo.component.html',\n styleUrls: ['./action-compact-button-demo.component.css']\n})\nexport class ActionCompactButtonDemoComponent implements OnInit {\n\n buttonActions: ButtonAction[] = [\n { icon: 'dialpad', label: 'Phone', disabled: true},\n { icon: 'voicemail', label: 'Messages', badge: 6, color: 'orange' },\n { icon: 'notifications_off', label: 'Alerts', badge: 0 },\n ]\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","<h1>\n Action Compact Button\n</h1>\n\n<div>\n <mat-checkbox #expanded>Expanded</mat-checkbox>\n</div>\n\n<div style=\"margin: 2rem;\">\n <div style=\"display: flex; gap: 2rem\">\n <!-- Display Card - Compact Buttons -->\n <app-action-compact-button\n [data]=\"buttonActions\"\n [expand]=\"expanded.checked\"\n ></app-action-compact-button>\n </div>\n</div>\n","/*\n * Public API Surface of action-compact-button\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/action-compact-button.component';\nexport * from './lib/action-compact-button.module';\n\nexport * from './lib/action-compact-button-demo/action-compact-button-demo.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.ActionCompactButtonComponent"],"mappings":"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"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ButtonAction } from '../models';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ActionCompactButtonDemoComponent implements OnInit {
|
|
5
|
+
buttonActions: ButtonAction[];
|
|
6
|
+
constructor();
|
|
7
|
+
ngOnInit(): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ActionCompactButtonDemoComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ActionCompactButtonDemoComponent, "app-action-compact-button-demo", never, {}, {}, never, never, false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { ButtonAction } from './models';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ActionCompactButtonComponent implements OnInit, ControlValueAccessor {
|
|
6
|
+
_expanded: boolean;
|
|
7
|
+
set expand(value: boolean | string);
|
|
8
|
+
get expand(): boolean | string;
|
|
9
|
+
_data: ButtonAction[];
|
|
10
|
+
set data(value: ButtonAction[]);
|
|
11
|
+
get data(): ButtonAction[];
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
onChange: any;
|
|
14
|
+
onTouch: any;
|
|
15
|
+
constructor();
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
writeValue(value: string): void;
|
|
18
|
+
onSelected(event: any): void;
|
|
19
|
+
registerOnChange(fn: any): void;
|
|
20
|
+
registerOnTouched(fn: any): void;
|
|
21
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
22
|
+
onInfo(event: MouseEvent): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ActionCompactButtonComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ActionCompactButtonComponent, "app-action-compact-button", never, { "expand": { "alias": "expand"; "required": false; }; "data": { "alias": "data"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./action-compact-button.component";
|
|
3
|
+
import * as i2 from "./action-compact-button-demo/action-compact-button-demo.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "@angular/material/menu";
|
|
7
|
+
import * as i6 from "@angular/material/icon";
|
|
8
|
+
import * as i7 from "@angular/material/button";
|
|
9
|
+
import * as i8 from "@angular/material/badge";
|
|
10
|
+
import * as i9 from "@angular/material/checkbox";
|
|
11
|
+
export declare class ActionCompactButtonModule {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ActionCompactButtonModule, never>;
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ActionCompactButtonModule, [typeof i1.ActionCompactButtonComponent, typeof i2.ActionCompactButtonDemoComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.MatMenuModule, typeof i4.ReactiveFormsModule, typeof i6.MatIconModule, typeof i7.MatButtonModule, typeof i8.MatBadgeModule, typeof i9.MatCheckboxModule], [typeof i1.ActionCompactButtonComponent, typeof i2.ActionCompactButtonDemoComponent]>;
|
|
14
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ActionCompactButtonModule>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ButtonActionInterface {
|
|
2
|
+
label?: string;
|
|
3
|
+
icon?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
badge?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
svg?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class ButtonAction implements ButtonActionInterface {
|
|
10
|
+
label?: string | undefined;
|
|
11
|
+
icon?: string | undefined;
|
|
12
|
+
disabled?: boolean | undefined;
|
|
13
|
+
badge?: number | undefined;
|
|
14
|
+
color?: string | undefined;
|
|
15
|
+
svg?: boolean | undefined;
|
|
16
|
+
constructor(label?: string | undefined, icon?: string | undefined, disabled?: boolean | undefined, badge?: number | undefined, color?: string | undefined, svg?: boolean | undefined);
|
|
17
|
+
static adapt(data?: any): ButtonAction;
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './button-action.model';
|
package/package.json
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "action-compact-button",
|
|
3
|
+
"version": "15.0.4",
|
|
4
|
+
"homepage": "https://wavecoders.ca",
|
|
5
|
+
"author": "Mike Bonifacio <wavecoders@gmail.com> (http://wavecoders@gmail.com/)",
|
|
6
|
+
"description": "This is an Angular Module containing Components/Services using Material",
|
|
7
|
+
"funding": [
|
|
8
|
+
{
|
|
9
|
+
"type": "individual",
|
|
10
|
+
"url": "http://wavecoders.ca/donate"
|
|
11
|
+
}
|
|
12
|
+
],
|
|
13
|
+
"peerDependencies": {
|
|
14
|
+
"@angular/common": "^15.2.0",
|
|
15
|
+
"@angular/core": "^15.2.0"
|
|
16
|
+
},
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"tslib": "^2.3.0"
|
|
19
|
+
},
|
|
20
|
+
"sideEffects": false,
|
|
21
|
+
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
|
|
22
|
+
"dest": "../../dist/action-compact-button",
|
|
23
|
+
"lib": {
|
|
24
|
+
"entryFile": "src/public-api.ts"
|
|
25
|
+
},
|
|
26
|
+
"module": "fesm2022/action-compact-button.mjs",
|
|
27
|
+
"typings": "index.d.ts",
|
|
28
|
+
"exports": {
|
|
29
|
+
"./package.json": {
|
|
30
|
+
"default": "./package.json"
|
|
31
|
+
},
|
|
32
|
+
".": {
|
|
33
|
+
"types": "./index.d.ts",
|
|
34
|
+
"esm2022": "./esm2022/action-compact-button.mjs",
|
|
35
|
+
"esm": "./esm2022/action-compact-button.mjs",
|
|
36
|
+
"default": "./fesm2022/action-compact-button.mjs"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
package/public-api.d.ts
ADDED