@danske/sapphire-angular 1.23.0 → 1.24.0

package/fesm2020/danske-sapphire-angular.mjs

@@ -1287,7 +1287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
 class MenuItemComponent {
 }
 MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1$2.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n  <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n    <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
+MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1$2.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n  <ng-content select=\"sp-menu-icon\"></ng-content>\n  <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n    <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n      <ng-content select=\"sp-menu-primary-text\"></ng-content>\n      <!-- If nothing matches other ng-content selectors then render it as primary text -->\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
 __decorate([
     CoerceBoolean
 ], MenuItemComponent.prototype, "disabled", void 0);
@@ -1308,7 +1308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         UseComponentStyles,
                     ], host: {
                         '[class.sapphire-listbox__item]': 'true',
-                    }, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n  <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n    <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n" }]
+                    }, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n  <ng-content select=\"sp-menu-icon\"></ng-content>\n  <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n    <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n      <ng-content select=\"sp-menu-primary-text\"></ng-content>\n      <!-- If nothing matches other ng-content selectors then render it as primary text -->\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { disabled: [{
                 type: HostBinding,
                 args: ['class.is-disabled']
@@ -1545,14 +1545,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 args: [CdkMenuItem]
             }] } });
 
+/**
+ * Icon container of a listbox option.
+ */
+class MenuIconComponent {
+}
+MenuIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuIconComponent, selector: "sp-menu-item-icon", host: { classAttribute: "sapphire-listbox__icon" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-menu-item-icon',
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        class: 'sapphire-listbox__icon',
+                    },
+                    hostDirectives: [UseComponentStyles],
+                }]
+        }] });
+
+/**
+ * Primary text of a listbox option. Useful when the option contains other parts
+ * like secondary text or icon.
+ */
+class MenuPrimaryTextComponent {
+}
+MenuPrimaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuPrimaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuPrimaryTextComponent, selector: "sp-menu-primary-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-menu-primary-text',
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+
+/**
+ * Secondary text of a listbox option.
+ */
+class MenuSecondaryTextComponent {
+}
+MenuSecondaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuSecondaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuSecondaryTextComponent, selector: "sp-menu-secondary-text", host: { classAttribute: "sapphire-listbox__secondary-text" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-menu-secondary-text',
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        class: 'sapphire-listbox__secondary-text',
+                    },
+                    hostDirectives: [UseComponentStyles],
+                }]
+        }] });
+
 class SapphireMenuModule {
 }
 SapphireMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SapphireMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, declarations: [MenuComponent,
         MenuItemComponent,
+        MenuIconComponent,
+        MenuPrimaryTextComponent,
+        MenuSecondaryTextComponent,
         MenuSectionComponent,
         MenuTriggerDirective], imports: [CommonModule, CdkMenuModule, UseComponentStyles], exports: [MenuComponent,
         MenuItemComponent,
+        MenuIconComponent,
+        MenuPrimaryTextComponent,
+        MenuSecondaryTextComponent,
         MenuSectionComponent,
         MenuTriggerDirective] });
 SapphireMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, imports: [CommonModule, CdkMenuModule] });
@@ -1562,6 +1622,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     declarations: [
                         MenuComponent,
                         MenuItemComponent,
+                        MenuIconComponent,
+                        MenuPrimaryTextComponent,
+                        MenuSecondaryTextComponent,
                         MenuSectionComponent,
                         MenuTriggerDirective,
                     ],
@@ -1569,6 +1632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     exports: [
                         MenuComponent,
                         MenuItemComponent,
+                        MenuIconComponent,
+                        MenuPrimaryTextComponent,
+                        MenuSecondaryTextComponent,
                         MenuSectionComponent,
                         MenuTriggerDirective,
                     ],
@@ -8134,5 +8200,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CheckboxChange, CheckboxComponent, ConfirmationDialogComponent, ContextualHelpComponent, ContextualHelpContentDirective, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogCloseButtonDirective, DialogComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, InlinePanelComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuItemComponent, MenuSectionComponent, MenuTriggerDirective, ModalCloseButtonDirective, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelBackButtonDirective, PanelCloseButtonDirective, PanelComponent, PanelContentComponent, PanelFooterComponent, PanelFooterDirective, PanelHeaderComponent, PanelHeaderDirective, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireContextualHelpModule, SapphireCoreModule, SapphireFieldModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlayContainer, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioChange, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
+export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CheckboxChange, CheckboxComponent, ConfirmationDialogComponent, ContextualHelpComponent, ContextualHelpContentDirective, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogCloseButtonDirective, DialogComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, InlinePanelComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalCloseButtonDirective, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelBackButtonDirective, PanelCloseButtonDirective, PanelComponent, PanelContentComponent, PanelFooterComponent, PanelFooterDirective, PanelHeaderComponent, PanelHeaderDirective, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireContextualHelpModule, SapphireCoreModule, SapphireFieldModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlayContainer, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioChange, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
 //# sourceMappingURL=danske-sapphire-angular.mjs.map