@proximus/lavender-angular 1.0.0-alpha.7 → 1.4.3-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -711,100 +711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
711
711
  args: ['order--desktop']
712
712
  }] } });
713
713
  /**
714
- * @description Type-only wrapper for <px-banner>
714
+ * @description Type-only wrapper for <px-ag-grid-table>
715
715
  */
716
- class PxBanner {
716
+ class PxAgGridTable {
717
717
  elementRef;
718
- set backgroundColor(value) {
719
- this.elementRef.nativeElement['backgroundColor'] = value;
720
- }
721
- get backgroundColor() {
722
- return this.elementRef.nativeElement['backgroundColor'];
723
- }
724
- set backgroundGradient(value) {
725
- this.elementRef.nativeElement['backgroundGradient'] = value;
726
- }
727
- get backgroundGradient() {
728
- return this.elementRef.nativeElement['backgroundGradient'];
729
- }
730
- set backgroundImage(value) {
731
- this.elementRef.nativeElement['backgroundImage'] = value;
732
- }
733
- get backgroundImage() {
734
- return this.elementRef.nativeElement['backgroundImage'];
735
- }
736
- set backgroundImageMobile(value) {
737
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
738
- }
739
- get backgroundImageMobile() {
740
- return this.elementRef.nativeElement['backgroundImageMobile'];
741
- }
742
- set backgroundImageTablet(value) {
743
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
744
- }
745
- get backgroundImageTablet() {
746
- return this.elementRef.nativeElement['backgroundImageTablet'];
747
- }
748
- set backgroundImageLaptop(value) {
749
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
750
- }
751
- get backgroundImageLaptop() {
752
- return this.elementRef.nativeElement['backgroundImageLaptop'];
753
- }
754
- set backgroundSize(value) {
755
- this.elementRef.nativeElement['backgroundSize'] = value;
756
- }
757
- get backgroundSize() {
758
- return this.elementRef.nativeElement['backgroundSize'];
759
- }
760
- set backgroundPosition(value) {
761
- this.elementRef.nativeElement['backgroundPosition'] = value;
762
- }
763
- get backgroundPosition() {
764
- return this.elementRef.nativeElement['backgroundPosition'];
765
- }
766
- set contrastHelperGradient(value) {
767
- this.elementRef.nativeElement['contrastHelperGradient'] = value;
768
- }
769
- get contrastHelperGradient() {
770
- return this.elementRef.nativeElement['contrastHelperGradient'];
771
- }
772
- set contrastHelperOverlay(value) {
773
- this.elementRef.nativeElement['contrastHelperOverlay'] = value;
774
- }
775
- get contrastHelperOverlay() {
776
- return this.elementRef.nativeElement['contrastHelperOverlay'];
777
- }
778
- set hasGridding(value) {
779
- this.elementRef.nativeElement['hasGridding'] = value;
780
- }
781
- get hasGridding() {
782
- return this.elementRef.nativeElement['hasGridding'];
783
- }
784
- set hasGriddingMobile(value) {
785
- this.elementRef.nativeElement['hasGriddingMobile'] = value;
786
- }
787
- get hasGriddingMobile() {
788
- return this.elementRef.nativeElement['hasGriddingMobile'];
789
- }
790
- set hasGriddingTablet(value) {
791
- this.elementRef.nativeElement['hasGriddingTablet'] = value;
792
- }
793
- get hasGriddingTablet() {
794
- return this.elementRef.nativeElement['hasGriddingTablet'];
795
- }
796
- set hasGriddingLaptop(value) {
797
- this.elementRef.nativeElement['hasGriddingLaptop'] = value;
798
- }
799
- get hasGriddingLaptop() {
800
- return this.elementRef.nativeElement['hasGriddingLaptop'];
801
- }
802
- set reduced(value) {
803
- this.elementRef.nativeElement['reduced'] = value;
804
- }
805
- get reduced() {
806
- return this.elementRef.nativeElement['reduced'];
807
- }
808
718
  set inverted(value) {
809
719
  this.elementRef.nativeElement['inverted'] = value;
810
720
  }
@@ -1084,59 +994,15 @@ class PxBanner {
1084
994
  constructor(elementRef) {
1085
995
  this.elementRef = elementRef;
1086
996
  }
1087
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1088
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBanner, selector: "px-banner", 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"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], reduced: "reduced", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
997
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
998
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTable, selector: "px-ag-grid-table", 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"] }, ngImport: i0 });
1089
999
  }
1090
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, decorators: [{
1000
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, decorators: [{
1091
1001
  type: Directive,
1092
1002
  args: [{
1093
- selector: 'px-banner',
1003
+ selector: 'px-ag-grid-table',
1094
1004
  }]
1095
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
1096
- type: Input,
1097
- args: ['background-color']
1098
- }], backgroundGradient: [{
1099
- type: Input,
1100
- args: ['background-gradient']
1101
- }], backgroundImage: [{
1102
- type: Input,
1103
- args: ['background-image']
1104
- }], backgroundImageMobile: [{
1105
- type: Input,
1106
- args: ['background-image--mobile']
1107
- }], backgroundImageTablet: [{
1108
- type: Input,
1109
- args: ['background-image--tablet']
1110
- }], backgroundImageLaptop: [{
1111
- type: Input,
1112
- args: ['background-image--laptop']
1113
- }], backgroundSize: [{
1114
- type: Input,
1115
- args: ['background-size']
1116
- }], backgroundPosition: [{
1117
- type: Input,
1118
- args: ['background-position']
1119
- }], contrastHelperGradient: [{
1120
- type: Input,
1121
- args: ['contrast-helper-gradient']
1122
- }], contrastHelperOverlay: [{
1123
- type: Input,
1124
- args: ['contrast-helper-overlay']
1125
- }], hasGridding: [{
1126
- type: Input,
1127
- args: ['has-gridding']
1128
- }], hasGriddingMobile: [{
1129
- type: Input,
1130
- args: ['has-gridding--mobile']
1131
- }], hasGriddingTablet: [{
1132
- type: Input,
1133
- args: ['has-gridding--tablet']
1134
- }], hasGriddingLaptop: [{
1135
- type: Input,
1136
- args: ['has-gridding--laptop']
1137
- }], reduced: [{
1138
- type: Input
1139
- }], inverted: [{
1005
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
1140
1006
  type: Input
1141
1007
  }], grow: [{
1142
1008
  type: Input
@@ -1270,16 +1136,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1270
1136
  args: ['order--desktop']
1271
1137
  }] } });
1272
1138
  /**
1273
- * @description Type-only wrapper for <px-ag-grid-table>
1139
+ * @description Type-only wrapper for <px-ag-grid-table-th-button>
1274
1140
  */
1275
- class PxAgGridTable {
1141
+ class PxAgGridTableThButton {
1276
1142
  elementRef;
1143
+ set sorting(value) {
1144
+ this.elementRef.nativeElement['sorting'] = value;
1145
+ }
1146
+ get sorting() {
1147
+ return this.elementRef.nativeElement['sorting'];
1148
+ }
1277
1149
  set inverted(value) {
1278
1150
  this.elementRef.nativeElement['inverted'] = value;
1279
1151
  }
1280
1152
  get inverted() {
1281
1153
  return this.elementRef.nativeElement['inverted'];
1282
1154
  }
1155
+ set columnHeaderAriaLabel(value) {
1156
+ this.elementRef.nativeElement['columnHeaderAriaLabel'] = value;
1157
+ }
1158
+ get columnHeaderAriaLabel() {
1159
+ return this.elementRef.nativeElement['columnHeaderAriaLabel'];
1160
+ }
1283
1161
  set grow(value) {
1284
1162
  this.elementRef.nativeElement['grow'] = value;
1285
1163
  }
@@ -1550,19 +1428,28 @@ class PxAgGridTable {
1550
1428
  get orderDesktop() {
1551
1429
  return this.elementRef.nativeElement['orderDesktop'];
1552
1430
  }
1431
+ CLICK_EVENT = new EventEmitter();
1553
1432
  constructor(elementRef) {
1554
1433
  this.elementRef = elementRef;
1434
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
1435
+ this.CLICK_EVENT.emit(e.detail);
1436
+ });
1555
1437
  }
1556
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1557
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTable, selector: "px-ag-grid-table", 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"] }, ngImport: i0 });
1438
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1439
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTableThButton, selector: "px-ag-grid-table-th-button", inputs: { sorting: "sorting", inverted: "inverted", columnHeaderAriaLabel: ["column-header-aria-label", "columnHeaderAriaLabel"], 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"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
1558
1440
  }
1559
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, decorators: [{
1441
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, decorators: [{
1560
1442
  type: Directive,
1561
1443
  args: [{
1562
- selector: 'px-ag-grid-table',
1444
+ selector: 'px-ag-grid-table-th-button',
1563
1445
  }]
1564
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
1446
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { sorting: [{
1565
1447
  type: Input
1448
+ }], inverted: [{
1449
+ type: Input
1450
+ }], columnHeaderAriaLabel: [{
1451
+ type: Input,
1452
+ args: ['column-header-aria-label']
1566
1453
  }], grow: [{
1567
1454
  type: Input
1568
1455
  }], growMobile: [{
@@ -1693,30 +1580,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1693
1580
  }], orderDesktop: [{
1694
1581
  type: Input,
1695
1582
  args: ['order--desktop']
1583
+ }], CLICK_EVENT: [{
1584
+ type: Output
1696
1585
  }] } });
1697
1586
  /**
1698
- * @description Type-only wrapper for <px-ag-grid-table-th-button>
1587
+ * @description Type-only wrapper for <px-ag-grid-table-th-content>
1699
1588
  */
1700
- class PxAgGridTableThButton {
1589
+ class PxAgGridTableThContent {
1701
1590
  elementRef;
1702
- set sorting(value) {
1703
- this.elementRef.nativeElement['sorting'] = value;
1704
- }
1705
- get sorting() {
1706
- return this.elementRef.nativeElement['sorting'];
1707
- }
1708
1591
  set inverted(value) {
1709
1592
  this.elementRef.nativeElement['inverted'] = value;
1710
1593
  }
1711
1594
  get inverted() {
1712
1595
  return this.elementRef.nativeElement['inverted'];
1713
1596
  }
1714
- set columnHeaderAriaLabel(value) {
1715
- this.elementRef.nativeElement['columnHeaderAriaLabel'] = value;
1716
- }
1717
- get columnHeaderAriaLabel() {
1718
- return this.elementRef.nativeElement['columnHeaderAriaLabel'];
1719
- }
1720
1597
  set grow(value) {
1721
1598
  this.elementRef.nativeElement['grow'] = value;
1722
1599
  }
@@ -1987,28 +1864,19 @@ class PxAgGridTableThButton {
1987
1864
  get orderDesktop() {
1988
1865
  return this.elementRef.nativeElement['orderDesktop'];
1989
1866
  }
1990
- CLICK_EVENT = new EventEmitter();
1991
1867
  constructor(elementRef) {
1992
1868
  this.elementRef = elementRef;
1993
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
1994
- this.CLICK_EVENT.emit(e.detail);
1995
- });
1996
1869
  }
1997
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1998
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTableThButton, selector: "px-ag-grid-table-th-button", inputs: { sorting: "sorting", inverted: "inverted", columnHeaderAriaLabel: ["column-header-aria-label", "columnHeaderAriaLabel"], 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"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
1870
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1871
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTableThContent, selector: "px-ag-grid-table-th-content", 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"] }, ngImport: i0 });
1999
1872
  }
2000
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, decorators: [{
1873
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, decorators: [{
2001
1874
  type: Directive,
2002
1875
  args: [{
2003
- selector: 'px-ag-grid-table-th-button',
1876
+ selector: 'px-ag-grid-table-th-content',
2004
1877
  }]
2005
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { sorting: [{
2006
- type: Input
2007
- }], inverted: [{
1878
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
2008
1879
  type: Input
2009
- }], columnHeaderAriaLabel: [{
2010
- type: Input,
2011
- args: ['column-header-aria-label']
2012
1880
  }], grow: [{
2013
1881
  type: Input
2014
1882
  }], growMobile: [{
@@ -2139,13 +2007,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2139
2007
  }], orderDesktop: [{
2140
2008
  type: Input,
2141
2009
  args: ['order--desktop']
2142
- }], CLICK_EVENT: [{
2143
- type: Output
2144
2010
  }] } });
2145
2011
  /**
2146
- * @description Type-only wrapper for <px-ag-grid-table-th-content>
2012
+ * @description Type-only wrapper for <px-breadcrumb-item>
2147
2013
  */
2148
- class PxAgGridTableThContent {
2014
+ class PxBreadcrumbItem {
2149
2015
  elementRef;
2150
2016
  set inverted(value) {
2151
2017
  this.elementRef.nativeElement['inverted'] = value;
@@ -2426,13 +2292,13 @@ class PxAgGridTableThContent {
2426
2292
  constructor(elementRef) {
2427
2293
  this.elementRef = elementRef;
2428
2294
  }
2429
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2430
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAgGridTableThContent, selector: "px-ag-grid-table-th-content", 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"] }, ngImport: i0 });
2295
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2296
+ 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"] }, ngImport: i0 });
2431
2297
  }
2432
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, decorators: [{
2298
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
2433
2299
  type: Directive,
2434
2300
  args: [{
2435
- selector: 'px-ag-grid-table-th-content',
2301
+ selector: 'px-breadcrumb-item',
2436
2302
  }]
2437
2303
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
2438
2304
  type: Input
@@ -2568,99 +2434,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2568
2434
  args: ['order--desktop']
2569
2435
  }] } });
2570
2436
  /**
2571
- * @description Type-only wrapper for <px-button>
2437
+ * @description Type-only wrapper for <px-breadcrumb>
2572
2438
  */
2573
- class PxButton {
2439
+ class PxBreadcrumb {
2574
2440
  elementRef;
2575
- set variant(value) {
2576
- this.elementRef.nativeElement['variant'] = value;
2577
- }
2578
- get variant() {
2579
- return this.elementRef.nativeElement['variant'];
2580
- }
2581
- set state(value) {
2582
- this.elementRef.nativeElement['state'] = value;
2583
- }
2584
- get state() {
2585
- return this.elementRef.nativeElement['state'];
2586
- }
2587
- set loading(value) {
2588
- this.elementRef.nativeElement['loading'] = value;
2589
- }
2590
- get loading() {
2591
- return this.elementRef.nativeElement['loading'];
2592
- }
2593
- set shape(value) {
2594
- this.elementRef.nativeElement['shape'] = value;
2595
- }
2596
- get shape() {
2597
- return this.elementRef.nativeElement['shape'];
2598
- }
2599
- set shapeMobile(value) {
2600
- this.elementRef.nativeElement['shapeMobile'] = value;
2601
- }
2602
- get shapeMobile() {
2603
- return this.elementRef.nativeElement['shapeMobile'];
2604
- }
2605
- set shapeTablet(value) {
2606
- this.elementRef.nativeElement['shapeTablet'] = value;
2607
- }
2608
- get shapeTablet() {
2609
- return this.elementRef.nativeElement['shapeTablet'];
2610
- }
2611
- set shapeLaptop(value) {
2612
- this.elementRef.nativeElement['shapeLaptop'] = value;
2613
- }
2614
- get shapeLaptop() {
2615
- return this.elementRef.nativeElement['shapeLaptop'];
2616
- }
2617
- set shapeDesktop(value) {
2618
- this.elementRef.nativeElement['shapeDesktop'] = value;
2619
- }
2620
- get shapeDesktop() {
2621
- return this.elementRef.nativeElement['shapeDesktop'];
2622
- }
2623
2441
  set inverted(value) {
2624
2442
  this.elementRef.nativeElement['inverted'] = value;
2625
2443
  }
2626
2444
  get inverted() {
2627
2445
  return this.elementRef.nativeElement['inverted'];
2628
2446
  }
2629
- set ariaExpanded(value) {
2630
- this.elementRef.nativeElement['ariaExpanded'] = value;
2631
- }
2632
- get ariaExpanded() {
2633
- return this.elementRef.nativeElement['ariaExpanded'];
2634
- }
2635
- set extended(value) {
2636
- this.elementRef.nativeElement['extended'] = value;
2637
- }
2638
- get extended() {
2639
- return this.elementRef.nativeElement['extended'];
2640
- }
2641
- set extendedMobile(value) {
2642
- this.elementRef.nativeElement['extendedMobile'] = value;
2643
- }
2644
- get extendedMobile() {
2645
- return this.elementRef.nativeElement['extendedMobile'];
2646
- }
2647
- set extendedTablet(value) {
2648
- this.elementRef.nativeElement['extendedTablet'] = value;
2649
- }
2650
- get extendedTablet() {
2651
- return this.elementRef.nativeElement['extendedTablet'];
2652
- }
2653
- set extendedLaptop(value) {
2654
- this.elementRef.nativeElement['extendedLaptop'] = value;
2655
- }
2656
- get extendedLaptop() {
2657
- return this.elementRef.nativeElement['extendedLaptop'];
2658
- }
2659
- set extendedDesktop(value) {
2660
- this.elementRef.nativeElement['extendedDesktop'] = value;
2447
+ set ariaLabel(value) {
2448
+ this.elementRef.nativeElement['ariaLabel'] = value;
2661
2449
  }
2662
- get extendedDesktop() {
2663
- return this.elementRef.nativeElement['extendedDesktop'];
2450
+ get ariaLabel() {
2451
+ return this.elementRef.nativeElement['ariaLabel'];
2664
2452
  }
2665
2453
  set grow(value) {
2666
2454
  this.elementRef.nativeElement['grow'] = value;
@@ -2935,53 +2723,19 @@ class PxButton {
2935
2723
  constructor(elementRef) {
2936
2724
  this.elementRef = elementRef;
2937
2725
  }
2938
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2939
- 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"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
2726
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2727
+ 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"] }, ngImport: i0 });
2940
2728
  }
2941
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
2729
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
2942
2730
  type: Directive,
2943
2731
  args: [{
2944
- selector: 'px-button',
2732
+ selector: 'px-breadcrumb',
2945
2733
  }]
2946
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
2947
- type: Input
2948
- }], state: [{
2949
- type: Input
2950
- }], loading: [{
2951
- type: Input
2952
- }], shape: [{
2953
- type: Input
2954
- }], shapeMobile: [{
2955
- type: Input,
2956
- args: ['shape--mobile']
2957
- }], shapeTablet: [{
2958
- type: Input,
2959
- args: ['shape--tablet']
2960
- }], shapeLaptop: [{
2961
- type: Input,
2962
- args: ['shape--laptop']
2963
- }], shapeDesktop: [{
2964
- type: Input,
2965
- args: ['shape--desktop']
2966
- }], inverted: [{
2967
- type: Input
2968
- }], ariaExpanded: [{
2969
- type: Input,
2970
- args: ['aria-expanded']
2971
- }], extended: [{
2734
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
2972
2735
  type: Input
2973
- }], extendedMobile: [{
2974
- type: Input,
2975
- args: ['extended--mobile']
2976
- }], extendedTablet: [{
2977
- type: Input,
2978
- args: ['extended--tablet']
2979
- }], extendedLaptop: [{
2980
- type: Input,
2981
- args: ['extended--laptop']
2982
- }], extendedDesktop: [{
2736
+ }], ariaLabel: [{
2983
2737
  type: Input,
2984
- args: ['extended--desktop']
2738
+ args: ['aria-label']
2985
2739
  }], grow: [{
2986
2740
  type: Input
2987
2741
  }], growMobile: [{
@@ -3114,10 +2868,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3114
2868
  args: ['order--desktop']
3115
2869
  }] } });
3116
2870
  /**
3117
- * @description Type-only wrapper for <px-breadcrumb-item>
2871
+ * @description Type-only wrapper for <px-banner>
3118
2872
  */
3119
- class PxBreadcrumbItem {
2873
+ class PxBanner {
3120
2874
  elementRef;
2875
+ set backgroundColor(value) {
2876
+ this.elementRef.nativeElement['backgroundColor'] = value;
2877
+ }
2878
+ get backgroundColor() {
2879
+ return this.elementRef.nativeElement['backgroundColor'];
2880
+ }
2881
+ set backgroundGradient(value) {
2882
+ this.elementRef.nativeElement['backgroundGradient'] = value;
2883
+ }
2884
+ get backgroundGradient() {
2885
+ return this.elementRef.nativeElement['backgroundGradient'];
2886
+ }
2887
+ set backgroundImage(value) {
2888
+ this.elementRef.nativeElement['backgroundImage'] = value;
2889
+ }
2890
+ get backgroundImage() {
2891
+ return this.elementRef.nativeElement['backgroundImage'];
2892
+ }
2893
+ set backgroundImageMobile(value) {
2894
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
2895
+ }
2896
+ get backgroundImageMobile() {
2897
+ return this.elementRef.nativeElement['backgroundImageMobile'];
2898
+ }
2899
+ set backgroundImageTablet(value) {
2900
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
2901
+ }
2902
+ get backgroundImageTablet() {
2903
+ return this.elementRef.nativeElement['backgroundImageTablet'];
2904
+ }
2905
+ set backgroundImageLaptop(value) {
2906
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
2907
+ }
2908
+ get backgroundImageLaptop() {
2909
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
2910
+ }
2911
+ set backgroundSize(value) {
2912
+ this.elementRef.nativeElement['backgroundSize'] = value;
2913
+ }
2914
+ get backgroundSize() {
2915
+ return this.elementRef.nativeElement['backgroundSize'];
2916
+ }
2917
+ set backgroundPosition(value) {
2918
+ this.elementRef.nativeElement['backgroundPosition'] = value;
2919
+ }
2920
+ get backgroundPosition() {
2921
+ return this.elementRef.nativeElement['backgroundPosition'];
2922
+ }
2923
+ set contrastHelperGradient(value) {
2924
+ this.elementRef.nativeElement['contrastHelperGradient'] = value;
2925
+ }
2926
+ get contrastHelperGradient() {
2927
+ return this.elementRef.nativeElement['contrastHelperGradient'];
2928
+ }
2929
+ set contrastHelperOverlay(value) {
2930
+ this.elementRef.nativeElement['contrastHelperOverlay'] = value;
2931
+ }
2932
+ get contrastHelperOverlay() {
2933
+ return this.elementRef.nativeElement['contrastHelperOverlay'];
2934
+ }
2935
+ set hasGridding(value) {
2936
+ this.elementRef.nativeElement['hasGridding'] = value;
2937
+ }
2938
+ get hasGridding() {
2939
+ return this.elementRef.nativeElement['hasGridding'];
2940
+ }
2941
+ set hasGriddingMobile(value) {
2942
+ this.elementRef.nativeElement['hasGriddingMobile'] = value;
2943
+ }
2944
+ get hasGriddingMobile() {
2945
+ return this.elementRef.nativeElement['hasGriddingMobile'];
2946
+ }
2947
+ set hasGriddingTablet(value) {
2948
+ this.elementRef.nativeElement['hasGriddingTablet'] = value;
2949
+ }
2950
+ get hasGriddingTablet() {
2951
+ return this.elementRef.nativeElement['hasGriddingTablet'];
2952
+ }
2953
+ set hasGriddingLaptop(value) {
2954
+ this.elementRef.nativeElement['hasGriddingLaptop'] = value;
2955
+ }
2956
+ get hasGriddingLaptop() {
2957
+ return this.elementRef.nativeElement['hasGriddingLaptop'];
2958
+ }
2959
+ set reduced(value) {
2960
+ this.elementRef.nativeElement['reduced'] = value;
2961
+ }
2962
+ get reduced() {
2963
+ return this.elementRef.nativeElement['reduced'];
2964
+ }
3121
2965
  set inverted(value) {
3122
2966
  this.elementRef.nativeElement['inverted'] = value;
3123
2967
  }
@@ -3397,15 +3241,59 @@ class PxBreadcrumbItem {
3397
3241
  constructor(elementRef) {
3398
3242
  this.elementRef = elementRef;
3399
3243
  }
3400
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3401
- 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"] }, ngImport: i0 });
3244
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3245
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBanner, selector: "px-banner", 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"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], reduced: "reduced", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
3402
3246
  }
3403
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
3247
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, decorators: [{
3404
3248
  type: Directive,
3405
3249
  args: [{
3406
- selector: 'px-breadcrumb-item',
3250
+ selector: 'px-banner',
3407
3251
  }]
3408
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
3252
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
3253
+ type: Input,
3254
+ args: ['background-color']
3255
+ }], backgroundGradient: [{
3256
+ type: Input,
3257
+ args: ['background-gradient']
3258
+ }], backgroundImage: [{
3259
+ type: Input,
3260
+ args: ['background-image']
3261
+ }], backgroundImageMobile: [{
3262
+ type: Input,
3263
+ args: ['background-image--mobile']
3264
+ }], backgroundImageTablet: [{
3265
+ type: Input,
3266
+ args: ['background-image--tablet']
3267
+ }], backgroundImageLaptop: [{
3268
+ type: Input,
3269
+ args: ['background-image--laptop']
3270
+ }], backgroundSize: [{
3271
+ type: Input,
3272
+ args: ['background-size']
3273
+ }], backgroundPosition: [{
3274
+ type: Input,
3275
+ args: ['background-position']
3276
+ }], contrastHelperGradient: [{
3277
+ type: Input,
3278
+ args: ['contrast-helper-gradient']
3279
+ }], contrastHelperOverlay: [{
3280
+ type: Input,
3281
+ args: ['contrast-helper-overlay']
3282
+ }], hasGridding: [{
3283
+ type: Input,
3284
+ args: ['has-gridding']
3285
+ }], hasGriddingMobile: [{
3286
+ type: Input,
3287
+ args: ['has-gridding--mobile']
3288
+ }], hasGriddingTablet: [{
3289
+ type: Input,
3290
+ args: ['has-gridding--tablet']
3291
+ }], hasGriddingLaptop: [{
3292
+ type: Input,
3293
+ args: ['has-gridding--laptop']
3294
+ }], reduced: [{
3295
+ type: Input
3296
+ }], inverted: [{
3409
3297
  type: Input
3410
3298
  }], grow: [{
3411
3299
  type: Input
@@ -3539,21 +3427,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3539
3427
  args: ['order--desktop']
3540
3428
  }] } });
3541
3429
  /**
3542
- * @description Type-only wrapper for <px-breadcrumb>
3430
+ * @description Type-only wrapper for <px-button>
3543
3431
  */
3544
- class PxBreadcrumb {
3432
+ class PxButton {
3545
3433
  elementRef;
3434
+ set variant(value) {
3435
+ this.elementRef.nativeElement['variant'] = value;
3436
+ }
3437
+ get variant() {
3438
+ return this.elementRef.nativeElement['variant'];
3439
+ }
3440
+ set state(value) {
3441
+ this.elementRef.nativeElement['state'] = value;
3442
+ }
3443
+ get state() {
3444
+ return this.elementRef.nativeElement['state'];
3445
+ }
3446
+ set loading(value) {
3447
+ this.elementRef.nativeElement['loading'] = value;
3448
+ }
3449
+ get loading() {
3450
+ return this.elementRef.nativeElement['loading'];
3451
+ }
3452
+ set shape(value) {
3453
+ this.elementRef.nativeElement['shape'] = value;
3454
+ }
3455
+ get shape() {
3456
+ return this.elementRef.nativeElement['shape'];
3457
+ }
3458
+ set shapeMobile(value) {
3459
+ this.elementRef.nativeElement['shapeMobile'] = value;
3460
+ }
3461
+ get shapeMobile() {
3462
+ return this.elementRef.nativeElement['shapeMobile'];
3463
+ }
3464
+ set shapeTablet(value) {
3465
+ this.elementRef.nativeElement['shapeTablet'] = value;
3466
+ }
3467
+ get shapeTablet() {
3468
+ return this.elementRef.nativeElement['shapeTablet'];
3469
+ }
3470
+ set shapeLaptop(value) {
3471
+ this.elementRef.nativeElement['shapeLaptop'] = value;
3472
+ }
3473
+ get shapeLaptop() {
3474
+ return this.elementRef.nativeElement['shapeLaptop'];
3475
+ }
3476
+ set shapeDesktop(value) {
3477
+ this.elementRef.nativeElement['shapeDesktop'] = value;
3478
+ }
3479
+ get shapeDesktop() {
3480
+ return this.elementRef.nativeElement['shapeDesktop'];
3481
+ }
3546
3482
  set inverted(value) {
3547
3483
  this.elementRef.nativeElement['inverted'] = value;
3548
3484
  }
3549
3485
  get inverted() {
3550
3486
  return this.elementRef.nativeElement['inverted'];
3551
3487
  }
3552
- set ariaLabel(value) {
3553
- this.elementRef.nativeElement['ariaLabel'] = value;
3488
+ set ariaExpanded(value) {
3489
+ this.elementRef.nativeElement['ariaExpanded'] = value;
3554
3490
  }
3555
- get ariaLabel() {
3556
- return this.elementRef.nativeElement['ariaLabel'];
3491
+ get ariaExpanded() {
3492
+ return this.elementRef.nativeElement['ariaExpanded'];
3493
+ }
3494
+ set extended(value) {
3495
+ this.elementRef.nativeElement['extended'] = value;
3496
+ }
3497
+ get extended() {
3498
+ return this.elementRef.nativeElement['extended'];
3499
+ }
3500
+ set extendedMobile(value) {
3501
+ this.elementRef.nativeElement['extendedMobile'] = value;
3502
+ }
3503
+ get extendedMobile() {
3504
+ return this.elementRef.nativeElement['extendedMobile'];
3505
+ }
3506
+ set extendedTablet(value) {
3507
+ this.elementRef.nativeElement['extendedTablet'] = value;
3508
+ }
3509
+ get extendedTablet() {
3510
+ return this.elementRef.nativeElement['extendedTablet'];
3511
+ }
3512
+ set extendedLaptop(value) {
3513
+ this.elementRef.nativeElement['extendedLaptop'] = value;
3514
+ }
3515
+ get extendedLaptop() {
3516
+ return this.elementRef.nativeElement['extendedLaptop'];
3517
+ }
3518
+ set extendedDesktop(value) {
3519
+ this.elementRef.nativeElement['extendedDesktop'] = value;
3520
+ }
3521
+ get extendedDesktop() {
3522
+ return this.elementRef.nativeElement['extendedDesktop'];
3557
3523
  }
3558
3524
  set grow(value) {
3559
3525
  this.elementRef.nativeElement['grow'] = value;
@@ -3828,19 +3794,53 @@ class PxBreadcrumb {
3828
3794
  constructor(elementRef) {
3829
3795
  this.elementRef = elementRef;
3830
3796
  }
3831
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3832
- 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"] }, ngImport: i0 });
3797
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3798
+ 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"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
3833
3799
  }
3834
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
3800
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
3835
3801
  type: Directive,
3836
3802
  args: [{
3837
- selector: 'px-breadcrumb',
3803
+ selector: 'px-button',
3838
3804
  }]
3839
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
3805
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
3840
3806
  type: Input
3841
- }], ariaLabel: [{
3807
+ }], state: [{
3808
+ type: Input
3809
+ }], loading: [{
3810
+ type: Input
3811
+ }], shape: [{
3812
+ type: Input
3813
+ }], shapeMobile: [{
3842
3814
  type: Input,
3843
- args: ['aria-label']
3815
+ args: ['shape--mobile']
3816
+ }], shapeTablet: [{
3817
+ type: Input,
3818
+ args: ['shape--tablet']
3819
+ }], shapeLaptop: [{
3820
+ type: Input,
3821
+ args: ['shape--laptop']
3822
+ }], shapeDesktop: [{
3823
+ type: Input,
3824
+ args: ['shape--desktop']
3825
+ }], inverted: [{
3826
+ type: Input
3827
+ }], ariaExpanded: [{
3828
+ type: Input,
3829
+ args: ['aria-expanded']
3830
+ }], extended: [{
3831
+ type: Input
3832
+ }], extendedMobile: [{
3833
+ type: Input,
3834
+ args: ['extended--mobile']
3835
+ }], extendedTablet: [{
3836
+ type: Input,
3837
+ args: ['extended--tablet']
3838
+ }], extendedLaptop: [{
3839
+ type: Input,
3840
+ args: ['extended--laptop']
3841
+ }], extendedDesktop: [{
3842
+ type: Input,
3843
+ args: ['extended--desktop']
3844
3844
  }], grow: [{
3845
3845
  type: Input
3846
3846
  }], growMobile: [{
@@ -4430,82 +4430,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4430
4430
  type: Input,
4431
4431
  args: ['order--desktop']
4432
4432
  }] } });
4433
- /**
4434
- * @description Type-only wrapper for <px-appleseed>
4435
- */
4436
- class PxAppleseed {
4437
- elementRef;
4438
- set amount(value) {
4439
- this.elementRef.nativeElement['amount'] = value;
4440
- }
4441
- get amount() {
4442
- return this.elementRef.nativeElement['amount'];
4443
- }
4444
- set active(value) {
4445
- this.elementRef.nativeElement['active'] = value;
4446
- }
4447
- get active() {
4448
- return this.elementRef.nativeElement['active'];
4449
- }
4450
- constructor(elementRef) {
4451
- this.elementRef = elementRef;
4452
- }
4453
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4454
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
4455
- }
4456
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
4457
- type: Directive,
4458
- args: [{
4459
- selector: 'px-appleseed',
4460
- }]
4461
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
4462
- type: Input
4463
- }], active: [{
4464
- type: Input
4465
- }] } });
4466
- /**
4467
- * @description Type-only wrapper for <px-carousel>
4468
- */
4469
- class PxCarousel {
4470
- elementRef;
4471
- set visibleItems(value) {
4472
- this.elementRef.nativeElement['visibleItems'] = value;
4473
- }
4474
- get visibleItems() {
4475
- return this.elementRef.nativeElement['visibleItems'];
4476
- }
4477
- constructor(elementRef) {
4478
- this.elementRef = elementRef;
4479
- }
4480
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4481
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", inputs: { visibleItems: ["visible-items", "visibleItems"] }, ngImport: i0 });
4482
- }
4483
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
4484
- type: Directive,
4485
- args: [{
4486
- selector: 'px-carousel',
4487
- }]
4488
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { visibleItems: [{
4489
- type: Input,
4490
- args: ['visible-items']
4491
- }] } });
4492
- /**
4493
- * @description Type-only wrapper for <px-carousel-item>
4494
- */
4495
- class PxCarouselItem {
4496
- elementRef;
4497
- constructor(elementRef) {
4498
- this.elementRef = elementRef;
4499
- }
4500
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4501
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", ngImport: i0 });
4502
- }
4503
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
4504
- type: Directive,
4505
- args: [{
4506
- selector: 'px-carousel-item',
4507
- }]
4508
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
4509
4433
  /**
4510
4434
  * @description Type-only wrapper for <px-card>
4511
4435
  */
@@ -5049,177 +4973,175 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5049
4973
  args: ['order--desktop']
5050
4974
  }] } });
5051
4975
  /**
5052
- * @description Type-only wrapper for <px-container>
4976
+ * @description Type-only wrapper for <px-appleseed>
5053
4977
  */
5054
- class PxContainer {
4978
+ class PxAppleseed {
5055
4979
  elementRef;
5056
- set border(value) {
5057
- this.elementRef.nativeElement['border'] = value;
5058
- }
5059
- get border() {
5060
- return this.elementRef.nativeElement['border'];
5061
- }
5062
- set borderColor(value) {
5063
- this.elementRef.nativeElement['borderColor'] = value;
5064
- }
5065
- get borderColor() {
5066
- return this.elementRef.nativeElement['borderColor'];
5067
- }
5068
- set borderSide(value) {
5069
- this.elementRef.nativeElement['borderSide'] = value;
5070
- }
5071
- get borderSide() {
5072
- return this.elementRef.nativeElement['borderSide'];
5073
- }
5074
- set borderSideMobile(value) {
5075
- this.elementRef.nativeElement['borderSideMobile'] = value;
5076
- }
5077
- get borderSideMobile() {
5078
- return this.elementRef.nativeElement['borderSideMobile'];
5079
- }
5080
- set borderSideTablet(value) {
5081
- this.elementRef.nativeElement['borderSideTablet'] = value;
5082
- }
5083
- get borderSideTablet() {
5084
- return this.elementRef.nativeElement['borderSideTablet'];
5085
- }
5086
- set borderSideLaptop(value) {
5087
- this.elementRef.nativeElement['borderSideLaptop'] = value;
5088
- }
5089
- get borderSideLaptop() {
5090
- return this.elementRef.nativeElement['borderSideLaptop'];
5091
- }
5092
- set borderRadius(value) {
5093
- this.elementRef.nativeElement['borderRadius'] = value;
5094
- }
5095
- get borderRadius() {
5096
- return this.elementRef.nativeElement['borderRadius'];
5097
- }
5098
- set noBorderRadius(value) {
5099
- this.elementRef.nativeElement['noBorderRadius'] = value;
5100
- }
5101
- get noBorderRadius() {
5102
- return this.elementRef.nativeElement['noBorderRadius'];
5103
- }
5104
- set noBorderRadiusMobile(value) {
5105
- this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
5106
- }
5107
- get noBorderRadiusMobile() {
5108
- return this.elementRef.nativeElement['noBorderRadiusMobile'];
4980
+ set amount(value) {
4981
+ this.elementRef.nativeElement['amount'] = value;
5109
4982
  }
5110
- set noBorderRadiusTablet(value) {
5111
- this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
4983
+ get amount() {
4984
+ return this.elementRef.nativeElement['amount'];
5112
4985
  }
5113
- get noBorderRadiusTablet() {
5114
- return this.elementRef.nativeElement['noBorderRadiusTablet'];
4986
+ set active(value) {
4987
+ this.elementRef.nativeElement['active'] = value;
5115
4988
  }
5116
- set noBorderRadiusLaptop(value) {
5117
- this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
4989
+ get active() {
4990
+ return this.elementRef.nativeElement['active'];
5118
4991
  }
5119
- get noBorderRadiusLaptop() {
5120
- return this.elementRef.nativeElement['noBorderRadiusLaptop'];
4992
+ constructor(elementRef) {
4993
+ this.elementRef = elementRef;
5121
4994
  }
5122
- set backgroundColor(value) {
5123
- this.elementRef.nativeElement['backgroundColor'] = value;
4995
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4996
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
4997
+ }
4998
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
4999
+ type: Directive,
5000
+ args: [{
5001
+ selector: 'px-appleseed',
5002
+ }]
5003
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
5004
+ type: Input
5005
+ }], active: [{
5006
+ type: Input
5007
+ }] } });
5008
+ /**
5009
+ * @description Type-only wrapper for <px-carousel>
5010
+ */
5011
+ class PxCarousel {
5012
+ elementRef;
5013
+ set visibleItems(value) {
5014
+ this.elementRef.nativeElement['visibleItems'] = value;
5124
5015
  }
5125
- get backgroundColor() {
5126
- return this.elementRef.nativeElement['backgroundColor'];
5016
+ get visibleItems() {
5017
+ return this.elementRef.nativeElement['visibleItems'];
5127
5018
  }
5128
- set backgroundColorMobile(value) {
5129
- this.elementRef.nativeElement['backgroundColorMobile'] = value;
5019
+ constructor(elementRef) {
5020
+ this.elementRef = elementRef;
5130
5021
  }
5131
- get backgroundColorMobile() {
5132
- return this.elementRef.nativeElement['backgroundColorMobile'];
5022
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5023
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", inputs: { visibleItems: ["visible-items", "visibleItems"] }, ngImport: i0 });
5024
+ }
5025
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
5026
+ type: Directive,
5027
+ args: [{
5028
+ selector: 'px-carousel',
5029
+ }]
5030
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { visibleItems: [{
5031
+ type: Input,
5032
+ args: ['visible-items']
5033
+ }] } });
5034
+ /**
5035
+ * @description Type-only wrapper for <px-carousel-item>
5036
+ */
5037
+ class PxCarouselItem {
5038
+ elementRef;
5039
+ constructor(elementRef) {
5040
+ this.elementRef = elementRef;
5133
5041
  }
5134
- set backgroundColorTablet(value) {
5135
- this.elementRef.nativeElement['backgroundColorTablet'] = value;
5042
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5043
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", ngImport: i0 });
5044
+ }
5045
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
5046
+ type: Directive,
5047
+ args: [{
5048
+ selector: 'px-carousel-item',
5049
+ }]
5050
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
5051
+ /**
5052
+ * @description Type-only wrapper for <px-cell>
5053
+ */
5054
+ class PxCell {
5055
+ elementRef;
5056
+ set inverted(value) {
5057
+ this.elementRef.nativeElement['inverted'] = value;
5136
5058
  }
5137
- get backgroundColorTablet() {
5138
- return this.elementRef.nativeElement['backgroundColorTablet'];
5059
+ get inverted() {
5060
+ return this.elementRef.nativeElement['inverted'];
5139
5061
  }
5140
- set backgroundColorLaptop(value) {
5141
- this.elementRef.nativeElement['backgroundColorLaptop'] = value;
5062
+ set variant(value) {
5063
+ this.elementRef.nativeElement['variant'] = value;
5142
5064
  }
5143
- get backgroundColorLaptop() {
5144
- return this.elementRef.nativeElement['backgroundColorLaptop'];
5065
+ get variant() {
5066
+ return this.elementRef.nativeElement['variant'];
5145
5067
  }
5146
- set backgroundGradient(value) {
5147
- this.elementRef.nativeElement['backgroundGradient'] = value;
5068
+ set disabled(value) {
5069
+ this.elementRef.nativeElement['disabled'] = value;
5148
5070
  }
5149
- get backgroundGradient() {
5150
- return this.elementRef.nativeElement['backgroundGradient'];
5071
+ get disabled() {
5072
+ return this.elementRef.nativeElement['disabled'];
5151
5073
  }
5152
- set backgroundGradientMobile(value) {
5153
- this.elementRef.nativeElement['backgroundGradientMobile'] = value;
5074
+ set separator(value) {
5075
+ this.elementRef.nativeElement['separator'] = value;
5154
5076
  }
5155
- get backgroundGradientMobile() {
5156
- return this.elementRef.nativeElement['backgroundGradientMobile'];
5077
+ get separator() {
5078
+ return this.elementRef.nativeElement['separator'];
5157
5079
  }
5158
- set backgroundGradientTablet(value) {
5159
- this.elementRef.nativeElement['backgroundGradientTablet'] = value;
5080
+ set separatorMobile(value) {
5081
+ this.elementRef.nativeElement['separatorMobile'] = value;
5160
5082
  }
5161
- get backgroundGradientTablet() {
5162
- return this.elementRef.nativeElement['backgroundGradientTablet'];
5083
+ get separatorMobile() {
5084
+ return this.elementRef.nativeElement['separatorMobile'];
5163
5085
  }
5164
- set backgroundGradientLaptop(value) {
5165
- this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
5086
+ set separatorTablet(value) {
5087
+ this.elementRef.nativeElement['separatorTablet'] = value;
5166
5088
  }
5167
- get backgroundGradientLaptop() {
5168
- return this.elementRef.nativeElement['backgroundGradientLaptop'];
5089
+ get separatorTablet() {
5090
+ return this.elementRef.nativeElement['separatorTablet'];
5169
5091
  }
5170
- set backgroundImage(value) {
5171
- this.elementRef.nativeElement['backgroundImage'] = value;
5092
+ set separatorLaptop(value) {
5093
+ this.elementRef.nativeElement['separatorLaptop'] = value;
5172
5094
  }
5173
- get backgroundImage() {
5174
- return this.elementRef.nativeElement['backgroundImage'];
5095
+ get separatorLaptop() {
5096
+ return this.elementRef.nativeElement['separatorLaptop'];
5175
5097
  }
5176
- set backgroundImageMobile(value) {
5177
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
5098
+ set separatorDesktop(value) {
5099
+ this.elementRef.nativeElement['separatorDesktop'] = value;
5178
5100
  }
5179
- get backgroundImageMobile() {
5180
- return this.elementRef.nativeElement['backgroundImageMobile'];
5101
+ get separatorDesktop() {
5102
+ return this.elementRef.nativeElement['separatorDesktop'];
5181
5103
  }
5182
- set backgroundImageTablet(value) {
5183
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
5104
+ set radius(value) {
5105
+ this.elementRef.nativeElement['radius'] = value;
5184
5106
  }
5185
- get backgroundImageTablet() {
5186
- return this.elementRef.nativeElement['backgroundImageTablet'];
5107
+ get radius() {
5108
+ return this.elementRef.nativeElement['radius'];
5187
5109
  }
5188
- set backgroundImageLaptop(value) {
5189
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
5110
+ set radiusMobile(value) {
5111
+ this.elementRef.nativeElement['radiusMobile'] = value;
5190
5112
  }
5191
- get backgroundImageLaptop() {
5192
- return this.elementRef.nativeElement['backgroundImageLaptop'];
5113
+ get radiusMobile() {
5114
+ return this.elementRef.nativeElement['radiusMobile'];
5193
5115
  }
5194
- set backgroundSize(value) {
5195
- this.elementRef.nativeElement['backgroundSize'] = value;
5116
+ set radiusTablet(value) {
5117
+ this.elementRef.nativeElement['radiusTablet'] = value;
5196
5118
  }
5197
- get backgroundSize() {
5198
- return this.elementRef.nativeElement['backgroundSize'];
5119
+ get radiusTablet() {
5120
+ return this.elementRef.nativeElement['radiusTablet'];
5199
5121
  }
5200
- set backgroundPosition(value) {
5201
- this.elementRef.nativeElement['backgroundPosition'] = value;
5122
+ set radiusLaptop(value) {
5123
+ this.elementRef.nativeElement['radiusLaptop'] = value;
5202
5124
  }
5203
- get backgroundPosition() {
5204
- return this.elementRef.nativeElement['backgroundPosition'];
5125
+ get radiusLaptop() {
5126
+ return this.elementRef.nativeElement['radiusLaptop'];
5205
5127
  }
5206
- set boxShadow(value) {
5207
- this.elementRef.nativeElement['boxShadow'] = value;
5128
+ set radiusDesktop(value) {
5129
+ this.elementRef.nativeElement['radiusDesktop'] = value;
5208
5130
  }
5209
- get boxShadow() {
5210
- return this.elementRef.nativeElement['boxShadow'];
5131
+ get radiusDesktop() {
5132
+ return this.elementRef.nativeElement['radiusDesktop'];
5211
5133
  }
5212
- set anchorOffset(value) {
5213
- this.elementRef.nativeElement['anchorOffset'] = value;
5134
+ set backgroundColor(value) {
5135
+ this.elementRef.nativeElement['backgroundColor'] = value;
5214
5136
  }
5215
- get anchorOffset() {
5216
- return this.elementRef.nativeElement['anchorOffset'];
5137
+ get backgroundColor() {
5138
+ return this.elementRef.nativeElement['backgroundColor'];
5217
5139
  }
5218
- set inverted(value) {
5219
- this.elementRef.nativeElement['inverted'] = value;
5140
+ set compact(value) {
5141
+ this.elementRef.nativeElement['compact'] = value;
5220
5142
  }
5221
- get inverted() {
5222
- return this.elementRef.nativeElement['inverted'];
5143
+ get compact() {
5144
+ return this.elementRef.nativeElement['compact'];
5223
5145
  }
5224
5146
  set grow(value) {
5225
5147
  this.elementRef.nativeElement['grow'] = value;
@@ -5494,95 +5416,52 @@ class PxContainer {
5494
5416
  constructor(elementRef) {
5495
5417
  this.elementRef = elementRef;
5496
5418
  }
5497
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5498
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContainer, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], 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"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
5419
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5420
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
5499
5421
  }
5500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
5422
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5501
5423
  type: Directive,
5502
5424
  args: [{
5503
- selector: 'px-container',
5425
+ selector: 'px-cell',
5504
5426
  }]
5505
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
5427
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5506
5428
  type: Input
5507
- }], borderColor: [{
5508
- type: Input,
5509
- args: ['border-color']
5510
- }], borderSide: [{
5511
- type: Input,
5512
- args: ['border-side']
5513
- }], borderSideMobile: [{
5429
+ }], variant: [{
5430
+ type: Input
5431
+ }], disabled: [{
5432
+ type: Input
5433
+ }], separator: [{
5434
+ type: Input
5435
+ }], separatorMobile: [{
5514
5436
  type: Input,
5515
- args: ['border-side--mobile']
5516
- }], borderSideTablet: [{
5437
+ args: ['separator--mobile']
5438
+ }], separatorTablet: [{
5517
5439
  type: Input,
5518
- args: ['border-side--tablet']
5519
- }], borderSideLaptop: [{
5440
+ args: ['separator--tablet']
5441
+ }], separatorLaptop: [{
5520
5442
  type: Input,
5521
- args: ['border-side--laptop']
5522
- }], borderRadius: [{
5443
+ args: ['separator--laptop']
5444
+ }], separatorDesktop: [{
5523
5445
  type: Input,
5524
- args: ['border-radius']
5525
- }], noBorderRadius: [{
5446
+ args: ['separator--desktop']
5447
+ }], radius: [{
5448
+ type: Input
5449
+ }], radiusMobile: [{
5526
5450
  type: Input,
5527
- args: ['no-border-radius']
5528
- }], noBorderRadiusMobile: [{
5451
+ args: ['radius--mobile']
5452
+ }], radiusTablet: [{
5529
5453
  type: Input,
5530
- args: ['no-border-radius--mobile']
5531
- }], noBorderRadiusTablet: [{
5454
+ args: ['radius--tablet']
5455
+ }], radiusLaptop: [{
5532
5456
  type: Input,
5533
- args: ['no-border-radius--tablet']
5534
- }], noBorderRadiusLaptop: [{
5457
+ args: ['radius--laptop']
5458
+ }], radiusDesktop: [{
5535
5459
  type: Input,
5536
- args: ['no-border-radius--laptop']
5460
+ args: ['radius--desktop']
5537
5461
  }], backgroundColor: [{
5538
5462
  type: Input,
5539
5463
  args: ['background-color']
5540
- }], backgroundColorMobile: [{
5541
- type: Input,
5542
- args: ['background-color--mobile']
5543
- }], backgroundColorTablet: [{
5544
- type: Input,
5545
- args: ['background-color--tablet']
5546
- }], backgroundColorLaptop: [{
5547
- type: Input,
5548
- args: ['background-color--laptop']
5549
- }], backgroundGradient: [{
5550
- type: Input,
5551
- args: ['background-gradient']
5552
- }], backgroundGradientMobile: [{
5553
- type: Input,
5554
- args: ['background-gradient--mobile']
5555
- }], backgroundGradientTablet: [{
5556
- type: Input,
5557
- args: ['background-gradient--tablet']
5558
- }], backgroundGradientLaptop: [{
5559
- type: Input,
5560
- args: ['background-gradient--laptop']
5561
- }], backgroundImage: [{
5562
- type: Input,
5563
- args: ['background-image']
5564
- }], backgroundImageMobile: [{
5565
- type: Input,
5566
- args: ['background-image--mobile']
5567
- }], backgroundImageTablet: [{
5568
- type: Input,
5569
- args: ['background-image--tablet']
5570
- }], backgroundImageLaptop: [{
5571
- type: Input,
5572
- args: ['background-image--laptop']
5573
- }], backgroundSize: [{
5574
- type: Input,
5575
- args: ['background-size']
5576
- }], backgroundPosition: [{
5577
- type: Input,
5578
- args: ['background-position']
5579
- }], boxShadow: [{
5580
- type: Input,
5581
- args: ['box-shadow']
5582
- }], anchorOffset: [{
5583
- type: Input,
5584
- args: ['anchor-offset']
5585
- }], inverted: [{
5464
+ }], compact: [{
5586
5465
  type: Input
5587
5466
  }], grow: [{
5588
5467
  type: Input
@@ -5716,9 +5595,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5716
5595
  args: ['order--desktop']
5717
5596
  }] } });
5718
5597
  /**
5719
- * @description Type-only wrapper for <px-cell>
5598
+ * @description Type-only wrapper for <px-cell-button>
5720
5599
  */
5721
- class PxCell {
5600
+ class PxCellButton {
5722
5601
  elementRef;
5723
5602
  set inverted(value) {
5724
5603
  this.elementRef.nativeElement['inverted'] = value;
@@ -6083,13 +5962,13 @@ class PxCell {
6083
5962
  constructor(elementRef) {
6084
5963
  this.elementRef = elementRef;
6085
5964
  }
6086
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6087
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
5965
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5966
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
6088
5967
  }
6089
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5968
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
6090
5969
  type: Directive,
6091
5970
  args: [{
6092
- selector: 'px-cell',
5971
+ selector: 'px-cell-button',
6093
5972
  }]
6094
5973
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6095
5974
  type: Input
@@ -6262,9 +6141,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6262
6141
  args: ['order--desktop']
6263
6142
  }] } });
6264
6143
  /**
6265
- * @description Type-only wrapper for <px-cell-button>
6144
+ * @description Type-only wrapper for <px-cell-checkbox>
6266
6145
  */
6267
- class PxCellButton {
6146
+ class PxCellCheckbox {
6268
6147
  elementRef;
6269
6148
  set inverted(value) {
6270
6149
  this.elementRef.nativeElement['inverted'] = value;
@@ -6344,6 +6223,36 @@ class PxCellButton {
6344
6223
  get radiusDesktop() {
6345
6224
  return this.elementRef.nativeElement['radiusDesktop'];
6346
6225
  }
6226
+ set name(value) {
6227
+ this.elementRef.nativeElement['name'] = value;
6228
+ }
6229
+ get name() {
6230
+ return this.elementRef.nativeElement['name'];
6231
+ }
6232
+ set value(value) {
6233
+ this.elementRef.nativeElement['value'] = value;
6234
+ }
6235
+ get value() {
6236
+ return this.elementRef.nativeElement['value'];
6237
+ }
6238
+ set state(value) {
6239
+ this.elementRef.nativeElement['state'] = value;
6240
+ }
6241
+ get state() {
6242
+ return this.elementRef.nativeElement['state'];
6243
+ }
6244
+ set checked(value) {
6245
+ this.elementRef.nativeElement['checked'] = value;
6246
+ }
6247
+ get checked() {
6248
+ return this.elementRef.nativeElement['checked'];
6249
+ }
6250
+ set checkboxPosition(value) {
6251
+ this.elementRef.nativeElement['checkboxPosition'] = value;
6252
+ }
6253
+ get checkboxPosition() {
6254
+ return this.elementRef.nativeElement['checkboxPosition'];
6255
+ }
6347
6256
  set backgroundColor(value) {
6348
6257
  this.elementRef.nativeElement['backgroundColor'] = value;
6349
6258
  }
@@ -6626,16 +6535,20 @@ class PxCellButton {
6626
6535
  get orderDesktop() {
6627
6536
  return this.elementRef.nativeElement['orderDesktop'];
6628
6537
  }
6538
+ change = new EventEmitter();
6629
6539
  constructor(elementRef) {
6630
6540
  this.elementRef = elementRef;
6541
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
6542
+ this.change.emit(e.detail);
6543
+ });
6631
6544
  }
6632
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6633
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
6545
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6546
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
6634
6547
  }
6635
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
6548
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
6636
6549
  type: Directive,
6637
6550
  args: [{
6638
- selector: 'px-cell-button',
6551
+ selector: 'px-cell-checkbox',
6639
6552
  }]
6640
6553
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6641
6554
  type: Input
@@ -6671,6 +6584,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6671
6584
  }], radiusDesktop: [{
6672
6585
  type: Input,
6673
6586
  args: ['radius--desktop']
6587
+ }], name: [{
6588
+ type: Input
6589
+ }], value: [{
6590
+ type: Input
6591
+ }], state: [{
6592
+ type: Input
6593
+ }], checked: [{
6594
+ type: Input
6595
+ }], checkboxPosition: [{
6596
+ type: Input,
6597
+ args: ['checkbox-position']
6674
6598
  }], backgroundColor: [{
6675
6599
  type: Input,
6676
6600
  args: ['background-color']
@@ -6806,11 +6730,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6806
6730
  }], orderDesktop: [{
6807
6731
  type: Input,
6808
6732
  args: ['order--desktop']
6733
+ }], change: [{
6734
+ type: Output
6809
6735
  }] } });
6810
6736
  /**
6811
- * @description Type-only wrapper for <px-cell-checkbox>
6737
+ * @description Type-only wrapper for <px-cell-link>
6812
6738
  */
6813
- class PxCellCheckbox {
6739
+ class PxCellLink {
6814
6740
  elementRef;
6815
6741
  set inverted(value) {
6816
6742
  this.elementRef.nativeElement['inverted'] = value;
@@ -6890,35 +6816,11 @@ class PxCellCheckbox {
6890
6816
  get radiusDesktop() {
6891
6817
  return this.elementRef.nativeElement['radiusDesktop'];
6892
6818
  }
6893
- set name(value) {
6894
- this.elementRef.nativeElement['name'] = value;
6895
- }
6896
- get name() {
6897
- return this.elementRef.nativeElement['name'];
6898
- }
6899
- set value(value) {
6900
- this.elementRef.nativeElement['value'] = value;
6901
- }
6902
- get value() {
6903
- return this.elementRef.nativeElement['value'];
6904
- }
6905
- set state(value) {
6906
- this.elementRef.nativeElement['state'] = value;
6907
- }
6908
- get state() {
6909
- return this.elementRef.nativeElement['state'];
6910
- }
6911
- set checked(value) {
6912
- this.elementRef.nativeElement['checked'] = value;
6913
- }
6914
- get checked() {
6915
- return this.elementRef.nativeElement['checked'];
6916
- }
6917
- set checkboxPosition(value) {
6918
- this.elementRef.nativeElement['checkboxPosition'] = value;
6819
+ set targetBlankAriaLabel(value) {
6820
+ this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
6919
6821
  }
6920
- get checkboxPosition() {
6921
- return this.elementRef.nativeElement['checkboxPosition'];
6822
+ get targetBlankAriaLabel() {
6823
+ return this.elementRef.nativeElement['targetBlankAriaLabel'];
6922
6824
  }
6923
6825
  set backgroundColor(value) {
6924
6826
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -6926,6 +6828,12 @@ class PxCellCheckbox {
6926
6828
  get backgroundColor() {
6927
6829
  return this.elementRef.nativeElement['backgroundColor'];
6928
6830
  }
6831
+ set noicon(value) {
6832
+ this.elementRef.nativeElement['noicon'] = value;
6833
+ }
6834
+ get noicon() {
6835
+ return this.elementRef.nativeElement['noicon'];
6836
+ }
6929
6837
  set compact(value) {
6930
6838
  this.elementRef.nativeElement['compact'] = value;
6931
6839
  }
@@ -7202,20 +7110,16 @@ class PxCellCheckbox {
7202
7110
  get orderDesktop() {
7203
7111
  return this.elementRef.nativeElement['orderDesktop'];
7204
7112
  }
7205
- change = new EventEmitter();
7206
7113
  constructor(elementRef) {
7207
7114
  this.elementRef = elementRef;
7208
- this.elementRef.nativeElement.addEventListener('change', (e) => {
7209
- this.change.emit(e.detail);
7210
- });
7211
7115
  }
7212
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7213
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
7116
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7117
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
7214
7118
  }
7215
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
7119
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7216
7120
  type: Directive,
7217
7121
  args: [{
7218
- selector: 'px-cell-checkbox',
7122
+ selector: 'px-cell-link',
7219
7123
  }]
7220
7124
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7221
7125
  type: Input
@@ -7251,20 +7155,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7251
7155
  }], radiusDesktop: [{
7252
7156
  type: Input,
7253
7157
  args: ['radius--desktop']
7254
- }], name: [{
7255
- type: Input
7256
- }], value: [{
7257
- type: Input
7258
- }], state: [{
7259
- type: Input
7260
- }], checked: [{
7261
- type: Input
7262
- }], checkboxPosition: [{
7158
+ }], targetBlankAriaLabel: [{
7263
7159
  type: Input,
7264
- args: ['checkbox-position']
7160
+ args: ['target-blank-aria-label']
7265
7161
  }], backgroundColor: [{
7266
7162
  type: Input,
7267
7163
  args: ['background-color']
7164
+ }], noicon: [{
7165
+ type: Input
7268
7166
  }], compact: [{
7269
7167
  type: Input
7270
7168
  }], grow: [{
@@ -7397,13 +7295,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7397
7295
  }], orderDesktop: [{
7398
7296
  type: Input,
7399
7297
  args: ['order--desktop']
7400
- }], change: [{
7401
- type: Output
7402
7298
  }] } });
7403
7299
  /**
7404
- * @description Type-only wrapper for <px-cell-link>
7300
+ * @description Type-only wrapper for <px-cell-radio>
7405
7301
  */
7406
- class PxCellLink {
7302
+ class PxCellRadio {
7407
7303
  elementRef;
7408
7304
  set inverted(value) {
7409
7305
  this.elementRef.nativeElement['inverted'] = value;
@@ -7483,11 +7379,35 @@ class PxCellLink {
7483
7379
  get radiusDesktop() {
7484
7380
  return this.elementRef.nativeElement['radiusDesktop'];
7485
7381
  }
7486
- set targetBlankAriaLabel(value) {
7487
- this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
7382
+ set name(value) {
7383
+ this.elementRef.nativeElement['name'] = value;
7488
7384
  }
7489
- get targetBlankAriaLabel() {
7490
- return this.elementRef.nativeElement['targetBlankAriaLabel'];
7385
+ get name() {
7386
+ return this.elementRef.nativeElement['name'];
7387
+ }
7388
+ set value(value) {
7389
+ this.elementRef.nativeElement['value'] = value;
7390
+ }
7391
+ get value() {
7392
+ return this.elementRef.nativeElement['value'];
7393
+ }
7394
+ set state(value) {
7395
+ this.elementRef.nativeElement['state'] = value;
7396
+ }
7397
+ get state() {
7398
+ return this.elementRef.nativeElement['state'];
7399
+ }
7400
+ set checked(value) {
7401
+ this.elementRef.nativeElement['checked'] = value;
7402
+ }
7403
+ get checked() {
7404
+ return this.elementRef.nativeElement['checked'];
7405
+ }
7406
+ set radioPosition(value) {
7407
+ this.elementRef.nativeElement['radioPosition'] = value;
7408
+ }
7409
+ get radioPosition() {
7410
+ return this.elementRef.nativeElement['radioPosition'];
7491
7411
  }
7492
7412
  set backgroundColor(value) {
7493
7413
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7495,12 +7415,6 @@ class PxCellLink {
7495
7415
  get backgroundColor() {
7496
7416
  return this.elementRef.nativeElement['backgroundColor'];
7497
7417
  }
7498
- set noicon(value) {
7499
- this.elementRef.nativeElement['noicon'] = value;
7500
- }
7501
- get noicon() {
7502
- return this.elementRef.nativeElement['noicon'];
7503
- }
7504
7418
  set compact(value) {
7505
7419
  this.elementRef.nativeElement['compact'] = value;
7506
7420
  }
@@ -7777,16 +7691,20 @@ class PxCellLink {
7777
7691
  get orderDesktop() {
7778
7692
  return this.elementRef.nativeElement['orderDesktop'];
7779
7693
  }
7694
+ change = new EventEmitter();
7780
7695
  constructor(elementRef) {
7781
7696
  this.elementRef = elementRef;
7697
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
7698
+ this.change.emit(e.detail);
7699
+ });
7782
7700
  }
7783
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7784
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
7701
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7702
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
7785
7703
  }
7786
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
7704
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
7787
7705
  type: Directive,
7788
7706
  args: [{
7789
- selector: 'px-cell-link',
7707
+ selector: 'px-cell-radio',
7790
7708
  }]
7791
7709
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7792
7710
  type: Input
@@ -7822,14 +7740,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7822
7740
  }], radiusDesktop: [{
7823
7741
  type: Input,
7824
7742
  args: ['radius--desktop']
7825
- }], targetBlankAriaLabel: [{
7743
+ }], name: [{
7744
+ type: Input
7745
+ }], value: [{
7746
+ type: Input
7747
+ }], state: [{
7748
+ type: Input
7749
+ }], checked: [{
7750
+ type: Input
7751
+ }], radioPosition: [{
7826
7752
  type: Input,
7827
- args: ['target-blank-aria-label']
7753
+ args: ['radio-position']
7828
7754
  }], backgroundColor: [{
7829
7755
  type: Input,
7830
7756
  args: ['background-color']
7831
- }], noicon: [{
7832
- type: Input
7833
7757
  }], compact: [{
7834
7758
  type: Input
7835
7759
  }], grow: [{
@@ -7962,11 +7886,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7962
7886
  }], orderDesktop: [{
7963
7887
  type: Input,
7964
7888
  args: ['order--desktop']
7889
+ }], change: [{
7890
+ type: Output
7965
7891
  }] } });
7966
7892
  /**
7967
- * @description Type-only wrapper for <px-cell-radio>
7893
+ * @description Type-only wrapper for <px-cell-switch>
7968
7894
  */
7969
- class PxCellRadio {
7895
+ class PxCellSwitch {
7970
7896
  elementRef;
7971
7897
  set inverted(value) {
7972
7898
  this.elementRef.nativeElement['inverted'] = value;
@@ -8058,24 +7984,12 @@ class PxCellRadio {
8058
7984
  get value() {
8059
7985
  return this.elementRef.nativeElement['value'];
8060
7986
  }
8061
- set state(value) {
8062
- this.elementRef.nativeElement['state'] = value;
8063
- }
8064
- get state() {
8065
- return this.elementRef.nativeElement['state'];
8066
- }
8067
7987
  set checked(value) {
8068
7988
  this.elementRef.nativeElement['checked'] = value;
8069
7989
  }
8070
7990
  get checked() {
8071
7991
  return this.elementRef.nativeElement['checked'];
8072
7992
  }
8073
- set radioPosition(value) {
8074
- this.elementRef.nativeElement['radioPosition'] = value;
8075
- }
8076
- get radioPosition() {
8077
- return this.elementRef.nativeElement['radioPosition'];
8078
- }
8079
7993
  set backgroundColor(value) {
8080
7994
  this.elementRef.nativeElement['backgroundColor'] = value;
8081
7995
  }
@@ -8365,13 +8279,13 @@ class PxCellRadio {
8365
8279
  this.change.emit(e.detail);
8366
8280
  });
8367
8281
  }
8368
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8369
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
8282
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8283
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
8370
8284
  }
8371
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
8285
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8372
8286
  type: Directive,
8373
8287
  args: [{
8374
- selector: 'px-cell-radio',
8288
+ selector: 'px-cell-switch',
8375
8289
  }]
8376
8290
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8377
8291
  type: Input
@@ -8411,13 +8325,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8411
8325
  type: Input
8412
8326
  }], value: [{
8413
8327
  type: Input
8414
- }], state: [{
8415
- type: Input
8416
8328
  }], checked: [{
8417
8329
  type: Input
8418
- }], radioPosition: [{
8419
- type: Input,
8420
- args: ['radio-position']
8421
8330
  }], backgroundColor: [{
8422
8331
  type: Input,
8423
8332
  args: ['background-color']
@@ -8557,15 +8466,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8557
8466
  type: Output
8558
8467
  }] } });
8559
8468
  /**
8560
- * @description Type-only wrapper for <px-cell-switch>
8469
+ * @description Type-only wrapper for <px-checkbox>
8561
8470
  */
8562
- class PxCellSwitch {
8471
+ class PxCheckbox {
8563
8472
  elementRef;
8564
- set inverted(value) {
8565
- this.elementRef.nativeElement['inverted'] = value;
8473
+ set state(value) {
8474
+ this.elementRef.nativeElement['state'] = value;
8566
8475
  }
8567
- get inverted() {
8568
- return this.elementRef.nativeElement['inverted'];
8476
+ get state() {
8477
+ return this.elementRef.nativeElement['state'];
8569
8478
  }
8570
8479
  set variant(value) {
8571
8480
  this.elementRef.nativeElement['variant'] = value;
@@ -8573,101 +8482,23 @@ class PxCellSwitch {
8573
8482
  get variant() {
8574
8483
  return this.elementRef.nativeElement['variant'];
8575
8484
  }
8576
- set disabled(value) {
8577
- this.elementRef.nativeElement['disabled'] = value;
8578
- }
8579
- get disabled() {
8580
- return this.elementRef.nativeElement['disabled'];
8581
- }
8582
- set separator(value) {
8583
- this.elementRef.nativeElement['separator'] = value;
8584
- }
8585
- get separator() {
8586
- return this.elementRef.nativeElement['separator'];
8587
- }
8588
- set separatorMobile(value) {
8589
- this.elementRef.nativeElement['separatorMobile'] = value;
8590
- }
8591
- get separatorMobile() {
8592
- return this.elementRef.nativeElement['separatorMobile'];
8593
- }
8594
- set separatorTablet(value) {
8595
- this.elementRef.nativeElement['separatorTablet'] = value;
8596
- }
8597
- get separatorTablet() {
8598
- return this.elementRef.nativeElement['separatorTablet'];
8599
- }
8600
- set separatorLaptop(value) {
8601
- this.elementRef.nativeElement['separatorLaptop'] = value;
8602
- }
8603
- get separatorLaptop() {
8604
- return this.elementRef.nativeElement['separatorLaptop'];
8605
- }
8606
- set separatorDesktop(value) {
8607
- this.elementRef.nativeElement['separatorDesktop'] = value;
8608
- }
8609
- get separatorDesktop() {
8610
- return this.elementRef.nativeElement['separatorDesktop'];
8611
- }
8612
- set radius(value) {
8613
- this.elementRef.nativeElement['radius'] = value;
8614
- }
8615
- get radius() {
8616
- return this.elementRef.nativeElement['radius'];
8617
- }
8618
- set radiusMobile(value) {
8619
- this.elementRef.nativeElement['radiusMobile'] = value;
8620
- }
8621
- get radiusMobile() {
8622
- return this.elementRef.nativeElement['radiusMobile'];
8623
- }
8624
- set radiusTablet(value) {
8625
- this.elementRef.nativeElement['radiusTablet'] = value;
8626
- }
8627
- get radiusTablet() {
8628
- return this.elementRef.nativeElement['radiusTablet'];
8629
- }
8630
- set radiusLaptop(value) {
8631
- this.elementRef.nativeElement['radiusLaptop'] = value;
8632
- }
8633
- get radiusLaptop() {
8634
- return this.elementRef.nativeElement['radiusLaptop'];
8635
- }
8636
- set radiusDesktop(value) {
8637
- this.elementRef.nativeElement['radiusDesktop'] = value;
8638
- }
8639
- get radiusDesktop() {
8640
- return this.elementRef.nativeElement['radiusDesktop'];
8641
- }
8642
- set name(value) {
8643
- this.elementRef.nativeElement['name'] = value;
8644
- }
8645
- get name() {
8646
- return this.elementRef.nativeElement['name'];
8647
- }
8648
- set value(value) {
8649
- this.elementRef.nativeElement['value'] = value;
8650
- }
8651
- get value() {
8652
- return this.elementRef.nativeElement['value'];
8653
- }
8654
- set checked(value) {
8655
- this.elementRef.nativeElement['checked'] = value;
8485
+ set indeterminate(value) {
8486
+ this.elementRef.nativeElement['indeterminate'] = value;
8656
8487
  }
8657
- get checked() {
8658
- return this.elementRef.nativeElement['checked'];
8488
+ get indeterminate() {
8489
+ return this.elementRef.nativeElement['indeterminate'];
8659
8490
  }
8660
- set backgroundColor(value) {
8661
- this.elementRef.nativeElement['backgroundColor'] = value;
8491
+ set inverted(value) {
8492
+ this.elementRef.nativeElement['inverted'] = value;
8662
8493
  }
8663
- get backgroundColor() {
8664
- return this.elementRef.nativeElement['backgroundColor'];
8494
+ get inverted() {
8495
+ return this.elementRef.nativeElement['inverted'];
8665
8496
  }
8666
- set compact(value) {
8667
- this.elementRef.nativeElement['compact'] = value;
8497
+ set hover(value) {
8498
+ this.elementRef.nativeElement['hover'] = value;
8668
8499
  }
8669
- get compact() {
8670
- return this.elementRef.nativeElement['compact'];
8500
+ get hover() {
8501
+ return this.elementRef.nativeElement['hover'];
8671
8502
  }
8672
8503
  set grow(value) {
8673
8504
  this.elementRef.nativeElement['grow'] = value;
@@ -8939,65 +8770,26 @@ class PxCellSwitch {
8939
8770
  get orderDesktop() {
8940
8771
  return this.elementRef.nativeElement['orderDesktop'];
8941
8772
  }
8942
- change = new EventEmitter();
8943
8773
  constructor(elementRef) {
8944
8774
  this.elementRef = elementRef;
8945
- this.elementRef.nativeElement.addEventListener('change', (e) => {
8946
- this.change.emit(e.detail);
8947
- });
8948
8775
  }
8949
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8950
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", 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"] }, outputs: { change: "change" }, ngImport: i0 });
8776
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8777
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
8951
8778
  }
8952
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8779
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
8953
8780
  type: Directive,
8954
8781
  args: [{
8955
- selector: 'px-cell-switch',
8782
+ selector: 'px-checkbox',
8956
8783
  }]
8957
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8784
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
8958
8785
  type: Input
8959
8786
  }], variant: [{
8960
8787
  type: Input
8961
- }], disabled: [{
8962
- type: Input
8963
- }], separator: [{
8964
- type: Input
8965
- }], separatorMobile: [{
8966
- type: Input,
8967
- args: ['separator--mobile']
8968
- }], separatorTablet: [{
8969
- type: Input,
8970
- args: ['separator--tablet']
8971
- }], separatorLaptop: [{
8972
- type: Input,
8973
- args: ['separator--laptop']
8974
- }], separatorDesktop: [{
8975
- type: Input,
8976
- args: ['separator--desktop']
8977
- }], radius: [{
8978
- type: Input
8979
- }], radiusMobile: [{
8980
- type: Input,
8981
- args: ['radius--mobile']
8982
- }], radiusTablet: [{
8983
- type: Input,
8984
- args: ['radius--tablet']
8985
- }], radiusLaptop: [{
8986
- type: Input,
8987
- args: ['radius--laptop']
8988
- }], radiusDesktop: [{
8989
- type: Input,
8990
- args: ['radius--desktop']
8991
- }], name: [{
8992
- type: Input
8993
- }], value: [{
8788
+ }], indeterminate: [{
8994
8789
  type: Input
8995
- }], checked: [{
8790
+ }], inverted: [{
8996
8791
  type: Input
8997
- }], backgroundColor: [{
8998
- type: Input,
8999
- args: ['background-color']
9000
- }], compact: [{
8792
+ }], hover: [{
9001
8793
  type: Input
9002
8794
  }], grow: [{
9003
8795
  type: Input
@@ -9129,109 +8921,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9129
8921
  }], orderDesktop: [{
9130
8922
  type: Input,
9131
8923
  args: ['order--desktop']
9132
- }], change: [{
9133
- type: Output
9134
8924
  }] } });
9135
8925
  /**
9136
- * @description Type-only wrapper for <px-content-header>
8926
+ * @description Type-only wrapper for <px-color-option>
9137
8927
  */
9138
- class PxContentHeader {
8928
+ class PxColorOption {
9139
8929
  elementRef;
9140
- set backgroundColor(value) {
9141
- this.elementRef.nativeElement['backgroundColor'] = value;
9142
- }
9143
- get backgroundColor() {
9144
- return this.elementRef.nativeElement['backgroundColor'];
9145
- }
9146
- set backgroundGradient(value) {
9147
- this.elementRef.nativeElement['backgroundGradient'] = value;
9148
- }
9149
- get backgroundGradient() {
9150
- return this.elementRef.nativeElement['backgroundGradient'];
9151
- }
9152
- set backgroundImage(value) {
9153
- this.elementRef.nativeElement['backgroundImage'] = value;
9154
- }
9155
- get backgroundImage() {
9156
- return this.elementRef.nativeElement['backgroundImage'];
9157
- }
9158
- set backgroundImageMobile(value) {
9159
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
9160
- }
9161
- get backgroundImageMobile() {
9162
- return this.elementRef.nativeElement['backgroundImageMobile'];
9163
- }
9164
- set backgroundImageTablet(value) {
9165
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
9166
- }
9167
- get backgroundImageTablet() {
9168
- return this.elementRef.nativeElement['backgroundImageTablet'];
9169
- }
9170
- set backgroundImageLaptop(value) {
9171
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
9172
- }
9173
- get backgroundImageLaptop() {
9174
- return this.elementRef.nativeElement['backgroundImageLaptop'];
9175
- }
9176
- set backgroundSize(value) {
9177
- this.elementRef.nativeElement['backgroundSize'] = value;
9178
- }
9179
- get backgroundSize() {
9180
- return this.elementRef.nativeElement['backgroundSize'];
9181
- }
9182
- set backgroundPosition(value) {
9183
- this.elementRef.nativeElement['backgroundPosition'] = value;
9184
- }
9185
- get backgroundPosition() {
9186
- return this.elementRef.nativeElement['backgroundPosition'];
9187
- }
9188
- set contrastHelperGradient(value) {
9189
- this.elementRef.nativeElement['contrastHelperGradient'] = value;
9190
- }
9191
- get contrastHelperGradient() {
9192
- return this.elementRef.nativeElement['contrastHelperGradient'];
9193
- }
9194
- set contrastHelperOverlay(value) {
9195
- this.elementRef.nativeElement['contrastHelperOverlay'] = value;
9196
- }
9197
- get contrastHelperOverlay() {
9198
- return this.elementRef.nativeElement['contrastHelperOverlay'];
9199
- }
9200
- set minHeight(value) {
9201
- this.elementRef.nativeElement['minHeight'] = value;
9202
- }
9203
- get minHeight() {
9204
- return this.elementRef.nativeElement['minHeight'];
9205
- }
9206
- set hasGridding(value) {
9207
- this.elementRef.nativeElement['hasGridding'] = value;
9208
- }
9209
- get hasGridding() {
9210
- return this.elementRef.nativeElement['hasGridding'];
9211
- }
9212
- set hasGriddingMobile(value) {
9213
- this.elementRef.nativeElement['hasGriddingMobile'] = value;
9214
- }
9215
- get hasGriddingMobile() {
9216
- return this.elementRef.nativeElement['hasGriddingMobile'];
9217
- }
9218
- set hasGriddingTablet(value) {
9219
- this.elementRef.nativeElement['hasGriddingTablet'] = value;
8930
+ set size(value) {
8931
+ this.elementRef.nativeElement['size'] = value;
9220
8932
  }
9221
- get hasGriddingTablet() {
9222
- return this.elementRef.nativeElement['hasGriddingTablet'];
8933
+ get size() {
8934
+ return this.elementRef.nativeElement['size'];
9223
8935
  }
9224
- set hasGriddingLaptop(value) {
9225
- this.elementRef.nativeElement['hasGriddingLaptop'] = value;
8936
+ set deviceColor(value) {
8937
+ this.elementRef.nativeElement['deviceColor'] = value;
9226
8938
  }
9227
- get hasGriddingLaptop() {
9228
- return this.elementRef.nativeElement['hasGriddingLaptop'];
8939
+ get deviceColor() {
8940
+ return this.elementRef.nativeElement['deviceColor'];
9229
8941
  }
9230
- set inverted(value) {
9231
- this.elementRef.nativeElement['inverted'] = value;
8942
+ set unavailable(value) {
8943
+ this.elementRef.nativeElement['unavailable'] = value;
9232
8944
  }
9233
- get inverted() {
9234
- return this.elementRef.nativeElement['inverted'];
8945
+ get unavailable() {
8946
+ return this.elementRef.nativeElement['unavailable'];
9235
8947
  }
9236
8948
  set grow(value) {
9237
8949
  this.elementRef.nativeElement['grow'] = value;
@@ -9506,60 +9218,20 @@ class PxContentHeader {
9506
9218
  constructor(elementRef) {
9507
9219
  this.elementRef = elementRef;
9508
9220
  }
9509
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9510
- 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"] }, ngImport: i0 });
9221
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9222
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOption, selector: "px-color-option", inputs: { size: "size", deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
9511
9223
  }
9512
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
9224
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
9513
9225
  type: Directive,
9514
9226
  args: [{
9515
- selector: 'px-content-header',
9227
+ selector: 'px-color-option',
9516
9228
  }]
9517
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
9518
- type: Input,
9519
- args: ['background-color']
9520
- }], backgroundGradient: [{
9521
- type: Input,
9522
- args: ['background-gradient']
9523
- }], backgroundImage: [{
9524
- type: Input,
9525
- args: ['background-image']
9526
- }], backgroundImageMobile: [{
9527
- type: Input,
9528
- args: ['background-image--mobile']
9529
- }], backgroundImageTablet: [{
9530
- type: Input,
9531
- args: ['background-image--tablet']
9532
- }], backgroundImageLaptop: [{
9533
- type: Input,
9534
- args: ['background-image--laptop']
9535
- }], backgroundSize: [{
9536
- type: Input,
9537
- args: ['background-size']
9538
- }], backgroundPosition: [{
9539
- type: Input,
9540
- args: ['background-position']
9541
- }], contrastHelperGradient: [{
9542
- type: Input,
9543
- args: ['contrast-helper-gradient']
9544
- }], contrastHelperOverlay: [{
9545
- type: Input,
9546
- args: ['contrast-helper-overlay']
9547
- }], minHeight: [{
9548
- type: Input,
9549
- args: ['min-height']
9550
- }], hasGridding: [{
9551
- type: Input,
9552
- args: ['has-gridding']
9553
- }], hasGriddingMobile: [{
9554
- type: Input,
9555
- args: ['has-gridding--mobile']
9556
- }], hasGriddingTablet: [{
9557
- type: Input,
9558
- args: ['has-gridding--tablet']
9559
- }], hasGriddingLaptop: [{
9229
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
9230
+ type: Input
9231
+ }], deviceColor: [{
9560
9232
  type: Input,
9561
- args: ['has-gridding--laptop']
9562
- }], inverted: [{
9233
+ args: ['device-color']
9234
+ }], unavailable: [{
9563
9235
  type: Input
9564
9236
  }], grow: [{
9565
9237
  type: Input
@@ -9693,39 +9365,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9693
9365
  args: ['order--desktop']
9694
9366
  }] } });
9695
9367
  /**
9696
- * @description Type-only wrapper for <px-checkbox>
9368
+ * @description Type-only wrapper for <px-color-option-link>
9697
9369
  */
9698
- class PxCheckbox {
9370
+ class PxColorOptionLink {
9699
9371
  elementRef;
9700
- set state(value) {
9701
- this.elementRef.nativeElement['state'] = value;
9702
- }
9703
- get state() {
9704
- return this.elementRef.nativeElement['state'];
9705
- }
9706
- set variant(value) {
9707
- this.elementRef.nativeElement['variant'] = value;
9708
- }
9709
- get variant() {
9710
- return this.elementRef.nativeElement['variant'];
9711
- }
9712
- set indeterminate(value) {
9713
- this.elementRef.nativeElement['indeterminate'] = value;
9372
+ set deviceColor(value) {
9373
+ this.elementRef.nativeElement['deviceColor'] = value;
9714
9374
  }
9715
- get indeterminate() {
9716
- return this.elementRef.nativeElement['indeterminate'];
9375
+ get deviceColor() {
9376
+ return this.elementRef.nativeElement['deviceColor'];
9717
9377
  }
9718
- set inverted(value) {
9719
- this.elementRef.nativeElement['inverted'] = value;
9378
+ set unavailable(value) {
9379
+ this.elementRef.nativeElement['unavailable'] = value;
9720
9380
  }
9721
- get inverted() {
9722
- return this.elementRef.nativeElement['inverted'];
9381
+ get unavailable() {
9382
+ return this.elementRef.nativeElement['unavailable'];
9723
9383
  }
9724
- set hover(value) {
9725
- this.elementRef.nativeElement['hover'] = value;
9384
+ set selected(value) {
9385
+ this.elementRef.nativeElement['selected'] = value;
9726
9386
  }
9727
- get hover() {
9728
- return this.elementRef.nativeElement['hover'];
9387
+ get selected() {
9388
+ return this.elementRef.nativeElement['selected'];
9729
9389
  }
9730
9390
  set grow(value) {
9731
9391
  this.elementRef.nativeElement['grow'] = value;
@@ -9997,26 +9657,27 @@ class PxCheckbox {
9997
9657
  get orderDesktop() {
9998
9658
  return this.elementRef.nativeElement['orderDesktop'];
9999
9659
  }
9660
+ CLICK_EVENT = new EventEmitter();
10000
9661
  constructor(elementRef) {
10001
9662
  this.elementRef = elementRef;
9663
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
9664
+ this.CLICK_EVENT.emit(e.detail);
9665
+ });
10002
9666
  }
10003
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10004
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCheckbox, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
9667
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9668
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOptionLink, selector: "px-color-option-link", inputs: { deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", selected: "selected", 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"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10005
9669
  }
10006
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCheckbox, decorators: [{
9670
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10007
9671
  type: Directive,
10008
9672
  args: [{
10009
- selector: 'px-checkbox',
9673
+ selector: 'px-color-option-link',
10010
9674
  }]
10011
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
10012
- type: Input
10013
- }], variant: [{
10014
- type: Input
10015
- }], indeterminate: [{
10016
- type: Input
10017
- }], inverted: [{
9675
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
9676
+ type: Input,
9677
+ args: ['device-color']
9678
+ }], unavailable: [{
10018
9679
  type: Input
10019
- }], hover: [{
9680
+ }], selected: [{
10020
9681
  type: Input
10021
9682
  }], grow: [{
10022
9683
  type: Input
@@ -10148,69 +9809,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10148
9809
  }], orderDesktop: [{
10149
9810
  type: Input,
10150
9811
  args: ['order--desktop']
9812
+ }], CLICK_EVENT: [{
9813
+ type: Output
10151
9814
  }] } });
10152
9815
  /**
10153
- * @description Type-only wrapper for <px-drawer>
9816
+ * @description Type-only wrapper for <px-container>
10154
9817
  */
10155
- class PxDrawer {
9818
+ class PxContainer {
10156
9819
  elementRef;
10157
- set open(value) {
10158
- this.elementRef.nativeElement['open'] = value;
9820
+ set border(value) {
9821
+ this.elementRef.nativeElement['border'] = value;
10159
9822
  }
10160
- get open() {
10161
- return this.elementRef.nativeElement['open'];
9823
+ get border() {
9824
+ return this.elementRef.nativeElement['border'];
10162
9825
  }
10163
- set ariaLabelCloseButton(value) {
10164
- this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
9826
+ set borderColor(value) {
9827
+ this.elementRef.nativeElement['borderColor'] = value;
10165
9828
  }
10166
- get ariaLabelCloseButton() {
10167
- return this.elementRef.nativeElement['ariaLabelCloseButton'];
9829
+ get borderColor() {
9830
+ return this.elementRef.nativeElement['borderColor'];
10168
9831
  }
10169
- HIDE_EVENT = new EventEmitter();
10170
- constructor(elementRef) {
10171
- this.elementRef = elementRef;
10172
- this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
10173
- this.HIDE_EVENT.emit(e.detail);
10174
- });
9832
+ set borderSide(value) {
9833
+ this.elementRef.nativeElement['borderSide'] = value;
10175
9834
  }
10176
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10177
- 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"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
10178
- }
10179
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
10180
- type: Directive,
10181
- args: [{
10182
- selector: 'px-drawer',
10183
- }]
10184
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
10185
- type: Input
10186
- }], ariaLabelCloseButton: [{
10187
- type: Input,
10188
- args: ['aria-label-close-button']
10189
- }], HIDE_EVENT: [{
10190
- type: Output
10191
- }] } });
10192
- /**
10193
- * @description Type-only wrapper for <px-color-option>
10194
- */
10195
- class PxColorOption {
10196
- elementRef;
10197
- set size(value) {
10198
- this.elementRef.nativeElement['size'] = value;
9835
+ get borderSide() {
9836
+ return this.elementRef.nativeElement['borderSide'];
10199
9837
  }
10200
- get size() {
10201
- return this.elementRef.nativeElement['size'];
9838
+ set borderSideMobile(value) {
9839
+ this.elementRef.nativeElement['borderSideMobile'] = value;
10202
9840
  }
10203
- set deviceColor(value) {
10204
- this.elementRef.nativeElement['deviceColor'] = value;
9841
+ get borderSideMobile() {
9842
+ return this.elementRef.nativeElement['borderSideMobile'];
10205
9843
  }
10206
- get deviceColor() {
10207
- return this.elementRef.nativeElement['deviceColor'];
9844
+ set borderSideTablet(value) {
9845
+ this.elementRef.nativeElement['borderSideTablet'] = value;
10208
9846
  }
10209
- set unavailable(value) {
10210
- this.elementRef.nativeElement['unavailable'] = value;
9847
+ get borderSideTablet() {
9848
+ return this.elementRef.nativeElement['borderSideTablet'];
10211
9849
  }
10212
- get unavailable() {
10213
- return this.elementRef.nativeElement['unavailable'];
9850
+ set borderSideLaptop(value) {
9851
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
9852
+ }
9853
+ get borderSideLaptop() {
9854
+ return this.elementRef.nativeElement['borderSideLaptop'];
9855
+ }
9856
+ set borderRadius(value) {
9857
+ this.elementRef.nativeElement['borderRadius'] = value;
9858
+ }
9859
+ get borderRadius() {
9860
+ return this.elementRef.nativeElement['borderRadius'];
9861
+ }
9862
+ set noBorderRadius(value) {
9863
+ this.elementRef.nativeElement['noBorderRadius'] = value;
9864
+ }
9865
+ get noBorderRadius() {
9866
+ return this.elementRef.nativeElement['noBorderRadius'];
9867
+ }
9868
+ set noBorderRadiusMobile(value) {
9869
+ this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
9870
+ }
9871
+ get noBorderRadiusMobile() {
9872
+ return this.elementRef.nativeElement['noBorderRadiusMobile'];
9873
+ }
9874
+ set noBorderRadiusTablet(value) {
9875
+ this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
9876
+ }
9877
+ get noBorderRadiusTablet() {
9878
+ return this.elementRef.nativeElement['noBorderRadiusTablet'];
9879
+ }
9880
+ set noBorderRadiusLaptop(value) {
9881
+ this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
9882
+ }
9883
+ get noBorderRadiusLaptop() {
9884
+ return this.elementRef.nativeElement['noBorderRadiusLaptop'];
9885
+ }
9886
+ set backgroundColor(value) {
9887
+ this.elementRef.nativeElement['backgroundColor'] = value;
9888
+ }
9889
+ get backgroundColor() {
9890
+ return this.elementRef.nativeElement['backgroundColor'];
9891
+ }
9892
+ set backgroundColorMobile(value) {
9893
+ this.elementRef.nativeElement['backgroundColorMobile'] = value;
9894
+ }
9895
+ get backgroundColorMobile() {
9896
+ return this.elementRef.nativeElement['backgroundColorMobile'];
9897
+ }
9898
+ set backgroundColorTablet(value) {
9899
+ this.elementRef.nativeElement['backgroundColorTablet'] = value;
9900
+ }
9901
+ get backgroundColorTablet() {
9902
+ return this.elementRef.nativeElement['backgroundColorTablet'];
9903
+ }
9904
+ set backgroundColorLaptop(value) {
9905
+ this.elementRef.nativeElement['backgroundColorLaptop'] = value;
9906
+ }
9907
+ get backgroundColorLaptop() {
9908
+ return this.elementRef.nativeElement['backgroundColorLaptop'];
9909
+ }
9910
+ set backgroundGradient(value) {
9911
+ this.elementRef.nativeElement['backgroundGradient'] = value;
9912
+ }
9913
+ get backgroundGradient() {
9914
+ return this.elementRef.nativeElement['backgroundGradient'];
9915
+ }
9916
+ set backgroundGradientMobile(value) {
9917
+ this.elementRef.nativeElement['backgroundGradientMobile'] = value;
9918
+ }
9919
+ get backgroundGradientMobile() {
9920
+ return this.elementRef.nativeElement['backgroundGradientMobile'];
9921
+ }
9922
+ set backgroundGradientTablet(value) {
9923
+ this.elementRef.nativeElement['backgroundGradientTablet'] = value;
9924
+ }
9925
+ get backgroundGradientTablet() {
9926
+ return this.elementRef.nativeElement['backgroundGradientTablet'];
9927
+ }
9928
+ set backgroundGradientLaptop(value) {
9929
+ this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
9930
+ }
9931
+ get backgroundGradientLaptop() {
9932
+ return this.elementRef.nativeElement['backgroundGradientLaptop'];
9933
+ }
9934
+ set backgroundImage(value) {
9935
+ this.elementRef.nativeElement['backgroundImage'] = value;
9936
+ }
9937
+ get backgroundImage() {
9938
+ return this.elementRef.nativeElement['backgroundImage'];
9939
+ }
9940
+ set backgroundImageMobile(value) {
9941
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
9942
+ }
9943
+ get backgroundImageMobile() {
9944
+ return this.elementRef.nativeElement['backgroundImageMobile'];
9945
+ }
9946
+ set backgroundImageTablet(value) {
9947
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
9948
+ }
9949
+ get backgroundImageTablet() {
9950
+ return this.elementRef.nativeElement['backgroundImageTablet'];
9951
+ }
9952
+ set backgroundImageLaptop(value) {
9953
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
9954
+ }
9955
+ get backgroundImageLaptop() {
9956
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
9957
+ }
9958
+ set backgroundSize(value) {
9959
+ this.elementRef.nativeElement['backgroundSize'] = value;
9960
+ }
9961
+ get backgroundSize() {
9962
+ return this.elementRef.nativeElement['backgroundSize'];
9963
+ }
9964
+ set backgroundPosition(value) {
9965
+ this.elementRef.nativeElement['backgroundPosition'] = value;
9966
+ }
9967
+ get backgroundPosition() {
9968
+ return this.elementRef.nativeElement['backgroundPosition'];
9969
+ }
9970
+ set boxShadow(value) {
9971
+ this.elementRef.nativeElement['boxShadow'] = value;
9972
+ }
9973
+ get boxShadow() {
9974
+ return this.elementRef.nativeElement['boxShadow'];
9975
+ }
9976
+ set anchorOffset(value) {
9977
+ this.elementRef.nativeElement['anchorOffset'] = value;
9978
+ }
9979
+ get anchorOffset() {
9980
+ return this.elementRef.nativeElement['anchorOffset'];
9981
+ }
9982
+ set inverted(value) {
9983
+ this.elementRef.nativeElement['inverted'] = value;
9984
+ }
9985
+ get inverted() {
9986
+ return this.elementRef.nativeElement['inverted'];
10214
9987
  }
10215
9988
  set grow(value) {
10216
9989
  this.elementRef.nativeElement['grow'] = value;
@@ -10485,20 +10258,95 @@ class PxColorOption {
10485
10258
  constructor(elementRef) {
10486
10259
  this.elementRef = elementRef;
10487
10260
  }
10488
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10489
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOption, selector: "px-color-option", inputs: { size: "size", deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
10261
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10262
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContainer, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], 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"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
10490
10263
  }
10491
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOption, decorators: [{
10264
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContainer, decorators: [{
10492
10265
  type: Directive,
10493
10266
  args: [{
10494
- selector: 'px-color-option',
10267
+ selector: 'px-container',
10495
10268
  }]
10496
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
10269
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
10497
10270
  type: Input
10498
- }], deviceColor: [{
10271
+ }], borderColor: [{
10499
10272
  type: Input,
10500
- args: ['device-color']
10501
- }], unavailable: [{
10273
+ args: ['border-color']
10274
+ }], borderSide: [{
10275
+ type: Input,
10276
+ args: ['border-side']
10277
+ }], borderSideMobile: [{
10278
+ type: Input,
10279
+ args: ['border-side--mobile']
10280
+ }], borderSideTablet: [{
10281
+ type: Input,
10282
+ args: ['border-side--tablet']
10283
+ }], borderSideLaptop: [{
10284
+ type: Input,
10285
+ args: ['border-side--laptop']
10286
+ }], borderRadius: [{
10287
+ type: Input,
10288
+ args: ['border-radius']
10289
+ }], noBorderRadius: [{
10290
+ type: Input,
10291
+ args: ['no-border-radius']
10292
+ }], noBorderRadiusMobile: [{
10293
+ type: Input,
10294
+ args: ['no-border-radius--mobile']
10295
+ }], noBorderRadiusTablet: [{
10296
+ type: Input,
10297
+ args: ['no-border-radius--tablet']
10298
+ }], noBorderRadiusLaptop: [{
10299
+ type: Input,
10300
+ args: ['no-border-radius--laptop']
10301
+ }], backgroundColor: [{
10302
+ type: Input,
10303
+ args: ['background-color']
10304
+ }], backgroundColorMobile: [{
10305
+ type: Input,
10306
+ args: ['background-color--mobile']
10307
+ }], backgroundColorTablet: [{
10308
+ type: Input,
10309
+ args: ['background-color--tablet']
10310
+ }], backgroundColorLaptop: [{
10311
+ type: Input,
10312
+ args: ['background-color--laptop']
10313
+ }], backgroundGradient: [{
10314
+ type: Input,
10315
+ args: ['background-gradient']
10316
+ }], backgroundGradientMobile: [{
10317
+ type: Input,
10318
+ args: ['background-gradient--mobile']
10319
+ }], backgroundGradientTablet: [{
10320
+ type: Input,
10321
+ args: ['background-gradient--tablet']
10322
+ }], backgroundGradientLaptop: [{
10323
+ type: Input,
10324
+ args: ['background-gradient--laptop']
10325
+ }], backgroundImage: [{
10326
+ type: Input,
10327
+ args: ['background-image']
10328
+ }], backgroundImageMobile: [{
10329
+ type: Input,
10330
+ args: ['background-image--mobile']
10331
+ }], backgroundImageTablet: [{
10332
+ type: Input,
10333
+ args: ['background-image--tablet']
10334
+ }], backgroundImageLaptop: [{
10335
+ type: Input,
10336
+ args: ['background-image--laptop']
10337
+ }], backgroundSize: [{
10338
+ type: Input,
10339
+ args: ['background-size']
10340
+ }], backgroundPosition: [{
10341
+ type: Input,
10342
+ args: ['background-position']
10343
+ }], boxShadow: [{
10344
+ type: Input,
10345
+ args: ['box-shadow']
10346
+ }], anchorOffset: [{
10347
+ type: Input,
10348
+ args: ['anchor-offset']
10349
+ }], inverted: [{
10502
10350
  type: Input
10503
10351
  }], grow: [{
10504
10352
  type: Input
@@ -10632,27 +10480,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
10632
10480
  args: ['order--desktop']
10633
10481
  }] } });
10634
10482
  /**
10635
- * @description Type-only wrapper for <px-color-option-link>
10483
+ * @description Type-only wrapper for <px-content-header>
10636
10484
  */
10637
- class PxColorOptionLink {
10485
+ class PxContentHeader {
10638
10486
  elementRef;
10639
- set deviceColor(value) {
10640
- this.elementRef.nativeElement['deviceColor'] = value;
10487
+ set backgroundColor(value) {
10488
+ this.elementRef.nativeElement['backgroundColor'] = value;
10641
10489
  }
10642
- get deviceColor() {
10643
- return this.elementRef.nativeElement['deviceColor'];
10490
+ get backgroundColor() {
10491
+ return this.elementRef.nativeElement['backgroundColor'];
10644
10492
  }
10645
- set unavailable(value) {
10646
- this.elementRef.nativeElement['unavailable'] = value;
10493
+ set backgroundGradient(value) {
10494
+ this.elementRef.nativeElement['backgroundGradient'] = value;
10647
10495
  }
10648
- get unavailable() {
10649
- return this.elementRef.nativeElement['unavailable'];
10496
+ get backgroundGradient() {
10497
+ return this.elementRef.nativeElement['backgroundGradient'];
10650
10498
  }
10651
- set selected(value) {
10652
- this.elementRef.nativeElement['selected'] = value;
10499
+ set backgroundImage(value) {
10500
+ this.elementRef.nativeElement['backgroundImage'] = value;
10653
10501
  }
10654
- get selected() {
10655
- return this.elementRef.nativeElement['selected'];
10502
+ get backgroundImage() {
10503
+ return this.elementRef.nativeElement['backgroundImage'];
10504
+ }
10505
+ set backgroundImageMobile(value) {
10506
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
10507
+ }
10508
+ get backgroundImageMobile() {
10509
+ return this.elementRef.nativeElement['backgroundImageMobile'];
10510
+ }
10511
+ set backgroundImageTablet(value) {
10512
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
10513
+ }
10514
+ get backgroundImageTablet() {
10515
+ return this.elementRef.nativeElement['backgroundImageTablet'];
10516
+ }
10517
+ set backgroundImageLaptop(value) {
10518
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
10519
+ }
10520
+ get backgroundImageLaptop() {
10521
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
10522
+ }
10523
+ set backgroundSize(value) {
10524
+ this.elementRef.nativeElement['backgroundSize'] = value;
10525
+ }
10526
+ get backgroundSize() {
10527
+ return this.elementRef.nativeElement['backgroundSize'];
10528
+ }
10529
+ set backgroundPosition(value) {
10530
+ this.elementRef.nativeElement['backgroundPosition'] = value;
10531
+ }
10532
+ get backgroundPosition() {
10533
+ return this.elementRef.nativeElement['backgroundPosition'];
10534
+ }
10535
+ set contrastHelperGradient(value) {
10536
+ this.elementRef.nativeElement['contrastHelperGradient'] = value;
10537
+ }
10538
+ get contrastHelperGradient() {
10539
+ return this.elementRef.nativeElement['contrastHelperGradient'];
10540
+ }
10541
+ set contrastHelperOverlay(value) {
10542
+ this.elementRef.nativeElement['contrastHelperOverlay'] = value;
10543
+ }
10544
+ get contrastHelperOverlay() {
10545
+ return this.elementRef.nativeElement['contrastHelperOverlay'];
10546
+ }
10547
+ set minHeight(value) {
10548
+ this.elementRef.nativeElement['minHeight'] = value;
10549
+ }
10550
+ get minHeight() {
10551
+ return this.elementRef.nativeElement['minHeight'];
10552
+ }
10553
+ set hasGridding(value) {
10554
+ this.elementRef.nativeElement['hasGridding'] = value;
10555
+ }
10556
+ get hasGridding() {
10557
+ return this.elementRef.nativeElement['hasGridding'];
10558
+ }
10559
+ set hasGriddingMobile(value) {
10560
+ this.elementRef.nativeElement['hasGriddingMobile'] = value;
10561
+ }
10562
+ get hasGriddingMobile() {
10563
+ return this.elementRef.nativeElement['hasGriddingMobile'];
10564
+ }
10565
+ set hasGriddingTablet(value) {
10566
+ this.elementRef.nativeElement['hasGriddingTablet'] = value;
10567
+ }
10568
+ get hasGriddingTablet() {
10569
+ return this.elementRef.nativeElement['hasGriddingTablet'];
10570
+ }
10571
+ set hasGriddingLaptop(value) {
10572
+ this.elementRef.nativeElement['hasGriddingLaptop'] = value;
10573
+ }
10574
+ get hasGriddingLaptop() {
10575
+ return this.elementRef.nativeElement['hasGriddingLaptop'];
10576
+ }
10577
+ set inverted(value) {
10578
+ this.elementRef.nativeElement['inverted'] = value;
10579
+ }
10580
+ get inverted() {
10581
+ return this.elementRef.nativeElement['inverted'];
10656
10582
  }
10657
10583
  set grow(value) {
10658
10584
  this.elementRef.nativeElement['grow'] = value;
@@ -10924,27 +10850,63 @@ class PxColorOptionLink {
10924
10850
  get orderDesktop() {
10925
10851
  return this.elementRef.nativeElement['orderDesktop'];
10926
10852
  }
10927
- CLICK_EVENT = new EventEmitter();
10928
10853
  constructor(elementRef) {
10929
10854
  this.elementRef = elementRef;
10930
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
10931
- this.CLICK_EVENT.emit(e.detail);
10932
- });
10933
10855
  }
10934
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10935
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxColorOptionLink, selector: "px-color-option-link", inputs: { deviceColor: ["device-color", "deviceColor"], unavailable: "unavailable", selected: "selected", 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"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
10856
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10857
+ 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"] }, ngImport: i0 });
10936
10858
  }
10937
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxColorOptionLink, decorators: [{
10859
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
10938
10860
  type: Directive,
10939
10861
  args: [{
10940
- selector: 'px-color-option-link',
10862
+ selector: 'px-content-header',
10941
10863
  }]
10942
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { deviceColor: [{
10864
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
10943
10865
  type: Input,
10944
- args: ['device-color']
10945
- }], unavailable: [{
10946
- type: Input
10947
- }], selected: [{
10866
+ args: ['background-color']
10867
+ }], backgroundGradient: [{
10868
+ type: Input,
10869
+ args: ['background-gradient']
10870
+ }], backgroundImage: [{
10871
+ type: Input,
10872
+ args: ['background-image']
10873
+ }], backgroundImageMobile: [{
10874
+ type: Input,
10875
+ args: ['background-image--mobile']
10876
+ }], backgroundImageTablet: [{
10877
+ type: Input,
10878
+ args: ['background-image--tablet']
10879
+ }], backgroundImageLaptop: [{
10880
+ type: Input,
10881
+ args: ['background-image--laptop']
10882
+ }], backgroundSize: [{
10883
+ type: Input,
10884
+ args: ['background-size']
10885
+ }], backgroundPosition: [{
10886
+ type: Input,
10887
+ args: ['background-position']
10888
+ }], contrastHelperGradient: [{
10889
+ type: Input,
10890
+ args: ['contrast-helper-gradient']
10891
+ }], contrastHelperOverlay: [{
10892
+ type: Input,
10893
+ args: ['contrast-helper-overlay']
10894
+ }], minHeight: [{
10895
+ type: Input,
10896
+ args: ['min-height']
10897
+ }], hasGridding: [{
10898
+ type: Input,
10899
+ args: ['has-gridding']
10900
+ }], hasGriddingMobile: [{
10901
+ type: Input,
10902
+ args: ['has-gridding--mobile']
10903
+ }], hasGriddingTablet: [{
10904
+ type: Input,
10905
+ args: ['has-gridding--tablet']
10906
+ }], hasGriddingLaptop: [{
10907
+ type: Input,
10908
+ args: ['has-gridding--laptop']
10909
+ }], inverted: [{
10948
10910
  type: Input
10949
10911
  }], grow: [{
10950
10912
  type: Input
@@ -11076,43 +11038,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11076
11038
  }], orderDesktop: [{
11077
11039
  type: Input,
11078
11040
  args: ['order--desktop']
11079
- }], CLICK_EVENT: [{
11080
- type: Output
11081
11041
  }] } });
11082
11042
  /**
11083
- * @description Type-only wrapper for <px-fieldset>
11043
+ * @description Type-only wrapper for <px-drawer>
11084
11044
  */
11085
- class PxFieldset {
11045
+ class PxDrawer {
11086
11046
  elementRef;
11087
- set inverted(value) {
11088
- this.elementRef.nativeElement['inverted'] = value;
11047
+ set open(value) {
11048
+ this.elementRef.nativeElement['open'] = value;
11089
11049
  }
11090
- get inverted() {
11091
- return this.elementRef.nativeElement['inverted'];
11050
+ get open() {
11051
+ return this.elementRef.nativeElement['open'];
11092
11052
  }
11093
- set role(value) {
11094
- this.elementRef.nativeElement['role'] = value;
11053
+ set ariaLabelCloseButton(value) {
11054
+ this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
11095
11055
  }
11096
- get role() {
11097
- return this.elementRef.nativeElement['role'];
11056
+ get ariaLabelCloseButton() {
11057
+ return this.elementRef.nativeElement['ariaLabelCloseButton'];
11098
11058
  }
11099
- set ariaRequired(value) {
11100
- this.elementRef.nativeElement['ariaRequired'] = value;
11059
+ HIDE_EVENT = new EventEmitter();
11060
+ constructor(elementRef) {
11061
+ this.elementRef = elementRef;
11062
+ this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
11063
+ this.HIDE_EVENT.emit(e.detail);
11064
+ });
11101
11065
  }
11102
- get ariaRequired() {
11103
- return this.elementRef.nativeElement['ariaRequired'];
11066
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11067
+ 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"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
11068
+ }
11069
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
11070
+ type: Directive,
11071
+ args: [{
11072
+ selector: 'px-drawer',
11073
+ }]
11074
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
11075
+ type: Input
11076
+ }], ariaLabelCloseButton: [{
11077
+ type: Input,
11078
+ args: ['aria-label-close-button']
11079
+ }], HIDE_EVENT: [{
11080
+ type: Output
11081
+ }] } });
11082
+ /**
11083
+ * @description Type-only wrapper for <px-dropdown>
11084
+ */
11085
+ class PxDropdown {
11086
+ elementRef;
11087
+ set id(value) {
11088
+ this.elementRef.nativeElement['id'] = value;
11104
11089
  }
11105
- set ariaDisabled(value) {
11106
- this.elementRef.nativeElement['ariaDisabled'] = value;
11090
+ get id() {
11091
+ return this.elementRef.nativeElement['id'];
11107
11092
  }
11108
- get ariaDisabled() {
11109
- return this.elementRef.nativeElement['ariaDisabled'];
11093
+ set anchoralignment(value) {
11094
+ this.elementRef.nativeElement['anchoralignment'] = value;
11110
11095
  }
11111
- set state(value) {
11112
- this.elementRef.nativeElement['state'] = value;
11096
+ get anchoralignment() {
11097
+ return this.elementRef.nativeElement['anchoralignment'];
11113
11098
  }
11114
- get state() {
11115
- return this.elementRef.nativeElement['state'];
11099
+ set usePolyfill(value) {
11100
+ this.elementRef.nativeElement['usePolyfill'] = value;
11101
+ }
11102
+ get usePolyfill() {
11103
+ return this.elementRef.nativeElement['usePolyfill'];
11116
11104
  }
11117
11105
  set grow(value) {
11118
11106
  this.elementRef.nativeElement['grow'] = value;
@@ -11387,26 +11375,21 @@ class PxFieldset {
11387
11375
  constructor(elementRef) {
11388
11376
  this.elementRef = elementRef;
11389
11377
  }
11390
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11391
- 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"] }, ngImport: i0 });
11378
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11379
+ 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"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
11392
11380
  }
11393
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
11381
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
11394
11382
  type: Directive,
11395
11383
  args: [{
11396
- selector: 'px-fieldset',
11384
+ selector: 'px-dropdown',
11397
11385
  }]
11398
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
11386
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
11399
11387
  type: Input
11400
- }], role: [{
11388
+ }], anchoralignment: [{
11401
11389
  type: Input
11402
- }], ariaRequired: [{
11403
- type: Input,
11404
- args: ['aria-required']
11405
- }], ariaDisabled: [{
11390
+ }], usePolyfill: [{
11406
11391
  type: Input,
11407
- args: ['aria-disabled']
11408
- }], state: [{
11409
- type: Input
11392
+ args: ['use-polyfill']
11410
11393
  }], grow: [{
11411
11394
  type: Input
11412
11395
  }], growMobile: [{
@@ -11539,27 +11522,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
11539
11522
  args: ['order--desktop']
11540
11523
  }] } });
11541
11524
  /**
11542
- * @description Type-only wrapper for <px-dropdown>
11525
+ * @description Type-only wrapper for <px-fieldset>
11543
11526
  */
11544
- class PxDropdown {
11527
+ class PxFieldset {
11545
11528
  elementRef;
11546
- set id(value) {
11547
- this.elementRef.nativeElement['id'] = value;
11529
+ set inverted(value) {
11530
+ this.elementRef.nativeElement['inverted'] = value;
11548
11531
  }
11549
- get id() {
11550
- return this.elementRef.nativeElement['id'];
11532
+ get inverted() {
11533
+ return this.elementRef.nativeElement['inverted'];
11551
11534
  }
11552
- set anchoralignment(value) {
11553
- this.elementRef.nativeElement['anchoralignment'] = value;
11535
+ set role(value) {
11536
+ this.elementRef.nativeElement['role'] = value;
11554
11537
  }
11555
- get anchoralignment() {
11556
- return this.elementRef.nativeElement['anchoralignment'];
11538
+ get role() {
11539
+ return this.elementRef.nativeElement['role'];
11557
11540
  }
11558
- set usePolyfill(value) {
11559
- this.elementRef.nativeElement['usePolyfill'] = value;
11541
+ set ariaRequired(value) {
11542
+ this.elementRef.nativeElement['ariaRequired'] = value;
11560
11543
  }
11561
- get usePolyfill() {
11562
- return this.elementRef.nativeElement['usePolyfill'];
11544
+ get ariaRequired() {
11545
+ return this.elementRef.nativeElement['ariaRequired'];
11546
+ }
11547
+ set ariaDisabled(value) {
11548
+ this.elementRef.nativeElement['ariaDisabled'] = value;
11549
+ }
11550
+ get ariaDisabled() {
11551
+ return this.elementRef.nativeElement['ariaDisabled'];
11552
+ }
11553
+ set state(value) {
11554
+ this.elementRef.nativeElement['state'] = value;
11555
+ }
11556
+ get state() {
11557
+ return this.elementRef.nativeElement['state'];
11563
11558
  }
11564
11559
  set grow(value) {
11565
11560
  this.elementRef.nativeElement['grow'] = value;
@@ -11834,21 +11829,26 @@ class PxDropdown {
11834
11829
  constructor(elementRef) {
11835
11830
  this.elementRef = elementRef;
11836
11831
  }
11837
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11838
- 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"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
11832
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11833
+ 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"] }, ngImport: i0 });
11839
11834
  }
11840
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
11835
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
11841
11836
  type: Directive,
11842
11837
  args: [{
11843
- selector: 'px-dropdown',
11838
+ selector: 'px-fieldset',
11844
11839
  }]
11845
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
11840
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
11846
11841
  type: Input
11847
- }], anchoralignment: [{
11842
+ }], role: [{
11848
11843
  type: Input
11849
- }], usePolyfill: [{
11844
+ }], ariaRequired: [{
11850
11845
  type: Input,
11851
- args: ['use-polyfill']
11846
+ args: ['aria-required']
11847
+ }], ariaDisabled: [{
11848
+ type: Input,
11849
+ args: ['aria-disabled']
11850
+ }], state: [{
11851
+ type: Input
11852
11852
  }], grow: [{
11853
11853
  type: Input
11854
11854
  }], growMobile: [{
@@ -22490,6 +22490,12 @@ class PxModal {
22490
22490
  get status() {
22491
22491
  return this.elementRef.nativeElement['status'];
22492
22492
  }
22493
+ set mediaSrc(value) {
22494
+ this.elementRef.nativeElement['mediaSrc'] = value;
22495
+ }
22496
+ get mediaSrc() {
22497
+ return this.elementRef.nativeElement['mediaSrc'];
22498
+ }
22493
22499
  CLOSE_EVENT = new EventEmitter();
22494
22500
  constructor(elementRef) {
22495
22501
  this.elementRef = elementRef;
@@ -22498,7 +22504,7 @@ class PxModal {
22498
22504
  });
22499
22505
  }
22500
22506
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
22501
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status" }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
22507
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxModal, selector: "px-modal", inputs: { open: "open", status: "status", mediaSrc: ["media-src", "mediaSrc"] }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
22502
22508
  }
22503
22509
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxModal, decorators: [{
22504
22510
  type: Directive,
@@ -22509,6 +22515,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
22509
22515
  type: Input
22510
22516
  }], status: [{
22511
22517
  type: Input
22518
+ }], mediaSrc: [{
22519
+ type: Input,
22520
+ args: ['media-src']
22512
22521
  }], CLOSE_EVENT: [{
22513
22522
  type: Output
22514
22523
  }] } });
@@ -28721,65 +28730,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
28721
28730
  args: ['order--desktop']
28722
28731
  }] } });
28723
28732
  /**
28724
- * @description Type-only wrapper for <px-spinner>
28733
+ * @description Type-only wrapper for <px-status>
28725
28734
  */
28726
- class PxSpinner {
28735
+ class PxStatus {
28727
28736
  elementRef;
28728
- set size(value) {
28729
- this.elementRef.nativeElement['size'] = value;
28737
+ set state(value) {
28738
+ this.elementRef.nativeElement['state'] = value;
28730
28739
  }
28731
- get size() {
28732
- return this.elementRef.nativeElement['size'];
28740
+ get state() {
28741
+ return this.elementRef.nativeElement['state'];
28733
28742
  }
28734
- set inverted(value) {
28735
- this.elementRef.nativeElement['inverted'] = value;
28743
+ set iconOnly(value) {
28744
+ this.elementRef.nativeElement['iconOnly'] = value;
28736
28745
  }
28737
- get inverted() {
28738
- return this.elementRef.nativeElement['inverted'];
28746
+ get iconOnly() {
28747
+ return this.elementRef.nativeElement['iconOnly'];
28739
28748
  }
28740
- set timeout(value) {
28741
- this.elementRef.nativeElement['timeout'] = value;
28749
+ set iconOnlyMobile(value) {
28750
+ this.elementRef.nativeElement['iconOnlyMobile'] = value;
28742
28751
  }
28743
- get timeout() {
28744
- return this.elementRef.nativeElement['timeout'];
28752
+ get iconOnlyMobile() {
28753
+ return this.elementRef.nativeElement['iconOnlyMobile'];
28745
28754
  }
28746
- set ariaLabel(value) {
28747
- this.elementRef.nativeElement['ariaLabel'] = value;
28755
+ set iconOnlyTablet(value) {
28756
+ this.elementRef.nativeElement['iconOnlyTablet'] = value;
28748
28757
  }
28749
- get ariaLabel() {
28750
- return this.elementRef.nativeElement['ariaLabel'];
28758
+ get iconOnlyTablet() {
28759
+ return this.elementRef.nativeElement['iconOnlyTablet'];
28751
28760
  }
28752
- constructor(elementRef) {
28753
- this.elementRef = elementRef;
28761
+ set iconOnlyLaptop(value) {
28762
+ this.elementRef.nativeElement['iconOnlyLaptop'] = value;
28754
28763
  }
28755
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28756
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpinner, selector: "px-spinner", inputs: { size: "size", inverted: "inverted", timeout: "timeout", ariaLabel: ["aria-label", "ariaLabel"] }, ngImport: i0 });
28757
- }
28758
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpinner, decorators: [{
28759
- type: Directive,
28760
- args: [{
28761
- selector: 'px-spinner',
28762
- }]
28763
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
28764
- type: Input
28765
- }], inverted: [{
28766
- type: Input
28767
- }], timeout: [{
28768
- type: Input
28769
- }], ariaLabel: [{
28770
- type: Input,
28771
- args: ['aria-label']
28772
- }] } });
28773
- /**
28774
- * @description Type-only wrapper for <px-status-card>
28775
- */
28776
- class PxStatusCard {
28777
- elementRef;
28778
- set state(value) {
28779
- this.elementRef.nativeElement['state'] = value;
28764
+ get iconOnlyLaptop() {
28765
+ return this.elementRef.nativeElement['iconOnlyLaptop'];
28780
28766
  }
28781
- get state() {
28782
- return this.elementRef.nativeElement['state'];
28767
+ set disabled(value) {
28768
+ this.elementRef.nativeElement['disabled'] = value;
28769
+ }
28770
+ get disabled() {
28771
+ return this.elementRef.nativeElement['disabled'];
28783
28772
  }
28784
28773
  set inverted(value) {
28785
28774
  this.elementRef.nativeElement['inverted'] = value;
@@ -28787,11 +28776,11 @@ class PxStatusCard {
28787
28776
  get inverted() {
28788
28777
  return this.elementRef.nativeElement['inverted'];
28789
28778
  }
28790
- set statusIconAriaLabel(value) {
28791
- this.elementRef.nativeElement['statusIconAriaLabel'] = value;
28779
+ set iconAriaLabel(value) {
28780
+ this.elementRef.nativeElement['iconAriaLabel'] = value;
28792
28781
  }
28793
- get statusIconAriaLabel() {
28794
- return this.elementRef.nativeElement['statusIconAriaLabel'];
28782
+ get iconAriaLabel() {
28783
+ return this.elementRef.nativeElement['iconAriaLabel'];
28795
28784
  }
28796
28785
  set grow(value) {
28797
28786
  this.elementRef.nativeElement['grow'] = value;
@@ -29063,28 +29052,38 @@ class PxStatusCard {
29063
29052
  get orderDesktop() {
29064
29053
  return this.elementRef.nativeElement['orderDesktop'];
29065
29054
  }
29066
- CLOSE_EVENT = new EventEmitter();
29067
29055
  constructor(elementRef) {
29068
29056
  this.elementRef = elementRef;
29069
- this.elementRef.nativeElement.addEventListener('CLOSE_EVENT', (e) => {
29070
- this.CLOSE_EVENT.emit(e.detail);
29071
- });
29072
29057
  }
29073
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatusCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29074
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStatusCard, selector: "px-status-card", inputs: { state: "state", inverted: "inverted", statusIconAriaLabel: ["status-icon-aria-label", "statusIconAriaLabel"], 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"] }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
29058
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatus, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29059
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStatus, selector: "px-status", inputs: { state: "state", iconOnly: ["icon-only", "iconOnly"], iconOnlyMobile: ["icon-only--mobile", "iconOnlyMobile"], iconOnlyTablet: ["icon-only--tablet", "iconOnlyTablet"], iconOnlyLaptop: ["icon-only--laptop", "iconOnlyLaptop"], disabled: "disabled", inverted: "inverted", iconAriaLabel: ["icon-aria-label", "iconAriaLabel"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
29075
29060
  }
29076
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatusCard, decorators: [{
29061
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatus, decorators: [{
29077
29062
  type: Directive,
29078
29063
  args: [{
29079
- selector: 'px-status-card',
29064
+ selector: 'px-status',
29080
29065
  }]
29081
29066
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
29082
29067
  type: Input
29068
+ }], iconOnly: [{
29069
+ type: Input,
29070
+ args: ['icon-only']
29071
+ }], iconOnlyMobile: [{
29072
+ type: Input,
29073
+ args: ['icon-only--mobile']
29074
+ }], iconOnlyTablet: [{
29075
+ type: Input,
29076
+ args: ['icon-only--tablet']
29077
+ }], iconOnlyLaptop: [{
29078
+ type: Input,
29079
+ args: ['icon-only--laptop']
29080
+ }], disabled: [{
29081
+ type: Input
29083
29082
  }], inverted: [{
29084
29083
  type: Input
29085
- }], statusIconAriaLabel: [{
29084
+ }], iconAriaLabel: [{
29086
29085
  type: Input,
29087
- args: ['status-icon-aria-label']
29086
+ args: ['icon-aria-label']
29088
29087
  }], grow: [{
29089
29088
  type: Input
29090
29089
  }], growMobile: [{
@@ -29215,49 +29214,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29215
29214
  }], orderDesktop: [{
29216
29215
  type: Input,
29217
29216
  args: ['order--desktop']
29218
- }], CLOSE_EVENT: [{
29219
- type: Output
29220
29217
  }] } });
29221
29218
  /**
29222
- * @description Type-only wrapper for <px-status>
29219
+ * @description Type-only wrapper for <px-spinner>
29223
29220
  */
29224
- class PxStatus {
29221
+ class PxSpinner {
29225
29222
  elementRef;
29226
- set state(value) {
29227
- this.elementRef.nativeElement['state'] = value;
29228
- }
29229
- get state() {
29230
- return this.elementRef.nativeElement['state'];
29223
+ set size(value) {
29224
+ this.elementRef.nativeElement['size'] = value;
29231
29225
  }
29232
- set iconOnly(value) {
29233
- this.elementRef.nativeElement['iconOnly'] = value;
29226
+ get size() {
29227
+ return this.elementRef.nativeElement['size'];
29234
29228
  }
29235
- get iconOnly() {
29236
- return this.elementRef.nativeElement['iconOnly'];
29229
+ set inverted(value) {
29230
+ this.elementRef.nativeElement['inverted'] = value;
29237
29231
  }
29238
- set iconOnlyMobile(value) {
29239
- this.elementRef.nativeElement['iconOnlyMobile'] = value;
29232
+ get inverted() {
29233
+ return this.elementRef.nativeElement['inverted'];
29240
29234
  }
29241
- get iconOnlyMobile() {
29242
- return this.elementRef.nativeElement['iconOnlyMobile'];
29235
+ set timeout(value) {
29236
+ this.elementRef.nativeElement['timeout'] = value;
29243
29237
  }
29244
- set iconOnlyTablet(value) {
29245
- this.elementRef.nativeElement['iconOnlyTablet'] = value;
29238
+ get timeout() {
29239
+ return this.elementRef.nativeElement['timeout'];
29246
29240
  }
29247
- get iconOnlyTablet() {
29248
- return this.elementRef.nativeElement['iconOnlyTablet'];
29241
+ set ariaLabel(value) {
29242
+ this.elementRef.nativeElement['ariaLabel'] = value;
29249
29243
  }
29250
- set iconOnlyLaptop(value) {
29251
- this.elementRef.nativeElement['iconOnlyLaptop'] = value;
29244
+ get ariaLabel() {
29245
+ return this.elementRef.nativeElement['ariaLabel'];
29252
29246
  }
29253
- get iconOnlyLaptop() {
29254
- return this.elementRef.nativeElement['iconOnlyLaptop'];
29247
+ constructor(elementRef) {
29248
+ this.elementRef = elementRef;
29255
29249
  }
29256
- set disabled(value) {
29257
- this.elementRef.nativeElement['disabled'] = value;
29250
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29251
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSpinner, selector: "px-spinner", inputs: { size: "size", inverted: "inverted", timeout: "timeout", ariaLabel: ["aria-label", "ariaLabel"] }, ngImport: i0 });
29252
+ }
29253
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSpinner, decorators: [{
29254
+ type: Directive,
29255
+ args: [{
29256
+ selector: 'px-spinner',
29257
+ }]
29258
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
29259
+ type: Input
29260
+ }], inverted: [{
29261
+ type: Input
29262
+ }], timeout: [{
29263
+ type: Input
29264
+ }], ariaLabel: [{
29265
+ type: Input,
29266
+ args: ['aria-label']
29267
+ }] } });
29268
+ /**
29269
+ * @description Type-only wrapper for <px-status-card>
29270
+ */
29271
+ class PxStatusCard {
29272
+ elementRef;
29273
+ set state(value) {
29274
+ this.elementRef.nativeElement['state'] = value;
29258
29275
  }
29259
- get disabled() {
29260
- return this.elementRef.nativeElement['disabled'];
29276
+ get state() {
29277
+ return this.elementRef.nativeElement['state'];
29261
29278
  }
29262
29279
  set inverted(value) {
29263
29280
  this.elementRef.nativeElement['inverted'] = value;
@@ -29265,11 +29282,11 @@ class PxStatus {
29265
29282
  get inverted() {
29266
29283
  return this.elementRef.nativeElement['inverted'];
29267
29284
  }
29268
- set iconAriaLabel(value) {
29269
- this.elementRef.nativeElement['iconAriaLabel'] = value;
29285
+ set statusIconAriaLabel(value) {
29286
+ this.elementRef.nativeElement['statusIconAriaLabel'] = value;
29270
29287
  }
29271
- get iconAriaLabel() {
29272
- return this.elementRef.nativeElement['iconAriaLabel'];
29288
+ get statusIconAriaLabel() {
29289
+ return this.elementRef.nativeElement['statusIconAriaLabel'];
29273
29290
  }
29274
29291
  set grow(value) {
29275
29292
  this.elementRef.nativeElement['grow'] = value;
@@ -29541,38 +29558,28 @@ class PxStatus {
29541
29558
  get orderDesktop() {
29542
29559
  return this.elementRef.nativeElement['orderDesktop'];
29543
29560
  }
29561
+ CLOSE_EVENT = new EventEmitter();
29544
29562
  constructor(elementRef) {
29545
29563
  this.elementRef = elementRef;
29564
+ this.elementRef.nativeElement.addEventListener('CLOSE_EVENT', (e) => {
29565
+ this.CLOSE_EVENT.emit(e.detail);
29566
+ });
29546
29567
  }
29547
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatus, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29548
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStatus, selector: "px-status", inputs: { state: "state", iconOnly: ["icon-only", "iconOnly"], iconOnlyMobile: ["icon-only--mobile", "iconOnlyMobile"], iconOnlyTablet: ["icon-only--tablet", "iconOnlyTablet"], iconOnlyLaptop: ["icon-only--laptop", "iconOnlyLaptop"], disabled: "disabled", inverted: "inverted", iconAriaLabel: ["icon-aria-label", "iconAriaLabel"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"] }, ngImport: i0 });
29568
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatusCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29569
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStatusCard, selector: "px-status-card", inputs: { state: "state", inverted: "inverted", statusIconAriaLabel: ["status-icon-aria-label", "statusIconAriaLabel"], 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"] }, outputs: { CLOSE_EVENT: "CLOSE_EVENT" }, ngImport: i0 });
29549
29570
  }
29550
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatus, decorators: [{
29571
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStatusCard, decorators: [{
29551
29572
  type: Directive,
29552
29573
  args: [{
29553
- selector: 'px-status',
29574
+ selector: 'px-status-card',
29554
29575
  }]
29555
29576
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
29556
29577
  type: Input
29557
- }], iconOnly: [{
29558
- type: Input,
29559
- args: ['icon-only']
29560
- }], iconOnlyMobile: [{
29561
- type: Input,
29562
- args: ['icon-only--mobile']
29563
- }], iconOnlyTablet: [{
29564
- type: Input,
29565
- args: ['icon-only--tablet']
29566
- }], iconOnlyLaptop: [{
29567
- type: Input,
29568
- args: ['icon-only--laptop']
29569
- }], disabled: [{
29570
- type: Input
29571
29578
  }], inverted: [{
29572
29579
  type: Input
29573
- }], iconAriaLabel: [{
29580
+ }], statusIconAriaLabel: [{
29574
29581
  type: Input,
29575
- args: ['icon-aria-label']
29582
+ args: ['status-icon-aria-label']
29576
29583
  }], grow: [{
29577
29584
  type: Input
29578
29585
  }], growMobile: [{
@@ -29703,24 +29710,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29703
29710
  }], orderDesktop: [{
29704
29711
  type: Input,
29705
29712
  args: ['order--desktop']
29713
+ }], CLOSE_EVENT: [{
29714
+ type: Output
29706
29715
  }] } });
29707
- /**
29708
- * @description Type-only wrapper for <px-theme-switcher>
29709
- */
29710
- class PxThemeSwitcher {
29711
- elementRef;
29712
- constructor(elementRef) {
29713
- this.elementRef = elementRef;
29714
- }
29715
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29716
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeSwitcher, selector: "px-theme-switcher", ngImport: i0 });
29717
- }
29718
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, decorators: [{
29719
- type: Directive,
29720
- args: [{
29721
- selector: 'px-theme-switcher',
29722
- }]
29723
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
29724
29716
  /**
29725
29717
  * @description Type-only wrapper for <px-sticky-container>
29726
29718
  */
@@ -29756,6 +29748,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29756
29748
  type: Input,
29757
29749
  args: ['offset-right']
29758
29750
  }] } });
29751
+ /**
29752
+ * @description Type-only wrapper for <px-theme-switcher>
29753
+ */
29754
+ class PxThemeSwitcher {
29755
+ elementRef;
29756
+ constructor(elementRef) {
29757
+ this.elementRef = elementRef;
29758
+ }
29759
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29760
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThemeSwitcher, selector: "px-theme-switcher", ngImport: i0 });
29761
+ }
29762
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThemeSwitcher, decorators: [{
29763
+ type: Directive,
29764
+ args: [{
29765
+ selector: 'px-theme-switcher',
29766
+ }]
29767
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
29759
29768
  /**
29760
29769
  * @description Type-only wrapper for <px-switch>
29761
29770
  */
@@ -30296,52 +30305,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30296
30305
  */
30297
30306
  class PxTabs {
30298
30307
  elementRef;
30308
+ set label(value) {
30309
+ this.elementRef.nativeElement['label'] = value;
30310
+ }
30311
+ get label() {
30312
+ return this.elementRef.nativeElement['label'];
30313
+ }
30314
+ set inverted(value) {
30315
+ this.elementRef.nativeElement['inverted'] = value;
30316
+ }
30317
+ get inverted() {
30318
+ return this.elementRef.nativeElement['inverted'];
30319
+ }
30320
+ set ariaLabelNext(value) {
30321
+ this.elementRef.nativeElement['ariaLabelNext'] = value;
30322
+ }
30323
+ get ariaLabelNext() {
30324
+ return this.elementRef.nativeElement['ariaLabelNext'];
30325
+ }
30326
+ set ariaLabelPrevious(value) {
30327
+ this.elementRef.nativeElement['ariaLabelPrevious'] = value;
30328
+ }
30329
+ get ariaLabelPrevious() {
30330
+ return this.elementRef.nativeElement['ariaLabelPrevious'];
30331
+ }
30299
30332
  constructor(elementRef) {
30300
30333
  this.elementRef = elementRef;
30301
30334
  }
30302
30335
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTabs, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30303
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabs, selector: "px-tabs", ngImport: i0 });
30336
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabs, selector: "px-tabs", inputs: { label: "label", inverted: "inverted", ariaLabelNext: ["aria-label-next", "ariaLabelNext"], ariaLabelPrevious: ["aria-label-previous", "ariaLabelPrevious"] }, ngImport: i0 });
30304
30337
  }
30305
30338
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTabs, decorators: [{
30306
30339
  type: Directive,
30307
30340
  args: [{
30308
30341
  selector: 'px-tabs',
30309
30342
  }]
30310
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
30343
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
30344
+ type: Input
30345
+ }], inverted: [{
30346
+ type: Input
30347
+ }], ariaLabelNext: [{
30348
+ type: Input,
30349
+ args: ['aria-label-next']
30350
+ }], ariaLabelPrevious: [{
30351
+ type: Input,
30352
+ args: ['aria-label-previous']
30353
+ }] } });
30311
30354
  /**
30312
30355
  * @description Type-only wrapper for <px-tab>
30313
30356
  */
30314
30357
  class PxTab {
30315
30358
  elementRef;
30359
+ set selected(value) {
30360
+ this.elementRef.nativeElement['selected'] = value;
30361
+ }
30362
+ get selected() {
30363
+ return this.elementRef.nativeElement['selected'];
30364
+ }
30365
+ set for(value) {
30366
+ this.elementRef.nativeElement['for'] = value;
30367
+ }
30368
+ get for() {
30369
+ return this.elementRef.nativeElement['for'];
30370
+ }
30371
+ set name(value) {
30372
+ this.elementRef.nativeElement['name'] = value;
30373
+ }
30374
+ get name() {
30375
+ return this.elementRef.nativeElement['name'];
30376
+ }
30377
+ pxTabConnected = new EventEmitter();
30316
30378
  constructor(elementRef) {
30317
30379
  this.elementRef = elementRef;
30380
+ this.elementRef.nativeElement.addEventListener('px-tab-connected', (e) => {
30381
+ this.pxTabConnected.emit(e.detail);
30382
+ });
30318
30383
  }
30319
30384
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTab, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30320
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTab, selector: "px-tab", ngImport: i0 });
30385
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTab, selector: "px-tab", inputs: { selected: "selected", for: "for", name: "name" }, outputs: { pxTabConnected: "px-tab-connected" }, ngImport: i0 });
30321
30386
  }
30322
30387
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTab, decorators: [{
30323
30388
  type: Directive,
30324
30389
  args: [{
30325
30390
  selector: 'px-tab',
30326
30391
  }]
30327
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
30392
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selected: [{
30393
+ type: Input
30394
+ }], for: [{
30395
+ type: Input
30396
+ }], name: [{
30397
+ type: Input
30398
+ }], pxTabConnected: [{
30399
+ type: Output,
30400
+ args: ['px-tab-connected']
30401
+ }] } });
30328
30402
  /**
30329
30403
  * @description Type-only wrapper for <px-tab-panel>
30330
30404
  */
30331
30405
  class PxTabPanel {
30332
30406
  elementRef;
30407
+ set name(value) {
30408
+ this.elementRef.nativeElement['name'] = value;
30409
+ }
30410
+ get name() {
30411
+ return this.elementRef.nativeElement['name'];
30412
+ }
30333
30413
  constructor(elementRef) {
30334
30414
  this.elementRef = elementRef;
30335
30415
  }
30336
30416
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTabPanel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30337
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabPanel, selector: "px-tab-panel", ngImport: i0 });
30417
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTabPanel, selector: "px-tab-panel", inputs: { name: "name" }, ngImport: i0 });
30338
30418
  }
30339
30419
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTabPanel, decorators: [{
30340
30420
  type: Directive,
30341
30421
  args: [{
30342
30422
  selector: 'px-tab-panel',
30343
30423
  }]
30344
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
30424
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
30425
+ type: Input
30426
+ }] } });
30345
30427
  /**
30346
30428
  * @description Type-only wrapper for <px-tag>
30347
30429
  */
@@ -33622,31 +33704,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33622
33704
  }], change: [{
33623
33705
  type: Output
33624
33706
  }] } });
33625
- /**
33626
- * @description Type-only wrapper for <px-typography>
33627
- */
33628
- class PxTypography {
33629
- elementRef;
33630
- set inverted(value) {
33631
- this.elementRef.nativeElement['inverted'] = value;
33632
- }
33633
- get inverted() {
33634
- return this.elementRef.nativeElement['inverted'];
33635
- }
33636
- constructor(elementRef) {
33637
- this.elementRef = elementRef;
33638
- }
33639
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTypography, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33640
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTypography, selector: "px-typography", inputs: { inverted: "inverted" }, ngImport: i0 });
33641
- }
33642
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTypography, decorators: [{
33643
- type: Directive,
33644
- args: [{
33645
- selector: 'px-typography',
33646
- }]
33647
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
33648
- type: Input
33649
- }] } });
33650
33707
  /**
33651
33708
  * @description Type-only wrapper for <px-timeline>
33652
33709
  */
@@ -33713,6 +33770,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33713
33770
  }], item: [{
33714
33771
  type: Input
33715
33772
  }] } });
33773
+ /**
33774
+ * @description Type-only wrapper for <px-typography>
33775
+ */
33776
+ class PxTypography {
33777
+ elementRef;
33778
+ set inverted(value) {
33779
+ this.elementRef.nativeElement['inverted'] = value;
33780
+ }
33781
+ get inverted() {
33782
+ return this.elementRef.nativeElement['inverted'];
33783
+ }
33784
+ constructor(elementRef) {
33785
+ this.elementRef = elementRef;
33786
+ }
33787
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTypography, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33788
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTypography, selector: "px-typography", inputs: { inverted: "inverted" }, ngImport: i0 });
33789
+ }
33790
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTypography, decorators: [{
33791
+ type: Directive,
33792
+ args: [{
33793
+ selector: 'px-typography',
33794
+ }]
33795
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
33796
+ type: Input
33797
+ }] } });
33716
33798
  /**
33717
33799
  * @description Type-only wrapper for <px-patch>
33718
33800
  */
@@ -34246,42 +34328,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34246
34328
  type: Input
34247
34329
  }] } });
34248
34330
  /**
34249
- * @description Type-only wrapper for <px-scarlet-theme-provider>
34331
+ * @description Type-only wrapper for <px-proximus-theme-provider>
34250
34332
  */
34251
- class PxScarletThemeProvider {
34333
+ class PxProximusThemeProvider {
34252
34334
  elementRef;
34253
34335
  constructor(elementRef) {
34254
34336
  this.elementRef = elementRef;
34255
34337
  }
34256
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
34257
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxScarletThemeProvider, selector: "px-scarlet-theme-provider", ngImport: i0 });
34338
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
34339
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusThemeProvider, selector: "px-proximus-theme-provider", ngImport: i0 });
34258
34340
  }
34259
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, decorators: [{
34341
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, decorators: [{
34260
34342
  type: Directive,
34261
34343
  args: [{
34262
- selector: 'px-scarlet-theme-provider',
34344
+ selector: 'px-proximus-theme-provider',
34263
34345
  }]
34264
34346
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34265
34347
  /**
34266
- * @description Type-only wrapper for <px-proximus-theme-provider>
34348
+ * @description Type-only wrapper for <px-scarlet-theme-provider>
34267
34349
  */
34268
- class PxProximusThemeProvider {
34350
+ class PxScarletThemeProvider {
34269
34351
  elementRef;
34270
34352
  constructor(elementRef) {
34271
34353
  this.elementRef = elementRef;
34272
34354
  }
34273
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
34274
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusThemeProvider, selector: "px-proximus-theme-provider", ngImport: i0 });
34355
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
34356
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxScarletThemeProvider, selector: "px-scarlet-theme-provider", ngImport: i0 });
34275
34357
  }
34276
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, decorators: [{
34358
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxScarletThemeProvider, decorators: [{
34277
34359
  type: Directive,
34278
34360
  args: [{
34279
- selector: 'px-proximus-theme-provider',
34361
+ selector: 'px-scarlet-theme-provider',
34280
34362
  }]
34281
34363
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
34282
34364
  class Lavender {
34283
34365
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34284
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxBanner, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxButton, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxAppleseed, PxCarousel, PxCarouselItem, PxCard, PxContainer, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxContentHeader, PxCheckbox, PxDrawer, PxColorOption, PxColorOptionLink, PxFieldset, PxDropdown, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatusCard, PxStatus, PxThemeSwitcher, PxStickyContainer, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTypography, PxTimeline, PxTimelineItem, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxScarletThemeProvider, PxProximusThemeProvider], exports: [PxAccordion, PxBanner, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxButton, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxAppleseed, PxCarousel, PxCarouselItem, PxCard, PxContainer, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxContentHeader, PxCheckbox, PxDrawer, PxColorOption, PxColorOptionLink, PxFieldset, PxDropdown, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatusCard, PxStatus, PxThemeSwitcher, PxStickyContainer, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTypography, PxTimeline, PxTimelineItem, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxScarletThemeProvider, PxProximusThemeProvider] });
34366
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBreadcrumbItem, PxBreadcrumb, PxBanner, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxStatus, PxSpinner, 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, PxBreadcrumbItem, PxBreadcrumb, PxBanner, PxButton, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxList, PxListItem, PxModal, PxP, PxPillar, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxStatus, PxSpinner, 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] });
34285
34367
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
34286
34368
  }
34287
34369
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -34289,32 +34371,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34289
34371
  args: [{
34290
34372
  declarations: [
34291
34373
  PxAccordion,
34292
- PxBanner,
34293
34374
  PxAgGridTable,
34294
34375
  PxAgGridTableThButton,
34295
34376
  PxAgGridTableThContent,
34296
- PxButton,
34297
34377
  PxBreadcrumbItem,
34298
34378
  PxBreadcrumb,
34379
+ PxBanner,
34380
+ PxButton,
34299
34381
  PxButtonIcon,
34382
+ PxCard,
34300
34383
  PxAppleseed,
34301
34384
  PxCarousel,
34302
34385
  PxCarouselItem,
34303
- PxCard,
34304
- PxContainer,
34305
34386
  PxCell,
34306
34387
  PxCellButton,
34307
34388
  PxCellCheckbox,
34308
34389
  PxCellLink,
34309
34390
  PxCellRadio,
34310
34391
  PxCellSwitch,
34311
- PxContentHeader,
34312
34392
  PxCheckbox,
34313
- PxDrawer,
34314
34393
  PxColorOption,
34315
34394
  PxColorOptionLink,
34316
- PxFieldset,
34395
+ PxContainer,
34396
+ PxContentHeader,
34397
+ PxDrawer,
34317
34398
  PxDropdown,
34399
+ PxFieldset,
34318
34400
  PxGrid,
34319
34401
  PxH1,
34320
34402
  PxH2,
@@ -34352,11 +34434,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34352
34434
  PxSeparator,
34353
34435
  PxSkeleton,
34354
34436
  PxSpan,
34437
+ PxStatus,
34355
34438
  PxSpinner,
34356
34439
  PxStatusCard,
34357
- PxStatus,
34358
- PxThemeSwitcher,
34359
34440
  PxStickyContainer,
34441
+ PxThemeSwitcher,
34360
34442
  PxSwitch,
34361
34443
  PxTable,
34362
34444
  PxTbody,
@@ -34374,44 +34456,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34374
34456
  PxTileLink,
34375
34457
  PxTileRadio,
34376
34458
  PxTileSwitch,
34377
- PxTypography,
34378
34459
  PxTimeline,
34379
34460
  PxTimelineItem,
34461
+ PxTypography,
34380
34462
  PxPatch,
34381
34463
  PxIcon,
34382
34464
  PxIconSet,
34383
34465
  PxThemeProvider,
34384
- PxScarletThemeProvider,
34385
- PxProximusThemeProvider
34466
+ PxProximusThemeProvider,
34467
+ PxScarletThemeProvider
34386
34468
  ],
34387
34469
  exports: [
34388
34470
  PxAccordion,
34389
- PxBanner,
34390
34471
  PxAgGridTable,
34391
34472
  PxAgGridTableThButton,
34392
34473
  PxAgGridTableThContent,
34393
- PxButton,
34394
34474
  PxBreadcrumbItem,
34395
34475
  PxBreadcrumb,
34476
+ PxBanner,
34477
+ PxButton,
34396
34478
  PxButtonIcon,
34479
+ PxCard,
34397
34480
  PxAppleseed,
34398
34481
  PxCarousel,
34399
34482
  PxCarouselItem,
34400
- PxCard,
34401
- PxContainer,
34402
34483
  PxCell,
34403
34484
  PxCellButton,
34404
34485
  PxCellCheckbox,
34405
34486
  PxCellLink,
34406
34487
  PxCellRadio,
34407
34488
  PxCellSwitch,
34408
- PxContentHeader,
34409
34489
  PxCheckbox,
34410
- PxDrawer,
34411
34490
  PxColorOption,
34412
34491
  PxColorOptionLink,
34413
- PxFieldset,
34492
+ PxContainer,
34493
+ PxContentHeader,
34494
+ PxDrawer,
34414
34495
  PxDropdown,
34496
+ PxFieldset,
34415
34497
  PxGrid,
34416
34498
  PxH1,
34417
34499
  PxH2,
@@ -34449,11 +34531,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34449
34531
  PxSeparator,
34450
34532
  PxSkeleton,
34451
34533
  PxSpan,
34534
+ PxStatus,
34452
34535
  PxSpinner,
34453
34536
  PxStatusCard,
34454
- PxStatus,
34455
- PxThemeSwitcher,
34456
34537
  PxStickyContainer,
34538
+ PxThemeSwitcher,
34457
34539
  PxSwitch,
34458
34540
  PxTable,
34459
34541
  PxTbody,
@@ -34471,15 +34553,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
34471
34553
  PxTileLink,
34472
34554
  PxTileRadio,
34473
34555
  PxTileSwitch,
34474
- PxTypography,
34475
34556
  PxTimeline,
34476
34557
  PxTimelineItem,
34558
+ PxTypography,
34477
34559
  PxPatch,
34478
34560
  PxIcon,
34479
34561
  PxIconSet,
34480
34562
  PxThemeProvider,
34481
- PxScarletThemeProvider,
34482
- PxProximusThemeProvider
34563
+ PxProximusThemeProvider,
34564
+ PxScarletThemeProvider
34483
34565
  ]
34484
34566
  }]
34485
34567
  }] });