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 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,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="action-compact-button" />
5
+ export * from './public-api';
@@ -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
+ }
@@ -0,0 +1,4 @@
1
+ export * from './lib/models/index';
2
+ export * from './lib/action-compact-button.component';
3
+ export * from './lib/action-compact-button.module';
4
+ export * from './lib/action-compact-button-demo/action-compact-button-demo.component';