@leanix/components 0.4.539 → 0.4.541

package/fesm2022/{leanix-components-ui5-lx-icons-VciF-qda.mjs → leanix-components-ui5-lx-icons-CCnIS8l9.mjs}

@@ -171,6 +171,9 @@ var data = {
 			"M354.2704,115.0938c-14.125,0-25.5938,11.4688-25.5938,25.5938v307.3125c0,14.125,11.4688,25.5938,25.5938,25.5938s25.5938-11.4688,25.5938-25.5938V140.6875c0-14.125-11.4688-25.5938-25.5938-25.5938Z",
 			"M452.5204,35.2188c-14.125,0-25.5938,11.4688-25.5938,25.5938v387.1875c0,14.125,11.4688,25.5938,25.5938,25.5938s25.5938-11.4688,25.5938-25.5938V60.8125c0-14.125-11.4688-25.5938-25.5938-25.5938Z"
 		]
+	},
+	atom: {
+		path: "M183.6739,101.4788c24.2714-67.9594,120.3805-67.9587,144.6518,0l18.8576,52.8022h46.9152c75.9872,0,105.824,98.5517,42.6016,140.7014l-31.7152,21.1424,15.1392,42.3901c24.8736,69.6416-53.3952,130.752-114.927,89.7312l-49.1974-32.7968-49.1974,32.7968c-61.5312,41.0208-139.799-20.0896-114.9267-89.7312l15.1392-42.3901-31.7139-21.1424c-63.2247-42.1497-33.3853-140.7014,42.601-140.7014h46.9142l18.8579-52.8022ZM146.5306,205.481h-28.6288c-25.329,0-35.2749,32.8506-14.2003,46.9005l21.0637,14.0422,21.7654-60.9427ZM168.6771,295.6986l87.3225,58.2147,87.3213-58.2147-32.2192-90.2176h-110.2041l-32.2205,90.2176ZM150.9267,345.3981l-10.8339,30.336c-8.2909,23.216,17.7984,43.584,38.3088,29.9104l31.447-20.9632-58.9219-39.2832ZM302.1507,384.6813l31.4486,20.9632c20.5088,13.6736,46.5984-6.6944,38.3072-29.9104l-10.8352-30.336-58.9206,39.2832ZM387.2346,266.4237l21.0624-14.0422c21.0752-14.0499,11.1296-46.9005-14.1984-46.9005h-28.6304l21.7664,60.9427ZM292.816,154.281l-12.7075-35.5818c-8.0906-22.6531-40.127-22.6528-48.2173,0l-12.7078,35.5818h73.6326Z"
 	}
 };
 var lxIcons = {
@@ -180,4 +183,4 @@ var lxIcons = {
 };
 
 export { collection, data, lxIcons as default, packageName };
-//# sourceMappingURL=leanix-components-ui5-lx-icons-VciF-qda.mjs.map
+//# sourceMappingURL=leanix-components-ui5-lx-icons-CCnIS8l9.mjs.map

package/fesm2022/{leanix-components-ui5-lx-icons-VciF-qda.mjs.map → leanix-components-ui5-lx-icons-CCnIS8l9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"leanix-components-ui5-lx-icons-VciF-qda.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"leanix-components-ui5-lx-icons-CCnIS8l9.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2022/leanix-components-ui5.mjs

@@ -13,7 +13,7 @@ async function registerIconsWithUi5() {
         import('@ui5/webcomponents-icons-tnt/dist/AllIcons.js'),
         import('@ui5/webcomponents-icons/dist/AllIcons.js')
     ]);
-    registerIconLoader('lx-icons', () => import('./leanix-components-ui5-lx-icons-VciF-qda.mjs'));
+    registerIconLoader('lx-icons', () => import('./leanix-components-ui5-lx-icons-CCnIS8l9.mjs'));
 }
 
 /**

package/fesm2022/leanix-components.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, Component, signal, ChangeDetectionStrategy, HostBinding, inject, input, computed, EventEmitter, HostListener, Output, Injectable, ElementRef, ViewChild, Inject, model, Directive, Optional, Pipe, NgModule, afterRenderEffect, ContentChildren, DestroyRef, ChangeDetectorRef, effect, ContentChild, ViewChildren, forwardRef, TemplateRef, viewChild, booleanAttribute, SecurityContext, Self, Host } from '@angular/core';
+import { InjectionToken, Input, Component, signal, ChangeDetectionStrategy, HostBinding, inject, input, computed, EventEmitter, HostListener, Output, Injectable, ElementRef, ViewChild, Inject, model, Directive, Optional, Pipe, NgModule, DestroyRef, ChangeDetectorRef, effect, ContentChild, afterRenderEffect, ContentChildren, ViewChildren, forwardRef, TemplateRef, viewChild, booleanAttribute, SecurityContext, Self, Host } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i1$6 from '@angular/common';
 import { NgTemplateOutlet, NgClass, AsyncPipe, NgIf, NgFor, UpperCasePipe, NgSwitch, NgSwitchCase, CommonModule, DecimalPipe, formatDate } from '@angular/common';
-import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { IconComponent as IconComponent$1 } from '@ui5/webcomponents-ngx/main/icon';
 import * as i5 from 'rxjs';
 import { BehaviorSubject, of, timer, Observable, Subject, combineLatest, merge, concat, fromEvent, ReplaySubject, map as map$1, switchMap as switchMap$1 } from 'rxjs';
@@ -241,7 +241,7 @@ const ICON_MAP = {
     'fa-shopping-cart': ['cart'],
     'fa-trophy': ['competitor'],
     'fa-umbrella-beach': ['umbrella'],
-    'fa-atom': [],
+    'fa-atom': ['lx-icons/atom'],
     'fa-bug': ['lx-icons/bug'],
     'fa-bullseye-arrow': ['lx-icons/bullseye-arrow'],
     'fa-chess-queen-alt': ['lx-icons/chess-queen'],
@@ -2826,6 +2826,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             args: [{ selector: 'lx-token', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+class TokenizerOverflowPopoverComponent {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.startIndex = signal(0);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.tokenizer = input.required();
+        this.horizontalAlign = input('after');
+        this.verticalAlign = input('start');
+        effect(() => {
+            this.overflowClickSubscription?.unsubscribe();
+            this.overflowClickSubscription = this.tokenizer()
+                .overflowPlaceholderClick.pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(({ startIndex, counterElement }) => {
+                this.startIndex.set(startIndex);
+                this.popover.anchor = counterElement;
+                this.popover.open();
+            });
+        });
+    }
+    closePopover() {
+        this.popover.close();
+        this.changeDetectorRef.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TokenizerOverflowPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TokenizerOverflowPopoverComponent, isStandalone: true, selector: "lx-tokenizer-overflow-popover", inputs: { tokenizer: { classPropertyName: "tokenizer", publicName: "tokenizer", isSignal: true, isRequired: true, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverTemplate", first: true, predicate: ["popoverTemplate"], descendants: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: SatPopoverComponent, descendants: true }], ngImport: i0, template: "<sat-popover\n  (backdropClicked)=\"closePopover()\"\n  [hasBackdrop]=\"true\"\n  [horizontalAlign]=\"horizontalAlign()\"\n  [verticalAlign]=\"verticalAlign()\"\n  openTransition=\"100ms\"\n  closeTransition=\"100ms\"\n>\n  @if (popoverTemplate) {\n    <div\n      class=\"tokenizerPopoverContentWrapper\"\n      [class.before]=\"horizontalAlign() === 'before'\"\n      [class.after]=\"horizontalAlign() === 'after'\"\n    >\n      <ng-container *ngTemplateOutlet=\"popoverTemplate; context: { $implicit: startIndex() }\" />\n    </div>\n  }\n</sat-popover>\n", styles: [".tokenizerPopoverContentWrapper{padding:16px;background:#fff;border-radius:4px;box-shadow:0 8px 14px #5261794d}.tokenizerPopoverContentWrapper.before{margin-right:10px}.tokenizerPopoverContentWrapper.after{margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: SatPopoverModule }, { kind: "component", type: i1$3.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TokenizerOverflowPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lx-tokenizer-overflow-popover', standalone: true, imports: [SatPopoverModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sat-popover\n  (backdropClicked)=\"closePopover()\"\n  [hasBackdrop]=\"true\"\n  [horizontalAlign]=\"horizontalAlign()\"\n  [verticalAlign]=\"verticalAlign()\"\n  openTransition=\"100ms\"\n  closeTransition=\"100ms\"\n>\n  @if (popoverTemplate) {\n    <div\n      class=\"tokenizerPopoverContentWrapper\"\n      [class.before]=\"horizontalAlign() === 'before'\"\n      [class.after]=\"horizontalAlign() === 'after'\"\n    >\n      <ng-container *ngTemplateOutlet=\"popoverTemplate; context: { $implicit: startIndex() }\" />\n    </div>\n  }\n</sat-popover>\n", styles: [".tokenizerPopoverContentWrapper{padding:16px;background:#fff;border-radius:4px;box-shadow:0 8px 14px #5261794d}.tokenizerPopoverContentWrapper.before{margin-right:10px}.tokenizerPopoverContentWrapper.after{margin-left:10px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { popoverTemplate: [{
+                type: ContentChild,
+                args: ['popoverTemplate']
+            }], popover: [{
+                type: ViewChild,
+                args: [SatPopoverComponent]
+            }] } });
+
 /**
  * The tokenizer component (`lx-tokenizer`) is responsible for rendering a list of items into a container and hiding those that do not fit behind a placeholder. The items are represented as `lx-token`. Each `lx-token` allows to project any content into it, so anything can become a token. The tokenizer calculates how many items fit into the container (based on width), hiding those items that are overflowing and showing a overflow placeholder instead (e.g. "+4").
  *
@@ -2963,43 +3000,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 args: ['tokensContainer', { read: ElementRef }]
             }] } });
 
-class TokenizerOverflowPopoverComponent {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        this.startIndex = signal(0);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.tokenizer = input.required();
-        this.horizontalAlign = input('after');
-        this.verticalAlign = input('start');
-        effect(() => {
-            this.overflowClickSubscription?.unsubscribe();
-            this.overflowClickSubscription = this.tokenizer()
-                .overflowPlaceholderClick.pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(({ startIndex, counterElement }) => {
-                this.startIndex.set(startIndex);
-                this.popover.anchor = counterElement;
-                this.popover.open();
-            });
-        });
-    }
-    closePopover() {
-        this.popover.close();
-        this.changeDetectorRef.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TokenizerOverflowPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TokenizerOverflowPopoverComponent, isStandalone: true, selector: "lx-tokenizer-overflow-popover", inputs: { tokenizer: { classPropertyName: "tokenizer", publicName: "tokenizer", isSignal: true, isRequired: true, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverTemplate", first: true, predicate: ["popoverTemplate"], descendants: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: SatPopoverComponent, descendants: true }], ngImport: i0, template: "<sat-popover\n  (backdropClicked)=\"closePopover()\"\n  [hasBackdrop]=\"true\"\n  [horizontalAlign]=\"horizontalAlign()\"\n  [verticalAlign]=\"verticalAlign()\"\n  openTransition=\"100ms\"\n  closeTransition=\"100ms\"\n>\n  @if (popoverTemplate) {\n    <div\n      class=\"tokenizerPopoverContentWrapper\"\n      [class.before]=\"horizontalAlign() === 'before'\"\n      [class.after]=\"horizontalAlign() === 'after'\"\n    >\n      <ng-container *ngTemplateOutlet=\"popoverTemplate; context: { $implicit: startIndex() }\" />\n    </div>\n  }\n</sat-popover>\n", styles: [".tokenizerPopoverContentWrapper{padding:16px;background:#fff;border-radius:4px;box-shadow:0 8px 14px #5261794d}.tokenizerPopoverContentWrapper.before{margin-right:10px}.tokenizerPopoverContentWrapper.after{margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: SatPopoverModule }, { kind: "component", type: i1$3.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TokenizerOverflowPopoverComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lx-tokenizer-overflow-popover', standalone: true, imports: [TokenizerComponent, SatPopoverModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sat-popover\n  (backdropClicked)=\"closePopover()\"\n  [hasBackdrop]=\"true\"\n  [horizontalAlign]=\"horizontalAlign()\"\n  [verticalAlign]=\"verticalAlign()\"\n  openTransition=\"100ms\"\n  closeTransition=\"100ms\"\n>\n  @if (popoverTemplate) {\n    <div\n      class=\"tokenizerPopoverContentWrapper\"\n      [class.before]=\"horizontalAlign() === 'before'\"\n      [class.after]=\"horizontalAlign() === 'after'\"\n    >\n      <ng-container *ngTemplateOutlet=\"popoverTemplate; context: { $implicit: startIndex() }\" />\n    </div>\n  }\n</sat-popover>\n", styles: [".tokenizerPopoverContentWrapper{padding:16px;background:#fff;border-radius:4px;box-shadow:0 8px 14px #5261794d}.tokenizerPopoverContentWrapper.before{margin-right:10px}.tokenizerPopoverContentWrapper.after{margin-left:10px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { popoverTemplate: [{
-                type: ContentChild,
-                args: ['popoverTemplate']
-            }], popover: [{
-                type: ViewChild,
-                args: [SatPopoverComponent]
-            }] } });
-
 /**
  * Generates an SVG for the avatar initials
  * @param displayName The name of the user
@@ -3141,7 +3141,7 @@ class BasicDropdownItemComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BasicDropdownItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-basic-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, NgIf, HighlightTermPipe], template: "@if (optionLabelSuffix) {\n  <div [class.boldLabel]=\"labelFontWeight === 'bold'\" class=\"optionLabel\">\n    <div [innerHtml]=\"label | lxHighlightTerm: highlightTerm\"></div>\n    <ng-content [select]=\"optionLabelSuffix\" />\n  </div>\n} @else {\n  <div [class.boldLabel]=\"labelFontWeight === 'bold'\" [innerHtml]=\"label | lxHighlightTerm: highlightTerm\"></div>\n}\n<div\n  class=\"optionDescription\"\n  [style.font-style]=\"descriptionFontStyle\"\n  [ngClass]=\"{ maxTextLines: descriptionStyleOptions?.maxLines }\"\n  [style.-webkit-line-clamp]=\"descriptionStyleOptions?.maxLines || 'inherit'\"\n  [innerHtml]=\"description | lxHighlightTerm: (descriptionStyleOptions?.shouldHighlightTerm ? highlightTerm : undefined)\"\n></div>\n", styles: [":host{display:block;padding:2px 0}:host.hasDescription{padding:4px 0}.boldLabel{font-weight:700}.optionDescription{padding-top:2px;color:#61779d;font-size:var(--lxFontSmallSize, 12px)}.optionDescription.maxTextLines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:inherit;-webkit-box-orient:vertical}.optionLabel{display:flex;align-items:center;justify-content:space-between}\n"] }]
+            args: [{ selector: 'lx-basic-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, HighlightTermPipe], template: "@if (optionLabelSuffix) {\n  <div [class.boldLabel]=\"labelFontWeight === 'bold'\" class=\"optionLabel\">\n    <div [innerHtml]=\"label | lxHighlightTerm: highlightTerm\"></div>\n    <ng-content [select]=\"optionLabelSuffix\" />\n  </div>\n} @else {\n  <div [class.boldLabel]=\"labelFontWeight === 'bold'\" [innerHtml]=\"label | lxHighlightTerm: highlightTerm\"></div>\n}\n<div\n  class=\"optionDescription\"\n  [style.font-style]=\"descriptionFontStyle\"\n  [ngClass]=\"{ maxTextLines: descriptionStyleOptions?.maxLines }\"\n  [style.-webkit-line-clamp]=\"descriptionStyleOptions?.maxLines || 'inherit'\"\n  [innerHtml]=\"description | lxHighlightTerm: (descriptionStyleOptions?.shouldHighlightTerm ? highlightTerm : undefined)\"\n></div>\n", styles: [":host{display:block;padding:2px 0}:host.hasDescription{padding:4px 0}.boldLabel{font-weight:700}.optionDescription{padding-top:2px;color:#61779d;font-size:var(--lxFontSmallSize, 12px)}.optionDescription.maxTextLines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:inherit;-webkit-box-orient:vertical}.optionLabel{display:flex;align-items:center;justify-content:space-between}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], description: [{
@@ -10307,7 +10307,7 @@ __decorate([
 ], TabGroupComponent.prototype, "tabsQueryList$", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [PortalModule, NgTemplateOutlet], template: "<ul\n  #tabListElement\n  class=\"tabs\"\n  role=\"tablist\"\n  (focusout)=\"onFocusOut($event)\"\n  [attr.aria-owns]=\"tabIds.join(' ')\"\n  [class.centered]=\"isCentered\"\n>\n  <ng-content />\n</ul>\n\n<ng-template [cdkPortalOutlet]=\"activeTabPortal\" />\n", styles: [":host{--tab-group-padding-y: 0}.tabs{display:inline-block;list-style:none;border-bottom:solid 1px #cfd5df;width:100%;margin:0;padding:0 var(--tab-group-padding-y);text-align:left}.tabs.centered{text-align:center}\n"] }]
+            args: [{ selector: 'lx-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [PortalModule], template: "<ul\n  #tabListElement\n  class=\"tabs\"\n  role=\"tablist\"\n  (focusout)=\"onFocusOut($event)\"\n  [attr.aria-owns]=\"tabIds.join(' ')\"\n  [class.centered]=\"isCentered\"\n>\n  <ng-content />\n</ul>\n\n<ng-template [cdkPortalOutlet]=\"activeTabPortal\" />\n", styles: [":host{--tab-group-padding-y: 0}.tabs{display:inline-block;list-style:none;border-bottom:solid 1px #cfd5df;width:100%;margin:0;padding:0 var(--tab-group-padding-y);text-align:left}.tabs.centered{text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isCentered: [{
                 type: Input
             }], selectedIndex: [{