@energinet/watt 4.0.9 → 4.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm2022/menu/index.js
CHANGED
|
@@ -16,8 +16,21 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
//#endregion
|
|
19
|
+
// Individual exports
|
|
19
20
|
export { WattMenuComponent } from './watt-menu.component';
|
|
20
21
|
export { WattMenuItemComponent } from './watt-menu-item.component';
|
|
21
22
|
export { WattMenuGroupComponent } from './watt-menu-group.component';
|
|
22
23
|
export { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
|
|
23
|
-
|
|
24
|
+
// Import the components for the combined export
|
|
25
|
+
import { WattMenuComponent } from './watt-menu.component';
|
|
26
|
+
import { WattMenuItemComponent } from './watt-menu-item.component';
|
|
27
|
+
import { WattMenuGroupComponent } from './watt-menu-group.component';
|
|
28
|
+
import { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
|
|
29
|
+
// Combined export for convenience - all menu-related components
|
|
30
|
+
export const WATT_MENU = [
|
|
31
|
+
WattMenuComponent,
|
|
32
|
+
WattMenuItemComponent,
|
|
33
|
+
WattMenuGroupComponent,
|
|
34
|
+
WattMenuTriggerDirective,
|
|
35
|
+
];
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9tZW51L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1oscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXpFLGdEQUFnRDtBQUNoRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV6RSxnRUFBZ0U7QUFDaEUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHO0lBQ3ZCLGlCQUFpQjtJQUNqQixxQkFBcUI7SUFDckIsc0JBQXNCO0lBQ3RCLHdCQUF3QjtDQUNoQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuLy8gSW5kaXZpZHVhbCBleHBvcnRzXG5leHBvcnQgeyBXYXR0TWVudUNvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgeyBXYXR0TWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3dhdHQtbWVudS1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgeyBXYXR0TWVudUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LW1lbnUtZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCB7IFdhdHRNZW51VHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vd2F0dC1tZW51LXRyaWdnZXIuZGlyZWN0aXZlJztcblxuLy8gSW1wb3J0IHRoZSBjb21wb25lbnRzIGZvciB0aGUgY29tYmluZWQgZXhwb3J0XG5pbXBvcnQgeyBXYXR0TWVudUNvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXYXR0TWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3dhdHQtbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXYXR0TWVudUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LW1lbnUtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFdhdHRNZW51VHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vd2F0dC1tZW51LXRyaWdnZXIuZGlyZWN0aXZlJztcblxuLy8gQ29tYmluZWQgZXhwb3J0IGZvciBjb252ZW5pZW5jZSAtIGFsbCBtZW51LXJlbGF0ZWQgY29tcG9uZW50c1xuZXhwb3J0IGNvbnN0IFdBVFRfTUVOVSA9IFtcbiAgV2F0dE1lbnVDb21wb25lbnQsXG4gIFdhdHRNZW51SXRlbUNvbXBvbmVudCxcbiAgV2F0dE1lbnVHcm91cENvbXBvbmVudCxcbiAgV2F0dE1lbnVUcmlnZ2VyRGlyZWN0aXZlLFxuXSBhcyBjb25zdDtcbiJdfQ==
|
|
@@ -16,54 +16,35 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
//#endregion
|
|
19
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, input
|
|
19
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, input } from '@angular/core';
|
|
20
20
|
import { MatMenuItem } from '@angular/material/menu';
|
|
21
21
|
import * as i0 from "@angular/core";
|
|
22
22
|
export class WattMenuItemComponent {
|
|
23
|
-
elementRef = inject(ElementRef);
|
|
24
23
|
/**
|
|
25
24
|
* Whether the menu item is disabled.
|
|
26
25
|
*/
|
|
27
26
|
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
28
|
-
/**
|
|
29
|
-
* Whether this menu item has an icon.
|
|
30
|
-
* @ignore
|
|
31
|
-
*/
|
|
32
|
-
_hasIcon = signal(false, ...(ngDevMode ? [{ debugName: "_hasIcon" }] : []));
|
|
33
|
-
hasIcon = this._hasIcon.asReadonly();
|
|
34
|
-
/**
|
|
35
|
-
* Whether the parent menu has any items with icons.
|
|
36
|
-
* @ignore
|
|
37
|
-
*/
|
|
38
|
-
menuHasIcons = signal(false, ...(ngDevMode ? [{ debugName: "menuHasIcons" }] : []));
|
|
39
|
-
constructor() {
|
|
40
|
-
// Check if this menu item has an icon
|
|
41
|
-
afterNextRender(() => {
|
|
42
|
-
const iconElement = this.elementRef.nativeElement.querySelector('watt-icon');
|
|
43
|
-
this._hasIcon.set(!!iconElement);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
27
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
28
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: WattMenuItemComponent, isStandalone: true, selector: "watt-menu-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabled() || null" } }, ngImport: i0, template: `<button mat-menu-item [disabled]="disabled()">
|
|
48
29
|
<span class="watt-menu-item-content">
|
|
49
|
-
<span class="watt-menu-item-icon"
|
|
30
|
+
<span class="watt-menu-item-icon">
|
|
50
31
|
<ng-content select="watt-icon" />
|
|
51
32
|
</span>
|
|
52
33
|
<ng-content />
|
|
53
34
|
</span>
|
|
54
|
-
</button>`, isInline: true, styles: ["watt-menu-item .mat-mdc-menu-item{padding-inline:var(--watt-menu-padding-inline)}watt-menu-item .watt-menu-item-content{display:flex;align-items:center;gap:var(--watt-menu-item-gap);width:100%}watt-menu-item .watt-menu-item-icon{display:flex;align-items:center;justify-content:center;width:var(--watt-menu-icon-size);height:var(--watt-menu-icon-size);flex-shrink:0}watt-menu-item .watt-menu-item-icon
|
|
35
|
+
</button>`, isInline: true, styles: ["watt-menu-item .mat-mdc-menu-item{padding-inline:var(--watt-menu-padding-inline)}watt-menu-item .watt-menu-item-content{display:flex;align-items:center;gap:var(--watt-menu-item-gap);width:100%}watt-menu-item .watt-menu-item-icon{display:flex;align-items:center;justify-content:center;width:var(--watt-menu-icon-size);height:var(--watt-menu-icon-size);flex-shrink:0}watt-menu-item .watt-menu-item-icon watt-icon{display:flex}watt-menu-item .watt-menu-item-icon--show:empty{visibility:hidden}\n"], dependencies: [{ kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
55
36
|
}
|
|
56
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuItemComponent, decorators: [{
|
|
57
38
|
type: Component,
|
|
58
39
|
args: [{ selector: 'watt-menu-item', imports: [MatMenuItem], template: `<button mat-menu-item [disabled]="disabled()">
|
|
59
40
|
<span class="watt-menu-item-content">
|
|
60
|
-
<span class="watt-menu-item-icon"
|
|
41
|
+
<span class="watt-menu-item-icon">
|
|
61
42
|
<ng-content select="watt-icon" />
|
|
62
43
|
</span>
|
|
63
44
|
<ng-content />
|
|
64
45
|
</span>
|
|
65
46
|
</button>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
66
47
|
'[attr.disabled]': 'disabled() || null',
|
|
67
|
-
}, styles: ["watt-menu-item .mat-mdc-menu-item{padding-inline:var(--watt-menu-padding-inline)}watt-menu-item .watt-menu-item-content{display:flex;align-items:center;gap:var(--watt-menu-item-gap);width:100%}watt-menu-item .watt-menu-item-icon{display:flex;align-items:center;justify-content:center;width:var(--watt-menu-icon-size);height:var(--watt-menu-icon-size);flex-shrink:0}watt-menu-item .watt-menu-item-icon
|
|
68
|
-
}]
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
}, styles: ["watt-menu-item .mat-mdc-menu-item{padding-inline:var(--watt-menu-padding-inline)}watt-menu-item .watt-menu-item-content{display:flex;align-items:center;gap:var(--watt-menu-item-gap);width:100%}watt-menu-item .watt-menu-item-icon{display:flex;align-items:center;justify-content:center;width:var(--watt-menu-icon-size);height:var(--watt-menu-icon-size);flex-shrink:0}watt-menu-item .watt-menu-item-icon watt-icon{display:flex}watt-menu-item .watt-menu-item-icon--show:empty{visibility:hidden}\n"] }]
|
|
49
|
+
}] });
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvbWVudS93YXR0LW1lbnUtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBc0RyRCxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDOztPQUVHO0lBQ0gsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLG9EQUFDLENBQUM7dUdBSmIscUJBQXFCOzJGQUFyQixxQkFBcUIsd1JBakR0Qjs7Ozs7OztZQU9BLHNqQkFSQSxXQUFXOzsyRkFrRFYscUJBQXFCO2tCQXBEakMsU0FBUzsrQkFDRSxnQkFBZ0IsV0FDakIsQ0FBQyxXQUFXLENBQUMsWUFDWjs7Ozs7OztZQU9BLGlCQW9DSyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLGlCQUFpQixFQUFFLG9CQUFvQjtxQkFDeEMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnVJdGVtIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtbWVudS1pdGVtJyxcbiAgaW1wb3J0czogW01hdE1lbnVJdGVtXSxcbiAgdGVtcGxhdGU6IGA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cIndhdHQtbWVudS1pdGVtLWNvbnRlbnRcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwid2F0dC1tZW51LWl0ZW0taWNvblwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWljb25cIiAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPmAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIHdhdHQtbWVudS1pdGVtIHtcbiAgICAgICAgLm1hdC1tZGMtbWVudS1pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0td2F0dC1tZW51LXBhZGRpbmctaW5saW5lKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC53YXR0LW1lbnUtaXRlbS1jb250ZW50IHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgZ2FwOiB2YXIoLS13YXR0LW1lbnUtaXRlbS1nYXApO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLndhdHQtbWVudS1pdGVtLWljb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICB3aWR0aDogdmFyKC0td2F0dC1tZW51LWljb24tc2l6ZSk7XG4gICAgICAgICAgaGVpZ2h0OiB2YXIoLS13YXR0LW1lbnUtaWNvbi1zaXplKTtcbiAgICAgICAgICBmbGV4LXNocmluazogMDtcblxuICAgICAgICAgIC8qIEljb24gc3BhY2UgdmlzaWJpbGl0eSBpcyBjb250cm9sbGVkIGJ5IHBhcmVudCBtZW51IENTUyAqL1xuXG4gICAgICAgICAgd2F0dC1pY29uIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLndhdHQtbWVudS1pdGVtLWljb24tLXNob3c6ZW1wdHkge1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmRpc2FibGVkXSc6ICdkaXNhYmxlZCgpIHx8IG51bGwnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0TWVudUl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogV2hldGhlciB0aGUgbWVudSBpdGVtIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG59XG4iXX0=
|
|
@@ -16,9 +16,8 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
//#endregion
|
|
19
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, viewChild
|
|
19
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, viewChild } from '@angular/core';
|
|
20
20
|
import { MatMenuModule } from '@angular/material/menu';
|
|
21
|
-
import { WattMenuItemComponent } from './watt-menu-item.component';
|
|
22
21
|
import * as i0 from "@angular/core";
|
|
23
22
|
import * as i1 from "@angular/material/menu";
|
|
24
23
|
/**
|
|
@@ -60,43 +59,19 @@ export class WattMenuComponent {
|
|
|
60
59
|
* @ignore
|
|
61
60
|
*/
|
|
62
61
|
menu = viewChild.required('menu');
|
|
63
|
-
/**
|
|
64
|
-
* All menu items in this menu.
|
|
65
|
-
* @ignore
|
|
66
|
-
*/
|
|
67
|
-
menuItems = contentChildren(WattMenuItemComponent, ...(ngDevMode ? [{ debugName: "menuItems", descendants: true }] : [{ descendants: true }]));
|
|
68
|
-
/**
|
|
69
|
-
* Whether any menu item has an icon.
|
|
70
|
-
* @ignore
|
|
71
|
-
*/
|
|
72
|
-
hasIcons = computed(() => this.menuItems().some((item) => item.hasIcon()), ...(ngDevMode ? [{ debugName: "hasIcons" }] : []));
|
|
73
|
-
constructor() {
|
|
74
|
-
effect(() => {
|
|
75
|
-
const hasIcons = this.hasIcons();
|
|
76
|
-
this.menuItems().forEach((item) => {
|
|
77
|
-
item.menuHasIcons.set(hasIcons);
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
62
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: WattMenuComponent, isStandalone: true, selector: "watt-menu",
|
|
83
|
-
<mat-menu
|
|
84
|
-
|
|
85
|
-
[class]="'watt-menu-panel' + (hasIcons() ? ' watt-menu-panel--has-icons' : '')"
|
|
86
|
-
>
|
|
87
|
-
<ng-content select="watt-menu-group, watt-menu-item" />
|
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: WattMenuComponent, isStandalone: true, selector: "watt-menu", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], exportAs: ["wattMenu"], ngImport: i0, template: `
|
|
64
|
+
<mat-menu #menu="matMenu" class="watt-menu-panel">
|
|
65
|
+
<ng-content />
|
|
88
66
|
</mat-menu>
|
|
89
|
-
`, isInline: true, styles: [":root{--watt-menu-padding-block: var(--watt-space-s);--watt-menu-padding-inline: var(--watt-space-m);--watt-menu-item-gap: var(--watt-space-s);--watt-menu-icon-space: calc(var(--watt-menu-icon-size) + var(--watt-menu-item-gap));--watt-menu-icon-size: var(--watt-icon-size-s)}.watt-menu-panel .mat-mdc-menu-content{padding-block:var(--watt-menu-padding-block)}.watt-menu-panel:not(
|
|
67
|
+
`, isInline: true, styles: [":root{--watt-menu-padding-block: var(--watt-space-s);--watt-menu-padding-inline: var(--watt-space-m);--watt-menu-item-gap: var(--watt-space-s);--watt-menu-icon-space: calc(var(--watt-menu-icon-size) + var(--watt-menu-item-gap));--watt-menu-icon-size: var(--watt-icon-size-s)}.watt-menu-panel .mat-mdc-menu-content{padding-block:var(--watt-menu-padding-block)}.watt-menu-panel:not(:has(watt-icon)) .watt-menu-item-icon{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
90
68
|
}
|
|
91
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattMenuComponent, decorators: [{
|
|
92
70
|
type: Component,
|
|
93
71
|
args: [{ selector: 'watt-menu', template: `
|
|
94
|
-
<mat-menu
|
|
95
|
-
|
|
96
|
-
[class]="'watt-menu-panel' + (hasIcons() ? ' watt-menu-panel--has-icons' : '')"
|
|
97
|
-
>
|
|
98
|
-
<ng-content select="watt-menu-group, watt-menu-item" />
|
|
72
|
+
<mat-menu #menu="matMenu" class="watt-menu-panel">
|
|
73
|
+
<ng-content />
|
|
99
74
|
</mat-menu>
|
|
100
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuModule], exportAs: 'wattMenu', styles: [":root{--watt-menu-padding-block: var(--watt-space-s);--watt-menu-padding-inline: var(--watt-space-m);--watt-menu-item-gap: var(--watt-space-s);--watt-menu-icon-space: calc(var(--watt-menu-icon-size) + var(--watt-menu-item-gap));--watt-menu-icon-size: var(--watt-icon-size-s)}.watt-menu-panel .mat-mdc-menu-content{padding-block:var(--watt-menu-padding-block)}.watt-menu-panel:not(
|
|
101
|
-
}]
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuModule], exportAs: 'wattMenu', styles: [":root{--watt-menu-padding-block: var(--watt-space-s);--watt-menu-padding-inline: var(--watt-space-m);--watt-menu-item-gap: var(--watt-space-s);--watt-menu-icon-space: calc(var(--watt-menu-icon-size) + var(--watt-menu-item-gap));--watt-menu-icon-size: var(--watt-icon-size-s)}.watt-menu-panel .mat-mdc-menu-content{padding-block:var(--watt-menu-padding-block)}.watt-menu-panel:not(:has(watt-icon)) .watt-menu-item-icon{display:none}\n"] }]
|
|
76
|
+
}] });
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL21lbnUvd2F0dC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBVyxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRWhFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDRztBQXFDSCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCOzs7T0FHRztJQUNILElBQUksR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFVLE1BQU0sQ0FBQyxDQUFDO3VHQUxoQyxpQkFBaUI7MkZBQWpCLGlCQUFpQiwyTUFsQ2xCOzs7O0dBSVQsMGZBMkJTLGFBQWE7OzJGQUdaLGlCQUFpQjtrQkFwQzdCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYOzs7O0dBSVQsaUJBeUJjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxhQUFhLENBQUMsWUFDZCxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0TWVudSwgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xuXG4vKipcbiAqIFdhdHQgTWVudSBDb21wb25lbnRcbiAqXG4gKiBBIHdyYXBwZXIgYXJvdW5kIEFuZ3VsYXIgTWF0ZXJpYWwncyBtZW51IGNvbXBvbmVudCB0aGF0IHByb3ZpZGVzIGNvbnNpc3RlbnQgc3R5bGluZ1xuICogYW5kIGludGVncmF0aW9uIHdpdGggdGhlIFdhdHQgZGVzaWduIHN5c3RlbS5cbiAqXG4gKiBAZXhhbXBsZSBCYXNpYyB1c2FnZVxuICogYGBgaHRtbFxuICogPHdhdHQtYnV0dG9uIFt3YXR0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiPlxuICogICBPcGVuIE1lbnVcbiAqIDwvd2F0dC1idXR0b24+XG4gKlxuICogPHdhdHQtbWVudSAjbWVudT5cbiAqICAgPHdhdHQtbWVudS1pdGVtPk9wdGlvbiAxPC93YXR0LW1lbnUtaXRlbT5cbiAqICAgPHdhdHQtbWVudS1pdGVtPk9wdGlvbiAyPC93YXR0LW1lbnUtaXRlbT5cbiAqIDwvd2F0dC1tZW51PlxuICogYGBgXG4gKlxuICogQGV4YW1wbGUgV2l0aCBncm91cHNcbiAqIGBgYGh0bWxcbiAqIDx3YXR0LW1lbnUgI21lbnU+XG4gKiAgIDx3YXR0LW1lbnUtZ3JvdXAgbGFiZWw9XCJGaWxlXCI+XG4gKiAgICAgPHdhdHQtbWVudS1pdGVtPk5ldzwvd2F0dC1tZW51LWl0ZW0+XG4gKiAgICAgPHdhdHQtbWVudS1pdGVtPk9wZW48L3dhdHQtbWVudS1pdGVtPlxuICogICA8L3dhdHQtbWVudS1ncm91cD5cbiAqXG4gKiAgIDx3YXR0LW1lbnUtZ3JvdXAgbGFiZWw9XCJFZGl0XCI+XG4gKiAgICAgPHdhdHQtbWVudS1pdGVtPkN1dDwvd2F0dC1tZW51LWl0ZW0+XG4gKiAgICAgPHdhdHQtbWVudS1pdGVtPkNvcHk8L3dhdHQtbWVudS1pdGVtPlxuICogICA8L3dhdHQtbWVudS1ncm91cD5cbiAqIDwvd2F0dC1tZW51PlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtbWVudScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIGNsYXNzPVwid2F0dC1tZW51LXBhbmVsXCI+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvbWF0LW1lbnU+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpyb290IHtcbiAgICAgICAgLS13YXR0LW1lbnUtcGFkZGluZy1ibG9jazogdmFyKC0td2F0dC1zcGFjZS1zKTtcbiAgICAgICAgLS13YXR0LW1lbnUtcGFkZGluZy1pbmxpbmU6IHZhcigtLXdhdHQtc3BhY2UtbSk7XG4gICAgICAgIC0td2F0dC1tZW51LWl0ZW0tZ2FwOiB2YXIoLS13YXR0LXNwYWNlLXMpO1xuICAgICAgICAtLXdhdHQtbWVudS1pY29uLXNwYWNlOiBjYWxjKHZhcigtLXdhdHQtbWVudS1pY29uLXNpemUpICsgdmFyKC0td2F0dC1tZW51LWl0ZW0tZ2FwKSk7XG4gICAgICAgIC0td2F0dC1tZW51LWljb24tc2l6ZTogdmFyKC0td2F0dC1pY29uLXNpemUtcyk7XG4gICAgICB9XG5cbiAgICAgIC8qIE1lbnUgcGFuZWwgc3R5bGVzICovXG4gICAgICAud2F0dC1tZW51LXBhbmVsIHtcbiAgICAgICAgLyogT3ZlcnJpZGUgTWF0ZXJpYWwgbWVudSBwYWRkaW5nIHRvIGhhdmUgY29uc2lzdGVudCBzcGFjaW5nICovXG4gICAgICAgIC5tYXQtbWRjLW1lbnUtY29udGVudCB7XG4gICAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0td2F0dC1tZW51LXBhZGRpbmctYmxvY2spO1xuICAgICAgICB9XG5cbiAgICAgICAgLyogSGlkZSBpY29uIHNwYWNlIHdoZW4gbm8gbWVudSBpdGVtcyBoYXZlIGljb25zICovXG4gICAgICAgICY6bm90KDpoYXMod2F0dC1pY29uKSkgLndhdHQtbWVudS1pdGVtLWljb24ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW01hdE1lbnVNb2R1bGVdLFxuICBleHBvcnRBczogJ3dhdHRNZW51Jyxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dE1lbnVDb21wb25lbnQge1xuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB1bmRlcmx5aW5nIE1hdE1lbnUgaW5zdGFuY2UuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG1lbnUgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8TWF0TWVudT4oJ21lbnUnKTtcbn1cbiJdfQ==
|
package/menu/index.d.ts
CHANGED
|
@@ -18,3 +18,8 @@ export { WattMenuComponent } from './watt-menu.component';
|
|
|
18
18
|
export { WattMenuItemComponent } from './watt-menu-item.component';
|
|
19
19
|
export { WattMenuGroupComponent } from './watt-menu-group.component';
|
|
20
20
|
export { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
|
|
21
|
+
import { WattMenuComponent } from './watt-menu.component';
|
|
22
|
+
import { WattMenuItemComponent } from './watt-menu-item.component';
|
|
23
|
+
import { WattMenuGroupComponent } from './watt-menu-group.component';
|
|
24
|
+
import { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
|
|
25
|
+
export declare const WATT_MENU: readonly [typeof WattMenuComponent, typeof WattMenuItemComponent, typeof WattMenuGroupComponent, typeof WattMenuTriggerDirective];
|
|
@@ -1,22 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class WattMenuItemComponent {
|
|
3
|
-
private readonly elementRef;
|
|
4
3
|
/**
|
|
5
4
|
* Whether the menu item is disabled.
|
|
6
5
|
*/
|
|
7
6
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
8
|
-
/**
|
|
9
|
-
* Whether this menu item has an icon.
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
private readonly _hasIcon;
|
|
13
|
-
hasIcon: import("@angular/core").Signal<boolean>;
|
|
14
|
-
/**
|
|
15
|
-
* Whether the parent menu has any items with icons.
|
|
16
|
-
* @ignore
|
|
17
|
-
*/
|
|
18
|
-
menuHasIcons: import("@angular/core").WritableSignal<boolean>;
|
|
19
|
-
constructor();
|
|
20
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuItemComponent, never>;
|
|
21
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuItemComponent, "watt-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["watt-icon", "*"], true, never>;
|
|
22
9
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { MatMenu } from '@angular/material/menu';
|
|
2
|
-
import { WattMenuItemComponent } from './watt-menu-item.component';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
/**
|
|
5
4
|
* Watt Menu Component
|
|
@@ -40,17 +39,6 @@ export declare class WattMenuComponent {
|
|
|
40
39
|
* @ignore
|
|
41
40
|
*/
|
|
42
41
|
menu: import("@angular/core").Signal<MatMenu>;
|
|
43
|
-
/**
|
|
44
|
-
* All menu items in this menu.
|
|
45
|
-
* @ignore
|
|
46
|
-
*/
|
|
47
|
-
menuItems: import("@angular/core").Signal<readonly WattMenuItemComponent[]>;
|
|
48
|
-
/**
|
|
49
|
-
* Whether any menu item has an icon.
|
|
50
|
-
* @ignore
|
|
51
|
-
*/
|
|
52
|
-
hasIcons: import("@angular/core").Signal<boolean>;
|
|
53
|
-
constructor();
|
|
54
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuComponent, never>;
|
|
55
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuComponent, "watt-menu", ["wattMenu"], {}, {},
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuComponent, "watt-menu", ["wattMenu"], {}, {}, never, ["*"], true, never>;
|
|
56
44
|
}
|