@platformscode/core 0.0.43 → 0.0.45

package/dist/collection/components/dga-menu/dga-action-menu.js

@@ -148,7 +148,7 @@ export class DgaActionMenu {
         return style;
     }
     render() {
-        return (h(Host, { key: '71e68c3512bab324a11821dbb5b7d0195114bbef', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '75263ef1b5cdd6585494f8a19fb0875fa1abebb2', style: { position: 'relative' } }, h("slot", { key: '9b5840e9c25009676b18edbcc4be739e854b4f66', name: "trigger" }), this.open && (h("div", { key: 'a5a01d14c6f1d90a471429e0a879bbe6c1dfdb10', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '8d60a919568aead1380f0e91a60d02dd58a5dfee', name: "menu" }))))));
+        return (h(Host, { key: '42ee8f43d022278ee05215e5e6bf3a458e906920', dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'f090c96533341ba2047c4e2439cf6ca1646b9eb4', style: { position: 'relative' } }, h("slot", { key: '012bcba0a463896c1f565129a8513750441fe16e', name: "trigger" }), this.open && (h("div", { key: 'a68edec70ed05dddf543954dac645e380e7d2b09', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: 'db868e712363a0823c739c0d5c4abe5b0bdae152', name: "menu" }))))));
     }
     static get is() { return "dga-action-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-group.css

@@ -2299,6 +2299,6 @@ a:focus {
   gap: 12px;
 }
 .menu-group__label {
-  padding: var(--spacing-md);
+  padding: var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);
   color: var(--text-display);
 }

package/dist/collection/components/dga-menu/dga-menu-group.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaMenuGroup {
     render() {
-        return (h("div", { key: 'f83f05369c4927b2081e1b180480c59e9d73e540', class: "menu-group" }, this.groupLabel && h("span", { key: '557db4ae2b7333a6bec917979c657e6392f984ca', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '0b66140bfde01c8f8df1c2d59433f7ccbe6f37b4', class: "menu-group__items" }, h("slot", { key: '720f7613be74e425cdb4204fbaa57e61c98ce153' }))));
+        return (h("div", { key: 'e4d95b415dc132b4c2cdc244d5587a10599b4e79', class: "menu-group" }, this.groupLabel && h("span", { key: 'cf49168ae77323641bc4307761750760248e27f2', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '624be73b6bbfdb01354c18c08ab44600111ac172', class: "menu-group__items" }, h("slot", { key: '7d61fa7dcc12b416090693cd1ee1dae9a7bfd976' }))));
     }
     static get is() { return "dga-menu-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-item.css

@@ -2329,4 +2329,14 @@ a:focus {
 .menu-item.disabled {
   opacity: 0.5;
   pointer-events: none;
+}
+.menu-item.selected {
+  color: var(--text-primary, #1B8354);
+  background: var(--background-primary-50, #F3FCF6);
+}
+.menu-item.selected > .menu-item__label {
+  color: var(--text-primary, #1B8354);
+}
+.menu-item.selected > .menu-item__icon {
+  color: var(--icon-primary, #1B8354);
 }

package/dist/collection/components/dga-menu/dga-menu-item.js

@@ -4,6 +4,10 @@ export class DgaMenuItem {
         this.disabled = false;
         this.hasTrailElement = false;
         this.hasLeadIcon = false;
+        /**
+         * If the menu item is selected, it will be highlighted
+         **/
+        this.selected = false;
         this.pressed = false;
     }
     handleClick(event) {
@@ -12,7 +16,7 @@ export class DgaMenuItem {
         }
     }
     render() {
-        return (h("li", { key: '653c9c0bd9e3f3b38f4d414bf55fdfc1f78f9751', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '92e16bee31b7f248363dbfe9b9600db9283d4dd1', class: "menu-item__icon" }, h("slot", { key: '565479b56817e98ad2f454fab7e5d485a3d6029b', name: "lead-icon" })), h("span", { key: '53a53f7a22b50c3fa30e60b759e051787048c8c6', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '1bad8270fb653e6211e3e1fc9005d0fd25bdaf09', class: "menu-item__trail-element" }, h("slot", { key: '371654c563a50b14a90cdd42a4789e9e5ce26fcf', name: "trail-element" }))));
+        return (h("li", { key: 'fd816a5d8e6506223735bafe01ce76c3e057f0cd', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""} ${this.selected ? 'selected' : ''}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '4bd2f39fb903e0d78cade52f7f82c60c7eb6aee4', class: "menu-item__icon" }, h("slot", { key: '7c35819bbcc2e78c761b3e2f5ed68b6151563159', name: "lead-icon" })), h("span", { key: 'a8626e93fb774acf4feea4cb93b651b7f6af5599', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '8cb60e311c15e369184034d72899ab2426f9c123', class: "menu-item__trail-element" }, h("slot", { key: '3f540d928778868fc56af7f468c331d38f8a4445', name: "trail-element" }))));
     }
     static get is() { return "dga-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -106,6 +110,26 @@ export class DgaMenuItem {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "attribute": "selected",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If the menu item is selected, it will be highlighted"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }