cerxos-ui 0.0.6 → 0.0.7

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnChanges, AfterViewInit, OnDestroy, SimpleChanges, TemplateRef, ElementRef, AfterContentInit, Renderer2 } from '@angular/core';
+import { EventEmitter, ElementRef, OnChanges, AfterViewInit, OnDestroy, SimpleChanges, TemplateRef, AfterContentInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class CerxosUi {
@@ -7,6 +7,47 @@ declare class CerxosUi {
     static ɵcmp: i0.ɵɵComponentDeclaration<CerxosUi, "cxs-cerxos-ui", never, {}, {}, never, never, true, never>;
 }
 
+type CxsActionMenuAlign = 'start' | 'end';
+type CxsActionMenuItemTone = 'default' | 'danger';
+interface CxsActionMenuItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    tone?: CxsActionMenuItemTone;
+}
+declare class CxsActionMenuComponent {
+    private readonly elementRef;
+    private static nextId;
+    items: CxsActionMenuItem[];
+    align: CxsActionMenuAlign;
+    ariaLabel: string;
+    menuLabel: string;
+    disabled: boolean;
+    itemSelected: EventEmitter<CxsActionMenuItem>;
+    private trigger?;
+    private menuItems?;
+    readonly menuId: string;
+    isOpen: boolean;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    get triggerClass(): string;
+    get menuClass(): string;
+    get emptyStateClass(): string;
+    isItemDisabled(item: CxsActionMenuItem): boolean;
+    getItemClass(item: CxsActionMenuItem): string;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onMenuKeydown(event: KeyboardEvent): void;
+    onItemClick(item: CxsActionMenuItem): void;
+    onDocumentClick(event: MouseEvent): void;
+    private focusFirstItem;
+    private focusTrigger;
+    private getFocusableItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsActionMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsActionMenuComponent, "cxs-action-menu", never, { "items": { "alias": "items"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
+}
+
 type CxsAlertVariant = 'info' | 'neutral' | 'danger';
 declare class CxsAlertComponent {
     variant: CxsAlertVariant;
@@ -911,5 +952,5 @@ declare class CxsThemeDirective implements OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CxsThemeDirective, "[cxsTheme]", never, { "cxsTheme": { "alias": "cxsTheme"; "required": false; }; "cxsThemeDarkClass": { "alias": "cxsThemeDarkClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatepickerComponent, CxsDialogComponent, CxsInputComponent, CxsMenubarComponent, CxsMultiSelectComponent, CxsRadioComponent, CxsSelectComponent, CxsTabLabelDirective, CxsTabPanelComponent, CxsTableComponent, CxsTabsComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
-export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsMultiSelectOption, CxsMultiSelectSize, CxsMultiSelectVariant, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };
+export { CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsActionMenuComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatepickerComponent, CxsDialogComponent, CxsInputComponent, CxsMenubarComponent, CxsMultiSelectComponent, CxsRadioComponent, CxsSelectComponent, CxsTabLabelDirective, CxsTabPanelComponent, CxsTableComponent, CxsTabsComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
+export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsActionMenuAlign, CxsActionMenuItem, CxsActionMenuItemTone, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsMultiSelectOption, CxsMultiSelectSize, CxsMultiSelectVariant, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cerxos-ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"