@proximus/lavender-angular 2.0.0-alpha.59 → 2.0.0-alpha.60

package/fesm2022/proximus-lavender-angular.mjs

@@ -11225,6 +11225,12 @@ class PxDrawer {
     get openedby() {
         return this.elementRef.nativeElement['openedby'];
     }
+    set closedby(value) {
+        this.elementRef.nativeElement['closedby'] = value;
+    }
+    get closedby() {
+        return this.elementRef.nativeElement['closedby'];
+    }
     HIDE_EVENT = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
@@ -11233,7 +11239,7 @@ class PxDrawer {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", closeButtonAriaLabel: ["close-button-aria-label", "closeButtonAriaLabel"], openedby: "openedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", closeButtonAriaLabel: ["close-button-aria-label", "closeButtonAriaLabel"], openedby: "openedby", closedby: "closedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
             type: Directive,
@@ -11247,6 +11253,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['close-button-aria-label']
             }], openedby: [{
                 type: Input
+            }], closedby: [{
+                type: Input
             }], HIDE_EVENT: [{
                 type: Output
             }] } });
@@ -12784,23 +12792,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: ['order--desktop']
             }] } });
-/**
- * @description Type-only wrapper for <px-heading-group>
- */
-class PxHeadingGroup {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHeadingGroup, selector: "px-heading-group", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-heading-group',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-h1>
  */
@@ -15771,6 +15762,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: ['order--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-heading-group>
+ */
+class PxHeadingGroup {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHeadingGroup, selector: "px-heading-group", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-heading-group',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 /**
  * @description Type-only wrapper for <px-img>
  */
@@ -22850,9 +22858,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-p>
+ * @description Type-only wrapper for <px-pillar>
  */
-class PxP {
+class PxPillar {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -22860,47 +22868,23 @@ class PxP {
     get variant() {
         return this.elementRef.nativeElement['variant'];
     }
-    set color(value) {
-        this.elementRef.nativeElement['color'] = value;
-    }
-    get color() {
-        return this.elementRef.nativeElement['color'];
-    }
-    set fontSize(value) {
-        this.elementRef.nativeElement['fontSize'] = value;
-    }
-    get fontSize() {
-        return this.elementRef.nativeElement['fontSize'];
-    }
-    set fontWeight(value) {
-        this.elementRef.nativeElement['fontWeight'] = value;
-    }
-    get fontWeight() {
-        return this.elementRef.nativeElement['fontWeight'];
-    }
-    set textAlign(value) {
-        this.elementRef.nativeElement['textAlign'] = value;
-    }
-    get textAlign() {
-        return this.elementRef.nativeElement['textAlign'];
-    }
-    set textAlignMobile(value) {
-        this.elementRef.nativeElement['textAlignMobile'] = value;
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
     }
-    get textAlignMobile() {
-        return this.elementRef.nativeElement['textAlignMobile'];
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
     }
-    set textAlignTablet(value) {
-        this.elementRef.nativeElement['textAlignTablet'] = value;
+    set backgroundGradient(value) {
+        this.elementRef.nativeElement['backgroundGradient'] = value;
     }
-    get textAlignTablet() {
-        return this.elementRef.nativeElement['textAlignTablet'];
+    get backgroundGradient() {
+        return this.elementRef.nativeElement['backgroundGradient'];
     }
-    set textAlignLaptop(value) {
-        this.elementRef.nativeElement['textAlignLaptop'] = value;
+    set alignment(value) {
+        this.elementRef.nativeElement['alignment'] = value;
     }
-    get textAlignLaptop() {
-        return this.elementRef.nativeElement['textAlignLaptop'];
+    get alignment() {
+        return this.elementRef.nativeElement['alignment'];
     }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -22908,12 +22892,6 @@ class PxP {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
-    }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -23187,39 +23165,25 @@ class PxP {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxP, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxP, selector: "px-p", inputs: { variant: "variant", color: "color", fontSize: ["font-size", "fontSize"], fontWeight: ["font-weight", "fontWeight"], textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], inverted: "inverted", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPillar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPillar, selector: "px-pillar", inputs: { variant: "variant", backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], alignment: "alignment", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxP, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPillar, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-p',
+                    selector: 'px-pillar',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
-            }], color: [{
-                type: Input
-            }], fontSize: [{
-                type: Input,
-                args: ['font-size']
-            }], fontWeight: [{
-                type: Input,
-                args: ['font-weight']
-            }], textAlign: [{
-                type: Input,
-                args: ['text-align']
-            }], textAlignMobile: [{
-                type: Input,
-                args: ['text-align--mobile']
-            }], textAlignTablet: [{
+            }], backgroundColor: [{
                 type: Input,
-                args: ['text-align--tablet']
-            }], textAlignLaptop: [{
+                args: ['background-color']
+            }], backgroundGradient: [{
                 type: Input,
-                args: ['text-align--laptop']
-            }], inverted: [{
+                args: ['background-gradient']
+            }], alignment: [{
                 type: Input
-            }], disabled: [{
+            }], inverted: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -23353,9 +23317,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['order--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-pillar>
+ * @description Type-only wrapper for <px-p>
  */
-class PxPillar {
+class PxP {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -23363,23 +23327,47 @@ class PxPillar {
     get variant() {
         return this.elementRef.nativeElement['variant'];
     }
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
+    set color(value) {
+        this.elementRef.nativeElement['color'] = value;
     }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
+    get color() {
+        return this.elementRef.nativeElement['color'];
     }
-    set backgroundGradient(value) {
-        this.elementRef.nativeElement['backgroundGradient'] = value;
+    set fontSize(value) {
+        this.elementRef.nativeElement['fontSize'] = value;
     }
-    get backgroundGradient() {
-        return this.elementRef.nativeElement['backgroundGradient'];
+    get fontSize() {
+        return this.elementRef.nativeElement['fontSize'];
     }
-    set alignment(value) {
-        this.elementRef.nativeElement['alignment'] = value;
+    set fontWeight(value) {
+        this.elementRef.nativeElement['fontWeight'] = value;
     }
-    get alignment() {
-        return this.elementRef.nativeElement['alignment'];
+    get fontWeight() {
+        return this.elementRef.nativeElement['fontWeight'];
+    }
+    set textAlign(value) {
+        this.elementRef.nativeElement['textAlign'] = value;
+    }
+    get textAlign() {
+        return this.elementRef.nativeElement['textAlign'];
+    }
+    set textAlignMobile(value) {
+        this.elementRef.nativeElement['textAlignMobile'] = value;
+    }
+    get textAlignMobile() {
+        return this.elementRef.nativeElement['textAlignMobile'];
+    }
+    set textAlignTablet(value) {
+        this.elementRef.nativeElement['textAlignTablet'] = value;
+    }
+    get textAlignTablet() {
+        return this.elementRef.nativeElement['textAlignTablet'];
+    }
+    set textAlignLaptop(value) {
+        this.elementRef.nativeElement['textAlignLaptop'] = value;
+    }
+    get textAlignLaptop() {
+        return this.elementRef.nativeElement['textAlignLaptop'];
     }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -23387,6 +23375,12 @@ class PxPillar {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -23660,26 +23654,40 @@ class PxPillar {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPillar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPillar, selector: "px-pillar", inputs: { variant: "variant", backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], alignment: "alignment", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxP, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxP, selector: "px-p", inputs: { variant: "variant", color: "color", fontSize: ["font-size", "fontSize"], fontWeight: ["font-weight", "fontWeight"], textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], inverted: "inverted", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPillar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxP, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-pillar',
+                    selector: 'px-p',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
-            }], backgroundColor: [{
+            }], color: [{
+                type: Input
+            }], fontSize: [{
                 type: Input,
-                args: ['background-color']
-            }], backgroundGradient: [{
+                args: ['font-size']
+            }], fontWeight: [{
                 type: Input,
-                args: ['background-gradient']
-            }], alignment: [{
-                type: Input
+                args: ['font-weight']
+            }], textAlign: [{
+                type: Input,
+                args: ['text-align']
+            }], textAlignMobile: [{
+                type: Input,
+                args: ['text-align--mobile']
+            }], textAlignTablet: [{
+                type: Input,
+                args: ['text-align--tablet']
+            }], textAlignLaptop: [{
+                type: Input,
+                args: ['text-align--laptop']
             }], inverted: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -30650,12 +30658,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 class PxTabs {
     elementRef;
-    set tablistAriaLabelledby(value) {
-        this.elementRef.nativeElement['tablistAriaLabelledby'] = value;
-    }
-    get tablistAriaLabelledby() {
-        return this.elementRef.nativeElement['tablistAriaLabelledby'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
@@ -30674,21 +30676,24 @@ class PxTabs {
     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: "18.2.14", ngImport: i0, type: PxTabs, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabs, selector: "px-tabs", inputs: { tablistAriaLabelledby: ["tablist-aria-labelledby", "tablistAriaLabelledby"], inverted: "inverted", nextAriaLabel: ["next-aria-label", "nextAriaLabel"], previousAriaLabel: ["previous-aria-label", "previousAriaLabel"] }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabs, 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: "18.2.14", ngImport: i0, type: PxTabs, decorators: [{
             type: Directive,
             args: [{
                     selector: 'px-tabs',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tablistAriaLabelledby: [{
-                type: Input,
-                args: ['tablist-aria-labelledby']
-            }], inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
             }], nextAriaLabel: [{
                 type: Input,
@@ -30696,6 +30701,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], previousAriaLabel: [{
                 type: Input,
                 args: ['previous-aria-label']
+            }], hideControls: [{
+                type: Input,
+                args: ['hide-controls']
             }] } });
 /**
  * @description Type-only wrapper for <px-tab>
@@ -30720,15 +30728,25 @@ class PxTab {
     get id() {
         return this.elementRef.nativeElement['id'];
     }
-    pxTabConnected = new EventEmitter();
+    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('px-tab-connected', (e) => {
-            this.pxTabConnected.emit(e.detail);
+        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: "18.2.14", ngImport: i0, type: PxTab, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTab, selector: "px-tab", inputs: { selected: "selected", target: "target", id: "id" }, outputs: { pxTabConnected: "px-tab-connected" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTab, 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: "18.2.14", ngImport: i0, type: PxTab, decorators: [{
             type: Directive,
@@ -30741,9 +30759,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], id: [{
                 type: Input
-            }], pxTabConnected: [{
-                type: Output,
-                args: ['px-tab-connected']
+            }], inverted: [{
+                type: Input
+            }], TAB_CONNECTED_EVENT: [{
+                type: Output
+            }], TAB_SELECTED_EVENT: [{
+                type: Output
             }] } });
 /**
  * @description Type-only wrapper for <px-tab-panel>
@@ -30756,11 +30777,17 @@ class PxTabPanel {
     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: "18.2.14", ngImport: i0, type: PxTabPanel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabPanel, selector: "px-tab-panel", inputs: { id: "id" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabPanel, selector: "px-tab-panel", inputs: { id: "id", selected: "selected" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTabPanel, decorators: [{
             type: Directive,
@@ -30769,6 +30796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
                 type: Input
+            }], selected: [{
+                type: Input
             }] } });
 /**
  * @description Type-only wrapper for <px-tag>
@@ -34766,7 +34795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 class Lavender {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxHeadingGroup, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxHeadingGroup, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, 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, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxPillar, PxP, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, 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, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxPillar, PxP, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34801,13 +34830,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxDropdown,
                         PxFieldset,
                         PxGrid,
-                        PxHeadingGroup,
                         PxH1,
                         PxH2,
                         PxH3,
                         PxH4,
                         PxH5,
                         PxH6,
+                        PxHeadingGroup,
                         PxImg,
                         PxPicture,
                         PxInput,
@@ -34823,8 +34852,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxList,
                         PxListItem,
                         PxModal,
-                        PxP,
                         PxPillar,
+                        PxP,
                         PxPrice,
                         PxRadio,
                         PxRadioBase,
@@ -34898,13 +34927,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxDropdown,
                         PxFieldset,
                         PxGrid,
-                        PxHeadingGroup,
                         PxH1,
                         PxH2,
                         PxH3,
                         PxH4,
                         PxH5,
                         PxH6,
+                        PxHeadingGroup,
                         PxImg,
                         PxPicture,
                         PxInput,
@@ -34920,8 +34949,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxList,
                         PxListItem,
                         PxModal,
-                        PxP,
                         PxPillar,
+                        PxP,
                         PxPrice,
                         PxRadio,
                         PxRadioBase,