@proximus/lavender-angular 1.4.10-beta.4 → 1.4.10

package/fesm2022/proximus-lavender-angular.mjs

@@ -2658,128 +2658,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-button>
+ * @description Type-only wrapper for <px-breadcrumb-item>
  */
-class PxButton {
+class PxBreadcrumbItem {
     elementRef;
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
-    }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
-    }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
-    set loading(value) {
-        this.elementRef.nativeElement['loading'] = value;
-    }
-    get loading() {
-        return this.elementRef.nativeElement['loading'];
-    }
-    set shape(value) {
-        this.elementRef.nativeElement['shape'] = value;
-    }
-    get shape() {
-        return this.elementRef.nativeElement['shape'];
-    }
-    set shapeMobile(value) {
-        this.elementRef.nativeElement['shapeMobile'] = value;
-    }
-    get shapeMobile() {
-        return this.elementRef.nativeElement['shapeMobile'];
-    }
-    set shapeTablet(value) {
-        this.elementRef.nativeElement['shapeTablet'] = value;
-    }
-    get shapeTablet() {
-        return this.elementRef.nativeElement['shapeTablet'];
-    }
-    set shapeLaptop(value) {
-        this.elementRef.nativeElement['shapeLaptop'] = value;
-    }
-    get shapeLaptop() {
-        return this.elementRef.nativeElement['shapeLaptop'];
-    }
-    set shapeDesktop(value) {
-        this.elementRef.nativeElement['shapeDesktop'] = value;
-    }
-    get shapeDesktop() {
-        return this.elementRef.nativeElement['shapeDesktop'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set ariaExpanded(value) {
-        this.elementRef.nativeElement['ariaExpanded'] = value;
-    }
-    get ariaExpanded() {
-        return this.elementRef.nativeElement['ariaExpanded'];
-    }
-    set extended(value) {
-        this.elementRef.nativeElement['extended'] = value;
-    }
-    get extended() {
-        return this.elementRef.nativeElement['extended'];
-    }
-    set extendedMobile(value) {
-        this.elementRef.nativeElement['extendedMobile'] = value;
-    }
-    get extendedMobile() {
-        return this.elementRef.nativeElement['extendedMobile'];
-    }
-    set extendedTablet(value) {
-        this.elementRef.nativeElement['extendedTablet'] = value;
-    }
-    get extendedTablet() {
-        return this.elementRef.nativeElement['extendedTablet'];
-    }
-    set extendedLaptop(value) {
-        this.elementRef.nativeElement['extendedLaptop'] = value;
-    }
-    get extendedLaptop() {
-        return this.elementRef.nativeElement['extendedLaptop'];
-    }
-    set extendedDesktop(value) {
-        this.elementRef.nativeElement['extendedDesktop'] = value;
-    }
-    get extendedDesktop() {
-        return this.elementRef.nativeElement['extendedDesktop'];
-    }
-    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    /** The value associated with the button's name when it's submitted with a form. */
-    set value(value) {
-        this.elementRef.nativeElement['value'] = value;
-    }
-    get value() {
-        return this.elementRef.nativeElement['value'];
-    }
-    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
-    set type(value) {
-        this.elementRef.nativeElement['type'] = value;
-    }
-    get type() {
-        return this.elementRef.nativeElement['type'];
-    }
-    /** Whether the button is disabled. */
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
-    }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -3062,63 +2950,22 @@ class PxButton {
     get stickyBottom() {
         return this.elementRef.nativeElement['stickyBottom'];
     }
+    BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
+            this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButton, selector: "px-button", inputs: { variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], name: "name", value: "value", type: "type", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { BREADCRUMB_ITEM_CONNECTED_EVENT: "BREADCRUMB_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-button',
+                    selector: 'px-breadcrumb-item',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], shape: [{
-                type: Input
-            }], shapeMobile: [{
-                type: Input,
-                args: ['shape--mobile']
-            }], shapeTablet: [{
-                type: Input,
-                args: ['shape--tablet']
-            }], shapeLaptop: [{
-                type: Input,
-                args: ['shape--laptop']
-            }], shapeDesktop: [{
-                type: Input,
-                args: ['shape--desktop']
-            }], inverted: [{
-                type: Input
-            }], ariaExpanded: [{
-                type: Input,
-                args: ['aria-expanded']
-            }], extended: [{
-                type: Input
-            }], extendedMobile: [{
-                type: Input,
-                args: ['extended--mobile']
-            }], extendedTablet: [{
-                type: Input,
-                args: ['extended--tablet']
-            }], extendedLaptop: [{
-                type: Input,
-                args: ['extended--laptop']
-            }], extendedDesktop: [{
-                type: Input,
-                args: ['extended--desktop']
-            }], name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], disabled: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -3256,129 +3103,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], stickyBottom: [{
                 type: Input,
                 args: ['sticky-bottom']
+            }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
+                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-button-wrapper>
+ * @description Type-only wrapper for <px-breadcrumb>
  */
-class PxButtonWrapper {
+class PxBreadcrumb {
     elementRef;
-    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    /** The value associated with the button's name when it's submitted with a form. */
-    set value(value) {
-        this.elementRef.nativeElement['value'] = value;
-    }
-    get value() {
-        return this.elementRef.nativeElement['value'];
-    }
-    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
-    set type(value) {
-        this.elementRef.nativeElement['type'] = value;
-    }
-    get type() {
-        return this.elementRef.nativeElement['type'];
-    }
-    /** Whether the button is disabled. */
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
-    }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
-    }
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
-    }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
-    }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
-    set loading(value) {
-        this.elementRef.nativeElement['loading'] = value;
-    }
-    get loading() {
-        return this.elementRef.nativeElement['loading'];
-    }
-    set shape(value) {
-        this.elementRef.nativeElement['shape'] = value;
-    }
-    get shape() {
-        return this.elementRef.nativeElement['shape'];
-    }
-    set shapeMobile(value) {
-        this.elementRef.nativeElement['shapeMobile'] = value;
-    }
-    get shapeMobile() {
-        return this.elementRef.nativeElement['shapeMobile'];
-    }
-    set shapeTablet(value) {
-        this.elementRef.nativeElement['shapeTablet'] = value;
-    }
-    get shapeTablet() {
-        return this.elementRef.nativeElement['shapeTablet'];
-    }
-    set shapeLaptop(value) {
-        this.elementRef.nativeElement['shapeLaptop'] = value;
-    }
-    get shapeLaptop() {
-        return this.elementRef.nativeElement['shapeLaptop'];
-    }
-    set shapeDesktop(value) {
-        this.elementRef.nativeElement['shapeDesktop'] = value;
-    }
-    get shapeDesktop() {
-        return this.elementRef.nativeElement['shapeDesktop'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set ariaExpanded(value) {
-        this.elementRef.nativeElement['ariaExpanded'] = value;
-    }
-    get ariaExpanded() {
-        return this.elementRef.nativeElement['ariaExpanded'];
-    }
-    set extended(value) {
-        this.elementRef.nativeElement['extended'] = value;
-    }
-    get extended() {
-        return this.elementRef.nativeElement['extended'];
-    }
-    set extendedMobile(value) {
-        this.elementRef.nativeElement['extendedMobile'] = value;
-    }
-    get extendedMobile() {
-        return this.elementRef.nativeElement['extendedMobile'];
-    }
-    set extendedTablet(value) {
-        this.elementRef.nativeElement['extendedTablet'] = value;
-    }
-    get extendedTablet() {
-        return this.elementRef.nativeElement['extendedTablet'];
-    }
-    set extendedLaptop(value) {
-        this.elementRef.nativeElement['extendedLaptop'] = value;
-    }
-    get extendedLaptop() {
-        return this.elementRef.nativeElement['extendedLaptop'];
-    }
-    set extendedDesktop(value) {
-        this.elementRef.nativeElement['extendedDesktop'] = value;
+    set ariaLabel(value) {
+        this.elementRef.nativeElement['ariaLabel'] = value;
     }
-    get extendedDesktop() {
-        return this.elementRef.nativeElement['extendedDesktop'];
+    get ariaLabel() {
+        return this.elementRef.nativeElement['ariaLabel'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -3665,61 +3408,19 @@ class PxButtonWrapper {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonWrapper, selector: "px-button-wrapper", inputs: { name: "name", value: "value", type: "type", disabled: "disabled", variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumb, selector: "px-breadcrumb", inputs: { inverted: "inverted", ariaLabel: ["aria-label", "ariaLabel"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-button-wrapper',
+                    selector: 'px-breadcrumb',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], shape: [{
-                type: Input
-            }], shapeMobile: [{
-                type: Input,
-                args: ['shape--mobile']
-            }], shapeTablet: [{
-                type: Input,
-                args: ['shape--tablet']
-            }], shapeLaptop: [{
-                type: Input,
-                args: ['shape--laptop']
-            }], shapeDesktop: [{
-                type: Input,
-                args: ['shape--desktop']
-            }], inverted: [{
-                type: Input
-            }], ariaExpanded: [{
-                type: Input,
-                args: ['aria-expanded']
-            }], extended: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
-            }], extendedMobile: [{
-                type: Input,
-                args: ['extended--mobile']
-            }], extendedTablet: [{
-                type: Input,
-                args: ['extended--tablet']
-            }], extendedLaptop: [{
-                type: Input,
-                args: ['extended--laptop']
-            }], extendedDesktop: [{
+            }], ariaLabel: [{
                 type: Input,
-                args: ['extended--desktop']
+                args: ['aria-label']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -3858,16 +3559,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-breadcrumb-item>
+ * @description Type-only wrapper for <px-button>
  */
-class PxBreadcrumbItem {
+class PxButton {
     elementRef;
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
+    }
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
+    }
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
+    }
+    set loading(value) {
+        this.elementRef.nativeElement['loading'] = value;
+    }
+    get loading() {
+        return this.elementRef.nativeElement['loading'];
+    }
+    set shape(value) {
+        this.elementRef.nativeElement['shape'] = value;
+    }
+    get shape() {
+        return this.elementRef.nativeElement['shape'];
+    }
+    set shapeMobile(value) {
+        this.elementRef.nativeElement['shapeMobile'] = value;
+    }
+    get shapeMobile() {
+        return this.elementRef.nativeElement['shapeMobile'];
+    }
+    set shapeTablet(value) {
+        this.elementRef.nativeElement['shapeTablet'] = value;
+    }
+    get shapeTablet() {
+        return this.elementRef.nativeElement['shapeTablet'];
+    }
+    set shapeLaptop(value) {
+        this.elementRef.nativeElement['shapeLaptop'] = value;
+    }
+    get shapeLaptop() {
+        return this.elementRef.nativeElement['shapeLaptop'];
+    }
+    set shapeDesktop(value) {
+        this.elementRef.nativeElement['shapeDesktop'] = value;
+    }
+    get shapeDesktop() {
+        return this.elementRef.nativeElement['shapeDesktop'];
+    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
+    set ariaExpanded(value) {
+        this.elementRef.nativeElement['ariaExpanded'] = value;
+    }
+    get ariaExpanded() {
+        return this.elementRef.nativeElement['ariaExpanded'];
+    }
+    set extended(value) {
+        this.elementRef.nativeElement['extended'] = value;
+    }
+    get extended() {
+        return this.elementRef.nativeElement['extended'];
+    }
+    set extendedMobile(value) {
+        this.elementRef.nativeElement['extendedMobile'] = value;
+    }
+    get extendedMobile() {
+        return this.elementRef.nativeElement['extendedMobile'];
+    }
+    set extendedTablet(value) {
+        this.elementRef.nativeElement['extendedTablet'] = value;
+    }
+    get extendedTablet() {
+        return this.elementRef.nativeElement['extendedTablet'];
+    }
+    set extendedLaptop(value) {
+        this.elementRef.nativeElement['extendedLaptop'] = value;
+    }
+    get extendedLaptop() {
+        return this.elementRef.nativeElement['extendedLaptop'];
+    }
+    set extendedDesktop(value) {
+        this.elementRef.nativeElement['extendedDesktop'] = value;
+    }
+    get extendedDesktop() {
+        return this.elementRef.nativeElement['extendedDesktop'];
+    }
+    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
+    }
+    get name() {
+        return this.elementRef.nativeElement['name'];
+    }
+    /** The value associated with the button's name when it's submitted with a form. */
+    set value(value) {
+        this.elementRef.nativeElement['value'] = value;
+    }
+    get value() {
+        return this.elementRef.nativeElement['value'];
+    }
+    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
+    set type(value) {
+        this.elementRef.nativeElement['type'] = value;
+    }
+    get type() {
+        return this.elementRef.nativeElement['type'];
+    }
+    /** Whether the button is disabled. */
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -4150,22 +3963,63 @@ class PxBreadcrumbItem {
     get stickyBottom() {
         return this.elementRef.nativeElement['stickyBottom'];
     }
-    BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
-            this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { BREADCRUMB_ITEM_CONNECTED_EVENT: "BREADCRUMB_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButton, selector: "px-button", inputs: { variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], name: "name", value: "value", type: "type", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-breadcrumb-item',
+                    selector: 'px-button',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], shapeMobile: [{
+                type: Input,
+                args: ['shape--mobile']
+            }], shapeTablet: [{
+                type: Input,
+                args: ['shape--tablet']
+            }], shapeLaptop: [{
+                type: Input,
+                args: ['shape--laptop']
+            }], shapeDesktop: [{
+                type: Input,
+                args: ['shape--desktop']
+            }], inverted: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input,
+                args: ['aria-expanded']
+            }], extended: [{
+                type: Input
+            }], extendedMobile: [{
+                type: Input,
+                args: ['extended--mobile']
+            }], extendedTablet: [{
+                type: Input,
+                args: ['extended--tablet']
+            }], extendedLaptop: [{
+                type: Input,
+                args: ['extended--laptop']
+            }], extendedDesktop: [{
+                type: Input,
+                args: ['extended--desktop']
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -4303,25 +4157,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], stickyBottom: [{
                 type: Input,
                 args: ['sticky-bottom']
-            }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
-                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-breadcrumb>
+ * @description Type-only wrapper for <px-button-wrapper>
  */
-class PxBreadcrumb {
+class PxButtonWrapper {
     elementRef;
+    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
+    }
+    get name() {
+        return this.elementRef.nativeElement['name'];
+    }
+    /** The value associated with the button's name when it's submitted with a form. */
+    set value(value) {
+        this.elementRef.nativeElement['value'] = value;
+    }
+    get value() {
+        return this.elementRef.nativeElement['value'];
+    }
+    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
+    set type(value) {
+        this.elementRef.nativeElement['type'] = value;
+    }
+    get type() {
+        return this.elementRef.nativeElement['type'];
+    }
+    /** Whether the button is disabled. */
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
+    }
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
+    }
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
+    }
+    set loading(value) {
+        this.elementRef.nativeElement['loading'] = value;
+    }
+    get loading() {
+        return this.elementRef.nativeElement['loading'];
+    }
+    set shape(value) {
+        this.elementRef.nativeElement['shape'] = value;
+    }
+    get shape() {
+        return this.elementRef.nativeElement['shape'];
+    }
+    set shapeMobile(value) {
+        this.elementRef.nativeElement['shapeMobile'] = value;
+    }
+    get shapeMobile() {
+        return this.elementRef.nativeElement['shapeMobile'];
+    }
+    set shapeTablet(value) {
+        this.elementRef.nativeElement['shapeTablet'] = value;
+    }
+    get shapeTablet() {
+        return this.elementRef.nativeElement['shapeTablet'];
+    }
+    set shapeLaptop(value) {
+        this.elementRef.nativeElement['shapeLaptop'] = value;
+    }
+    get shapeLaptop() {
+        return this.elementRef.nativeElement['shapeLaptop'];
+    }
+    set shapeDesktop(value) {
+        this.elementRef.nativeElement['shapeDesktop'] = value;
+    }
+    get shapeDesktop() {
+        return this.elementRef.nativeElement['shapeDesktop'];
+    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set ariaLabel(value) {
-        this.elementRef.nativeElement['ariaLabel'] = value;
+    set ariaExpanded(value) {
+        this.elementRef.nativeElement['ariaExpanded'] = value;
     }
-    get ariaLabel() {
-        return this.elementRef.nativeElement['ariaLabel'];
+    get ariaExpanded() {
+        return this.elementRef.nativeElement['ariaExpanded'];
+    }
+    set extended(value) {
+        this.elementRef.nativeElement['extended'] = value;
+    }
+    get extended() {
+        return this.elementRef.nativeElement['extended'];
+    }
+    set extendedMobile(value) {
+        this.elementRef.nativeElement['extendedMobile'] = value;
+    }
+    get extendedMobile() {
+        return this.elementRef.nativeElement['extendedMobile'];
+    }
+    set extendedTablet(value) {
+        this.elementRef.nativeElement['extendedTablet'] = value;
+    }
+    get extendedTablet() {
+        return this.elementRef.nativeElement['extendedTablet'];
+    }
+    set extendedLaptop(value) {
+        this.elementRef.nativeElement['extendedLaptop'] = value;
+    }
+    get extendedLaptop() {
+        return this.elementRef.nativeElement['extendedLaptop'];
+    }
+    set extendedDesktop(value) {
+        this.elementRef.nativeElement['extendedDesktop'] = value;
+    }
+    get extendedDesktop() {
+        return this.elementRef.nativeElement['extendedDesktop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -4608,19 +4566,61 @@ class PxBreadcrumb {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumb, selector: "px-breadcrumb", inputs: { inverted: "inverted", ariaLabel: ["aria-label", "ariaLabel"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonWrapper, selector: "px-button-wrapper", inputs: { name: "name", value: "value", type: "type", disabled: "disabled", variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-breadcrumb',
+                    selector: 'px-button-wrapper',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
                 type: Input
-            }], ariaLabel: [{
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], shapeMobile: [{
                 type: Input,
-                args: ['aria-label']
+                args: ['shape--mobile']
+            }], shapeTablet: [{
+                type: Input,
+                args: ['shape--tablet']
+            }], shapeLaptop: [{
+                type: Input,
+                args: ['shape--laptop']
+            }], shapeDesktop: [{
+                type: Input,
+                args: ['shape--desktop']
+            }], inverted: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input,
+                args: ['aria-expanded']
+            }], extended: [{
+                type: Input
+            }], extendedMobile: [{
+                type: Input,
+                args: ['extended--mobile']
+            }], extendedTablet: [{
+                type: Input,
+                args: ['extended--tablet']
+            }], extendedLaptop: [{
+                type: Input,
+                args: ['extended--laptop']
+            }], extendedDesktop: [{
+                type: Input,
+                args: ['extended--desktop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -11700,12 +11700,6 @@ class PxContentHeader {
     get hasGriddingLaptop() {
         return this.elementRef.nativeElement['hasGriddingLaptop'];
     }
-    set hasGriddingDesktop(value) {
-        this.elementRef.nativeElement['hasGriddingDesktop'] = value;
-    }
-    get hasGriddingDesktop() {
-        return this.elementRef.nativeElement['hasGriddingDesktop'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
@@ -11998,7 +11992,7 @@ class PxContentHeader {
         this.elementRef = elementRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], hasGriddingDesktop: ["has-gridding--desktop", "hasGriddingDesktop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
             type: Directive,
@@ -12050,9 +12044,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], hasGriddingLaptop: [{
                 type: Input,
                 args: ['has-gridding--laptop']
-            }], hasGriddingDesktop: [{
-                type: Input,
-                args: ['has-gridding--desktop']
             }], inverted: [{
                 type: Input
             }], grow: [{
@@ -12221,36 +12212,6 @@ class PxDrawer {
     get closedby() {
         return this.elementRef.nativeElement['closedby'];
     }
-    set fullscreen(value) {
-        this.elementRef.nativeElement['fullscreen'] = value;
-    }
-    get fullscreen() {
-        return this.elementRef.nativeElement['fullscreen'];
-    }
-    set fullscreenMobile(value) {
-        this.elementRef.nativeElement['fullscreenMobile'] = value;
-    }
-    get fullscreenMobile() {
-        return this.elementRef.nativeElement['fullscreenMobile'];
-    }
-    set fullscreenTablet(value) {
-        this.elementRef.nativeElement['fullscreenTablet'] = value;
-    }
-    get fullscreenTablet() {
-        return this.elementRef.nativeElement['fullscreenTablet'];
-    }
-    set fullscreenLaptop(value) {
-        this.elementRef.nativeElement['fullscreenLaptop'] = value;
-    }
-    get fullscreenLaptop() {
-        return this.elementRef.nativeElement['fullscreenLaptop'];
-    }
-    set fullscreenDesktop(value) {
-        this.elementRef.nativeElement['fullscreenDesktop'] = value;
-    }
-    get fullscreenDesktop() {
-        return this.elementRef.nativeElement['fullscreenDesktop'];
-    }
     HIDE_EVENT = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
@@ -12259,7 +12220,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", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby", fullscreen: "fullscreen", fullscreenMobile: ["fullscreen--mobile", "fullscreenMobile"], fullscreenTablet: ["fullscreen--tablet", "fullscreenTablet"], fullscreenLaptop: ["fullscreen--laptop", "fullscreenLaptop"], fullscreenDesktop: ["fullscreen--desktop", "fullscreenDesktop"] }, 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", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], 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,
@@ -12275,20 +12236,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], closedby: [{
                 type: Input
-            }], fullscreen: [{
-                type: Input
-            }], fullscreenMobile: [{
-                type: Input,
-                args: ['fullscreen--mobile']
-            }], fullscreenTablet: [{
-                type: Input,
-                args: ['fullscreen--tablet']
-            }], fullscreenLaptop: [{
-                type: Input,
-                args: ['fullscreen--laptop']
-            }], fullscreenDesktop: [{
-                type: Input,
-                args: ['fullscreen--desktop']
             }], HIDE_EVENT: [{
                 type: Output
             }] } });
@@ -12321,12 +12268,6 @@ class PxDropdown {
     get manualToggle() {
         return this.elementRef.nativeElement['manualToggle'];
     }
-    set popoverHeight(value) {
-        this.elementRef.nativeElement['popoverHeight'] = value;
-    }
-    get popoverHeight() {
-        return this.elementRef.nativeElement['popoverHeight'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -12613,7 +12554,7 @@ class PxDropdown {
         this.elementRef = elementRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], popoverHeight: ["popover-height", "popoverHeight"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
             type: Directive,
@@ -12630,9 +12571,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], manualToggle: [{
                 type: Input,
                 args: ['manual-toggle']
-            }], popoverHeight: [{
-                type: Input,
-                args: ['popover-height']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -12771,153 +12709,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-grid>
+ * @description Type-only wrapper for <px-fieldset>
  */
-class PxGrid {
+class PxFieldset {
     elementRef;
-    set gridCols(value) {
-        this.elementRef.nativeElement['gridCols'] = value;
-    }
-    get gridCols() {
-        return this.elementRef.nativeElement['gridCols'];
-    }
-    set gridColsMobile(value) {
-        this.elementRef.nativeElement['gridColsMobile'] = value;
-    }
-    get gridColsMobile() {
-        return this.elementRef.nativeElement['gridColsMobile'];
-    }
-    set gridColsTablet(value) {
-        this.elementRef.nativeElement['gridColsTablet'] = value;
-    }
-    get gridColsTablet() {
-        return this.elementRef.nativeElement['gridColsTablet'];
-    }
-    set gridColsLaptop(value) {
-        this.elementRef.nativeElement['gridColsLaptop'] = value;
-    }
-    get gridColsLaptop() {
-        return this.elementRef.nativeElement['gridColsLaptop'];
-    }
-    set justifyContent(value) {
-        this.elementRef.nativeElement['justifyContent'] = value;
-    }
-    get justifyContent() {
-        return this.elementRef.nativeElement['justifyContent'];
-    }
-    set justifyItems(value) {
-        this.elementRef.nativeElement['justifyItems'] = value;
-    }
-    get justifyItems() {
-        return this.elementRef.nativeElement['justifyItems'];
-    }
-    set alignContent(value) {
-        this.elementRef.nativeElement['alignContent'] = value;
-    }
-    get alignContent() {
-        return this.elementRef.nativeElement['alignContent'];
-    }
-    set alignItems(value) {
-        this.elementRef.nativeElement['alignItems'] = value;
-    }
-    get alignItems() {
-        return this.elementRef.nativeElement['alignItems'];
-    }
-    set justifyContentMobile(value) {
-        this.elementRef.nativeElement['justifyContentMobile'] = value;
-    }
-    get justifyContentMobile() {
-        return this.elementRef.nativeElement['justifyContentMobile'];
-    }
-    set justifyItemsMobile(value) {
-        this.elementRef.nativeElement['justifyItemsMobile'] = value;
-    }
-    get justifyItemsMobile() {
-        return this.elementRef.nativeElement['justifyItemsMobile'];
-    }
-    set alignContentMobile(value) {
-        this.elementRef.nativeElement['alignContentMobile'] = value;
-    }
-    get alignContentMobile() {
-        return this.elementRef.nativeElement['alignContentMobile'];
-    }
-    set alignItemsMobile(value) {
-        this.elementRef.nativeElement['alignItemsMobile'] = value;
-    }
-    get alignItemsMobile() {
-        return this.elementRef.nativeElement['alignItemsMobile'];
-    }
-    set justifyContentTablet(value) {
-        this.elementRef.nativeElement['justifyContentTablet'] = value;
-    }
-    get justifyContentTablet() {
-        return this.elementRef.nativeElement['justifyContentTablet'];
-    }
-    set justifyItemsTablet(value) {
-        this.elementRef.nativeElement['justifyItemsTablet'] = value;
-    }
-    get justifyItemsTablet() {
-        return this.elementRef.nativeElement['justifyItemsTablet'];
-    }
-    set alignContentTablet(value) {
-        this.elementRef.nativeElement['alignContentTablet'] = value;
-    }
-    get alignContentTablet() {
-        return this.elementRef.nativeElement['alignContentTablet'];
-    }
-    set alignItemsTablet(value) {
-        this.elementRef.nativeElement['alignItemsTablet'] = value;
-    }
-    get alignItemsTablet() {
-        return this.elementRef.nativeElement['alignItemsTablet'];
-    }
-    set justifyContentLaptop(value) {
-        this.elementRef.nativeElement['justifyContentLaptop'] = value;
-    }
-    get justifyContentLaptop() {
-        return this.elementRef.nativeElement['justifyContentLaptop'];
-    }
-    set justifyItemsLaptop(value) {
-        this.elementRef.nativeElement['justifyItemsLaptop'] = value;
-    }
-    get justifyItemsLaptop() {
-        return this.elementRef.nativeElement['justifyItemsLaptop'];
-    }
-    set alignContentLaptop(value) {
-        this.elementRef.nativeElement['alignContentLaptop'] = value;
-    }
-    get alignContentLaptop() {
-        return this.elementRef.nativeElement['alignContentLaptop'];
-    }
-    set alignItemsLaptop(value) {
-        this.elementRef.nativeElement['alignItemsLaptop'] = value;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
     }
-    get alignItemsLaptop() {
-        return this.elementRef.nativeElement['alignItemsLaptop'];
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
     }
-    set justifyContentDesktop(value) {
-        this.elementRef.nativeElement['justifyContentDesktop'] = value;
+    set role(value) {
+        this.elementRef.nativeElement['role'] = value;
     }
-    get justifyContentDesktop() {
-        return this.elementRef.nativeElement['justifyContentDesktop'];
+    get role() {
+        return this.elementRef.nativeElement['role'];
     }
-    set justifyItemsDesktop(value) {
-        this.elementRef.nativeElement['justifyItemsDesktop'] = value;
+    set ariaRequired(value) {
+        this.elementRef.nativeElement['ariaRequired'] = value;
     }
-    get justifyItemsDesktop() {
-        return this.elementRef.nativeElement['justifyItemsDesktop'];
+    get ariaRequired() {
+        return this.elementRef.nativeElement['ariaRequired'];
     }
-    set alignContentDesktop(value) {
-        this.elementRef.nativeElement['alignContentDesktop'] = value;
+    set ariaDisabled(value) {
+        this.elementRef.nativeElement['ariaDisabled'] = value;
     }
-    get alignContentDesktop() {
-        return this.elementRef.nativeElement['alignContentDesktop'];
+    get ariaDisabled() {
+        return this.elementRef.nativeElement['ariaDisabled'];
     }
-    set alignItemsDesktop(value) {
-        this.elementRef.nativeElement['alignItemsDesktop'] = value;
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
     }
-    get alignItemsDesktop() {
-        return this.elementRef.nativeElement['alignItemsDesktop'];
+    get state() {
+        return this.elementRef.nativeElement['state'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -13204,86 +13028,26 @@ class PxGrid {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-grid',
+                    selector: 'px-fieldset',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
-                type: Input,
-                args: ['grid-cols']
-            }], gridColsMobile: [{
-                type: Input,
-                args: ['grid-cols--mobile']
-            }], gridColsTablet: [{
-                type: Input,
-                args: ['grid-cols--tablet']
-            }], gridColsLaptop: [{
-                type: Input,
-                args: ['grid-cols--laptop']
-            }], justifyContent: [{
-                type: Input,
-                args: ['justify-content']
-            }], justifyItems: [{
-                type: Input,
-                args: ['justify-items']
-            }], alignContent: [{
-                type: Input,
-                args: ['align-content']
-            }], alignItems: [{
-                type: Input,
-                args: ['align-items']
-            }], justifyContentMobile: [{
-                type: Input,
-                args: ['justify-content--mobile']
-            }], justifyItemsMobile: [{
-                type: Input,
-                args: ['justify-items--mobile']
-            }], alignContentMobile: [{
-                type: Input,
-                args: ['align-content--mobile']
-            }], alignItemsMobile: [{
-                type: Input,
-                args: ['align-items--mobile']
-            }], justifyContentTablet: [{
-                type: Input,
-                args: ['justify-content--tablet']
-            }], justifyItemsTablet: [{
-                type: Input,
-                args: ['justify-items--tablet']
-            }], alignContentTablet: [{
-                type: Input,
-                args: ['align-content--tablet']
-            }], alignItemsTablet: [{
-                type: Input,
-                args: ['align-items--tablet']
-            }], justifyContentLaptop: [{
-                type: Input,
-                args: ['justify-content--laptop']
-            }], justifyItemsLaptop: [{
-                type: Input,
-                args: ['justify-items--laptop']
-            }], alignContentLaptop: [{
-                type: Input,
-                args: ['align-content--laptop']
-            }], alignItemsLaptop: [{
-                type: Input,
-                args: ['align-items--laptop']
-            }], justifyContentDesktop: [{
-                type: Input,
-                args: ['justify-content--desktop']
-            }], justifyItemsDesktop: [{
-                type: Input,
-                args: ['justify-items--desktop']
-            }], alignContentDesktop: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], ariaRequired: [{
                 type: Input,
-                args: ['align-content--desktop']
-            }], alignItemsDesktop: [{
+                args: ['aria-required']
+            }], ariaDisabled: [{
                 type: Input,
-                args: ['align-items--desktop']
+                args: ['aria-disabled']
+            }], state: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -13422,39 +13186,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-fieldset>
+ * @description Type-only wrapper for <px-grid>
  */
-class PxFieldset {
+class PxGrid {
     elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
+    set gridCols(value) {
+        this.elementRef.nativeElement['gridCols'] = value;
     }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
+    get gridCols() {
+        return this.elementRef.nativeElement['gridCols'];
     }
-    set role(value) {
-        this.elementRef.nativeElement['role'] = value;
+    set gridColsMobile(value) {
+        this.elementRef.nativeElement['gridColsMobile'] = value;
     }
-    get role() {
-        return this.elementRef.nativeElement['role'];
+    get gridColsMobile() {
+        return this.elementRef.nativeElement['gridColsMobile'];
     }
-    set ariaRequired(value) {
-        this.elementRef.nativeElement['ariaRequired'] = value;
+    set gridColsTablet(value) {
+        this.elementRef.nativeElement['gridColsTablet'] = value;
     }
-    get ariaRequired() {
-        return this.elementRef.nativeElement['ariaRequired'];
+    get gridColsTablet() {
+        return this.elementRef.nativeElement['gridColsTablet'];
     }
-    set ariaDisabled(value) {
-        this.elementRef.nativeElement['ariaDisabled'] = value;
+    set gridColsLaptop(value) {
+        this.elementRef.nativeElement['gridColsLaptop'] = value;
     }
-    get ariaDisabled() {
-        return this.elementRef.nativeElement['ariaDisabled'];
+    get gridColsLaptop() {
+        return this.elementRef.nativeElement['gridColsLaptop'];
     }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
+    set justifyContent(value) {
+        this.elementRef.nativeElement['justifyContent'] = value;
     }
-    get state() {
-        return this.elementRef.nativeElement['state'];
+    get justifyContent() {
+        return this.elementRef.nativeElement['justifyContent'];
+    }
+    set justifyItems(value) {
+        this.elementRef.nativeElement['justifyItems'] = value;
+    }
+    get justifyItems() {
+        return this.elementRef.nativeElement['justifyItems'];
+    }
+    set alignContent(value) {
+        this.elementRef.nativeElement['alignContent'] = value;
+    }
+    get alignContent() {
+        return this.elementRef.nativeElement['alignContent'];
+    }
+    set alignItems(value) {
+        this.elementRef.nativeElement['alignItems'] = value;
+    }
+    get alignItems() {
+        return this.elementRef.nativeElement['alignItems'];
+    }
+    set justifyContentMobile(value) {
+        this.elementRef.nativeElement['justifyContentMobile'] = value;
+    }
+    get justifyContentMobile() {
+        return this.elementRef.nativeElement['justifyContentMobile'];
+    }
+    set justifyItemsMobile(value) {
+        this.elementRef.nativeElement['justifyItemsMobile'] = value;
+    }
+    get justifyItemsMobile() {
+        return this.elementRef.nativeElement['justifyItemsMobile'];
+    }
+    set alignContentMobile(value) {
+        this.elementRef.nativeElement['alignContentMobile'] = value;
+    }
+    get alignContentMobile() {
+        return this.elementRef.nativeElement['alignContentMobile'];
+    }
+    set alignItemsMobile(value) {
+        this.elementRef.nativeElement['alignItemsMobile'] = value;
+    }
+    get alignItemsMobile() {
+        return this.elementRef.nativeElement['alignItemsMobile'];
+    }
+    set justifyContentTablet(value) {
+        this.elementRef.nativeElement['justifyContentTablet'] = value;
+    }
+    get justifyContentTablet() {
+        return this.elementRef.nativeElement['justifyContentTablet'];
+    }
+    set justifyItemsTablet(value) {
+        this.elementRef.nativeElement['justifyItemsTablet'] = value;
+    }
+    get justifyItemsTablet() {
+        return this.elementRef.nativeElement['justifyItemsTablet'];
+    }
+    set alignContentTablet(value) {
+        this.elementRef.nativeElement['alignContentTablet'] = value;
+    }
+    get alignContentTablet() {
+        return this.elementRef.nativeElement['alignContentTablet'];
+    }
+    set alignItemsTablet(value) {
+        this.elementRef.nativeElement['alignItemsTablet'] = value;
+    }
+    get alignItemsTablet() {
+        return this.elementRef.nativeElement['alignItemsTablet'];
+    }
+    set justifyContentLaptop(value) {
+        this.elementRef.nativeElement['justifyContentLaptop'] = value;
+    }
+    get justifyContentLaptop() {
+        return this.elementRef.nativeElement['justifyContentLaptop'];
+    }
+    set justifyItemsLaptop(value) {
+        this.elementRef.nativeElement['justifyItemsLaptop'] = value;
+    }
+    get justifyItemsLaptop() {
+        return this.elementRef.nativeElement['justifyItemsLaptop'];
+    }
+    set alignContentLaptop(value) {
+        this.elementRef.nativeElement['alignContentLaptop'] = value;
+    }
+    get alignContentLaptop() {
+        return this.elementRef.nativeElement['alignContentLaptop'];
+    }
+    set alignItemsLaptop(value) {
+        this.elementRef.nativeElement['alignItemsLaptop'] = value;
+    }
+    get alignItemsLaptop() {
+        return this.elementRef.nativeElement['alignItemsLaptop'];
+    }
+    set justifyContentDesktop(value) {
+        this.elementRef.nativeElement['justifyContentDesktop'] = value;
+    }
+    get justifyContentDesktop() {
+        return this.elementRef.nativeElement['justifyContentDesktop'];
+    }
+    set justifyItemsDesktop(value) {
+        this.elementRef.nativeElement['justifyItemsDesktop'] = value;
+    }
+    get justifyItemsDesktop() {
+        return this.elementRef.nativeElement['justifyItemsDesktop'];
+    }
+    set alignContentDesktop(value) {
+        this.elementRef.nativeElement['alignContentDesktop'] = value;
+    }
+    get alignContentDesktop() {
+        return this.elementRef.nativeElement['alignContentDesktop'];
+    }
+    set alignItemsDesktop(value) {
+        this.elementRef.nativeElement['alignItemsDesktop'] = value;
+    }
+    get alignItemsDesktop() {
+        return this.elementRef.nativeElement['alignItemsDesktop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -13741,26 +13619,86 @@ class PxFieldset {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-fieldset',
+                    selector: 'px-grid',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
-                type: Input
-            }], role: [{
-                type: Input
-            }], ariaRequired: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
                 type: Input,
-                args: ['aria-required']
-            }], ariaDisabled: [{
+                args: ['grid-cols']
+            }], gridColsMobile: [{
                 type: Input,
-                args: ['aria-disabled']
-            }], state: [{
-                type: Input
+                args: ['grid-cols--mobile']
+            }], gridColsTablet: [{
+                type: Input,
+                args: ['grid-cols--tablet']
+            }], gridColsLaptop: [{
+                type: Input,
+                args: ['grid-cols--laptop']
+            }], justifyContent: [{
+                type: Input,
+                args: ['justify-content']
+            }], justifyItems: [{
+                type: Input,
+                args: ['justify-items']
+            }], alignContent: [{
+                type: Input,
+                args: ['align-content']
+            }], alignItems: [{
+                type: Input,
+                args: ['align-items']
+            }], justifyContentMobile: [{
+                type: Input,
+                args: ['justify-content--mobile']
+            }], justifyItemsMobile: [{
+                type: Input,
+                args: ['justify-items--mobile']
+            }], alignContentMobile: [{
+                type: Input,
+                args: ['align-content--mobile']
+            }], alignItemsMobile: [{
+                type: Input,
+                args: ['align-items--mobile']
+            }], justifyContentTablet: [{
+                type: Input,
+                args: ['justify-content--tablet']
+            }], justifyItemsTablet: [{
+                type: Input,
+                args: ['justify-items--tablet']
+            }], alignContentTablet: [{
+                type: Input,
+                args: ['align-content--tablet']
+            }], alignItemsTablet: [{
+                type: Input,
+                args: ['align-items--tablet']
+            }], justifyContentLaptop: [{
+                type: Input,
+                args: ['justify-content--laptop']
+            }], justifyItemsLaptop: [{
+                type: Input,
+                args: ['justify-items--laptop']
+            }], alignContentLaptop: [{
+                type: Input,
+                args: ['align-content--laptop']
+            }], alignItemsLaptop: [{
+                type: Input,
+                args: ['align-items--laptop']
+            }], justifyContentDesktop: [{
+                type: Input,
+                args: ['justify-content--desktop']
+            }], justifyItemsDesktop: [{
+                type: Input,
+                args: ['justify-items--desktop']
+            }], alignContentDesktop: [{
+                type: Input,
+                args: ['align-content--desktop']
+            }], alignItemsDesktop: [{
+                type: Input,
+                args: ['align-items--desktop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -30351,23 +30289,15 @@ class PxSelectableBoxRadio {
     get stickyBottom() {
         return this.elementRef.nativeElement['stickyBottom'];
     }
-    SELECTABLE_BOX_RADIO_CONNECTED_EVENT = new EventEmitter();
-    SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT = new EventEmitter();
     change = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('SELECTABLE_BOX_RADIO_CONNECTED_EVENT', (e) => {
-            this.SELECTABLE_BOX_RADIO_CONNECTED_EVENT.emit(e.detail);
-        });
-        this.elementRef.nativeElement.addEventListener('SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT', (e) => {
-            this.SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT.emit(e.detail);
-        });
         this.elementRef.nativeElement.addEventListener('change', (e) => {
             this.change.emit(e.detail);
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { SELECTABLE_BOX_RADIO_CONNECTED_EVENT: "SELECTABLE_BOX_RADIO_CONNECTED_EVENT", SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT: "SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT", change: "change" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
             type: Directive,
@@ -30520,10 +30450,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], stickyBottom: [{
                 type: Input,
                 args: ['sticky-bottom']
-            }], SELECTABLE_BOX_RADIO_CONNECTED_EVENT: [{
-                type: Output
-            }], SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT: [{
-                type: Output
             }], change: [{
                 type: Output
             }] } });
@@ -37925,7 +37851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 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, PxButton, PxButtonWrapper, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxGrid, PxFieldset, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, 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, 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, PxButton, PxButtonWrapper, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxGrid, PxFieldset, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, 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, 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, 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, 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, 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, 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, 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, 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: [{
@@ -37937,10 +37863,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxAgGridTableThButton,
                         PxAgGridTableThContent,
                         PxBanner,
-                        PxButton,
-                        PxButtonWrapper,
                         PxBreadcrumbItem,
                         PxBreadcrumb,
+                        PxButton,
+                        PxButtonWrapper,
                         PxButtonIcon,
                         PxCard,
                         PxAppleseed,
@@ -37959,8 +37885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxContentHeader,
                         PxDrawer,
                         PxDropdown,
-                        PxGrid,
                         PxFieldset,
+                        PxGrid,
                         PxH1,
                         PxH2,
                         PxH3,
@@ -38039,10 +37965,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxAgGridTableThButton,
                         PxAgGridTableThContent,
                         PxBanner,
-                        PxButton,
-                        PxButtonWrapper,
                         PxBreadcrumbItem,
                         PxBreadcrumb,
+                        PxButton,
+                        PxButtonWrapper,
                         PxButtonIcon,
                         PxCard,
                         PxAppleseed,
@@ -38061,8 +37987,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxContentHeader,
                         PxDrawer,
                         PxDropdown,
-                        PxGrid,
                         PxFieldset,
+                        PxGrid,
                         PxH1,
                         PxH2,
                         PxH3,