@clr/angular 17.11.2 → 17.11.4

package/fesm2020/clr-angular.mjs

@@ -2627,18 +2627,10 @@ ClrButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
         [attr.id]="id"
       >
         <span class="spinner spinner-inline" *ngIf="loading"></span>
-        <ng-container *ngIf="inMenu; then inMenuTemplate; else defaultTemplate"></ng-container>
+        <ng-content></ng-content>
       </button>
     </ng-template>
-    <ng-template #defaultTemplate>
-      <ng-content></ng-content>
-    </ng-template>
-    <ng-template #inMenuTemplate>
-      <span class="dropdown-item-content">
-        <ng-container [ngTemplateOutlet]="defaultTemplate"></ng-container>
-      </span>
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrButton, decorators: [{
             type: Component,
             args: [{
@@ -2655,17 +2647,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
         [attr.id]="id"
       >
         <span class="spinner spinner-inline" *ngIf="loading"></span>
-        <ng-container *ngIf="inMenu; then inMenuTemplate; else defaultTemplate"></ng-container>
+        <ng-content></ng-content>
       </button>
     </ng-template>
-    <ng-template #defaultTemplate>
-      <ng-content></ng-content>
-    </ng-template>
-    <ng-template #inMenuTemplate>
-      <span class="dropdown-item-content">
-        <ng-container [ngTemplateOutlet]="defaultTemplate"></ng-container>
-      </span>
-    </ng-template>
   `,
                     providers: [{ provide: LoadingListener, useExisting: ClrButton }],
                 }]
@@ -5526,28 +5510,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                 args: ['clrPosition']
             }] } });
 
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-function wrapHostContentInsideSpan(hostElement, renderer, wrapperClass) {
-    if (!hostElement || !renderer) {
-        return;
-    }
-    const wrapper = renderer.createElement('span');
-    if (wrapperClass) {
-        renderer.addClass(wrapper, wrapperClass);
-    }
-    // Move all existing children into the wrapper
-    // We must loop while there are child nodes and re-append them to wrapper.
-    while (hostElement.firstChild) {
-        renderer.appendChild(wrapper, hostElement.firstChild);
-    }
-    renderer.appendChild(hostElement, wrapper);
-}
-
 /*
  * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
  * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
@@ -5572,11 +5534,6 @@ class ClrDropdownTrigger {
     onDropdownTriggerClick(event) {
         this.toggleService.toggleWithEvent(event);
     }
-    ngAfterViewInit() {
-        if (!this.isRootLevelToggle) {
-            wrapHostContentInsideSpan(this.el.nativeElement, this.renderer, 'dropdown-item-content');
-        }
-    }
 }
 ClrDropdownTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDropdownTrigger, deps: [{ token: ClrDropdown }, { token: ClrPopoverToggleService }, { token: i0.ElementRef }, { token: DropdownFocusHandler }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 ClrDropdownTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrDropdownTrigger, selector: "[clrDropdownTrigger],[clrDropdownToggle]", host: { listeners: { "click": "onDropdownTriggerClick($event)" }, properties: { "class.dropdown-toggle": "isRootLevelToggle", "class.dropdown-item": "!isRootLevelToggle", "class.expandable": "!isRootLevelToggle", "class.active": "active", "attr.aria-haspopup": "\"menu\"", "attr.aria-expanded": "active" } }, ngImport: i0 });
@@ -5679,9 +5636,6 @@ class ClrDropdownItem {
     set dropdownItemId(value) {
         this.focusableItem.id = value;
     }
-    ngAfterViewInit() {
-        wrapHostContentInsideSpan(this.el.nativeElement, this.renderer, 'dropdown-item-content');
-    }
     onDropdownItemClick() {
         // Move focus back to the root dropdown trigger.
         // This is done BEFORE the dropdown is closed so that focus gets moved properly if a modal is opened.