@danske/sapphire-angular 1.21.1 → 1.24.0

package/lib/menu/public_api.d.ts

@@ -1,5 +1,8 @@
 export * from './src/menu.component';
 export * from './src/menu.module';
 export * from './src/menu-item.component';
+export * from './src/menu-primary-text.component';
+export * from './src/menu-secondary-text.component';
+export * from './src/menu-icon.component';
 export * from './src/menu-section.component';
 export * from './src/menu-trigger.directive';

package/lib/menu/src/menu-icon.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+/**
+ * Icon container of a listbox option.
+ */
+export declare class MenuIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuIconComponent, "sp-menu-item-icon", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+}

package/lib/menu/src/menu-item.component.d.ts

@@ -8,5 +8,5 @@ export declare class MenuItemComponent {
     /** Whether the item should be styled as danger item */
     danger: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "sp-menu-item", never, { "disabled": "disabled"; "danger": "danger"; }, {}, never, ["*"], false, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "sp-menu-item", never, { "disabled": "disabled"; "danger": "danger"; }, {}, never, ["sp-menu-icon", "sp-menu-primary-text", "*", "sp-menu-secondary-text"], false, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/menu/src/menu-primary-text.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+/**
+ * Primary text of a listbox option. Useful when the option contains other parts
+ * like secondary text or icon.
+ */
+export declare class MenuPrimaryTextComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuPrimaryTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuPrimaryTextComponent, "sp-menu-primary-text", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/menu/src/menu-secondary-text.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+/**
+ * Secondary text of a listbox option.
+ */
+export declare class MenuSecondaryTextComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuSecondaryTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSecondaryTextComponent, "sp-menu-secondary-text", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+}

package/lib/menu/src/menu.module.d.ts

@@ -1,13 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./menu.component";
 import * as i2 from "./menu-item.component";
-import * as i3 from "./menu-section.component";
-import * as i4 from "./menu-trigger.directive";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/cdk/menu";
-import * as i7 from "../../common/sapphire-view-encapsulation";
+import * as i3 from "./menu-icon.component";
+import * as i4 from "./menu-primary-text.component";
+import * as i5 from "./menu-secondary-text.component";
+import * as i6 from "./menu-section.component";
+import * as i7 from "./menu-trigger.directive";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/cdk/menu";
+import * as i10 from "../../common/sapphire-view-encapsulation";
 export declare class SapphireMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireMenuModule, [typeof i1.MenuComponent, typeof i2.MenuItemComponent, typeof i3.MenuSectionComponent, typeof i4.MenuTriggerDirective], [typeof i5.CommonModule, typeof i6.CdkMenuModule, typeof i7.UseComponentStyles], [typeof i1.MenuComponent, typeof i2.MenuItemComponent, typeof i3.MenuSectionComponent, typeof i4.MenuTriggerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireMenuModule, [typeof i1.MenuComponent, typeof i2.MenuItemComponent, typeof i3.MenuIconComponent, typeof i4.MenuPrimaryTextComponent, typeof i5.MenuSecondaryTextComponent, typeof i6.MenuSectionComponent, typeof i7.MenuTriggerDirective], [typeof i8.CommonModule, typeof i9.CdkMenuModule, typeof i10.UseComponentStyles], [typeof i1.MenuComponent, typeof i2.MenuItemComponent, typeof i3.MenuIconComponent, typeof i4.MenuPrimaryTextComponent, typeof i5.MenuSecondaryTextComponent, typeof i6.MenuSectionComponent, typeof i7.MenuTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireMenuModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.21.1",
+  "version": "1.24.0",
   "license": "SEE LICENSE IN LICENSE",
   "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
   "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -9,17 +9,17 @@
     "directory": "build"
   },
   "peerDependencies": {
-    "@angular/cdk": "^15.1.3 || ^16.0.0",
-    "@angular/common": "^15.0.0 || ^16.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0",
-    "@angular/forms": "^15.0.0 || ^16.0.0",
+    "@angular/cdk": "^15.1.3 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/forms": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
     "@danske/sapphire-icons": "^1.0.2"
   },
   "dependencies": {
     "@danske/sapphire-css": "^31.0.0",
     "tslib": "^2.3.0"
   },
-  "gitHead": "ac09b3b908a8558628aaab2aabd701c18c3f5a11",
+  "gitHead": "d759e208112a7033996afa77c5c8f3c866b506df",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",