@proximus/lavender-angular 2.0.0-alpha.207 → 2.0.0-alpha.208

package/fesm2022/proximus-lavender-angular.mjs

@@ -28096,6 +28096,158 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-card-actions>
+ */
+class PxCardActions {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardActions, isStandalone: true, selector: "px-card-actions", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-card-actions',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-card-container>
+ */
+class PxCardContainer {
+    elementRef;
+    /** Switches to a dark surface with inverted text colors. */
+    set template(value) {
+        this.elementRef.nativeElement['template'] = value;
+    }
+    get template() {
+        return this.elementRef.nativeElement['template'];
+    }
+    set src(value) {
+        this.elementRef.nativeElement['src'] = value;
+    }
+    get src() {
+        return this.elementRef.nativeElement['src'];
+    }
+    set mediaPosition(value) {
+        this.elementRef.nativeElement['mediaPosition'] = value;
+    }
+    get mediaPosition() {
+        return this.elementRef.nativeElement['mediaPosition'];
+    }
+    set mediaSize(value) {
+        this.elementRef.nativeElement['mediaSize'] = value;
+    }
+    get mediaSize() {
+        return this.elementRef.nativeElement['mediaSize'];
+    }
+    set mediaAltText(value) {
+        this.elementRef.nativeElement['mediaAltText'] = value;
+    }
+    get mediaAltText() {
+        return this.elementRef.nativeElement['mediaAltText'];
+    }
+    set padding(value) {
+        this.elementRef.nativeElement['padding'] = value;
+    }
+    get padding() {
+        return this.elementRef.nativeElement['padding'];
+    }
+    set aspectRatio(value) {
+        this.elementRef.nativeElement['aspectRatio'] = value;
+    }
+    get aspectRatio() {
+        return this.elementRef.nativeElement['aspectRatio'];
+    }
+    set hasBorder(value) {
+        this.elementRef.nativeElement['hasBorder'] = value;
+    }
+    get hasBorder() {
+        return this.elementRef.nativeElement['hasBorder'];
+    }
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
+    }
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
+    }
+    set backgroundImage(value) {
+        this.elementRef.nativeElement['backgroundImage'] = value;
+    }
+    get backgroundImage() {
+        return this.elementRef.nativeElement['backgroundImage'];
+    }
+    set interactiveState(value) {
+        this.elementRef.nativeElement['interactiveState'] = value;
+    }
+    get interactiveState() {
+        return this.elementRef.nativeElement['interactiveState'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { template: ["inverted", "template"], src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-card-container',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { template: [{
+                type: Input,
+                args: ['inverted']
+            }], src: [{
+                type: Input
+            }], mediaPosition: [{
+                type: Input,
+                args: ['media-position']
+            }], mediaSize: [{
+                type: Input,
+                args: ['media-size']
+            }], mediaAltText: [{
+                type: Input,
+                args: ['media-alt-text']
+            }], padding: [{
+                type: Input
+            }], aspectRatio: [{
+                type: Input,
+                args: ['aspect-ratio']
+            }], hasBorder: [{
+                type: Input,
+                args: ['has-border']
+            }], backgroundColor: [{
+                type: Input,
+                args: ['background-color']
+            }], backgroundImage: [{
+                type: Input,
+                args: ['background-image']
+            }], interactiveState: [{
+                type: Input,
+                args: ['interactive-state']
+            }] } });
+/**
+ * @description Type-only wrapper for <px-card-heading>
+ */
+class PxCardHeading {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardHeading, isStandalone: true, selector: "px-card-heading", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-card-heading',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-pillar>
  */
@@ -28619,158 +28771,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
-/**
- * @description Type-only wrapper for <px-card-actions>
- */
-class PxCardActions {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardActions, isStandalone: true, selector: "px-card-actions", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardActions, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-card-actions',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-/**
- * @description Type-only wrapper for <px-card-container>
- */
-class PxCardContainer {
-    elementRef;
-    /** Switches to a dark surface with inverted text colors. */
-    set template(value) {
-        this.elementRef.nativeElement['template'] = value;
-    }
-    get template() {
-        return this.elementRef.nativeElement['template'];
-    }
-    set src(value) {
-        this.elementRef.nativeElement['src'] = value;
-    }
-    get src() {
-        return this.elementRef.nativeElement['src'];
-    }
-    set mediaPosition(value) {
-        this.elementRef.nativeElement['mediaPosition'] = value;
-    }
-    get mediaPosition() {
-        return this.elementRef.nativeElement['mediaPosition'];
-    }
-    set mediaSize(value) {
-        this.elementRef.nativeElement['mediaSize'] = value;
-    }
-    get mediaSize() {
-        return this.elementRef.nativeElement['mediaSize'];
-    }
-    set mediaAltText(value) {
-        this.elementRef.nativeElement['mediaAltText'] = value;
-    }
-    get mediaAltText() {
-        return this.elementRef.nativeElement['mediaAltText'];
-    }
-    set padding(value) {
-        this.elementRef.nativeElement['padding'] = value;
-    }
-    get padding() {
-        return this.elementRef.nativeElement['padding'];
-    }
-    set aspectRatio(value) {
-        this.elementRef.nativeElement['aspectRatio'] = value;
-    }
-    get aspectRatio() {
-        return this.elementRef.nativeElement['aspectRatio'];
-    }
-    set hasBorder(value) {
-        this.elementRef.nativeElement['hasBorder'] = value;
-    }
-    get hasBorder() {
-        return this.elementRef.nativeElement['hasBorder'];
-    }
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
-    }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
-    }
-    set backgroundImage(value) {
-        this.elementRef.nativeElement['backgroundImage'] = value;
-    }
-    get backgroundImage() {
-        return this.elementRef.nativeElement['backgroundImage'];
-    }
-    set interactiveState(value) {
-        this.elementRef.nativeElement['interactiveState'] = value;
-    }
-    get interactiveState() {
-        return this.elementRef.nativeElement['interactiveState'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { template: ["inverted", "template"], src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-card-container',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { template: [{
-                type: Input,
-                args: ['inverted']
-            }], src: [{
-                type: Input
-            }], mediaPosition: [{
-                type: Input,
-                args: ['media-position']
-            }], mediaSize: [{
-                type: Input,
-                args: ['media-size']
-            }], mediaAltText: [{
-                type: Input,
-                args: ['media-alt-text']
-            }], padding: [{
-                type: Input
-            }], aspectRatio: [{
-                type: Input,
-                args: ['aspect-ratio']
-            }], hasBorder: [{
-                type: Input,
-                args: ['has-border']
-            }], backgroundColor: [{
-                type: Input,
-                args: ['background-color']
-            }], backgroundImage: [{
-                type: Input,
-                args: ['background-image']
-            }], interactiveState: [{
-                type: Input,
-                args: ['interactive-state']
-            }] } });
-/**
- * @description Type-only wrapper for <px-card-heading>
- */
-class PxCardHeading {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardHeading, isStandalone: true, selector: "px-card-heading", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardHeading, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-card-heading',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-price>
  */
@@ -35867,6 +35867,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-theme-switcher>
+ */
+class PxThemeSwitcher {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxThemeSwitcher, isStandalone: true, selector: "px-theme-switcher", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThemeSwitcher, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-theme-switcher',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-status-card>
  */
@@ -36388,24 +36406,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], CLOSE_EVENT: [{
                 type: Output
             }] } });
-/**
- * @description Type-only wrapper for <px-theme-switcher>
- */
-class PxThemeSwitcher {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxThemeSwitcher, isStandalone: true, selector: "px-theme-switcher", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThemeSwitcher, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-theme-switcher',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-switch>
  */
@@ -36982,41 +36982,190 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
- * @description Type-only wrapper for <px-thead>
+ * @description Type-only wrapper for <px-thead>
+ */
+class PxThead {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThead, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxThead, isStandalone: true, selector: "px-thead", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThead, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-thead',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-tr>
+ */
+class PxTr {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTr, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTr, isStandalone: true, selector: "px-tr", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTr, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-tr',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-tabs>
+ */
+class PxTabs {
+    elementRef;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    set nextAriaLabel(value) {
+        this.elementRef.nativeElement['nextAriaLabel'] = value;
+    }
+    get nextAriaLabel() {
+        return this.elementRef.nativeElement['nextAriaLabel'];
+    }
+    set previousAriaLabel(value) {
+        this.elementRef.nativeElement['previousAriaLabel'] = value;
+    }
+    get previousAriaLabel() {
+        return this.elementRef.nativeElement['previousAriaLabel'];
+    }
+    set hideControls(value) {
+        this.elementRef.nativeElement['hideControls'] = value;
+    }
+    get hideControls() {
+        return this.elementRef.nativeElement['hideControls'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabs, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTabs, isStandalone: true, selector: "px-tabs", inputs: { inverted: "inverted", nextAriaLabel: ["next-aria-label", "nextAriaLabel"], previousAriaLabel: ["previous-aria-label", "previousAriaLabel"], hideControls: ["hide-controls", "hideControls"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabs, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-tabs',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+                type: Input
+            }], nextAriaLabel: [{
+                type: Input,
+                args: ['next-aria-label']
+            }], previousAriaLabel: [{
+                type: Input,
+                args: ['previous-aria-label']
+            }], hideControls: [{
+                type: Input,
+                args: ['hide-controls']
+            }] } });
+/**
+ * @description Type-only wrapper for <px-tab>
  */
-class PxThead {
+class PxTab {
     elementRef;
+    set selected(value) {
+        this.elementRef.nativeElement['selected'] = value;
+    }
+    get selected() {
+        return this.elementRef.nativeElement['selected'];
+    }
+    set target(value) {
+        this.elementRef.nativeElement['target'] = value;
+    }
+    get target() {
+        return this.elementRef.nativeElement['target'];
+    }
+    set id(value) {
+        this.elementRef.nativeElement['id'] = value;
+    }
+    get id() {
+        return this.elementRef.nativeElement['id'];
+    }
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    TAB_CONNECTED_EVENT = new EventEmitter();
+    TAB_SELECTED_EVENT = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('TAB_CONNECTED_EVENT', (e) => {
+            this.TAB_CONNECTED_EVENT.emit(e.detail);
+        });
+        this.elementRef.nativeElement.addEventListener('TAB_SELECTED_EVENT', (e) => {
+            this.TAB_SELECTED_EVENT.emit(e.detail);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThead, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxThead, isStandalone: true, selector: "px-thead", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTab, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTab, isStandalone: true, selector: "px-tab", inputs: { selected: "selected", target: "target", id: "id", inverted: "inverted" }, outputs: { TAB_CONNECTED_EVENT: "TAB_CONNECTED_EVENT", TAB_SELECTED_EVENT: "TAB_SELECTED_EVENT" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxThead, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTab, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-thead',
+                    selector: 'px-tab',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selected: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], TAB_CONNECTED_EVENT: [{
+                type: Output
+            }], TAB_SELECTED_EVENT: [{
+                type: Output
+            }] } });
 /**
- * @description Type-only wrapper for <px-tr>
+ * @description Type-only wrapper for <px-tab-panel>
  */
-class PxTr {
+class PxTabPanel {
     elementRef;
+    set id(value) {
+        this.elementRef.nativeElement['id'] = value;
+    }
+    get id() {
+        return this.elementRef.nativeElement['id'];
+    }
+    set selected(value) {
+        this.elementRef.nativeElement['selected'] = value;
+    }
+    get selected() {
+        return this.elementRef.nativeElement['selected'];
+    }
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTr, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTr, isStandalone: true, selector: "px-tr", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabPanel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTabPanel, isStandalone: true, selector: "px-tab-panel", inputs: { id: "id", selected: "selected" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTr, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabPanel, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-tr',
+                    selector: 'px-tab-panel',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }] } });
 /**
  * @description Type-only wrapper for <px-tag>
  */
@@ -37556,155 +37705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
-/**
- * @description Type-only wrapper for <px-tabs>
- */
-class PxTabs {
-    elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
-    }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
-    }
-    set nextAriaLabel(value) {
-        this.elementRef.nativeElement['nextAriaLabel'] = value;
-    }
-    get nextAriaLabel() {
-        return this.elementRef.nativeElement['nextAriaLabel'];
-    }
-    set previousAriaLabel(value) {
-        this.elementRef.nativeElement['previousAriaLabel'] = value;
-    }
-    get previousAriaLabel() {
-        return this.elementRef.nativeElement['previousAriaLabel'];
-    }
-    set hideControls(value) {
-        this.elementRef.nativeElement['hideControls'] = value;
-    }
-    get hideControls() {
-        return this.elementRef.nativeElement['hideControls'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabs, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTabs, isStandalone: true, selector: "px-tabs", inputs: { inverted: "inverted", nextAriaLabel: ["next-aria-label", "nextAriaLabel"], previousAriaLabel: ["previous-aria-label", "previousAriaLabel"], hideControls: ["hide-controls", "hideControls"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabs, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-tabs',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
-                type: Input
-            }], nextAriaLabel: [{
-                type: Input,
-                args: ['next-aria-label']
-            }], previousAriaLabel: [{
-                type: Input,
-                args: ['previous-aria-label']
-            }], hideControls: [{
-                type: Input,
-                args: ['hide-controls']
-            }] } });
-/**
- * @description Type-only wrapper for <px-tab>
- */
-class PxTab {
-    elementRef;
-    set selected(value) {
-        this.elementRef.nativeElement['selected'] = value;
-    }
-    get selected() {
-        return this.elementRef.nativeElement['selected'];
-    }
-    set target(value) {
-        this.elementRef.nativeElement['target'] = value;
-    }
-    get target() {
-        return this.elementRef.nativeElement['target'];
-    }
-    set id(value) {
-        this.elementRef.nativeElement['id'] = value;
-    }
-    get id() {
-        return this.elementRef.nativeElement['id'];
-    }
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
-    }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
-    }
-    TAB_CONNECTED_EVENT = new EventEmitter();
-    TAB_SELECTED_EVENT = new EventEmitter();
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('TAB_CONNECTED_EVENT', (e) => {
-            this.TAB_CONNECTED_EVENT.emit(e.detail);
-        });
-        this.elementRef.nativeElement.addEventListener('TAB_SELECTED_EVENT', (e) => {
-            this.TAB_SELECTED_EVENT.emit(e.detail);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTab, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTab, isStandalone: true, selector: "px-tab", inputs: { selected: "selected", target: "target", id: "id", inverted: "inverted" }, outputs: { TAB_CONNECTED_EVENT: "TAB_CONNECTED_EVENT", TAB_SELECTED_EVENT: "TAB_SELECTED_EVENT" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTab, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-tab',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selected: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], inverted: [{
-                type: Input
-            }], TAB_CONNECTED_EVENT: [{
-                type: Output
-            }], TAB_SELECTED_EVENT: [{
-                type: Output
-            }] } });
-/**
- * @description Type-only wrapper for <px-tab-panel>
- */
-class PxTabPanel {
-    elementRef;
-    set id(value) {
-        this.elementRef.nativeElement['id'] = value;
-    }
-    get id() {
-        return this.elementRef.nativeElement['id'];
-    }
-    set selected(value) {
-        this.elementRef.nativeElement['selected'] = value;
-    }
-    get selected() {
-        return this.elementRef.nativeElement['selected'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabPanel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTabPanel, isStandalone: true, selector: "px-tab-panel", inputs: { id: "id", selected: "selected" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTabPanel, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-tab-panel',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }] } });
 /**
  * @description Type-only wrapper for <px-tile>
  */
@@ -41852,7 +41852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }] } });
 class Lavender {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTag, PxTabs, PxTab, PxTabPanel, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider, PxWhiteLabelThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTag, PxTabs, PxTab, PxTabPanel, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider, PxWhiteLabelThemeProvider] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxCardActions, PxCardContainer, PxCardHeading, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxThemeSwitcher, PxStatusCard, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider, PxWhiteLabelThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxCodeInput, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxCardActions, PxCardContainer, PxCardHeading, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxThemeSwitcher, PxStatusCard, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxToaster, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider, PxWhiteLabelThemeProvider] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, decorators: [{
@@ -41913,10 +41913,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxListItem,
                         PxModal,
                         PxP,
-                        PxPillar,
                         PxCardActions,
                         PxCardContainer,
                         PxCardHeading,
+                        PxPillar,
                         PxPrice,
                         PxRadio,
                         PxRadioBase,
@@ -41931,8 +41931,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxSpan,
                         PxSpinner,
                         PxStatus,
-                        PxStatusCard,
                         PxThemeSwitcher,
+                        PxStatusCard,
                         PxSwitch,
                         PxTable,
                         PxTbody,
@@ -41940,10 +41940,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxTh,
                         PxThead,
                         PxTr,
-                        PxTag,
                         PxTabs,
                         PxTab,
                         PxTabPanel,
+                        PxTag,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,
@@ -42017,10 +42017,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxListItem,
                         PxModal,
                         PxP,
-                        PxPillar,
                         PxCardActions,
                         PxCardContainer,
                         PxCardHeading,
+                        PxPillar,
                         PxPrice,
                         PxRadio,
                         PxRadioBase,
@@ -42035,8 +42035,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxSpan,
                         PxSpinner,
                         PxStatus,
-                        PxStatusCard,
                         PxThemeSwitcher,
+                        PxStatusCard,
                         PxSwitch,
                         PxTable,
                         PxTbody,
@@ -42044,10 +42044,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxTh,
                         PxThead,
                         PxTr,
-                        PxTag,
                         PxTabs,
                         PxTab,
                         PxTabPanel,
+                        PxTag,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,