@energycap/components 0.36.1 → 0.36.2-ECAP-18558-new-menu-item-templates.20230710-1023

package/lib/controls/combobox/combobox.component.d.ts

@@ -89,6 +89,10 @@ export declare class ComboboxComponent extends FormControlBase implements OnInit
      * @memberof ComboboxComponent
      */
     customMenuTemplate?: TemplateRef<any>;
+    /**
+     * When true, the menu items will preserve the icon space when there is no icon
+     */
+    preserveIconSpace: boolean;
     /**
      * Position the menu as fixed, ideal when comboboxes are inside dialogs
      * Defaulting to true so all menus will be at least the width of the
@@ -375,6 +379,6 @@ export declare class ComboboxComponent extends FormControlBase implements OnInit
      */
     private findDefaultSelectionIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "ec-combobox", never, { "addNew": "addNew"; "maxlength": "maxlength"; "menuPosition": "menuPosition"; "minlength": "minlength"; "options": "options"; "templateType": "templateType"; "customMenuTemplate": "customMenuTemplate"; "popupFixed": "popupFixed"; "totalRecords": "totalRecords"; "upperCase": "upperCase"; "placeholder": "placeholder"; "loadOnOpenObservable": "loadOnOpenObservable"; "hideToggleButton": "hideToggleButton"; "alwaysOpen": "alwaysOpen"; "menuElementClasses": "menuElementClasses"; "textboxElementClasses": "textboxElementClasses"; "hideNoMatches": "hideNoMatches"; "noMatchesText": "noMatchesText"; }, { "addNewClick": "addNewClick"; "search": "search"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "ec-combobox", never, { "addNew": "addNew"; "maxlength": "maxlength"; "menuPosition": "menuPosition"; "minlength": "minlength"; "options": "options"; "templateType": "templateType"; "customMenuTemplate": "customMenuTemplate"; "preserveIconSpace": "preserveIconSpace"; "popupFixed": "popupFixed"; "totalRecords": "totalRecords"; "upperCase": "upperCase"; "placeholder": "placeholder"; "loadOnOpenObservable": "loadOnOpenObservable"; "hideToggleButton": "hideToggleButton"; "alwaysOpen": "alwaysOpen"; "menuElementClasses": "menuElementClasses"; "textboxElementClasses": "textboxElementClasses"; "hideNoMatches": "hideNoMatches"; "noMatchesText": "noMatchesText"; }, { "addNewClick": "addNewClick"; "search": "search"; }, never, never, false, never>;
 }
 export {};

package/lib/controls/menu/menu.component.d.ts

@@ -4,10 +4,11 @@ import { WindowService } from '../../core/window.service';
 import { LinkTarget } from '../../display/tags/tag';
 import { NavItem } from '../navigation/nav-item';
 import * as i0 from "@angular/core";
-export type MenuTemplateType = "label" | "iconAndLabel" | "checkAndLabel";
+export type MenuTemplateType = "label" | "iconAndLabel" | "checkAndLabel" | "iconLabelCaption";
 export type MenuHostElementClasses = 'bg-transparent';
 export interface MenuItem<TValue = any, SItems = any> extends NavItem {
     label: string;
+    caption?: string;
     items?: MenuItem<SItems>[];
     checked?: boolean;
     display?: 'default' | 'heading' | 'divider';
@@ -143,6 +144,10 @@ export declare class MenuComponent implements AfterContentInit, OnDestroy {
      * A reference to the menu check and label template
      */
     private checkAndLabelTemplate;
+    /**
+     * A reference to the menu icon, label and caption template
+     */
+    private iconLabelCaptionTemplate;
     /**
      * Contains the function used to remove the even listener from the renderer
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.36.1",
+  "version": "0.36.2-ECAP-18558-new-menu-item-templates.20230710-1023",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/src/styles/mixins/_overlay-base.scss

@@ -1,7 +1,7 @@
 $overlay-padding-x: 4rem;
 $overlay-padding-y: 3rem;
 
-@mixin overlay($bg: var(--ec-background-color), $padding-x: $overlay-padding-x, $padding-y: $overlay-padding-y) {
+@mixin overlay($bg: var(--ec-overlay-background-color, var(--ec-background-color)), $padding-x: $overlay-padding-x, $padding-y: $overlay-padding-y) {
     align-items: center;
     background-color: $bg;
     display: flex;