carbon-components-angular 5.56.6 → 5.57.0

package/fesm2015/carbon-components-angular-menu-button.mjs

@@ -0,0 +1,302 @@
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ContentChildren, HostBinding, ViewChild, NgModule } from '@angular/core';
+import { autoUpdate, computePosition, flip } from '@floating-ui/dom';
+import * as i4 from 'carbon-components-angular/context-menu';
+import { ContextMenuItemComponent, ContextMenuModule } from 'carbon-components-angular/context-menu';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'carbon-components-angular/button';
+import { ButtonModule } from 'carbon-components-angular/button';
+import * as i3 from 'carbon-components-angular/icon';
+import { IconModule } from 'carbon-components-angular/icon';
+
+class MenuButtonComponent {
+    constructor(ngZone, renderer, hostElement, viewContainerRef, changeDetectorRef) {
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        this.viewContainerRef = viewContainerRef;
+        this.changeDetectorRef = changeDetectorRef;
+        this.menuId = `menu-button-${MenuButtonComponent.menuButtonCounter++}`;
+        this.containerClass = true;
+        this.kind = "primary";
+        this.size = "lg";
+        this.menuAlignment = "bottom";
+        this.buttonTabIndex = "0";
+        this.disabled = false;
+        this.open = false;
+        this.documentClick = this.handleFocusOut.bind(this);
+        this.subscriptions = [];
+        this._alignment = "bottom";
+    }
+    // Listen for click & determine if menu should close
+    set projectedMenuItems(itemList) {
+        // Reset in case user dynamically updates menu item
+        this.subscriptions.forEach((sub) => sub === null || sub === void 0 ? void 0 : sub.unsubscribe());
+        this.subscriptions = [];
+        itemList.forEach((item) => {
+            this.subscriptions.push(item.itemClick.subscribe((clickEvent) => this.handleMenuItemClick(clickEvent)));
+        });
+    }
+    /**
+     * In case user updates alignment, store initial value.
+     * This allows us to test user passed alignment on each open
+     */
+    ngOnChanges(changes) {
+        if (changes.menuAlignment) {
+            this._alignment = changes.menuAlignment.currentValue;
+        }
+    }
+    /**
+     * If user has passed in true for open, we dynamically open the menu
+     */
+    ngAfterViewInit() {
+        if (this.open) {
+            this.open = !this.open;
+            this.toggleMenu();
+        }
+    }
+    /**
+    * Clean up Floating-ui & subscriptions
+    */
+    ngOnDestroy() {
+        this.cleanUp();
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+    }
+    /**
+     * As of now, menu button does not support nexted menu, on button click it should close
+     */
+    handleMenuItemClick(event) {
+        // If event is not type radio/checkbox, we close the menu
+        if (!event.type) {
+            this.toggleMenu();
+        }
+    }
+    /**
+     * On body click, close the menu
+     * @param event
+     */
+    handleFocusOut(event) {
+        if (!this.hostElement.nativeElement.contains(event.target)) {
+            this.toggleMenu();
+        }
+    }
+    /**
+     * Clean up `autoUpdate` if auto alignment is enabled
+     */
+    cleanUp() {
+        document.removeEventListener("click", this.documentClick);
+        if (this.unmountFloatingElement) {
+            this.menuRef.remove();
+            this.viewContainerRef.clear();
+            this.unmountFloatingElement();
+        }
+        this.unmountFloatingElement = undefined;
+        // On all instances of menu closing, make sure icon direction is correct
+        this.changeDetectorRef.markForCheck();
+    }
+    /**
+     * Handles emitting open/close event
+     */
+    toggleMenu() {
+        this.open = !this.open;
+        if (this.open) {
+            // Render the template & append to view
+            const view = this.viewContainerRef.createEmbeddedView(this.menuTemplate);
+            this.menuRef = document.body.appendChild(view.rootNodes[0]);
+            // Assign button width to the menu ref to align with button
+            Object.assign(this.menuRef.style, {
+                width: `${this.referenceElement.nativeElement.clientWidth}px`,
+                top: "0",
+                left: "0"
+            });
+            // Reset & test alignment every open
+            this.menuAlignment = this._alignment;
+            document.addEventListener("click", this.documentClick);
+            // Listen for events such as scrolling to keep menu aligned
+            this.unmountFloatingElement = autoUpdate(this.referenceElement.nativeElement, this.menuRef, this.recomputePosition.bind(this));
+        }
+        else {
+            this.cleanUp();
+        }
+    }
+    roundByDPR(value) {
+        const dpr = window.devicePixelRatio || 1;
+        return Math.round(value * dpr) / dpr;
+    }
+    /**
+     * Compute position of menu
+     */
+    recomputePosition() {
+        if (this.menuTemplate && this.referenceElement) {
+            // Run outside of angular zone to avoid unnecessary change detection and rely on floating-ui
+            this.ngZone.runOutsideAngular(() => __awaiter(this, void 0, void 0, function* () {
+                const { x, y, placement } = yield computePosition(this.referenceElement.nativeElement, this.menuRef, {
+                    placement: this.menuAlignment,
+                    strategy: "fixed",
+                    middleware: [
+                        flip({ crossAxis: false })
+                    ]
+                });
+                this.menuAlignment = placement;
+                // Using CSSOM to manipulate CSS to avoid content security policy inline-src
+                // https://github.com/w3c/webappsec-csp/issues/212
+                Object.assign(this.menuRef.style, {
+                    position: "fixed",
+                    // Using transform instead of top/left position to improve performance
+                    transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`
+                });
+                this.changeDetectorRef.markForCheck();
+            }));
+        }
+    }
+}
+MenuButtonComponent.menuButtonCounter = 0;
+MenuButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MenuButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MenuButtonComponent, selector: "cds-menu-button", inputs: { menuId: "menuId", kind: "kind", size: "size", menuAlignment: "menuAlignment", buttonTabIndex: "buttonTabIndex", disabled: "disabled", open: "open", label: "label" }, host: { properties: { "class.cds--menu-button__container": "this.containerClass" } }, queries: [{ propertyName: "projectedMenuItems", predicate: ContextMenuItemComponent }], viewQueries: [{ propertyName: "referenceElement", first: true, predicate: ["reference"], descendants: true, static: true }, { propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+		<button
+			#reference
+			class="cds--menu-button__trigger"
+			[ngClass]="{'cds--menu-button__trigger--open': open}"
+			[cdsButton]="kind"
+			[size]="size"
+			[attr.tabindex]="buttonTabIndex"
+			[disabled]="disabled"
+			type="button"
+			[attr.aria-haspopup]="true"
+			[attr.aria-expanded]="open"
+			[attr.aria-controls]="open ? menuId : undefined"
+			(click)="toggleMenu()">
+			{{label}}
+			<svg
+				cdsIcon="chevron--down"
+				size="16"
+				class="cds--btn__icon">
+			</svg>
+		</button>
+		<ng-template #menuTemplate>
+			<cds-menu
+				mode="basic"
+				[size]="size"
+				[open]="open"
+				[attr.id]="menuId"
+				[ngClass]="{
+					'cds--menu-button__bottom': this.menuAlignment === 'bottom',
+					'cds--menu-button__bottom-start': this.menuAlignment === 'bottom-start',
+					'cds--menu-button__bottom-end': this.menuAlignment === 'bottom-end',
+					'cds--menu-top': this.menuAlignment === 'top',
+					'cds--menu-top-start': this.menuAlignment === 'top-start',
+					'cds--menu-top-end': this.menuAlignment === 'top-end'
+				}">
+				<ng-content select="cds-menu-item, cds-menu-divider"></ng-content>
+			</cds-menu>
+		</ng-template>
+	`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4.ContextMenuComponent, selector: "cds-menu, cds-context-menu, ibm-context-menu", inputs: ["open", "position", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "cds-menu-button",
+                    template: `
+		<button
+			#reference
+			class="cds--menu-button__trigger"
+			[ngClass]="{'cds--menu-button__trigger--open': open}"
+			[cdsButton]="kind"
+			[size]="size"
+			[attr.tabindex]="buttonTabIndex"
+			[disabled]="disabled"
+			type="button"
+			[attr.aria-haspopup]="true"
+			[attr.aria-expanded]="open"
+			[attr.aria-controls]="open ? menuId : undefined"
+			(click)="toggleMenu()">
+			{{label}}
+			<svg
+				cdsIcon="chevron--down"
+				size="16"
+				class="cds--btn__icon">
+			</svg>
+		</button>
+		<ng-template #menuTemplate>
+			<cds-menu
+				mode="basic"
+				[size]="size"
+				[open]="open"
+				[attr.id]="menuId"
+				[ngClass]="{
+					'cds--menu-button__bottom': this.menuAlignment === 'bottom',
+					'cds--menu-button__bottom-start': this.menuAlignment === 'bottom-start',
+					'cds--menu-button__bottom-end': this.menuAlignment === 'bottom-end',
+					'cds--menu-top': this.menuAlignment === 'top',
+					'cds--menu-top-start': this.menuAlignment === 'top-start',
+					'cds--menu-top-end': this.menuAlignment === 'top-end'
+				}">
+				<ng-content select="cds-menu-item, cds-menu-divider"></ng-content>
+			</cds-menu>
+		</ng-template>
+	`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { menuId: [{
+                type: Input
+            }], projectedMenuItems: [{
+                type: ContentChildren,
+                args: [ContextMenuItemComponent]
+            }], containerClass: [{
+                type: HostBinding,
+                args: ["class.cds--menu-button__container"]
+            }], kind: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], menuAlignment: [{
+                type: Input
+            }], buttonTabIndex: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], referenceElement: [{
+                type: ViewChild,
+                args: ["reference", { static: true }]
+            }], menuTemplate: [{
+                type: ViewChild,
+                args: ["menuTemplate"]
+            }] } });
+
+class MenuButtonModule {
+}
+MenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonModule, declarations: [MenuButtonComponent], imports: [CommonModule,
+        ButtonModule,
+        IconModule,
+        ContextMenuModule], exports: [MenuButtonComponent] });
+MenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonModule, imports: [CommonModule,
+        ButtonModule,
+        IconModule,
+        ContextMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MenuButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ButtonModule,
+                        IconModule,
+                        ContextMenuModule
+                    ],
+                    exports: [MenuButtonComponent],
+                    declarations: [MenuButtonComponent],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenuButtonComponent, MenuButtonModule };
+//# sourceMappingURL=carbon-components-angular-menu-button.mjs.map

package/fesm2015/carbon-components-angular-menu-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"carbon-components-angular-menu-button.mjs","sources":["../../src/menu-button/menu-button.component.ts","../../src/menu-button/menu-button.module.ts","../../src/menu-button/carbon-components-angular-menu-button.ts"],"sourcesContent":["import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tforwardRef,\n\tHostBinding,\n\tInput,\n\tNgZone,\n\tOnChanges,\n\tOnDestroy,\n\tQueryList,\n\tRenderer2,\n\tSimpleChanges,\n\tTemplateRef,\n\tViewChild,\n\tViewContainerRef\n} from \"@angular/core\";\n\nimport {\n\tautoUpdate,\n\tcomputePosition,\n\tflip\n} from \"@floating-ui/dom\";\nimport { ContextMenuItemComponent, ItemClickEvent } from \"carbon-components-angular/context-menu\";\nimport { Subscription } from \"rxjs\";\n\ntype MenuButtonPlacement = \"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\";\n\n@Component({\n\tselector: \"cds-menu-button\",\n\ttemplate: `\n\t\t<button\n\t\t\t#reference\n\t\t\tclass=\"cds--menu-button__trigger\"\n\t\t\t[ngClass]=\"{'cds--menu-button__trigger--open': open}\"\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[attr.tabindex]=\"buttonTabIndex\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-haspopup]=\"true\"\n\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t[attr.aria-controls]=\"open ? menuId : undefined\"\n\t\t\t(click)=\"toggleMenu()\">\n\t\t\t{{label}}\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"chevron--down\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--btn__icon\">\n\t\t\t</svg>\n\t\t</button>\n\t\t<ng-template #menuTemplate>\n\t\t\t<cds-menu\n\t\t\t\tmode=\"basic\"\n\t\t\t\t[size]=\"size\"\n\t\t\t\t[open]=\"open\"\n\t\t\t\t[attr.id]=\"menuId\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--menu-button__bottom': this.menuAlignment === 'bottom',\n\t\t\t\t\t'cds--menu-button__bottom-start': this.menuAlignment === 'bottom-start',\n\t\t\t\t\t'cds--menu-button__bottom-end': this.menuAlignment === 'bottom-end',\n\t\t\t\t\t'cds--menu-top': this.menuAlignment === 'top',\n\t\t\t\t\t'cds--menu-top-start': this.menuAlignment === 'top-start',\n\t\t\t\t\t'cds--menu-top-end': this.menuAlignment === 'top-end'\n\t\t\t\t}\">\n\t\t\t\t<ng-content select=\"cds-menu-item, cds-menu-divider\"></ng-content>\n\t\t\t</cds-menu>\n\t\t</ng-template>\n\t`,\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MenuButtonComponent implements OnChanges, AfterViewInit, OnDestroy {\n\tstatic menuButtonCounter = 0;\n\t@Input() menuId = `menu-button-${MenuButtonComponent.menuButtonCounter++}`;\n\n\t// Listen for click & determine if menu should close\n\t@ContentChildren(ContextMenuItemComponent) set projectedMenuItems(itemList: QueryList<ContextMenuItemComponent>) {\n\t\t// Reset in case user dynamically updates menu item\n\t\tthis.subscriptions.forEach((sub) => sub?.unsubscribe());\n\t\tthis.subscriptions = [];\n\t\titemList.forEach((item) => {\n\t\t\tthis.subscriptions.push(\n\t\t\t\titem.itemClick.subscribe((clickEvent) => this.handleMenuItemClick(clickEvent))\n\t\t\t);\n\t\t});\n\t}\n\n\t@HostBinding(\"class.cds--menu-button__container\") containerClass = true;\n\n\t@Input() kind: \"primary\" | \"tertiary\" | \"ghost\" = \"primary\";\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\t@Input() menuAlignment: MenuButtonPlacement = \"bottom\";\n\t@Input() buttonTabIndex: \"0\" | \"1\" | \"-1\" | string = \"0\";\n\t@Input() disabled = false;\n\t@Input() open = false;\n\t@Input() label: string;\n\n\t@ViewChild(\"reference\", { static: true }) referenceElement: ElementRef<HTMLButtonElement>;\n\t@ViewChild(\"menuTemplate\") menuTemplate: TemplateRef<any>;\n\n\tprotected documentClick = this.handleFocusOut.bind(this);\n\tprotected unmountFloatingElement: Function;\n\n\tprivate subscriptions: Subscription[] = [];\n\tprivate _alignment: MenuButtonPlacement = \"bottom\";\n\tprivate menuRef: HTMLElement;\n\n\tconstructor(\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected hostElement: ElementRef,\n\t\tprotected viewContainerRef: ViewContainerRef,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) { }\n\n\n\t/**\n\t * In case user updates alignment, store initial value.\n\t * This allows us to test user passed alignment on each open\n\t */\n\tngOnChanges(changes: SimpleChanges): void {\n\t\tif (changes.menuAlignment) {\n\t\t\tthis._alignment = changes.menuAlignment.currentValue;\n\t\t}\n\t}\n\n\n\n\t/**\n\t * If user has passed in true for open, we dynamically open the menu\n\t */\n\tngAfterViewInit(): void {\n\t\tif (this.open) {\n\t\t\tthis.open = !this.open;\n\t\t\tthis.toggleMenu();\n\t\t}\n\t}\n\n\n\n\t/**\n\t* Clean up Floating-ui & subscriptions\n\t*/\n\tngOnDestroy(): void {\n\t\tthis.cleanUp();\n\t\tthis.subscriptions.forEach((sub) => sub.unsubscribe());\n\t}\n\n\n\t/**\n\t * As of now, menu button does not support nexted menu, on button click it should close\n\t */\n\thandleMenuItemClick(event: ItemClickEvent) {\n\t\t// If event is not type radio/checkbox, we close the menu\n\t\tif (!event.type) {\n\t\t\tthis.toggleMenu();\n\t\t}\n\t}\n\n\n\n\t/**\n\t * On body click, close the menu\n\t * @param event\n\t */\n\thandleFocusOut(event) {\n\t\tif (!this.hostElement.nativeElement.contains(event.target)) {\n\t\t\tthis.toggleMenu();\n\t\t}\n\t}\n\n\n\n\t/**\n\t * Clean up `autoUpdate` if auto alignment is enabled\n\t */\n\tcleanUp() {\n\t\tdocument.removeEventListener(\"click\", this.documentClick);\n\t\tif (this.unmountFloatingElement) {\n\t\t\tthis.menuRef.remove();\n\t\t\tthis.viewContainerRef.clear();\n\t\t\tthis.unmountFloatingElement();\n\t\t}\n\t\tthis.unmountFloatingElement = undefined;\n\t\t// On all instances of menu closing, make sure icon direction is correct\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\n\n\t/**\n\t * Handles emitting open/close event\n\t */\n\ttoggleMenu() {\n\t\tthis.open = !this.open;\n\t\tif (this.open) {\n\t\t\t// Render the template & append to view\n\t\t\tconst view = this.viewContainerRef.createEmbeddedView(this.menuTemplate);\n\t\t\tthis.menuRef = document.body.appendChild(view.rootNodes[0] as HTMLElement);\n\t\t\t// Assign button width to the menu ref to align with button\n\t\t\tObject.assign(this.menuRef.style, {\n\t\t\t\twidth: `${this.referenceElement.nativeElement.clientWidth}px`,\n\t\t\t\ttop: \"0\",\n\t\t\t\tleft: \"0\"\n\t\t\t});\n\n\t\t\t// Reset & test alignment every open\n\t\t\tthis.menuAlignment = this._alignment;\n\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\n\n\t\t\t// Listen for events such as scrolling to keep menu aligned\n\t\t\tthis.unmountFloatingElement = autoUpdate(\n\t\t\t\tthis.referenceElement.nativeElement,\n\t\t\t\tthis.menuRef,\n\t\t\t\tthis.recomputePosition.bind(this)\n\t\t\t);\n\t\t} else {\n\t\t\tthis.cleanUp();\n\t\t}\n\t}\n\n\n\n\troundByDPR(value) {\n\t\tconst dpr = window.devicePixelRatio || 1;\n\t\treturn Math.round(value * dpr) / dpr;\n\t}\n\n\n\n\t/**\n\t * Compute position of menu\n\t */\n\trecomputePosition() {\n\t\tif (this.menuTemplate && this.referenceElement) {\n\t\t\t// Run outside of angular zone to avoid unnecessary change detection and rely on floating-ui\n\t\t\tthis.ngZone.runOutsideAngular(async () => {\n\t\t\t\tconst { x, y, placement } = await computePosition(\n\t\t\t\t\tthis.referenceElement.nativeElement,\n\t\t\t\t\tthis.menuRef,\n\t\t\t\t\t{\n\t\t\t\t\t\tplacement: this.menuAlignment,\n\t\t\t\t\t\tstrategy: \"fixed\",\n\t\t\t\t\t\tmiddleware: [\n\t\t\t\t\t\t\tflip({ crossAxis: false })\n\t\t\t\t\t\t]\n\t\t\t\t\t});\n\n\t\t\t\tthis.menuAlignment = placement as MenuButtonPlacement;\n\n\t\t\t\t// Using CSSOM to manipulate CSS to avoid content security policy inline-src\n\t\t\t\t// https://github.com/w3c/webappsec-csp/issues/212\n\t\t\t\tObject.assign(this.menuRef.style, {\n\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t// Using transform instead of top/left position to improve performance\n\t\t\t\t\ttransform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`\n\t\t\t\t});\n\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t});\n\t\t}\n\t}\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { ButtonModule } from \"carbon-components-angular/button\";\nimport { IconModule } from \"carbon-components-angular/icon\";\nimport { ContextMenuModule } from \"carbon-components-angular/context-menu\";\n\nimport { MenuButtonComponent } from \"./menu-button.component\";\n\n@NgModule({\n\timports: [\n\t\tCommonModule,\n\t\tButtonModule,\n\t\tIconModule,\n\t\tContextMenuModule\n\t],\n\texports: [MenuButtonComponent],\n\tdeclarations: [MenuButtonComponent],\n\tproviders: []\n})\nexport class MenuButtonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/carbon-components-angular.mjs

@@ -24,6 +24,7 @@ export * from 'carbon-components-angular/link';
 export * from 'carbon-components-angular/list';
 export * from 'carbon-components-angular/loading';
 export * from 'carbon-components-angular/modal';
+export * from 'carbon-components-angular/menu-button';
 export * from 'carbon-components-angular/notification';
 export * from 'carbon-components-angular/number-input';
 export * from 'carbon-components-angular/pagination';

package/fesm2015/carbon-components-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carbon-components-angular.mjs","sources":["../../src/carbon-components-angular.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"carbon-components-angular.mjs","sources":["../../src/carbon-components-angular.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG"}