@proximus/lavender-angular 1.4.10-alpha.19 → 1.4.10-alpha.20

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.
@@ -729,10 +729,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
729
729
  args: ['sticky-bottom']
730
730
  }] } });
731
731
  /**
732
- * @description Type-only wrapper for <px-ag-grid-table>
732
+ * @description Type-only wrapper for <px-banner>
733
733
  */
734
- class PxAgGridTable {
734
+ class PxBanner {
735
735
  elementRef;
736
+ set backgroundColor(value) {
737
+ this.elementRef.nativeElement['backgroundColor'] = value;
738
+ }
739
+ get backgroundColor() {
740
+ return this.elementRef.nativeElement['backgroundColor'];
741
+ }
742
+ set backgroundGradient(value) {
743
+ this.elementRef.nativeElement['backgroundGradient'] = value;
744
+ }
745
+ get backgroundGradient() {
746
+ return this.elementRef.nativeElement['backgroundGradient'];
747
+ }
748
+ set backgroundImage(value) {
749
+ this.elementRef.nativeElement['backgroundImage'] = value;
750
+ }
751
+ get backgroundImage() {
752
+ return this.elementRef.nativeElement['backgroundImage'];
753
+ }
754
+ set backgroundImageMobile(value) {
755
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
756
+ }
757
+ get backgroundImageMobile() {
758
+ return this.elementRef.nativeElement['backgroundImageMobile'];
759
+ }
760
+ set backgroundImageTablet(value) {
761
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
762
+ }
763
+ get backgroundImageTablet() {
764
+ return this.elementRef.nativeElement['backgroundImageTablet'];
765
+ }
766
+ set backgroundImageLaptop(value) {
767
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
768
+ }
769
+ get backgroundImageLaptop() {
770
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
771
+ }
772
+ set backgroundSize(value) {
773
+ this.elementRef.nativeElement['backgroundSize'] = value;
774
+ }
775
+ get backgroundSize() {
776
+ return this.elementRef.nativeElement['backgroundSize'];
777
+ }
778
+ set backgroundPosition(value) {
779
+ this.elementRef.nativeElement['backgroundPosition'] = value;
780
+ }
781
+ get backgroundPosition() {
782
+ return this.elementRef.nativeElement['backgroundPosition'];
783
+ }
784
+ set contrastHelperGradient(value) {
785
+ this.elementRef.nativeElement['contrastHelperGradient'] = value;
786
+ }
787
+ get contrastHelperGradient() {
788
+ return this.elementRef.nativeElement['contrastHelperGradient'];
789
+ }
790
+ set contrastHelperOverlay(value) {
791
+ this.elementRef.nativeElement['contrastHelperOverlay'] = value;
792
+ }
793
+ get contrastHelperOverlay() {
794
+ return this.elementRef.nativeElement['contrastHelperOverlay'];
795
+ }
796
+ set hasGridding(value) {
797
+ this.elementRef.nativeElement['hasGridding'] = value;
798
+ }
799
+ get hasGridding() {
800
+ return this.elementRef.nativeElement['hasGridding'];
801
+ }
802
+ set hasGriddingMobile(value) {
803
+ this.elementRef.nativeElement['hasGriddingMobile'] = value;
804
+ }
805
+ get hasGriddingMobile() {
806
+ return this.elementRef.nativeElement['hasGriddingMobile'];
807
+ }
808
+ set hasGriddingTablet(value) {
809
+ this.elementRef.nativeElement['hasGriddingTablet'] = value;
810
+ }
811
+ get hasGriddingTablet() {
812
+ return this.elementRef.nativeElement['hasGriddingTablet'];
813
+ }
814
+ set hasGriddingLaptop(value) {
815
+ this.elementRef.nativeElement['hasGriddingLaptop'] = value;
816
+ }
817
+ get hasGriddingLaptop() {
818
+ return this.elementRef.nativeElement['hasGriddingLaptop'];
819
+ }
820
+ set reduced(value) {
821
+ this.elementRef.nativeElement['reduced'] = value;
822
+ }
823
+ get reduced() {
824
+ return this.elementRef.nativeElement['reduced'];
825
+ }
736
826
  set inverted(value) {
737
827
  this.elementRef.nativeElement['inverted'] = value;
738
828
  }
@@ -1024,15 +1114,59 @@ class PxAgGridTable {
1024
1114
  constructor(elementRef) {
1025
1115
  this.elementRef = elementRef;
1026
1116
  }
1027
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1028
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
1117
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1118
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
1029
1119
  }
1030
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, decorators: [{
1120
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, decorators: [{
1031
1121
  type: Directive,
1032
1122
  args: [{
1033
- selector: 'px-ag-grid-table',
1123
+ selector: 'px-banner',
1034
1124
  }]
1035
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
1125
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
1126
+ type: Input,
1127
+ args: ['background-color']
1128
+ }], backgroundGradient: [{
1129
+ type: Input,
1130
+ args: ['background-gradient']
1131
+ }], backgroundImage: [{
1132
+ type: Input,
1133
+ args: ['background-image']
1134
+ }], backgroundImageMobile: [{
1135
+ type: Input,
1136
+ args: ['background-image--mobile']
1137
+ }], backgroundImageTablet: [{
1138
+ type: Input,
1139
+ args: ['background-image--tablet']
1140
+ }], backgroundImageLaptop: [{
1141
+ type: Input,
1142
+ args: ['background-image--laptop']
1143
+ }], backgroundSize: [{
1144
+ type: Input,
1145
+ args: ['background-size']
1146
+ }], backgroundPosition: [{
1147
+ type: Input,
1148
+ args: ['background-position']
1149
+ }], contrastHelperGradient: [{
1150
+ type: Input,
1151
+ args: ['contrast-helper-gradient']
1152
+ }], contrastHelperOverlay: [{
1153
+ type: Input,
1154
+ args: ['contrast-helper-overlay']
1155
+ }], hasGridding: [{
1156
+ type: Input,
1157
+ args: ['has-gridding']
1158
+ }], hasGriddingMobile: [{
1159
+ type: Input,
1160
+ args: ['has-gridding--mobile']
1161
+ }], hasGriddingTablet: [{
1162
+ type: Input,
1163
+ args: ['has-gridding--tablet']
1164
+ }], hasGriddingLaptop: [{
1165
+ type: Input,
1166
+ args: ['has-gridding--laptop']
1167
+ }], reduced: [{
1168
+ type: Input
1169
+ }], inverted: [{
1036
1170
  type: Input
1037
1171
  }], grow: [{
1038
1172
  type: Input
@@ -1172,28 +1306,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1172
1306
  args: ['sticky-bottom']
1173
1307
  }] } });
1174
1308
  /**
1175
- * @description Type-only wrapper for <px-ag-grid-table-th-button>
1309
+ * @description Type-only wrapper for <px-ag-grid-table>
1176
1310
  */
1177
- class PxAgGridTableThButton {
1311
+ class PxAgGridTable {
1178
1312
  elementRef;
1179
- set sorting(value) {
1180
- this.elementRef.nativeElement['sorting'] = value;
1181
- }
1182
- get sorting() {
1183
- return this.elementRef.nativeElement['sorting'];
1184
- }
1185
1313
  set inverted(value) {
1186
1314
  this.elementRef.nativeElement['inverted'] = value;
1187
1315
  }
1188
1316
  get inverted() {
1189
1317
  return this.elementRef.nativeElement['inverted'];
1190
1318
  }
1191
- set columnHeaderAriaLabel(value) {
1192
- this.elementRef.nativeElement['columnHeaderAriaLabel'] = value;
1193
- }
1194
- get columnHeaderAriaLabel() {
1195
- return this.elementRef.nativeElement['columnHeaderAriaLabel'];
1196
- }
1197
1319
  set grow(value) {
1198
1320
  this.elementRef.nativeElement['grow'] = value;
1199
1321
  }
@@ -1476,28 +1598,19 @@ class PxAgGridTableThButton {
1476
1598
  get stickyBottom() {
1477
1599
  return this.elementRef.nativeElement['stickyBottom'];
1478
1600
  }
1479
- CLICK_EVENT = new EventEmitter();
1480
1601
  constructor(elementRef) {
1481
1602
  this.elementRef = elementRef;
1482
- this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
1483
- this.CLICK_EVENT.emit(e.detail);
1484
- });
1485
1603
  }
1486
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1487
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
1604
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1605
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
1488
1606
  }
1489
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, decorators: [{
1607
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTable, decorators: [{
1490
1608
  type: Directive,
1491
1609
  args: [{
1492
- selector: 'px-ag-grid-table-th-button',
1610
+ selector: 'px-ag-grid-table',
1493
1611
  }]
1494
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { sorting: [{
1495
- type: Input
1496
- }], inverted: [{
1612
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
1497
1613
  type: Input
1498
- }], columnHeaderAriaLabel: [{
1499
- type: Input,
1500
- args: ['column-header-aria-label']
1501
1614
  }], grow: [{
1502
1615
  type: Input
1503
1616
  }], growMobile: [{
@@ -1634,20 +1747,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1634
1747
  }], stickyBottom: [{
1635
1748
  type: Input,
1636
1749
  args: ['sticky-bottom']
1637
- }], CLICK_EVENT: [{
1638
- type: Output
1639
1750
  }] } });
1640
1751
  /**
1641
- * @description Type-only wrapper for <px-ag-grid-table-th-content>
1752
+ * @description Type-only wrapper for <px-ag-grid-table-th-button>
1642
1753
  */
1643
- class PxAgGridTableThContent {
1754
+ class PxAgGridTableThButton {
1644
1755
  elementRef;
1756
+ set sorting(value) {
1757
+ this.elementRef.nativeElement['sorting'] = value;
1758
+ }
1759
+ get sorting() {
1760
+ return this.elementRef.nativeElement['sorting'];
1761
+ }
1645
1762
  set inverted(value) {
1646
1763
  this.elementRef.nativeElement['inverted'] = value;
1647
1764
  }
1648
1765
  get inverted() {
1649
1766
  return this.elementRef.nativeElement['inverted'];
1650
1767
  }
1768
+ set columnHeaderAriaLabel(value) {
1769
+ this.elementRef.nativeElement['columnHeaderAriaLabel'] = value;
1770
+ }
1771
+ get columnHeaderAriaLabel() {
1772
+ return this.elementRef.nativeElement['columnHeaderAriaLabel'];
1773
+ }
1651
1774
  set grow(value) {
1652
1775
  this.elementRef.nativeElement['grow'] = value;
1653
1776
  }
@@ -1930,19 +2053,28 @@ class PxAgGridTableThContent {
1930
2053
  get stickyBottom() {
1931
2054
  return this.elementRef.nativeElement['stickyBottom'];
1932
2055
  }
2056
+ CLICK_EVENT = new EventEmitter();
1933
2057
  constructor(elementRef) {
1934
2058
  this.elementRef = elementRef;
2059
+ this.elementRef.nativeElement.addEventListener('CLICK_EVENT', (e) => {
2060
+ this.CLICK_EVENT.emit(e.detail);
2061
+ });
1935
2062
  }
1936
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
1937
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
2063
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2064
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { CLICK_EVENT: "CLICK_EVENT" }, ngImport: i0 });
1938
2065
  }
1939
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, decorators: [{
2066
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThButton, decorators: [{
1940
2067
  type: Directive,
1941
2068
  args: [{
1942
- selector: 'px-ag-grid-table-th-content',
2069
+ selector: 'px-ag-grid-table-th-button',
1943
2070
  }]
1944
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
2071
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { sorting: [{
1945
2072
  type: Input
2073
+ }], inverted: [{
2074
+ type: Input
2075
+ }], columnHeaderAriaLabel: [{
2076
+ type: Input,
2077
+ args: ['column-header-aria-label']
1946
2078
  }], grow: [{
1947
2079
  type: Input
1948
2080
  }], growMobile: [{
@@ -2079,102 +2211,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2079
2211
  }], stickyBottom: [{
2080
2212
  type: Input,
2081
2213
  args: ['sticky-bottom']
2214
+ }], CLICK_EVENT: [{
2215
+ type: Output
2082
2216
  }] } });
2083
2217
  /**
2084
- * @description Type-only wrapper for <px-banner>
2218
+ * @description Type-only wrapper for <px-ag-grid-table-th-content>
2085
2219
  */
2086
- class PxBanner {
2220
+ class PxAgGridTableThContent {
2087
2221
  elementRef;
2088
- set backgroundColor(value) {
2089
- this.elementRef.nativeElement['backgroundColor'] = value;
2090
- }
2091
- get backgroundColor() {
2092
- return this.elementRef.nativeElement['backgroundColor'];
2093
- }
2094
- set backgroundGradient(value) {
2095
- this.elementRef.nativeElement['backgroundGradient'] = value;
2096
- }
2097
- get backgroundGradient() {
2098
- return this.elementRef.nativeElement['backgroundGradient'];
2099
- }
2100
- set backgroundImage(value) {
2101
- this.elementRef.nativeElement['backgroundImage'] = value;
2102
- }
2103
- get backgroundImage() {
2104
- return this.elementRef.nativeElement['backgroundImage'];
2105
- }
2106
- set backgroundImageMobile(value) {
2107
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
2108
- }
2109
- get backgroundImageMobile() {
2110
- return this.elementRef.nativeElement['backgroundImageMobile'];
2111
- }
2112
- set backgroundImageTablet(value) {
2113
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
2114
- }
2115
- get backgroundImageTablet() {
2116
- return this.elementRef.nativeElement['backgroundImageTablet'];
2117
- }
2118
- set backgroundImageLaptop(value) {
2119
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
2120
- }
2121
- get backgroundImageLaptop() {
2122
- return this.elementRef.nativeElement['backgroundImageLaptop'];
2123
- }
2124
- set backgroundSize(value) {
2125
- this.elementRef.nativeElement['backgroundSize'] = value;
2126
- }
2127
- get backgroundSize() {
2128
- return this.elementRef.nativeElement['backgroundSize'];
2129
- }
2130
- set backgroundPosition(value) {
2131
- this.elementRef.nativeElement['backgroundPosition'] = value;
2132
- }
2133
- get backgroundPosition() {
2134
- return this.elementRef.nativeElement['backgroundPosition'];
2135
- }
2136
- set contrastHelperGradient(value) {
2137
- this.elementRef.nativeElement['contrastHelperGradient'] = value;
2138
- }
2139
- get contrastHelperGradient() {
2140
- return this.elementRef.nativeElement['contrastHelperGradient'];
2141
- }
2142
- set contrastHelperOverlay(value) {
2143
- this.elementRef.nativeElement['contrastHelperOverlay'] = value;
2144
- }
2145
- get contrastHelperOverlay() {
2146
- return this.elementRef.nativeElement['contrastHelperOverlay'];
2147
- }
2148
- set hasGridding(value) {
2149
- this.elementRef.nativeElement['hasGridding'] = value;
2150
- }
2151
- get hasGridding() {
2152
- return this.elementRef.nativeElement['hasGridding'];
2153
- }
2154
- set hasGriddingMobile(value) {
2155
- this.elementRef.nativeElement['hasGriddingMobile'] = value;
2156
- }
2157
- get hasGriddingMobile() {
2158
- return this.elementRef.nativeElement['hasGriddingMobile'];
2159
- }
2160
- set hasGriddingTablet(value) {
2161
- this.elementRef.nativeElement['hasGriddingTablet'] = value;
2162
- }
2163
- get hasGriddingTablet() {
2164
- return this.elementRef.nativeElement['hasGriddingTablet'];
2165
- }
2166
- set hasGriddingLaptop(value) {
2167
- this.elementRef.nativeElement['hasGriddingLaptop'] = value;
2168
- }
2169
- get hasGriddingLaptop() {
2170
- return this.elementRef.nativeElement['hasGriddingLaptop'];
2171
- }
2172
- set reduced(value) {
2173
- this.elementRef.nativeElement['reduced'] = value;
2174
- }
2175
- get reduced() {
2176
- return this.elementRef.nativeElement['reduced'];
2177
- }
2178
2222
  set inverted(value) {
2179
2223
  this.elementRef.nativeElement['inverted'] = value;
2180
2224
  }
@@ -2466,59 +2510,15 @@ class PxBanner {
2466
2510
  constructor(elementRef) {
2467
2511
  this.elementRef = elementRef;
2468
2512
  }
2469
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2470
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
2513
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2514
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
2471
2515
  }
2472
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBanner, decorators: [{
2516
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAgGridTableThContent, decorators: [{
2473
2517
  type: Directive,
2474
2518
  args: [{
2475
- selector: 'px-banner',
2519
+ selector: 'px-ag-grid-table-th-content',
2476
2520
  }]
2477
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
2478
- type: Input,
2479
- args: ['background-color']
2480
- }], backgroundGradient: [{
2481
- type: Input,
2482
- args: ['background-gradient']
2483
- }], backgroundImage: [{
2484
- type: Input,
2485
- args: ['background-image']
2486
- }], backgroundImageMobile: [{
2487
- type: Input,
2488
- args: ['background-image--mobile']
2489
- }], backgroundImageTablet: [{
2490
- type: Input,
2491
- args: ['background-image--tablet']
2492
- }], backgroundImageLaptop: [{
2493
- type: Input,
2494
- args: ['background-image--laptop']
2495
- }], backgroundSize: [{
2496
- type: Input,
2497
- args: ['background-size']
2498
- }], backgroundPosition: [{
2499
- type: Input,
2500
- args: ['background-position']
2501
- }], contrastHelperGradient: [{
2502
- type: Input,
2503
- args: ['contrast-helper-gradient']
2504
- }], contrastHelperOverlay: [{
2505
- type: Input,
2506
- args: ['contrast-helper-overlay']
2507
- }], hasGridding: [{
2508
- type: Input,
2509
- args: ['has-gridding']
2510
- }], hasGriddingMobile: [{
2511
- type: Input,
2512
- args: ['has-gridding--mobile']
2513
- }], hasGriddingTablet: [{
2514
- type: Input,
2515
- args: ['has-gridding--tablet']
2516
- }], hasGriddingLaptop: [{
2517
- type: Input,
2518
- args: ['has-gridding--laptop']
2519
- }], reduced: [{
2520
- type: Input
2521
- }], inverted: [{
2521
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
2522
2522
  type: Input
2523
2523
  }], grow: [{
2524
2524
  type: Input
@@ -2658,16 +2658,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2658
2658
  args: ['sticky-bottom']
2659
2659
  }] } });
2660
2660
  /**
2661
- * @description Type-only wrapper for <px-breadcrumb-item>
2661
+ * @description Type-only wrapper for <px-button>
2662
2662
  */
2663
- class PxBreadcrumbItem {
2663
+ class PxButton {
2664
2664
  elementRef;
2665
+ set variant(value) {
2666
+ this.elementRef.nativeElement['variant'] = value;
2667
+ }
2668
+ get variant() {
2669
+ return this.elementRef.nativeElement['variant'];
2670
+ }
2671
+ set state(value) {
2672
+ this.elementRef.nativeElement['state'] = value;
2673
+ }
2674
+ get state() {
2675
+ return this.elementRef.nativeElement['state'];
2676
+ }
2677
+ set loading(value) {
2678
+ this.elementRef.nativeElement['loading'] = value;
2679
+ }
2680
+ get loading() {
2681
+ return this.elementRef.nativeElement['loading'];
2682
+ }
2683
+ set shape(value) {
2684
+ this.elementRef.nativeElement['shape'] = value;
2685
+ }
2686
+ get shape() {
2687
+ return this.elementRef.nativeElement['shape'];
2688
+ }
2689
+ set shapeMobile(value) {
2690
+ this.elementRef.nativeElement['shapeMobile'] = value;
2691
+ }
2692
+ get shapeMobile() {
2693
+ return this.elementRef.nativeElement['shapeMobile'];
2694
+ }
2695
+ set shapeTablet(value) {
2696
+ this.elementRef.nativeElement['shapeTablet'] = value;
2697
+ }
2698
+ get shapeTablet() {
2699
+ return this.elementRef.nativeElement['shapeTablet'];
2700
+ }
2701
+ set shapeLaptop(value) {
2702
+ this.elementRef.nativeElement['shapeLaptop'] = value;
2703
+ }
2704
+ get shapeLaptop() {
2705
+ return this.elementRef.nativeElement['shapeLaptop'];
2706
+ }
2707
+ set shapeDesktop(value) {
2708
+ this.elementRef.nativeElement['shapeDesktop'] = value;
2709
+ }
2710
+ get shapeDesktop() {
2711
+ return this.elementRef.nativeElement['shapeDesktop'];
2712
+ }
2665
2713
  set inverted(value) {
2666
2714
  this.elementRef.nativeElement['inverted'] = value;
2667
2715
  }
2668
2716
  get inverted() {
2669
2717
  return this.elementRef.nativeElement['inverted'];
2670
2718
  }
2719
+ set ariaExpanded(value) {
2720
+ this.elementRef.nativeElement['ariaExpanded'] = value;
2721
+ }
2722
+ get ariaExpanded() {
2723
+ return this.elementRef.nativeElement['ariaExpanded'];
2724
+ }
2725
+ set extended(value) {
2726
+ this.elementRef.nativeElement['extended'] = value;
2727
+ }
2728
+ get extended() {
2729
+ return this.elementRef.nativeElement['extended'];
2730
+ }
2731
+ set extendedMobile(value) {
2732
+ this.elementRef.nativeElement['extendedMobile'] = value;
2733
+ }
2734
+ get extendedMobile() {
2735
+ return this.elementRef.nativeElement['extendedMobile'];
2736
+ }
2737
+ set extendedTablet(value) {
2738
+ this.elementRef.nativeElement['extendedTablet'] = value;
2739
+ }
2740
+ get extendedTablet() {
2741
+ return this.elementRef.nativeElement['extendedTablet'];
2742
+ }
2743
+ set extendedLaptop(value) {
2744
+ this.elementRef.nativeElement['extendedLaptop'] = value;
2745
+ }
2746
+ get extendedLaptop() {
2747
+ return this.elementRef.nativeElement['extendedLaptop'];
2748
+ }
2749
+ set extendedDesktop(value) {
2750
+ this.elementRef.nativeElement['extendedDesktop'] = value;
2751
+ }
2752
+ get extendedDesktop() {
2753
+ return this.elementRef.nativeElement['extendedDesktop'];
2754
+ }
2755
+ /** The name of the button, submitted as a pair with the button's value as part of the form data. */
2756
+ set name(value) {
2757
+ this.elementRef.nativeElement['name'] = value;
2758
+ }
2759
+ get name() {
2760
+ return this.elementRef.nativeElement['name'];
2761
+ }
2762
+ /** The value associated with the button's name when it's submitted with a form. */
2763
+ set value(value) {
2764
+ this.elementRef.nativeElement['value'] = value;
2765
+ }
2766
+ get value() {
2767
+ return this.elementRef.nativeElement['value'];
2768
+ }
2769
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
2770
+ set type(value) {
2771
+ this.elementRef.nativeElement['type'] = value;
2772
+ }
2773
+ get type() {
2774
+ return this.elementRef.nativeElement['type'];
2775
+ }
2776
+ /** Whether the button is disabled. */
2777
+ set disabled(value) {
2778
+ this.elementRef.nativeElement['disabled'] = value;
2779
+ }
2780
+ get disabled() {
2781
+ return this.elementRef.nativeElement['disabled'];
2782
+ }
2671
2783
  set grow(value) {
2672
2784
  this.elementRef.nativeElement['grow'] = value;
2673
2785
  }
@@ -2950,22 +3062,63 @@ class PxBreadcrumbItem {
2950
3062
  get stickyBottom() {
2951
3063
  return this.elementRef.nativeElement['stickyBottom'];
2952
3064
  }
2953
- BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
2954
3065
  constructor(elementRef) {
2955
3066
  this.elementRef = elementRef;
2956
- this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
2957
- this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
2958
- });
2959
3067
  }
2960
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2961
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { BREADCRUMB_ITEM_CONNECTED_EVENT: "BREADCRUMB_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
3068
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3069
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButton, selector: "px-button", inputs: { variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
2962
3070
  }
2963
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
3071
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
2964
3072
  type: Directive,
2965
3073
  args: [{
2966
- selector: 'px-breadcrumb-item',
3074
+ selector: 'px-button',
2967
3075
  }]
2968
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
3076
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
3077
+ type: Input
3078
+ }], state: [{
3079
+ type: Input
3080
+ }], loading: [{
3081
+ type: Input
3082
+ }], shape: [{
3083
+ type: Input
3084
+ }], shapeMobile: [{
3085
+ type: Input,
3086
+ args: ['shape--mobile']
3087
+ }], shapeTablet: [{
3088
+ type: Input,
3089
+ args: ['shape--tablet']
3090
+ }], shapeLaptop: [{
3091
+ type: Input,
3092
+ args: ['shape--laptop']
3093
+ }], shapeDesktop: [{
3094
+ type: Input,
3095
+ args: ['shape--desktop']
3096
+ }], inverted: [{
3097
+ type: Input
3098
+ }], ariaExpanded: [{
3099
+ type: Input,
3100
+ args: ['aria-expanded']
3101
+ }], extended: [{
3102
+ type: Input
3103
+ }], extendedMobile: [{
3104
+ type: Input,
3105
+ args: ['extended--mobile']
3106
+ }], extendedTablet: [{
3107
+ type: Input,
3108
+ args: ['extended--tablet']
3109
+ }], extendedLaptop: [{
3110
+ type: Input,
3111
+ args: ['extended--laptop']
3112
+ }], extendedDesktop: [{
3113
+ type: Input,
3114
+ args: ['extended--desktop']
3115
+ }], name: [{
3116
+ type: Input
3117
+ }], value: [{
3118
+ type: Input
3119
+ }], type: [{
3120
+ type: Input
3121
+ }], disabled: [{
2969
3122
  type: Input
2970
3123
  }], grow: [{
2971
3124
  type: Input
@@ -3103,25 +3256,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3103
3256
  }], stickyBottom: [{
3104
3257
  type: Input,
3105
3258
  args: ['sticky-bottom']
3106
- }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
3107
- type: Output
3108
3259
  }] } });
3109
3260
  /**
3110
- * @description Type-only wrapper for <px-breadcrumb>
3261
+ * @description Type-only wrapper for <px-button-wrapper>
3111
3262
  */
3112
- class PxBreadcrumb {
3263
+ class PxButtonWrapper {
3113
3264
  elementRef;
3265
+ /** The name of the button, submitted as a pair with the button's value as part of the form data. */
3266
+ set name(value) {
3267
+ this.elementRef.nativeElement['name'] = value;
3268
+ }
3269
+ get name() {
3270
+ return this.elementRef.nativeElement['name'];
3271
+ }
3272
+ /** The value associated with the button's name when it's submitted with a form. */
3273
+ set value(value) {
3274
+ this.elementRef.nativeElement['value'] = value;
3275
+ }
3276
+ get value() {
3277
+ return this.elementRef.nativeElement['value'];
3278
+ }
3279
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
3280
+ set type(value) {
3281
+ this.elementRef.nativeElement['type'] = value;
3282
+ }
3283
+ get type() {
3284
+ return this.elementRef.nativeElement['type'];
3285
+ }
3286
+ /** Whether the button is disabled. */
3287
+ set disabled(value) {
3288
+ this.elementRef.nativeElement['disabled'] = value;
3289
+ }
3290
+ get disabled() {
3291
+ return this.elementRef.nativeElement['disabled'];
3292
+ }
3293
+ set variant(value) {
3294
+ this.elementRef.nativeElement['variant'] = value;
3295
+ }
3296
+ get variant() {
3297
+ return this.elementRef.nativeElement['variant'];
3298
+ }
3299
+ set state(value) {
3300
+ this.elementRef.nativeElement['state'] = value;
3301
+ }
3302
+ get state() {
3303
+ return this.elementRef.nativeElement['state'];
3304
+ }
3305
+ set loading(value) {
3306
+ this.elementRef.nativeElement['loading'] = value;
3307
+ }
3308
+ get loading() {
3309
+ return this.elementRef.nativeElement['loading'];
3310
+ }
3311
+ set shape(value) {
3312
+ this.elementRef.nativeElement['shape'] = value;
3313
+ }
3314
+ get shape() {
3315
+ return this.elementRef.nativeElement['shape'];
3316
+ }
3317
+ set shapeMobile(value) {
3318
+ this.elementRef.nativeElement['shapeMobile'] = value;
3319
+ }
3320
+ get shapeMobile() {
3321
+ return this.elementRef.nativeElement['shapeMobile'];
3322
+ }
3323
+ set shapeTablet(value) {
3324
+ this.elementRef.nativeElement['shapeTablet'] = value;
3325
+ }
3326
+ get shapeTablet() {
3327
+ return this.elementRef.nativeElement['shapeTablet'];
3328
+ }
3329
+ set shapeLaptop(value) {
3330
+ this.elementRef.nativeElement['shapeLaptop'] = value;
3331
+ }
3332
+ get shapeLaptop() {
3333
+ return this.elementRef.nativeElement['shapeLaptop'];
3334
+ }
3335
+ set shapeDesktop(value) {
3336
+ this.elementRef.nativeElement['shapeDesktop'] = value;
3337
+ }
3338
+ get shapeDesktop() {
3339
+ return this.elementRef.nativeElement['shapeDesktop'];
3340
+ }
3114
3341
  set inverted(value) {
3115
3342
  this.elementRef.nativeElement['inverted'] = value;
3116
3343
  }
3117
3344
  get inverted() {
3118
3345
  return this.elementRef.nativeElement['inverted'];
3119
3346
  }
3120
- set ariaLabel(value) {
3121
- this.elementRef.nativeElement['ariaLabel'] = value;
3347
+ set ariaExpanded(value) {
3348
+ this.elementRef.nativeElement['ariaExpanded'] = value;
3122
3349
  }
3123
- get ariaLabel() {
3124
- return this.elementRef.nativeElement['ariaLabel'];
3350
+ get ariaExpanded() {
3351
+ return this.elementRef.nativeElement['ariaExpanded'];
3352
+ }
3353
+ set extended(value) {
3354
+ this.elementRef.nativeElement['extended'] = value;
3355
+ }
3356
+ get extended() {
3357
+ return this.elementRef.nativeElement['extended'];
3358
+ }
3359
+ set extendedMobile(value) {
3360
+ this.elementRef.nativeElement['extendedMobile'] = value;
3361
+ }
3362
+ get extendedMobile() {
3363
+ return this.elementRef.nativeElement['extendedMobile'];
3364
+ }
3365
+ set extendedTablet(value) {
3366
+ this.elementRef.nativeElement['extendedTablet'] = value;
3367
+ }
3368
+ get extendedTablet() {
3369
+ return this.elementRef.nativeElement['extendedTablet'];
3370
+ }
3371
+ set extendedLaptop(value) {
3372
+ this.elementRef.nativeElement['extendedLaptop'] = value;
3373
+ }
3374
+ get extendedLaptop() {
3375
+ return this.elementRef.nativeElement['extendedLaptop'];
3376
+ }
3377
+ set extendedDesktop(value) {
3378
+ this.elementRef.nativeElement['extendedDesktop'] = value;
3379
+ }
3380
+ get extendedDesktop() {
3381
+ return this.elementRef.nativeElement['extendedDesktop'];
3125
3382
  }
3126
3383
  set grow(value) {
3127
3384
  this.elementRef.nativeElement['grow'] = value;
@@ -3408,19 +3665,61 @@ class PxBreadcrumb {
3408
3665
  constructor(elementRef) {
3409
3666
  this.elementRef = elementRef;
3410
3667
  }
3411
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3412
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumb, selector: "px-breadcrumb", inputs: { inverted: "inverted", ariaLabel: ["aria-label", "ariaLabel"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
3668
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3669
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonWrapper, selector: "px-button-wrapper", inputs: { name: "name", value: "value", type: "type", disabled: "disabled", variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
3413
3670
  }
3414
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
3671
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, decorators: [{
3415
3672
  type: Directive,
3416
3673
  args: [{
3417
- selector: 'px-breadcrumb',
3674
+ selector: 'px-button-wrapper',
3418
3675
  }]
3419
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
3676
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
3420
3677
  type: Input
3421
- }], ariaLabel: [{
3678
+ }], value: [{
3679
+ type: Input
3680
+ }], type: [{
3681
+ type: Input
3682
+ }], disabled: [{
3683
+ type: Input
3684
+ }], variant: [{
3685
+ type: Input
3686
+ }], state: [{
3687
+ type: Input
3688
+ }], loading: [{
3689
+ type: Input
3690
+ }], shape: [{
3691
+ type: Input
3692
+ }], shapeMobile: [{
3422
3693
  type: Input,
3423
- args: ['aria-label']
3694
+ args: ['shape--mobile']
3695
+ }], shapeTablet: [{
3696
+ type: Input,
3697
+ args: ['shape--tablet']
3698
+ }], shapeLaptop: [{
3699
+ type: Input,
3700
+ args: ['shape--laptop']
3701
+ }], shapeDesktop: [{
3702
+ type: Input,
3703
+ args: ['shape--desktop']
3704
+ }], inverted: [{
3705
+ type: Input
3706
+ }], ariaExpanded: [{
3707
+ type: Input,
3708
+ args: ['aria-expanded']
3709
+ }], extended: [{
3710
+ type: Input
3711
+ }], extendedMobile: [{
3712
+ type: Input,
3713
+ args: ['extended--mobile']
3714
+ }], extendedTablet: [{
3715
+ type: Input,
3716
+ args: ['extended--tablet']
3717
+ }], extendedLaptop: [{
3718
+ type: Input,
3719
+ args: ['extended--laptop']
3720
+ }], extendedDesktop: [{
3721
+ type: Input,
3722
+ args: ['extended--desktop']
3424
3723
  }], grow: [{
3425
3724
  type: Input
3426
3725
  }], growMobile: [{
@@ -3559,21 +3858,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3559
3858
  args: ['sticky-bottom']
3560
3859
  }] } });
3561
3860
  /**
3562
- * @description Type-only wrapper for <px-button>
3861
+ * @description Type-only wrapper for <px-button-icon>
3563
3862
  */
3564
- class PxButton {
3863
+ class PxButtonIcon {
3565
3864
  elementRef;
3566
- set variant(value) {
3567
- this.elementRef.nativeElement['variant'] = value;
3568
- }
3569
- get variant() {
3570
- return this.elementRef.nativeElement['variant'];
3571
- }
3572
- set state(value) {
3573
- this.elementRef.nativeElement['state'] = value;
3865
+ set inverted(value) {
3866
+ this.elementRef.nativeElement['inverted'] = value;
3574
3867
  }
3575
- get state() {
3576
- return this.elementRef.nativeElement['state'];
3868
+ get inverted() {
3869
+ return this.elementRef.nativeElement['inverted'];
3577
3870
  }
3578
3871
  set loading(value) {
3579
3872
  this.elementRef.nativeElement['loading'] = value;
@@ -3581,41 +3874,17 @@ class PxButton {
3581
3874
  get loading() {
3582
3875
  return this.elementRef.nativeElement['loading'];
3583
3876
  }
3584
- set shape(value) {
3585
- this.elementRef.nativeElement['shape'] = value;
3586
- }
3587
- get shape() {
3588
- return this.elementRef.nativeElement['shape'];
3589
- }
3590
- set shapeMobile(value) {
3591
- this.elementRef.nativeElement['shapeMobile'] = value;
3592
- }
3593
- get shapeMobile() {
3594
- return this.elementRef.nativeElement['shapeMobile'];
3595
- }
3596
- set shapeTablet(value) {
3597
- this.elementRef.nativeElement['shapeTablet'] = value;
3598
- }
3599
- get shapeTablet() {
3600
- return this.elementRef.nativeElement['shapeTablet'];
3601
- }
3602
- set shapeLaptop(value) {
3603
- this.elementRef.nativeElement['shapeLaptop'] = value;
3604
- }
3605
- get shapeLaptop() {
3606
- return this.elementRef.nativeElement['shapeLaptop'];
3607
- }
3608
- set shapeDesktop(value) {
3609
- this.elementRef.nativeElement['shapeDesktop'] = value;
3877
+ set size(value) {
3878
+ this.elementRef.nativeElement['size'] = value;
3610
3879
  }
3611
- get shapeDesktop() {
3612
- return this.elementRef.nativeElement['shapeDesktop'];
3880
+ get size() {
3881
+ return this.elementRef.nativeElement['size'];
3613
3882
  }
3614
- set inverted(value) {
3615
- this.elementRef.nativeElement['inverted'] = value;
3883
+ set variant(value) {
3884
+ this.elementRef.nativeElement['variant'] = value;
3616
3885
  }
3617
- get inverted() {
3618
- return this.elementRef.nativeElement['inverted'];
3886
+ get variant() {
3887
+ return this.elementRef.nativeElement['variant'];
3619
3888
  }
3620
3889
  set ariaExpanded(value) {
3621
3890
  this.elementRef.nativeElement['ariaExpanded'] = value;
@@ -3623,36 +3892,6 @@ class PxButton {
3623
3892
  get ariaExpanded() {
3624
3893
  return this.elementRef.nativeElement['ariaExpanded'];
3625
3894
  }
3626
- set extended(value) {
3627
- this.elementRef.nativeElement['extended'] = value;
3628
- }
3629
- get extended() {
3630
- return this.elementRef.nativeElement['extended'];
3631
- }
3632
- set extendedMobile(value) {
3633
- this.elementRef.nativeElement['extendedMobile'] = value;
3634
- }
3635
- get extendedMobile() {
3636
- return this.elementRef.nativeElement['extendedMobile'];
3637
- }
3638
- set extendedTablet(value) {
3639
- this.elementRef.nativeElement['extendedTablet'] = value;
3640
- }
3641
- get extendedTablet() {
3642
- return this.elementRef.nativeElement['extendedTablet'];
3643
- }
3644
- set extendedLaptop(value) {
3645
- this.elementRef.nativeElement['extendedLaptop'] = value;
3646
- }
3647
- get extendedLaptop() {
3648
- return this.elementRef.nativeElement['extendedLaptop'];
3649
- }
3650
- set extendedDesktop(value) {
3651
- this.elementRef.nativeElement['extendedDesktop'] = value;
3652
- }
3653
- get extendedDesktop() {
3654
- return this.elementRef.nativeElement['extendedDesktop'];
3655
- }
3656
3895
  /** The name of the button, submitted as a pair with the button's value as part of the form data. */
3657
3896
  set name(value) {
3658
3897
  this.elementRef.nativeElement['name'] = value;
@@ -3966,53 +4205,25 @@ class PxButton {
3966
4205
  constructor(elementRef) {
3967
4206
  this.elementRef = elementRef;
3968
4207
  }
3969
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
3970
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButton, selector: "px-button", inputs: { variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
4208
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4209
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonIcon, selector: "px-button-icon", inputs: { inverted: "inverted", loading: "loading", size: "size", variant: "variant", ariaExpanded: ["aria-expanded", "ariaExpanded"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
3971
4210
  }
3972
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
4211
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, decorators: [{
3973
4212
  type: Directive,
3974
4213
  args: [{
3975
- selector: 'px-button',
4214
+ selector: 'px-button-icon',
3976
4215
  }]
3977
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
3978
- type: Input
3979
- }], state: [{
4216
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
3980
4217
  type: Input
3981
4218
  }], loading: [{
3982
4219
  type: Input
3983
- }], shape: [{
4220
+ }], size: [{
3984
4221
  type: Input
3985
- }], shapeMobile: [{
3986
- type: Input,
3987
- args: ['shape--mobile']
3988
- }], shapeTablet: [{
3989
- type: Input,
3990
- args: ['shape--tablet']
3991
- }], shapeLaptop: [{
3992
- type: Input,
3993
- args: ['shape--laptop']
3994
- }], shapeDesktop: [{
3995
- type: Input,
3996
- args: ['shape--desktop']
3997
- }], inverted: [{
4222
+ }], variant: [{
3998
4223
  type: Input
3999
4224
  }], ariaExpanded: [{
4000
4225
  type: Input,
4001
4226
  args: ['aria-expanded']
4002
- }], extended: [{
4003
- type: Input
4004
- }], extendedMobile: [{
4005
- type: Input,
4006
- args: ['extended--mobile']
4007
- }], extendedTablet: [{
4008
- type: Input,
4009
- args: ['extended--tablet']
4010
- }], extendedLaptop: [{
4011
- type: Input,
4012
- args: ['extended--laptop']
4013
- }], extendedDesktop: [{
4014
- type: Input,
4015
- args: ['extended--desktop']
4016
4227
  }], name: [{
4017
4228
  type: Input
4018
4229
  }], value: [{
@@ -4159,127 +4370,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4159
4370
  args: ['sticky-bottom']
4160
4371
  }] } });
4161
4372
  /**
4162
- * @description Type-only wrapper for <px-button-wrapper>
4373
+ * @description Type-only wrapper for <px-card>
4163
4374
  */
4164
- class PxButtonWrapper {
4375
+ class PxCard {
4165
4376
  elementRef;
4166
- /** The name of the button, submitted as a pair with the button's value as part of the form data. */
4167
- set name(value) {
4168
- this.elementRef.nativeElement['name'] = value;
4169
- }
4170
- get name() {
4171
- return this.elementRef.nativeElement['name'];
4172
- }
4173
- /** The value associated with the button's name when it's submitted with a form. */
4174
- set value(value) {
4175
- this.elementRef.nativeElement['value'] = value;
4176
- }
4177
- get value() {
4178
- return this.elementRef.nativeElement['value'];
4179
- }
4180
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
4181
- set type(value) {
4182
- this.elementRef.nativeElement['type'] = value;
4183
- }
4184
- get type() {
4185
- return this.elementRef.nativeElement['type'];
4186
- }
4187
- /** Whether the button is disabled. */
4188
- set disabled(value) {
4189
- this.elementRef.nativeElement['disabled'] = value;
4190
- }
4191
- get disabled() {
4192
- return this.elementRef.nativeElement['disabled'];
4193
- }
4194
- set variant(value) {
4195
- this.elementRef.nativeElement['variant'] = value;
4196
- }
4197
- get variant() {
4198
- return this.elementRef.nativeElement['variant'];
4199
- }
4200
- set state(value) {
4201
- this.elementRef.nativeElement['state'] = value;
4377
+ set inverted(value) {
4378
+ this.elementRef.nativeElement['inverted'] = value;
4202
4379
  }
4203
- get state() {
4204
- return this.elementRef.nativeElement['state'];
4380
+ get inverted() {
4381
+ return this.elementRef.nativeElement['inverted'];
4205
4382
  }
4206
- set loading(value) {
4207
- this.elementRef.nativeElement['loading'] = value;
4383
+ set backgroundColor(value) {
4384
+ this.elementRef.nativeElement['backgroundColor'] = value;
4208
4385
  }
4209
- get loading() {
4210
- return this.elementRef.nativeElement['loading'];
4386
+ get backgroundColor() {
4387
+ return this.elementRef.nativeElement['backgroundColor'];
4211
4388
  }
4212
- set shape(value) {
4213
- this.elementRef.nativeElement['shape'] = value;
4389
+ set backgroundSize(value) {
4390
+ this.elementRef.nativeElement['backgroundSize'] = value;
4214
4391
  }
4215
- get shape() {
4216
- return this.elementRef.nativeElement['shape'];
4392
+ get backgroundSize() {
4393
+ return this.elementRef.nativeElement['backgroundSize'];
4217
4394
  }
4218
- set shapeMobile(value) {
4219
- this.elementRef.nativeElement['shapeMobile'] = value;
4395
+ set backgroundPosition(value) {
4396
+ this.elementRef.nativeElement['backgroundPosition'] = value;
4220
4397
  }
4221
- get shapeMobile() {
4222
- return this.elementRef.nativeElement['shapeMobile'];
4398
+ get backgroundPosition() {
4399
+ return this.elementRef.nativeElement['backgroundPosition'];
4223
4400
  }
4224
- set shapeTablet(value) {
4225
- this.elementRef.nativeElement['shapeTablet'] = value;
4401
+ set contrastHelperGradient(value) {
4402
+ this.elementRef.nativeElement['contrastHelperGradient'] = value;
4226
4403
  }
4227
- get shapeTablet() {
4228
- return this.elementRef.nativeElement['shapeTablet'];
4404
+ get contrastHelperGradient() {
4405
+ return this.elementRef.nativeElement['contrastHelperGradient'];
4229
4406
  }
4230
- set shapeLaptop(value) {
4231
- this.elementRef.nativeElement['shapeLaptop'] = value;
4407
+ set contrastHelperOverlay(value) {
4408
+ this.elementRef.nativeElement['contrastHelperOverlay'] = value;
4232
4409
  }
4233
- get shapeLaptop() {
4234
- return this.elementRef.nativeElement['shapeLaptop'];
4410
+ get contrastHelperOverlay() {
4411
+ return this.elementRef.nativeElement['contrastHelperOverlay'];
4235
4412
  }
4236
- set shapeDesktop(value) {
4237
- this.elementRef.nativeElement['shapeDesktop'] = value;
4413
+ set mediaPosition(value) {
4414
+ this.elementRef.nativeElement['mediaPosition'] = value;
4238
4415
  }
4239
- get shapeDesktop() {
4240
- return this.elementRef.nativeElement['shapeDesktop'];
4416
+ get mediaPosition() {
4417
+ return this.elementRef.nativeElement['mediaPosition'];
4241
4418
  }
4242
- set inverted(value) {
4243
- this.elementRef.nativeElement['inverted'] = value;
4419
+ set mediaPositionMobile(value) {
4420
+ this.elementRef.nativeElement['mediaPositionMobile'] = value;
4244
4421
  }
4245
- get inverted() {
4246
- return this.elementRef.nativeElement['inverted'];
4422
+ get mediaPositionMobile() {
4423
+ return this.elementRef.nativeElement['mediaPositionMobile'];
4247
4424
  }
4248
- set ariaExpanded(value) {
4249
- this.elementRef.nativeElement['ariaExpanded'] = value;
4425
+ set mediaPositionTablet(value) {
4426
+ this.elementRef.nativeElement['mediaPositionTablet'] = value;
4250
4427
  }
4251
- get ariaExpanded() {
4252
- return this.elementRef.nativeElement['ariaExpanded'];
4428
+ get mediaPositionTablet() {
4429
+ return this.elementRef.nativeElement['mediaPositionTablet'];
4253
4430
  }
4254
- set extended(value) {
4255
- this.elementRef.nativeElement['extended'] = value;
4431
+ set mediaPositionLaptop(value) {
4432
+ this.elementRef.nativeElement['mediaPositionLaptop'] = value;
4256
4433
  }
4257
- get extended() {
4258
- return this.elementRef.nativeElement['extended'];
4434
+ get mediaPositionLaptop() {
4435
+ return this.elementRef.nativeElement['mediaPositionLaptop'];
4259
4436
  }
4260
- set extendedMobile(value) {
4261
- this.elementRef.nativeElement['extendedMobile'] = value;
4437
+ set mediaSrc(value) {
4438
+ this.elementRef.nativeElement['mediaSrc'] = value;
4262
4439
  }
4263
- get extendedMobile() {
4264
- return this.elementRef.nativeElement['extendedMobile'];
4440
+ get mediaSrc() {
4441
+ return this.elementRef.nativeElement['mediaSrc'];
4265
4442
  }
4266
- set extendedTablet(value) {
4267
- this.elementRef.nativeElement['extendedTablet'] = value;
4443
+ set mediaSrcMobile(value) {
4444
+ this.elementRef.nativeElement['mediaSrcMobile'] = value;
4268
4445
  }
4269
- get extendedTablet() {
4270
- return this.elementRef.nativeElement['extendedTablet'];
4446
+ get mediaSrcMobile() {
4447
+ return this.elementRef.nativeElement['mediaSrcMobile'];
4271
4448
  }
4272
- set extendedLaptop(value) {
4273
- this.elementRef.nativeElement['extendedLaptop'] = value;
4449
+ set mediaSrcTablet(value) {
4450
+ this.elementRef.nativeElement['mediaSrcTablet'] = value;
4274
4451
  }
4275
- get extendedLaptop() {
4276
- return this.elementRef.nativeElement['extendedLaptop'];
4452
+ get mediaSrcTablet() {
4453
+ return this.elementRef.nativeElement['mediaSrcTablet'];
4277
4454
  }
4278
- set extendedDesktop(value) {
4279
- this.elementRef.nativeElement['extendedDesktop'] = value;
4455
+ set mediaSrcLaptop(value) {
4456
+ this.elementRef.nativeElement['mediaSrcLaptop'] = value;
4280
4457
  }
4281
- get extendedDesktop() {
4282
- return this.elementRef.nativeElement['extendedDesktop'];
4458
+ get mediaSrcLaptop() {
4459
+ return this.elementRef.nativeElement['mediaSrcLaptop'];
4283
4460
  }
4284
4461
  set grow(value) {
4285
4462
  this.elementRef.nativeElement['grow'] = value;
@@ -4566,61 +4743,55 @@ class PxButtonWrapper {
4566
4743
  constructor(elementRef) {
4567
4744
  this.elementRef = elementRef;
4568
4745
  }
4569
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4570
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonWrapper, selector: "px-button-wrapper", inputs: { name: "name", value: "value", type: "type", disabled: "disabled", variant: "variant", state: "state", loading: "loading", shape: "shape", shapeMobile: ["shape--mobile", "shapeMobile"], shapeTablet: ["shape--tablet", "shapeTablet"], shapeLaptop: ["shape--laptop", "shapeLaptop"], shapeDesktop: ["shape--desktop", "shapeDesktop"], inverted: "inverted", ariaExpanded: ["aria-expanded", "ariaExpanded"], extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
4746
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4747
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCard, selector: "px-card", inputs: { inverted: "inverted", backgroundColor: ["background-color", "backgroundColor"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], mediaPosition: ["media-position", "mediaPosition"], mediaPositionMobile: ["media-position--mobile", "mediaPositionMobile"], mediaPositionTablet: ["media-position--tablet", "mediaPositionTablet"], mediaPositionLaptop: ["media-position--laptop", "mediaPositionLaptop"], mediaSrc: ["media-src", "mediaSrc"], mediaSrcMobile: ["media-src--mobile", "mediaSrcMobile"], mediaSrcTablet: ["media-src--tablet", "mediaSrcTablet"], mediaSrcLaptop: ["media-src--laptop", "mediaSrcLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
4571
4748
  }
4572
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, decorators: [{
4749
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, decorators: [{
4573
4750
  type: Directive,
4574
4751
  args: [{
4575
- selector: 'px-button-wrapper',
4752
+ selector: 'px-card',
4576
4753
  }]
4577
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
4578
- type: Input
4579
- }], value: [{
4580
- type: Input
4581
- }], type: [{
4582
- type: Input
4583
- }], disabled: [{
4584
- type: Input
4585
- }], variant: [{
4586
- type: Input
4587
- }], state: [{
4588
- type: Input
4589
- }], loading: [{
4590
- type: Input
4591
- }], shape: [{
4754
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
4592
4755
  type: Input
4593
- }], shapeMobile: [{
4756
+ }], backgroundColor: [{
4594
4757
  type: Input,
4595
- args: ['shape--mobile']
4596
- }], shapeTablet: [{
4758
+ args: ['background-color']
4759
+ }], backgroundSize: [{
4597
4760
  type: Input,
4598
- args: ['shape--tablet']
4599
- }], shapeLaptop: [{
4761
+ args: ['background-size']
4762
+ }], backgroundPosition: [{
4600
4763
  type: Input,
4601
- args: ['shape--laptop']
4602
- }], shapeDesktop: [{
4764
+ args: ['background-position']
4765
+ }], contrastHelperGradient: [{
4603
4766
  type: Input,
4604
- args: ['shape--desktop']
4605
- }], inverted: [{
4606
- type: Input
4607
- }], ariaExpanded: [{
4767
+ args: ['contrast-helper-gradient']
4768
+ }], contrastHelperOverlay: [{
4608
4769
  type: Input,
4609
- args: ['aria-expanded']
4610
- }], extended: [{
4611
- type: Input
4612
- }], extendedMobile: [{
4770
+ args: ['contrast-helper-overlay']
4771
+ }], mediaPosition: [{
4613
4772
  type: Input,
4614
- args: ['extended--mobile']
4615
- }], extendedTablet: [{
4773
+ args: ['media-position']
4774
+ }], mediaPositionMobile: [{
4616
4775
  type: Input,
4617
- args: ['extended--tablet']
4618
- }], extendedLaptop: [{
4776
+ args: ['media-position--mobile']
4777
+ }], mediaPositionTablet: [{
4619
4778
  type: Input,
4620
- args: ['extended--laptop']
4621
- }], extendedDesktop: [{
4779
+ args: ['media-position--tablet']
4780
+ }], mediaPositionLaptop: [{
4622
4781
  type: Input,
4623
- args: ['extended--desktop']
4782
+ args: ['media-position--laptop']
4783
+ }], mediaSrc: [{
4784
+ type: Input,
4785
+ args: ['media-src']
4786
+ }], mediaSrcMobile: [{
4787
+ type: Input,
4788
+ args: ['media-src--mobile']
4789
+ }], mediaSrcTablet: [{
4790
+ type: Input,
4791
+ args: ['media-src--tablet']
4792
+ }], mediaSrcLaptop: [{
4793
+ type: Input,
4794
+ args: ['media-src--laptop']
4624
4795
  }], grow: [{
4625
4796
  type: Input
4626
4797
  }], growMobile: [{
@@ -4759,27 +4930,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4759
4930
  args: ['sticky-bottom']
4760
4931
  }] } });
4761
4932
  /**
4762
- * @description Type-only wrapper for <px-button-icon>
4933
+ * @description Type-only wrapper for <px-appleseed>
4763
4934
  */
4764
- class PxButtonIcon {
4935
+ class PxAppleseed {
4765
4936
  elementRef;
4766
- set inverted(value) {
4767
- this.elementRef.nativeElement['inverted'] = value;
4937
+ set amount(value) {
4938
+ this.elementRef.nativeElement['amount'] = value;
4768
4939
  }
4769
- get inverted() {
4770
- return this.elementRef.nativeElement['inverted'];
4940
+ get amount() {
4941
+ return this.elementRef.nativeElement['amount'];
4771
4942
  }
4772
- set loading(value) {
4773
- this.elementRef.nativeElement['loading'] = value;
4943
+ set active(value) {
4944
+ this.elementRef.nativeElement['active'] = value;
4774
4945
  }
4775
- get loading() {
4776
- return this.elementRef.nativeElement['loading'];
4946
+ get active() {
4947
+ return this.elementRef.nativeElement['active'];
4777
4948
  }
4778
- set size(value) {
4779
- this.elementRef.nativeElement['size'] = value;
4949
+ constructor(elementRef) {
4950
+ this.elementRef = elementRef;
4780
4951
  }
4781
- get size() {
4782
- return this.elementRef.nativeElement['size'];
4952
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4953
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
4954
+ }
4955
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
4956
+ type: Directive,
4957
+ args: [{
4958
+ selector: 'px-appleseed',
4959
+ }]
4960
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
4961
+ type: Input
4962
+ }], active: [{
4963
+ type: Input
4964
+ }] } });
4965
+ /**
4966
+ * @description Type-only wrapper for <px-carousel>
4967
+ */
4968
+ class PxCarousel {
4969
+ elementRef;
4970
+ constructor(elementRef) {
4971
+ this.elementRef = elementRef;
4972
+ }
4973
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4974
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", ngImport: i0 });
4975
+ }
4976
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
4977
+ type: Directive,
4978
+ args: [{
4979
+ selector: 'px-carousel',
4980
+ }]
4981
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
4982
+ /**
4983
+ * @description Type-only wrapper for <px-carousel-item>
4984
+ */
4985
+ class PxCarouselItem {
4986
+ elementRef;
4987
+ CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
4988
+ constructor(elementRef) {
4989
+ this.elementRef = elementRef;
4990
+ this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
4991
+ this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
4992
+ });
4993
+ }
4994
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4995
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
4996
+ }
4997
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
4998
+ type: Directive,
4999
+ args: [{
5000
+ selector: 'px-carousel-item',
5001
+ }]
5002
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
5003
+ type: Output
5004
+ }] } });
5005
+ /**
5006
+ * @description Type-only wrapper for <px-cell>
5007
+ */
5008
+ class PxCell {
5009
+ elementRef;
5010
+ set inverted(value) {
5011
+ this.elementRef.nativeElement['inverted'] = value;
5012
+ }
5013
+ get inverted() {
5014
+ return this.elementRef.nativeElement['inverted'];
4783
5015
  }
4784
5016
  set variant(value) {
4785
5017
  this.elementRef.nativeElement['variant'] = value;
@@ -4787,39 +5019,83 @@ class PxButtonIcon {
4787
5019
  get variant() {
4788
5020
  return this.elementRef.nativeElement['variant'];
4789
5021
  }
4790
- set ariaExpanded(value) {
4791
- this.elementRef.nativeElement['ariaExpanded'] = value;
5022
+ set disabled(value) {
5023
+ this.elementRef.nativeElement['disabled'] = value;
4792
5024
  }
4793
- get ariaExpanded() {
4794
- return this.elementRef.nativeElement['ariaExpanded'];
5025
+ get disabled() {
5026
+ return this.elementRef.nativeElement['disabled'];
4795
5027
  }
4796
- /** The name of the button, submitted as a pair with the button's value as part of the form data. */
4797
- set name(value) {
4798
- this.elementRef.nativeElement['name'] = value;
5028
+ set separator(value) {
5029
+ this.elementRef.nativeElement['separator'] = value;
4799
5030
  }
4800
- get name() {
4801
- return this.elementRef.nativeElement['name'];
5031
+ get separator() {
5032
+ return this.elementRef.nativeElement['separator'];
4802
5033
  }
4803
- /** The value associated with the button's name when it's submitted with a form. */
4804
- set value(value) {
4805
- this.elementRef.nativeElement['value'] = value;
5034
+ set separatorMobile(value) {
5035
+ this.elementRef.nativeElement['separatorMobile'] = value;
4806
5036
  }
4807
- get value() {
4808
- return this.elementRef.nativeElement['value'];
5037
+ get separatorMobile() {
5038
+ return this.elementRef.nativeElement['separatorMobile'];
4809
5039
  }
4810
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
4811
- set type(value) {
4812
- this.elementRef.nativeElement['type'] = value;
5040
+ set separatorTablet(value) {
5041
+ this.elementRef.nativeElement['separatorTablet'] = value;
4813
5042
  }
4814
- get type() {
4815
- return this.elementRef.nativeElement['type'];
5043
+ get separatorTablet() {
5044
+ return this.elementRef.nativeElement['separatorTablet'];
4816
5045
  }
4817
- /** Whether the button is disabled. */
4818
- set disabled(value) {
4819
- this.elementRef.nativeElement['disabled'] = value;
5046
+ set separatorLaptop(value) {
5047
+ this.elementRef.nativeElement['separatorLaptop'] = value;
4820
5048
  }
4821
- get disabled() {
4822
- return this.elementRef.nativeElement['disabled'];
5049
+ get separatorLaptop() {
5050
+ return this.elementRef.nativeElement['separatorLaptop'];
5051
+ }
5052
+ set separatorDesktop(value) {
5053
+ this.elementRef.nativeElement['separatorDesktop'] = value;
5054
+ }
5055
+ get separatorDesktop() {
5056
+ return this.elementRef.nativeElement['separatorDesktop'];
5057
+ }
5058
+ set radius(value) {
5059
+ this.elementRef.nativeElement['radius'] = value;
5060
+ }
5061
+ get radius() {
5062
+ return this.elementRef.nativeElement['radius'];
5063
+ }
5064
+ set radiusMobile(value) {
5065
+ this.elementRef.nativeElement['radiusMobile'] = value;
5066
+ }
5067
+ get radiusMobile() {
5068
+ return this.elementRef.nativeElement['radiusMobile'];
5069
+ }
5070
+ set radiusTablet(value) {
5071
+ this.elementRef.nativeElement['radiusTablet'] = value;
5072
+ }
5073
+ get radiusTablet() {
5074
+ return this.elementRef.nativeElement['radiusTablet'];
5075
+ }
5076
+ set radiusLaptop(value) {
5077
+ this.elementRef.nativeElement['radiusLaptop'] = value;
5078
+ }
5079
+ get radiusLaptop() {
5080
+ return this.elementRef.nativeElement['radiusLaptop'];
5081
+ }
5082
+ set radiusDesktop(value) {
5083
+ this.elementRef.nativeElement['radiusDesktop'] = value;
5084
+ }
5085
+ get radiusDesktop() {
5086
+ return this.elementRef.nativeElement['radiusDesktop'];
5087
+ }
5088
+ set backgroundColor(value) {
5089
+ this.elementRef.nativeElement['backgroundColor'] = value;
5090
+ }
5091
+ get backgroundColor() {
5092
+ return this.elementRef.nativeElement['backgroundColor'];
5093
+ }
5094
+ set compact(value) {
5095
+ this.elementRef.nativeElement['compact'] = value;
5096
+ }
5097
+ get compact() {
5098
+ return this.elementRef.nativeElement['compact'];
4823
5099
  }
4824
5100
  set grow(value) {
4825
5101
  this.elementRef.nativeElement['grow'] = value;
@@ -5106,32 +5382,52 @@ class PxButtonIcon {
5106
5382
  constructor(elementRef) {
5107
5383
  this.elementRef = elementRef;
5108
5384
  }
5109
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5110
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonIcon, selector: "px-button-icon", inputs: { inverted: "inverted", loading: "loading", size: "size", variant: "variant", ariaExpanded: ["aria-expanded", "ariaExpanded"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
5385
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5386
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
5111
5387
  }
5112
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, decorators: [{
5388
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
5113
5389
  type: Directive,
5114
5390
  args: [{
5115
- selector: 'px-button-icon',
5391
+ selector: 'px-cell',
5116
5392
  }]
5117
5393
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5118
5394
  type: Input
5119
- }], loading: [{
5120
- type: Input
5121
- }], size: [{
5122
- type: Input
5123
5395
  }], variant: [{
5124
5396
  type: Input
5125
- }], ariaExpanded: [{
5126
- type: Input,
5127
- args: ['aria-expanded']
5128
- }], name: [{
5397
+ }], disabled: [{
5129
5398
  type: Input
5130
- }], value: [{
5399
+ }], separator: [{
5131
5400
  type: Input
5132
- }], type: [{
5401
+ }], separatorMobile: [{
5402
+ type: Input,
5403
+ args: ['separator--mobile']
5404
+ }], separatorTablet: [{
5405
+ type: Input,
5406
+ args: ['separator--tablet']
5407
+ }], separatorLaptop: [{
5408
+ type: Input,
5409
+ args: ['separator--laptop']
5410
+ }], separatorDesktop: [{
5411
+ type: Input,
5412
+ args: ['separator--desktop']
5413
+ }], radius: [{
5133
5414
  type: Input
5134
- }], disabled: [{
5415
+ }], radiusMobile: [{
5416
+ type: Input,
5417
+ args: ['radius--mobile']
5418
+ }], radiusTablet: [{
5419
+ type: Input,
5420
+ args: ['radius--tablet']
5421
+ }], radiusLaptop: [{
5422
+ type: Input,
5423
+ args: ['radius--laptop']
5424
+ }], radiusDesktop: [{
5425
+ type: Input,
5426
+ args: ['radius--desktop']
5427
+ }], backgroundColor: [{
5428
+ type: Input,
5429
+ args: ['background-color']
5430
+ }], compact: [{
5135
5431
  type: Input
5136
5432
  }], grow: [{
5137
5433
  type: Input
@@ -5271,9 +5567,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5271
5567
  args: ['sticky-bottom']
5272
5568
  }] } });
5273
5569
  /**
5274
- * @description Type-only wrapper for <px-card>
5570
+ * @description Type-only wrapper for <px-cell-button>
5275
5571
  */
5276
- class PxCard {
5572
+ class PxCellButton {
5277
5573
  elementRef;
5278
5574
  set inverted(value) {
5279
5575
  this.elementRef.nativeElement['inverted'] = value;
@@ -5281,83 +5577,111 @@ class PxCard {
5281
5577
  get inverted() {
5282
5578
  return this.elementRef.nativeElement['inverted'];
5283
5579
  }
5284
- set backgroundColor(value) {
5285
- this.elementRef.nativeElement['backgroundColor'] = value;
5580
+ set variant(value) {
5581
+ this.elementRef.nativeElement['variant'] = value;
5286
5582
  }
5287
- get backgroundColor() {
5288
- return this.elementRef.nativeElement['backgroundColor'];
5583
+ get variant() {
5584
+ return this.elementRef.nativeElement['variant'];
5289
5585
  }
5290
- set backgroundSize(value) {
5291
- this.elementRef.nativeElement['backgroundSize'] = value;
5586
+ /** Whether the button is disabled. */
5587
+ set disabled(value) {
5588
+ this.elementRef.nativeElement['disabled'] = value;
5292
5589
  }
5293
- get backgroundSize() {
5294
- return this.elementRef.nativeElement['backgroundSize'];
5590
+ get disabled() {
5591
+ return this.elementRef.nativeElement['disabled'];
5295
5592
  }
5296
- set backgroundPosition(value) {
5297
- this.elementRef.nativeElement['backgroundPosition'] = value;
5593
+ set separator(value) {
5594
+ this.elementRef.nativeElement['separator'] = value;
5298
5595
  }
5299
- get backgroundPosition() {
5300
- return this.elementRef.nativeElement['backgroundPosition'];
5596
+ get separator() {
5597
+ return this.elementRef.nativeElement['separator'];
5301
5598
  }
5302
- set contrastHelperGradient(value) {
5303
- this.elementRef.nativeElement['contrastHelperGradient'] = value;
5599
+ set separatorMobile(value) {
5600
+ this.elementRef.nativeElement['separatorMobile'] = value;
5304
5601
  }
5305
- get contrastHelperGradient() {
5306
- return this.elementRef.nativeElement['contrastHelperGradient'];
5602
+ get separatorMobile() {
5603
+ return this.elementRef.nativeElement['separatorMobile'];
5307
5604
  }
5308
- set contrastHelperOverlay(value) {
5309
- this.elementRef.nativeElement['contrastHelperOverlay'] = value;
5605
+ set separatorTablet(value) {
5606
+ this.elementRef.nativeElement['separatorTablet'] = value;
5310
5607
  }
5311
- get contrastHelperOverlay() {
5312
- return this.elementRef.nativeElement['contrastHelperOverlay'];
5608
+ get separatorTablet() {
5609
+ return this.elementRef.nativeElement['separatorTablet'];
5313
5610
  }
5314
- set mediaPosition(value) {
5315
- this.elementRef.nativeElement['mediaPosition'] = value;
5611
+ set separatorLaptop(value) {
5612
+ this.elementRef.nativeElement['separatorLaptop'] = value;
5316
5613
  }
5317
- get mediaPosition() {
5318
- return this.elementRef.nativeElement['mediaPosition'];
5614
+ get separatorLaptop() {
5615
+ return this.elementRef.nativeElement['separatorLaptop'];
5319
5616
  }
5320
- set mediaPositionMobile(value) {
5321
- this.elementRef.nativeElement['mediaPositionMobile'] = value;
5617
+ set separatorDesktop(value) {
5618
+ this.elementRef.nativeElement['separatorDesktop'] = value;
5322
5619
  }
5323
- get mediaPositionMobile() {
5324
- return this.elementRef.nativeElement['mediaPositionMobile'];
5620
+ get separatorDesktop() {
5621
+ return this.elementRef.nativeElement['separatorDesktop'];
5325
5622
  }
5326
- set mediaPositionTablet(value) {
5327
- this.elementRef.nativeElement['mediaPositionTablet'] = value;
5623
+ set radius(value) {
5624
+ this.elementRef.nativeElement['radius'] = value;
5328
5625
  }
5329
- get mediaPositionTablet() {
5330
- return this.elementRef.nativeElement['mediaPositionTablet'];
5626
+ get radius() {
5627
+ return this.elementRef.nativeElement['radius'];
5331
5628
  }
5332
- set mediaPositionLaptop(value) {
5333
- this.elementRef.nativeElement['mediaPositionLaptop'] = value;
5629
+ set radiusMobile(value) {
5630
+ this.elementRef.nativeElement['radiusMobile'] = value;
5334
5631
  }
5335
- get mediaPositionLaptop() {
5336
- return this.elementRef.nativeElement['mediaPositionLaptop'];
5632
+ get radiusMobile() {
5633
+ return this.elementRef.nativeElement['radiusMobile'];
5337
5634
  }
5338
- set mediaSrc(value) {
5339
- this.elementRef.nativeElement['mediaSrc'] = value;
5635
+ set radiusTablet(value) {
5636
+ this.elementRef.nativeElement['radiusTablet'] = value;
5340
5637
  }
5341
- get mediaSrc() {
5342
- return this.elementRef.nativeElement['mediaSrc'];
5638
+ get radiusTablet() {
5639
+ return this.elementRef.nativeElement['radiusTablet'];
5343
5640
  }
5344
- set mediaSrcMobile(value) {
5345
- this.elementRef.nativeElement['mediaSrcMobile'] = value;
5641
+ set radiusLaptop(value) {
5642
+ this.elementRef.nativeElement['radiusLaptop'] = value;
5346
5643
  }
5347
- get mediaSrcMobile() {
5348
- return this.elementRef.nativeElement['mediaSrcMobile'];
5644
+ get radiusLaptop() {
5645
+ return this.elementRef.nativeElement['radiusLaptop'];
5349
5646
  }
5350
- set mediaSrcTablet(value) {
5351
- this.elementRef.nativeElement['mediaSrcTablet'] = value;
5647
+ set radiusDesktop(value) {
5648
+ this.elementRef.nativeElement['radiusDesktop'] = value;
5352
5649
  }
5353
- get mediaSrcTablet() {
5354
- return this.elementRef.nativeElement['mediaSrcTablet'];
5650
+ get radiusDesktop() {
5651
+ return this.elementRef.nativeElement['radiusDesktop'];
5355
5652
  }
5356
- set mediaSrcLaptop(value) {
5357
- this.elementRef.nativeElement['mediaSrcLaptop'] = value;
5653
+ set backgroundColor(value) {
5654
+ this.elementRef.nativeElement['backgroundColor'] = value;
5358
5655
  }
5359
- get mediaSrcLaptop() {
5360
- return this.elementRef.nativeElement['mediaSrcLaptop'];
5656
+ get backgroundColor() {
5657
+ return this.elementRef.nativeElement['backgroundColor'];
5658
+ }
5659
+ set compact(value) {
5660
+ this.elementRef.nativeElement['compact'] = value;
5661
+ }
5662
+ get compact() {
5663
+ return this.elementRef.nativeElement['compact'];
5664
+ }
5665
+ /** The name of the button, submitted as a pair with the button's value as part of the form data. */
5666
+ set name(value) {
5667
+ this.elementRef.nativeElement['name'] = value;
5668
+ }
5669
+ get name() {
5670
+ return this.elementRef.nativeElement['name'];
5671
+ }
5672
+ /** The value associated with the button's name when it's submitted with a form. */
5673
+ set value(value) {
5674
+ this.elementRef.nativeElement['value'] = value;
5675
+ }
5676
+ get value() {
5677
+ return this.elementRef.nativeElement['value'];
5678
+ }
5679
+ /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
5680
+ set type(value) {
5681
+ this.elementRef.nativeElement['type'] = value;
5682
+ }
5683
+ get type() {
5684
+ return this.elementRef.nativeElement['type'];
5361
5685
  }
5362
5686
  set grow(value) {
5363
5687
  this.elementRef.nativeElement['grow'] = value;
@@ -5644,55 +5968,59 @@ class PxCard {
5644
5968
  constructor(elementRef) {
5645
5969
  this.elementRef = elementRef;
5646
5970
  }
5647
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5648
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCard, selector: "px-card", inputs: { inverted: "inverted", backgroundColor: ["background-color", "backgroundColor"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], mediaPosition: ["media-position", "mediaPosition"], mediaPositionMobile: ["media-position--mobile", "mediaPositionMobile"], mediaPositionTablet: ["media-position--tablet", "mediaPositionTablet"], mediaPositionLaptop: ["media-position--laptop", "mediaPositionLaptop"], mediaSrc: ["media-src", "mediaSrc"], mediaSrcMobile: ["media-src--mobile", "mediaSrcMobile"], mediaSrcTablet: ["media-src--tablet", "mediaSrcTablet"], mediaSrcLaptop: ["media-src--laptop", "mediaSrcLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
5971
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5972
+ 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", name: "name", value: "value", type: "type", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
5649
5973
  }
5650
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, decorators: [{
5974
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
5651
5975
  type: Directive,
5652
5976
  args: [{
5653
- selector: 'px-card',
5977
+ selector: 'px-cell-button',
5654
5978
  }]
5655
5979
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
5656
5980
  type: Input
5657
- }], backgroundColor: [{
5658
- type: Input,
5659
- args: ['background-color']
5660
- }], backgroundSize: [{
5661
- type: Input,
5662
- args: ['background-size']
5663
- }], backgroundPosition: [{
5664
- type: Input,
5665
- args: ['background-position']
5666
- }], contrastHelperGradient: [{
5667
- type: Input,
5668
- args: ['contrast-helper-gradient']
5669
- }], contrastHelperOverlay: [{
5981
+ }], variant: [{
5982
+ type: Input
5983
+ }], disabled: [{
5984
+ type: Input
5985
+ }], separator: [{
5986
+ type: Input
5987
+ }], separatorMobile: [{
5670
5988
  type: Input,
5671
- args: ['contrast-helper-overlay']
5672
- }], mediaPosition: [{
5989
+ args: ['separator--mobile']
5990
+ }], separatorTablet: [{
5673
5991
  type: Input,
5674
- args: ['media-position']
5675
- }], mediaPositionMobile: [{
5992
+ args: ['separator--tablet']
5993
+ }], separatorLaptop: [{
5676
5994
  type: Input,
5677
- args: ['media-position--mobile']
5678
- }], mediaPositionTablet: [{
5995
+ args: ['separator--laptop']
5996
+ }], separatorDesktop: [{
5679
5997
  type: Input,
5680
- args: ['media-position--tablet']
5681
- }], mediaPositionLaptop: [{
5998
+ args: ['separator--desktop']
5999
+ }], radius: [{
6000
+ type: Input
6001
+ }], radiusMobile: [{
5682
6002
  type: Input,
5683
- args: ['media-position--laptop']
5684
- }], mediaSrc: [{
6003
+ args: ['radius--mobile']
6004
+ }], radiusTablet: [{
5685
6005
  type: Input,
5686
- args: ['media-src']
5687
- }], mediaSrcMobile: [{
6006
+ args: ['radius--tablet']
6007
+ }], radiusLaptop: [{
5688
6008
  type: Input,
5689
- args: ['media-src--mobile']
5690
- }], mediaSrcTablet: [{
6009
+ args: ['radius--laptop']
6010
+ }], radiusDesktop: [{
5691
6011
  type: Input,
5692
- args: ['media-src--tablet']
5693
- }], mediaSrcLaptop: [{
6012
+ args: ['radius--desktop']
6013
+ }], backgroundColor: [{
5694
6014
  type: Input,
5695
- args: ['media-src--laptop']
6015
+ args: ['background-color']
6016
+ }], compact: [{
6017
+ type: Input
6018
+ }], name: [{
6019
+ type: Input
6020
+ }], value: [{
6021
+ type: Input
6022
+ }], type: [{
6023
+ type: Input
5696
6024
  }], grow: [{
5697
6025
  type: Input
5698
6026
  }], growMobile: [{
@@ -5831,82 +6159,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
5831
6159
  args: ['sticky-bottom']
5832
6160
  }] } });
5833
6161
  /**
5834
- * @description Type-only wrapper for <px-appleseed>
5835
- */
5836
- class PxAppleseed {
5837
- elementRef;
5838
- set amount(value) {
5839
- this.elementRef.nativeElement['amount'] = value;
5840
- }
5841
- get amount() {
5842
- return this.elementRef.nativeElement['amount'];
5843
- }
5844
- set active(value) {
5845
- this.elementRef.nativeElement['active'] = value;
5846
- }
5847
- get active() {
5848
- return this.elementRef.nativeElement['active'];
5849
- }
5850
- constructor(elementRef) {
5851
- this.elementRef = elementRef;
5852
- }
5853
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5854
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
5855
- }
5856
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
5857
- type: Directive,
5858
- args: [{
5859
- selector: 'px-appleseed',
5860
- }]
5861
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
5862
- type: Input
5863
- }], active: [{
5864
- type: Input
5865
- }] } });
5866
- /**
5867
- * @description Type-only wrapper for <px-carousel>
5868
- */
5869
- class PxCarousel {
5870
- elementRef;
5871
- constructor(elementRef) {
5872
- this.elementRef = elementRef;
5873
- }
5874
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5875
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", ngImport: i0 });
5876
- }
5877
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
5878
- type: Directive,
5879
- args: [{
5880
- selector: 'px-carousel',
5881
- }]
5882
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
5883
- /**
5884
- * @description Type-only wrapper for <px-carousel-item>
5885
- */
5886
- class PxCarouselItem {
5887
- elementRef;
5888
- CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
5889
- constructor(elementRef) {
5890
- this.elementRef = elementRef;
5891
- this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
5892
- this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
5893
- });
5894
- }
5895
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
5896
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
5897
- }
5898
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
5899
- type: Directive,
5900
- args: [{
5901
- selector: 'px-carousel-item',
5902
- }]
5903
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
5904
- type: Output
5905
- }] } });
5906
- /**
5907
- * @description Type-only wrapper for <px-cell>
6162
+ * @description Type-only wrapper for <px-cell-checkbox>
5908
6163
  */
5909
- class PxCell {
6164
+ class PxCellCheckbox {
5910
6165
  elementRef;
5911
6166
  set inverted(value) {
5912
6167
  this.elementRef.nativeElement['inverted'] = value;
@@ -5986,6 +6241,36 @@ class PxCell {
5986
6241
  get radiusDesktop() {
5987
6242
  return this.elementRef.nativeElement['radiusDesktop'];
5988
6243
  }
6244
+ set name(value) {
6245
+ this.elementRef.nativeElement['name'] = value;
6246
+ }
6247
+ get name() {
6248
+ return this.elementRef.nativeElement['name'];
6249
+ }
6250
+ set value(value) {
6251
+ this.elementRef.nativeElement['value'] = value;
6252
+ }
6253
+ get value() {
6254
+ return this.elementRef.nativeElement['value'];
6255
+ }
6256
+ set state(value) {
6257
+ this.elementRef.nativeElement['state'] = value;
6258
+ }
6259
+ get state() {
6260
+ return this.elementRef.nativeElement['state'];
6261
+ }
6262
+ set checked(value) {
6263
+ this.elementRef.nativeElement['checked'] = value;
6264
+ }
6265
+ get checked() {
6266
+ return this.elementRef.nativeElement['checked'];
6267
+ }
6268
+ set checkboxPosition(value) {
6269
+ this.elementRef.nativeElement['checkboxPosition'] = value;
6270
+ }
6271
+ get checkboxPosition() {
6272
+ return this.elementRef.nativeElement['checkboxPosition'];
6273
+ }
5989
6274
  set backgroundColor(value) {
5990
6275
  this.elementRef.nativeElement['backgroundColor'] = value;
5991
6276
  }
@@ -6280,16 +6565,20 @@ class PxCell {
6280
6565
  get stickyBottom() {
6281
6566
  return this.elementRef.nativeElement['stickyBottom'];
6282
6567
  }
6568
+ change = new EventEmitter();
6283
6569
  constructor(elementRef) {
6284
6570
  this.elementRef = elementRef;
6571
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
6572
+ this.change.emit(e.detail);
6573
+ });
6285
6574
  }
6286
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6287
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
6575
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6576
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
6288
6577
  }
6289
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
6578
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
6290
6579
  type: Directive,
6291
6580
  args: [{
6292
- selector: 'px-cell',
6581
+ selector: 'px-cell-checkbox',
6293
6582
  }]
6294
6583
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6295
6584
  type: Input
@@ -6325,6 +6614,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6325
6614
  }], radiusDesktop: [{
6326
6615
  type: Input,
6327
6616
  args: ['radius--desktop']
6617
+ }], name: [{
6618
+ type: Input
6619
+ }], value: [{
6620
+ type: Input
6621
+ }], state: [{
6622
+ type: Input
6623
+ }], checked: [{
6624
+ type: Input
6625
+ }], checkboxPosition: [{
6626
+ type: Input,
6627
+ args: ['checkbox-position']
6328
6628
  }], backgroundColor: [{
6329
6629
  type: Input,
6330
6630
  args: ['background-color']
@@ -6466,11 +6766,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6466
6766
  }], stickyBottom: [{
6467
6767
  type: Input,
6468
6768
  args: ['sticky-bottom']
6769
+ }], change: [{
6770
+ type: Output
6469
6771
  }] } });
6470
6772
  /**
6471
- * @description Type-only wrapper for <px-cell-button>
6773
+ * @description Type-only wrapper for <px-cell-link>
6472
6774
  */
6473
- class PxCellButton {
6775
+ class PxCellLink {
6474
6776
  elementRef;
6475
6777
  set inverted(value) {
6476
6778
  this.elementRef.nativeElement['inverted'] = value;
@@ -6484,7 +6786,6 @@ class PxCellButton {
6484
6786
  get variant() {
6485
6787
  return this.elementRef.nativeElement['variant'];
6486
6788
  }
6487
- /** Whether the button is disabled. */
6488
6789
  set disabled(value) {
6489
6790
  this.elementRef.nativeElement['disabled'] = value;
6490
6791
  }
@@ -6551,39 +6852,30 @@ class PxCellButton {
6551
6852
  get radiusDesktop() {
6552
6853
  return this.elementRef.nativeElement['radiusDesktop'];
6553
6854
  }
6855
+ set targetBlankAriaLabel(value) {
6856
+ this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
6857
+ }
6858
+ get targetBlankAriaLabel() {
6859
+ return this.elementRef.nativeElement['targetBlankAriaLabel'];
6860
+ }
6554
6861
  set backgroundColor(value) {
6555
6862
  this.elementRef.nativeElement['backgroundColor'] = value;
6556
6863
  }
6557
6864
  get backgroundColor() {
6558
6865
  return this.elementRef.nativeElement['backgroundColor'];
6559
6866
  }
6867
+ set noicon(value) {
6868
+ this.elementRef.nativeElement['noicon'] = value;
6869
+ }
6870
+ get noicon() {
6871
+ return this.elementRef.nativeElement['noicon'];
6872
+ }
6560
6873
  set compact(value) {
6561
6874
  this.elementRef.nativeElement['compact'] = value;
6562
6875
  }
6563
6876
  get compact() {
6564
6877
  return this.elementRef.nativeElement['compact'];
6565
6878
  }
6566
- /** The name of the button, submitted as a pair with the button's value as part of the form data. */
6567
- set name(value) {
6568
- this.elementRef.nativeElement['name'] = value;
6569
- }
6570
- get name() {
6571
- return this.elementRef.nativeElement['name'];
6572
- }
6573
- /** The value associated with the button's name when it's submitted with a form. */
6574
- set value(value) {
6575
- this.elementRef.nativeElement['value'] = value;
6576
- }
6577
- get value() {
6578
- return this.elementRef.nativeElement['value'];
6579
- }
6580
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
6581
- set type(value) {
6582
- this.elementRef.nativeElement['type'] = value;
6583
- }
6584
- get type() {
6585
- return this.elementRef.nativeElement['type'];
6586
- }
6587
6879
  set grow(value) {
6588
6880
  this.elementRef.nativeElement['grow'] = value;
6589
6881
  }
@@ -6869,13 +7161,13 @@ class PxCellButton {
6869
7161
  constructor(elementRef) {
6870
7162
  this.elementRef = elementRef;
6871
7163
  }
6872
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
6873
- 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", name: "name", value: "value", type: "type", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
7164
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7165
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
6874
7166
  }
6875
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
7167
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
6876
7168
  type: Directive,
6877
7169
  args: [{
6878
- selector: 'px-cell-button',
7170
+ selector: 'px-cell-link',
6879
7171
  }]
6880
7172
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
6881
7173
  type: Input
@@ -6911,16 +7203,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
6911
7203
  }], radiusDesktop: [{
6912
7204
  type: Input,
6913
7205
  args: ['radius--desktop']
7206
+ }], targetBlankAriaLabel: [{
7207
+ type: Input,
7208
+ args: ['target-blank-aria-label']
6914
7209
  }], backgroundColor: [{
6915
7210
  type: Input,
6916
7211
  args: ['background-color']
6917
- }], compact: [{
6918
- type: Input
6919
- }], name: [{
6920
- type: Input
6921
- }], value: [{
7212
+ }], noicon: [{
6922
7213
  type: Input
6923
- }], type: [{
7214
+ }], compact: [{
6924
7215
  type: Input
6925
7216
  }], grow: [{
6926
7217
  type: Input
@@ -7060,9 +7351,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7060
7351
  args: ['sticky-bottom']
7061
7352
  }] } });
7062
7353
  /**
7063
- * @description Type-only wrapper for <px-cell-checkbox>
7354
+ * @description Type-only wrapper for <px-cell-radio>
7064
7355
  */
7065
- class PxCellCheckbox {
7356
+ class PxCellRadio {
7066
7357
  elementRef;
7067
7358
  set inverted(value) {
7068
7359
  this.elementRef.nativeElement['inverted'] = value;
@@ -7166,11 +7457,11 @@ class PxCellCheckbox {
7166
7457
  get checked() {
7167
7458
  return this.elementRef.nativeElement['checked'];
7168
7459
  }
7169
- set checkboxPosition(value) {
7170
- this.elementRef.nativeElement['checkboxPosition'] = value;
7460
+ set radioPosition(value) {
7461
+ this.elementRef.nativeElement['radioPosition'] = value;
7171
7462
  }
7172
- get checkboxPosition() {
7173
- return this.elementRef.nativeElement['checkboxPosition'];
7463
+ get radioPosition() {
7464
+ return this.elementRef.nativeElement['radioPosition'];
7174
7465
  }
7175
7466
  set backgroundColor(value) {
7176
7467
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7473,13 +7764,13 @@ class PxCellCheckbox {
7473
7764
  this.change.emit(e.detail);
7474
7765
  });
7475
7766
  }
7476
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7477
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
7767
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7768
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
7478
7769
  }
7479
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
7770
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
7480
7771
  type: Directive,
7481
7772
  args: [{
7482
- selector: 'px-cell-checkbox',
7773
+ selector: 'px-cell-radio',
7483
7774
  }]
7484
7775
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
7485
7776
  type: Input
@@ -7523,9 +7814,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7523
7814
  type: Input
7524
7815
  }], checked: [{
7525
7816
  type: Input
7526
- }], checkboxPosition: [{
7817
+ }], radioPosition: [{
7527
7818
  type: Input,
7528
- args: ['checkbox-position']
7819
+ args: ['radio-position']
7529
7820
  }], backgroundColor: [{
7530
7821
  type: Input,
7531
7822
  args: ['background-color']
@@ -7671,9 +7962,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
7671
7962
  type: Output
7672
7963
  }] } });
7673
7964
  /**
7674
- * @description Type-only wrapper for <px-cell-link>
7965
+ * @description Type-only wrapper for <px-cell-switch>
7675
7966
  */
7676
- class PxCellLink {
7967
+ class PxCellSwitch {
7677
7968
  elementRef;
7678
7969
  set inverted(value) {
7679
7970
  this.elementRef.nativeElement['inverted'] = value;
@@ -7753,11 +8044,23 @@ class PxCellLink {
7753
8044
  get radiusDesktop() {
7754
8045
  return this.elementRef.nativeElement['radiusDesktop'];
7755
8046
  }
7756
- set targetBlankAriaLabel(value) {
7757
- this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
8047
+ set name(value) {
8048
+ this.elementRef.nativeElement['name'] = value;
7758
8049
  }
7759
- get targetBlankAriaLabel() {
7760
- return this.elementRef.nativeElement['targetBlankAriaLabel'];
8050
+ get name() {
8051
+ return this.elementRef.nativeElement['name'];
8052
+ }
8053
+ set value(value) {
8054
+ this.elementRef.nativeElement['value'] = value;
8055
+ }
8056
+ get value() {
8057
+ return this.elementRef.nativeElement['value'];
8058
+ }
8059
+ set checked(value) {
8060
+ this.elementRef.nativeElement['checked'] = value;
8061
+ }
8062
+ get checked() {
8063
+ return this.elementRef.nativeElement['checked'];
7761
8064
  }
7762
8065
  set backgroundColor(value) {
7763
8066
  this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7765,12 +8068,6 @@ class PxCellLink {
7765
8068
  get backgroundColor() {
7766
8069
  return this.elementRef.nativeElement['backgroundColor'];
7767
8070
  }
7768
- set noicon(value) {
7769
- this.elementRef.nativeElement['noicon'] = value;
7770
- }
7771
- get noicon() {
7772
- return this.elementRef.nativeElement['noicon'];
7773
- }
7774
8071
  set compact(value) {
7775
8072
  this.elementRef.nativeElement['compact'] = value;
7776
8073
  }
@@ -8059,16 +8356,20 @@ class PxCellLink {
8059
8356
  get stickyBottom() {
8060
8357
  return this.elementRef.nativeElement['stickyBottom'];
8061
8358
  }
8359
+ change = new EventEmitter();
8062
8360
  constructor(elementRef) {
8063
8361
  this.elementRef = elementRef;
8362
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
8363
+ this.change.emit(e.detail);
8364
+ });
8064
8365
  }
8065
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8066
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
8366
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8367
+ 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
8067
8368
  }
8068
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
8369
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
8069
8370
  type: Directive,
8070
8371
  args: [{
8071
- selector: 'px-cell-link',
8372
+ selector: 'px-cell-switch',
8072
8373
  }]
8073
8374
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8074
8375
  type: Input
@@ -8104,14 +8405,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8104
8405
  }], radiusDesktop: [{
8105
8406
  type: Input,
8106
8407
  args: ['radius--desktop']
8107
- }], targetBlankAriaLabel: [{
8108
- type: Input,
8109
- args: ['target-blank-aria-label']
8408
+ }], name: [{
8409
+ type: Input
8410
+ }], value: [{
8411
+ type: Input
8412
+ }], checked: [{
8413
+ type: Input
8110
8414
  }], backgroundColor: [{
8111
8415
  type: Input,
8112
8416
  args: ['background-color']
8113
- }], noicon: [{
8114
- type: Input
8115
8417
  }], compact: [{
8116
8418
  type: Input
8117
8419
  }], grow: [{
@@ -8250,11 +8552,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8250
8552
  }], stickyBottom: [{
8251
8553
  type: Input,
8252
8554
  args: ['sticky-bottom']
8555
+ }], change: [{
8556
+ type: Output
8253
8557
  }] } });
8254
8558
  /**
8255
- * @description Type-only wrapper for <px-cell-radio>
8559
+ * @description Type-only wrapper for <px-breadcrumb-item>
8256
8560
  */
8257
- class PxCellRadio {
8561
+ class PxBreadcrumbItem {
8258
8562
  elementRef;
8259
8563
  set inverted(value) {
8260
8564
  this.elementRef.nativeElement['inverted'] = value;
@@ -8262,120 +8566,6 @@ class PxCellRadio {
8262
8566
  get inverted() {
8263
8567
  return this.elementRef.nativeElement['inverted'];
8264
8568
  }
8265
- set variant(value) {
8266
- this.elementRef.nativeElement['variant'] = value;
8267
- }
8268
- get variant() {
8269
- return this.elementRef.nativeElement['variant'];
8270
- }
8271
- set disabled(value) {
8272
- this.elementRef.nativeElement['disabled'] = value;
8273
- }
8274
- get disabled() {
8275
- return this.elementRef.nativeElement['disabled'];
8276
- }
8277
- set separator(value) {
8278
- this.elementRef.nativeElement['separator'] = value;
8279
- }
8280
- get separator() {
8281
- return this.elementRef.nativeElement['separator'];
8282
- }
8283
- set separatorMobile(value) {
8284
- this.elementRef.nativeElement['separatorMobile'] = value;
8285
- }
8286
- get separatorMobile() {
8287
- return this.elementRef.nativeElement['separatorMobile'];
8288
- }
8289
- set separatorTablet(value) {
8290
- this.elementRef.nativeElement['separatorTablet'] = value;
8291
- }
8292
- get separatorTablet() {
8293
- return this.elementRef.nativeElement['separatorTablet'];
8294
- }
8295
- set separatorLaptop(value) {
8296
- this.elementRef.nativeElement['separatorLaptop'] = value;
8297
- }
8298
- get separatorLaptop() {
8299
- return this.elementRef.nativeElement['separatorLaptop'];
8300
- }
8301
- set separatorDesktop(value) {
8302
- this.elementRef.nativeElement['separatorDesktop'] = value;
8303
- }
8304
- get separatorDesktop() {
8305
- return this.elementRef.nativeElement['separatorDesktop'];
8306
- }
8307
- set radius(value) {
8308
- this.elementRef.nativeElement['radius'] = value;
8309
- }
8310
- get radius() {
8311
- return this.elementRef.nativeElement['radius'];
8312
- }
8313
- set radiusMobile(value) {
8314
- this.elementRef.nativeElement['radiusMobile'] = value;
8315
- }
8316
- get radiusMobile() {
8317
- return this.elementRef.nativeElement['radiusMobile'];
8318
- }
8319
- set radiusTablet(value) {
8320
- this.elementRef.nativeElement['radiusTablet'] = value;
8321
- }
8322
- get radiusTablet() {
8323
- return this.elementRef.nativeElement['radiusTablet'];
8324
- }
8325
- set radiusLaptop(value) {
8326
- this.elementRef.nativeElement['radiusLaptop'] = value;
8327
- }
8328
- get radiusLaptop() {
8329
- return this.elementRef.nativeElement['radiusLaptop'];
8330
- }
8331
- set radiusDesktop(value) {
8332
- this.elementRef.nativeElement['radiusDesktop'] = value;
8333
- }
8334
- get radiusDesktop() {
8335
- return this.elementRef.nativeElement['radiusDesktop'];
8336
- }
8337
- set name(value) {
8338
- this.elementRef.nativeElement['name'] = value;
8339
- }
8340
- get name() {
8341
- return this.elementRef.nativeElement['name'];
8342
- }
8343
- set value(value) {
8344
- this.elementRef.nativeElement['value'] = value;
8345
- }
8346
- get value() {
8347
- return this.elementRef.nativeElement['value'];
8348
- }
8349
- set state(value) {
8350
- this.elementRef.nativeElement['state'] = value;
8351
- }
8352
- get state() {
8353
- return this.elementRef.nativeElement['state'];
8354
- }
8355
- set checked(value) {
8356
- this.elementRef.nativeElement['checked'] = value;
8357
- }
8358
- get checked() {
8359
- return this.elementRef.nativeElement['checked'];
8360
- }
8361
- set radioPosition(value) {
8362
- this.elementRef.nativeElement['radioPosition'] = value;
8363
- }
8364
- get radioPosition() {
8365
- return this.elementRef.nativeElement['radioPosition'];
8366
- }
8367
- set backgroundColor(value) {
8368
- this.elementRef.nativeElement['backgroundColor'] = value;
8369
- }
8370
- get backgroundColor() {
8371
- return this.elementRef.nativeElement['backgroundColor'];
8372
- }
8373
- set compact(value) {
8374
- this.elementRef.nativeElement['compact'] = value;
8375
- }
8376
- get compact() {
8377
- return this.elementRef.nativeElement['compact'];
8378
- }
8379
8569
  set grow(value) {
8380
8570
  this.elementRef.nativeElement['grow'] = value;
8381
8571
  }
@@ -8658,71 +8848,23 @@ class PxCellRadio {
8658
8848
  get stickyBottom() {
8659
8849
  return this.elementRef.nativeElement['stickyBottom'];
8660
8850
  }
8661
- change = new EventEmitter();
8851
+ BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
8662
8852
  constructor(elementRef) {
8663
8853
  this.elementRef = elementRef;
8664
- this.elementRef.nativeElement.addEventListener('change', (e) => {
8665
- this.change.emit(e.detail);
8854
+ this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
8855
+ this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
8666
8856
  });
8667
8857
  }
8668
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8669
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
8858
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8859
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumbItem, selector: "px-breadcrumb-item", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { BREADCRUMB_ITEM_CONNECTED_EVENT: "BREADCRUMB_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
8670
8860
  }
8671
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
8861
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
8672
8862
  type: Directive,
8673
8863
  args: [{
8674
- selector: 'px-cell-radio',
8864
+ selector: 'px-breadcrumb-item',
8675
8865
  }]
8676
8866
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
8677
8867
  type: Input
8678
- }], variant: [{
8679
- type: Input
8680
- }], disabled: [{
8681
- type: Input
8682
- }], separator: [{
8683
- type: Input
8684
- }], separatorMobile: [{
8685
- type: Input,
8686
- args: ['separator--mobile']
8687
- }], separatorTablet: [{
8688
- type: Input,
8689
- args: ['separator--tablet']
8690
- }], separatorLaptop: [{
8691
- type: Input,
8692
- args: ['separator--laptop']
8693
- }], separatorDesktop: [{
8694
- type: Input,
8695
- args: ['separator--desktop']
8696
- }], radius: [{
8697
- type: Input
8698
- }], radiusMobile: [{
8699
- type: Input,
8700
- args: ['radius--mobile']
8701
- }], radiusTablet: [{
8702
- type: Input,
8703
- args: ['radius--tablet']
8704
- }], radiusLaptop: [{
8705
- type: Input,
8706
- args: ['radius--laptop']
8707
- }], radiusDesktop: [{
8708
- type: Input,
8709
- args: ['radius--desktop']
8710
- }], name: [{
8711
- type: Input
8712
- }], value: [{
8713
- type: Input
8714
- }], state: [{
8715
- type: Input
8716
- }], checked: [{
8717
- type: Input
8718
- }], radioPosition: [{
8719
- type: Input,
8720
- args: ['radio-position']
8721
- }], backgroundColor: [{
8722
- type: Input,
8723
- args: ['background-color']
8724
- }], compact: [{
8725
- type: Input
8726
8868
  }], grow: [{
8727
8869
  type: Input
8728
8870
  }], growMobile: [{
@@ -8859,13 +9001,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
8859
9001
  }], stickyBottom: [{
8860
9002
  type: Input,
8861
9003
  args: ['sticky-bottom']
8862
- }], change: [{
9004
+ }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
8863
9005
  type: Output
8864
9006
  }] } });
8865
9007
  /**
8866
- * @description Type-only wrapper for <px-cell-switch>
9008
+ * @description Type-only wrapper for <px-breadcrumb>
8867
9009
  */
8868
- class PxCellSwitch {
9010
+ class PxBreadcrumb {
8869
9011
  elementRef;
8870
9012
  set inverted(value) {
8871
9013
  this.elementRef.nativeElement['inverted'] = value;
@@ -8873,107 +9015,11 @@ class PxCellSwitch {
8873
9015
  get inverted() {
8874
9016
  return this.elementRef.nativeElement['inverted'];
8875
9017
  }
8876
- set variant(value) {
8877
- this.elementRef.nativeElement['variant'] = value;
8878
- }
8879
- get variant() {
8880
- return this.elementRef.nativeElement['variant'];
8881
- }
8882
- set disabled(value) {
8883
- this.elementRef.nativeElement['disabled'] = value;
8884
- }
8885
- get disabled() {
8886
- return this.elementRef.nativeElement['disabled'];
8887
- }
8888
- set separator(value) {
8889
- this.elementRef.nativeElement['separator'] = value;
8890
- }
8891
- get separator() {
8892
- return this.elementRef.nativeElement['separator'];
8893
- }
8894
- set separatorMobile(value) {
8895
- this.elementRef.nativeElement['separatorMobile'] = value;
8896
- }
8897
- get separatorMobile() {
8898
- return this.elementRef.nativeElement['separatorMobile'];
8899
- }
8900
- set separatorTablet(value) {
8901
- this.elementRef.nativeElement['separatorTablet'] = value;
8902
- }
8903
- get separatorTablet() {
8904
- return this.elementRef.nativeElement['separatorTablet'];
8905
- }
8906
- set separatorLaptop(value) {
8907
- this.elementRef.nativeElement['separatorLaptop'] = value;
8908
- }
8909
- get separatorLaptop() {
8910
- return this.elementRef.nativeElement['separatorLaptop'];
8911
- }
8912
- set separatorDesktop(value) {
8913
- this.elementRef.nativeElement['separatorDesktop'] = value;
8914
- }
8915
- get separatorDesktop() {
8916
- return this.elementRef.nativeElement['separatorDesktop'];
8917
- }
8918
- set radius(value) {
8919
- this.elementRef.nativeElement['radius'] = value;
8920
- }
8921
- get radius() {
8922
- return this.elementRef.nativeElement['radius'];
8923
- }
8924
- set radiusMobile(value) {
8925
- this.elementRef.nativeElement['radiusMobile'] = value;
8926
- }
8927
- get radiusMobile() {
8928
- return this.elementRef.nativeElement['radiusMobile'];
8929
- }
8930
- set radiusTablet(value) {
8931
- this.elementRef.nativeElement['radiusTablet'] = value;
8932
- }
8933
- get radiusTablet() {
8934
- return this.elementRef.nativeElement['radiusTablet'];
8935
- }
8936
- set radiusLaptop(value) {
8937
- this.elementRef.nativeElement['radiusLaptop'] = value;
8938
- }
8939
- get radiusLaptop() {
8940
- return this.elementRef.nativeElement['radiusLaptop'];
8941
- }
8942
- set radiusDesktop(value) {
8943
- this.elementRef.nativeElement['radiusDesktop'] = value;
8944
- }
8945
- get radiusDesktop() {
8946
- return this.elementRef.nativeElement['radiusDesktop'];
8947
- }
8948
- set name(value) {
8949
- this.elementRef.nativeElement['name'] = value;
8950
- }
8951
- get name() {
8952
- return this.elementRef.nativeElement['name'];
8953
- }
8954
- set value(value) {
8955
- this.elementRef.nativeElement['value'] = value;
8956
- }
8957
- get value() {
8958
- return this.elementRef.nativeElement['value'];
8959
- }
8960
- set checked(value) {
8961
- this.elementRef.nativeElement['checked'] = value;
8962
- }
8963
- get checked() {
8964
- return this.elementRef.nativeElement['checked'];
8965
- }
8966
- set backgroundColor(value) {
8967
- this.elementRef.nativeElement['backgroundColor'] = value;
8968
- }
8969
- get backgroundColor() {
8970
- return this.elementRef.nativeElement['backgroundColor'];
8971
- }
8972
- set compact(value) {
8973
- this.elementRef.nativeElement['compact'] = value;
9018
+ set ariaLabel(value) {
9019
+ this.elementRef.nativeElement['ariaLabel'] = value;
8974
9020
  }
8975
- get compact() {
8976
- return this.elementRef.nativeElement['compact'];
9021
+ get ariaLabel() {
9022
+ return this.elementRef.nativeElement['ariaLabel'];
8977
9023
  }
8978
9024
  set grow(value) {
8979
9025
  this.elementRef.nativeElement['grow'] = value;
@@ -9257,66 +9303,22 @@ class PxCellSwitch {
9257
9303
  get stickyBottom() {
9258
9304
  return this.elementRef.nativeElement['stickyBottom'];
9259
9305
  }
9260
- change = new EventEmitter();
9261
9306
  constructor(elementRef) {
9262
9307
  this.elementRef = elementRef;
9263
- this.elementRef.nativeElement.addEventListener('change', (e) => {
9264
- this.change.emit(e.detail);
9265
- });
9266
9308
  }
9267
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9268
- 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"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
9309
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
9310
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxBreadcrumb, selector: "px-breadcrumb", inputs: { inverted: "inverted", ariaLabel: ["aria-label", "ariaLabel"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
9269
9311
  }
9270
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
9312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
9271
9313
  type: Directive,
9272
9314
  args: [{
9273
- selector: 'px-cell-switch',
9315
+ selector: 'px-breadcrumb',
9274
9316
  }]
9275
9317
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
9276
9318
  type: Input
9277
- }], variant: [{
9278
- type: Input
9279
- }], disabled: [{
9280
- type: Input
9281
- }], separator: [{
9282
- type: Input
9283
- }], separatorMobile: [{
9284
- type: Input,
9285
- args: ['separator--mobile']
9286
- }], separatorTablet: [{
9287
- type: Input,
9288
- args: ['separator--tablet']
9289
- }], separatorLaptop: [{
9290
- type: Input,
9291
- args: ['separator--laptop']
9292
- }], separatorDesktop: [{
9293
- type: Input,
9294
- args: ['separator--desktop']
9295
- }], radius: [{
9296
- type: Input
9297
- }], radiusMobile: [{
9298
- type: Input,
9299
- args: ['radius--mobile']
9300
- }], radiusTablet: [{
9301
- type: Input,
9302
- args: ['radius--tablet']
9303
- }], radiusLaptop: [{
9304
- type: Input,
9305
- args: ['radius--laptop']
9306
- }], radiusDesktop: [{
9307
- type: Input,
9308
- args: ['radius--desktop']
9309
- }], name: [{
9310
- type: Input
9311
- }], value: [{
9312
- type: Input
9313
- }], checked: [{
9314
- type: Input
9315
- }], backgroundColor: [{
9319
+ }], ariaLabel: [{
9316
9320
  type: Input,
9317
- args: ['background-color']
9318
- }], compact: [{
9319
- type: Input
9321
+ args: ['aria-label']
9320
9322
  }], grow: [{
9321
9323
  type: Input
9322
9324
  }], growMobile: [{
@@ -9453,8 +9455,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
9453
9455
  }], stickyBottom: [{
9454
9456
  type: Input,
9455
9457
  args: ['sticky-bottom']
9456
- }], change: [{
9457
- type: Output
9458
9458
  }] } });
9459
9459
  /**
9460
9460
  * @description Type-only wrapper for <px-checkbox>
@@ -26023,28 +26023,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26023
26023
  }]
26024
26024
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
26025
26025
  /**
26026
- * @description Type-only wrapper for <px-price>
26026
+ * @description Type-only wrapper for <px-radio>
26027
26027
  */
26028
- class PxPrice {
26028
+ class PxRadio {
26029
26029
  elementRef;
26030
+ /** The validation state of the radio button. */
26031
+ set state(value) {
26032
+ this.elementRef.nativeElement['state'] = value;
26033
+ }
26034
+ get state() {
26035
+ return this.elementRef.nativeElement['state'];
26036
+ }
26037
+ /** The visual variant of the radio button. */
26030
26038
  set variant(value) {
26031
26039
  this.elementRef.nativeElement['variant'] = value;
26032
26040
  }
26033
26041
  get variant() {
26034
26042
  return this.elementRef.nativeElement['variant'];
26035
26043
  }
26036
- set size(value) {
26037
- this.elementRef.nativeElement['size'] = value;
26038
- }
26039
- get size() {
26040
- return this.elementRef.nativeElement['size'];
26041
- }
26044
+ /** Whether to use inverted (dark background) styling. */
26042
26045
  set inverted(value) {
26043
26046
  this.elementRef.nativeElement['inverted'] = value;
26044
26047
  }
26045
26048
  get inverted() {
26046
26049
  return this.elementRef.nativeElement['inverted'];
26047
26050
  }
26051
+ /** Whether the radio button is checked. */
26052
+ set checked(value) {
26053
+ this.elementRef.nativeElement['checked'] = value;
26054
+ }
26055
+ get checked() {
26056
+ return this.elementRef.nativeElement['checked'];
26057
+ }
26058
+ /** Whether the radio button is disabled. */
26059
+ set disabled(value) {
26060
+ this.elementRef.nativeElement['disabled'] = value;
26061
+ }
26062
+ get disabled() {
26063
+ return this.elementRef.nativeElement['disabled'];
26064
+ }
26065
+ /** Whether to apply hover styling. */
26066
+ set hover(value) {
26067
+ this.elementRef.nativeElement['hover'] = value;
26068
+ }
26069
+ get hover() {
26070
+ return this.elementRef.nativeElement['hover'];
26071
+ }
26072
+ /** The name of the radio button, used for form submission. */
26073
+ set name(value) {
26074
+ this.elementRef.nativeElement['name'] = value;
26075
+ }
26076
+ get name() {
26077
+ return this.elementRef.nativeElement['name'];
26078
+ }
26079
+ /** The value of the radio button, used for form submission. */
26080
+ set value(value) {
26081
+ this.elementRef.nativeElement['value'] = value;
26082
+ }
26083
+ get value() {
26084
+ return this.elementRef.nativeElement['value'];
26085
+ }
26048
26086
  set grow(value) {
26049
26087
  this.elementRef.nativeElement['grow'] = value;
26050
26088
  }
@@ -26327,23 +26365,38 @@ class PxPrice {
26327
26365
  get stickyBottom() {
26328
26366
  return this.elementRef.nativeElement['stickyBottom'];
26329
26367
  }
26368
+ /** Fired when the radio button becomes checked. */
26369
+ change = new EventEmitter();
26330
26370
  constructor(elementRef) {
26331
26371
  this.elementRef = elementRef;
26372
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
26373
+ this.change.emit(e.detail);
26374
+ });
26332
26375
  }
26333
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26334
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPrice, selector: "px-price", inputs: { variant: "variant", size: "size", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
26376
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26377
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadio, selector: "px-radio", inputs: { state: "state", variant: "variant", inverted: "inverted", checked: "checked", disabled: "disabled", hover: "hover", name: "name", value: "value", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
26335
26378
  }
26336
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, decorators: [{
26379
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadio, decorators: [{
26337
26380
  type: Directive,
26338
26381
  args: [{
26339
- selector: 'px-price',
26382
+ selector: 'px-radio',
26340
26383
  }]
26341
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
26384
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
26342
26385
  type: Input
26343
- }], size: [{
26386
+ }], variant: [{
26344
26387
  type: Input
26345
26388
  }], inverted: [{
26346
26389
  type: Input
26390
+ }], checked: [{
26391
+ type: Input
26392
+ }], disabled: [{
26393
+ type: Input
26394
+ }], hover: [{
26395
+ type: Input
26396
+ }], name: [{
26397
+ type: Input
26398
+ }], value: [{
26399
+ type: Input
26347
26400
  }], grow: [{
26348
26401
  type: Input
26349
26402
  }], growMobile: [{
@@ -26480,67 +26533,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26480
26533
  }], stickyBottom: [{
26481
26534
  type: Input,
26482
26535
  args: ['sticky-bottom']
26536
+ }], change: [{
26537
+ type: Output
26483
26538
  }] } });
26484
26539
  /**
26485
- * @description Type-only wrapper for <px-radio>
26540
+ * @description Type-only wrapper for <px-radio-base>
26486
26541
  */
26487
- class PxRadio {
26542
+ class PxRadioBase {
26488
26543
  elementRef;
26489
- /** The validation state of the radio button. */
26490
- set state(value) {
26491
- this.elementRef.nativeElement['state'] = value;
26492
- }
26493
- get state() {
26494
- return this.elementRef.nativeElement['state'];
26495
- }
26496
- /** The visual variant of the radio button. */
26497
- set variant(value) {
26498
- this.elementRef.nativeElement['variant'] = value;
26499
- }
26500
- get variant() {
26501
- return this.elementRef.nativeElement['variant'];
26502
- }
26503
- /** Whether to use inverted (dark background) styling. */
26504
- set inverted(value) {
26505
- this.elementRef.nativeElement['inverted'] = value;
26506
- }
26507
- get inverted() {
26508
- return this.elementRef.nativeElement['inverted'];
26509
- }
26510
- /** Whether the radio button is checked. */
26511
- set checked(value) {
26512
- this.elementRef.nativeElement['checked'] = value;
26513
- }
26514
- get checked() {
26515
- return this.elementRef.nativeElement['checked'];
26516
- }
26517
- /** Whether the radio button is disabled. */
26518
- set disabled(value) {
26519
- this.elementRef.nativeElement['disabled'] = value;
26520
- }
26521
- get disabled() {
26522
- return this.elementRef.nativeElement['disabled'];
26523
- }
26524
- /** Whether to apply hover styling. */
26525
26544
  set hover(value) {
26526
26545
  this.elementRef.nativeElement['hover'] = value;
26527
26546
  }
26528
26547
  get hover() {
26529
26548
  return this.elementRef.nativeElement['hover'];
26530
26549
  }
26531
- /** The name of the radio button, used for form submission. */
26532
- set name(value) {
26533
- this.elementRef.nativeElement['name'] = value;
26534
- }
26535
- get name() {
26536
- return this.elementRef.nativeElement['name'];
26537
- }
26538
- /** The value of the radio button, used for form submission. */
26539
- set value(value) {
26540
- this.elementRef.nativeElement['value'] = value;
26550
+ set inverted(value) {
26551
+ this.elementRef.nativeElement['inverted'] = value;
26541
26552
  }
26542
- get value() {
26543
- return this.elementRef.nativeElement['value'];
26553
+ get inverted() {
26554
+ return this.elementRef.nativeElement['inverted'];
26544
26555
  }
26545
26556
  set grow(value) {
26546
26557
  this.elementRef.nativeElement['grow'] = value;
@@ -26824,38 +26835,21 @@ class PxRadio {
26824
26835
  get stickyBottom() {
26825
26836
  return this.elementRef.nativeElement['stickyBottom'];
26826
26837
  }
26827
- /** Fired when the radio button becomes checked. */
26828
- change = new EventEmitter();
26829
26838
  constructor(elementRef) {
26830
26839
  this.elementRef = elementRef;
26831
- this.elementRef.nativeElement.addEventListener('change', (e) => {
26832
- this.change.emit(e.detail);
26833
- });
26834
26840
  }
26835
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26836
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadio, selector: "px-radio", inputs: { state: "state", variant: "variant", inverted: "inverted", checked: "checked", disabled: "disabled", hover: "hover", name: "name", value: "value", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
26841
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26842
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadioBase, selector: "px-radio-base", inputs: { hover: "hover", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
26837
26843
  }
26838
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadio, decorators: [{
26844
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioBase, decorators: [{
26839
26845
  type: Directive,
26840
26846
  args: [{
26841
- selector: 'px-radio',
26847
+ selector: 'px-radio-base',
26842
26848
  }]
26843
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
26844
- type: Input
26845
- }], variant: [{
26849
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hover: [{
26846
26850
  type: Input
26847
26851
  }], inverted: [{
26848
26852
  type: Input
26849
- }], checked: [{
26850
- type: Input
26851
- }], disabled: [{
26852
- type: Input
26853
- }], hover: [{
26854
- type: Input
26855
- }], name: [{
26856
- type: Input
26857
- }], value: [{
26858
- type: Input
26859
26853
  }], grow: [{
26860
26854
  type: Input
26861
26855
  }], growMobile: [{
@@ -26992,19 +26986,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
26992
26986
  }], stickyBottom: [{
26993
26987
  type: Input,
26994
26988
  args: ['sticky-bottom']
26995
- }], change: [{
26996
- type: Output
26997
26989
  }] } });
26998
26990
  /**
26999
- * @description Type-only wrapper for <px-radio-base>
26991
+ * @description Type-only wrapper for <px-radio-group>
27000
26992
  */
27001
- class PxRadioBase {
26993
+ class PxRadioGroup {
27002
26994
  elementRef;
27003
- set hover(value) {
27004
- this.elementRef.nativeElement['hover'] = value;
26995
+ set name(value) {
26996
+ this.elementRef.nativeElement['name'] = value;
27005
26997
  }
27006
- get hover() {
27007
- return this.elementRef.nativeElement['hover'];
26998
+ get name() {
26999
+ return this.elementRef.nativeElement['name'];
27000
+ }
27001
+ set gap(value) {
27002
+ this.elementRef.nativeElement['gap'] = value;
27003
+ }
27004
+ get gap() {
27005
+ return this.elementRef.nativeElement['gap'];
27006
+ }
27007
+ set variant(value) {
27008
+ this.elementRef.nativeElement['variant'] = value;
27009
+ }
27010
+ get variant() {
27011
+ return this.elementRef.nativeElement['variant'];
27012
+ }
27013
+ set required(value) {
27014
+ this.elementRef.nativeElement['required'] = value;
27015
+ }
27016
+ get required() {
27017
+ return this.elementRef.nativeElement['required'];
27018
+ }
27019
+ set disabled(value) {
27020
+ this.elementRef.nativeElement['disabled'] = value;
27021
+ }
27022
+ get disabled() {
27023
+ return this.elementRef.nativeElement['disabled'];
27024
+ }
27025
+ set state(value) {
27026
+ this.elementRef.nativeElement['state'] = value;
27027
+ }
27028
+ get state() {
27029
+ return this.elementRef.nativeElement['state'];
27008
27030
  }
27009
27031
  set inverted(value) {
27010
27032
  this.elementRef.nativeElement['inverted'] = value;
@@ -27297,15 +27319,25 @@ class PxRadioBase {
27297
27319
  constructor(elementRef) {
27298
27320
  this.elementRef = elementRef;
27299
27321
  }
27300
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
27301
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadioBase, selector: "px-radio-base", inputs: { hover: "hover", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
27322
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
27323
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadioGroup, selector: "px-radio-group", inputs: { name: "name", gap: "gap", variant: "variant", required: "required", disabled: "disabled", state: "state", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
27302
27324
  }
27303
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioBase, decorators: [{
27325
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioGroup, decorators: [{
27304
27326
  type: Directive,
27305
27327
  args: [{
27306
- selector: 'px-radio-base',
27328
+ selector: 'px-radio-group',
27307
27329
  }]
27308
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hover: [{
27330
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
27331
+ type: Input
27332
+ }], gap: [{
27333
+ type: Input
27334
+ }], variant: [{
27335
+ type: Input
27336
+ }], required: [{
27337
+ type: Input
27338
+ }], disabled: [{
27339
+ type: Input
27340
+ }], state: [{
27309
27341
  type: Input
27310
27342
  }], inverted: [{
27311
27343
  type: Input
@@ -27447,46 +27479,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
27447
27479
  args: ['sticky-bottom']
27448
27480
  }] } });
27449
27481
  /**
27450
- * @description Type-only wrapper for <px-radio-group>
27482
+ * @description Type-only wrapper for <px-ribbon>
27451
27483
  */
27452
- class PxRadioGroup {
27484
+ class PxRibbon {
27453
27485
  elementRef;
27454
- set name(value) {
27455
- this.elementRef.nativeElement['name'] = value;
27456
- }
27457
- get name() {
27458
- return this.elementRef.nativeElement['name'];
27459
- }
27460
- set gap(value) {
27461
- this.elementRef.nativeElement['gap'] = value;
27462
- }
27463
- get gap() {
27464
- return this.elementRef.nativeElement['gap'];
27465
- }
27466
- set variant(value) {
27467
- this.elementRef.nativeElement['variant'] = value;
27468
- }
27469
- get variant() {
27470
- return this.elementRef.nativeElement['variant'];
27471
- }
27472
- set required(value) {
27473
- this.elementRef.nativeElement['required'] = value;
27474
- }
27475
- get required() {
27476
- return this.elementRef.nativeElement['required'];
27477
- }
27478
- set disabled(value) {
27479
- this.elementRef.nativeElement['disabled'] = value;
27480
- }
27481
- get disabled() {
27482
- return this.elementRef.nativeElement['disabled'];
27483
- }
27484
- set state(value) {
27485
- this.elementRef.nativeElement['state'] = value;
27486
- }
27487
- get state() {
27488
- return this.elementRef.nativeElement['state'];
27489
- }
27490
27486
  set inverted(value) {
27491
27487
  this.elementRef.nativeElement['inverted'] = value;
27492
27488
  }
@@ -27778,27 +27774,15 @@ class PxRadioGroup {
27778
27774
  constructor(elementRef) {
27779
27775
  this.elementRef = elementRef;
27780
27776
  }
27781
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
27782
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRadioGroup, selector: "px-radio-group", inputs: { name: "name", gap: "gap", variant: "variant", required: "required", disabled: "disabled", state: "state", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
27777
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
27778
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRibbon, selector: "px-ribbon", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
27783
27779
  }
27784
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRadioGroup, decorators: [{
27780
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, decorators: [{
27785
27781
  type: Directive,
27786
27782
  args: [{
27787
- selector: 'px-radio-group',
27783
+ selector: 'px-ribbon',
27788
27784
  }]
27789
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
27790
- type: Input
27791
- }], gap: [{
27792
- type: Input
27793
- }], variant: [{
27794
- type: Input
27795
- }], required: [{
27796
- type: Input
27797
- }], disabled: [{
27798
- type: Input
27799
- }], state: [{
27800
- type: Input
27801
- }], inverted: [{
27785
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
27802
27786
  type: Input
27803
27787
  }], grow: [{
27804
27788
  type: Input
@@ -27938,15 +27922,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
27938
27922
  args: ['sticky-bottom']
27939
27923
  }] } });
27940
27924
  /**
27941
- * @description Type-only wrapper for <px-ribbon>
27925
+ * @description Type-only wrapper for <px-section>
27942
27926
  */
27943
- class PxRibbon {
27927
+ class PxSection {
27944
27928
  elementRef;
27945
- set inverted(value) {
27946
- this.elementRef.nativeElement['inverted'] = value;
27929
+ set backgroundColor(value) {
27930
+ this.elementRef.nativeElement['backgroundColor'] = value;
27947
27931
  }
27948
- get inverted() {
27949
- return this.elementRef.nativeElement['inverted'];
27932
+ get backgroundColor() {
27933
+ return this.elementRef.nativeElement['backgroundColor'];
27934
+ }
27935
+ set backgroundGradient(value) {
27936
+ this.elementRef.nativeElement['backgroundGradient'] = value;
27937
+ }
27938
+ get backgroundGradient() {
27939
+ return this.elementRef.nativeElement['backgroundGradient'];
27940
+ }
27941
+ set backgroundImage(value) {
27942
+ this.elementRef.nativeElement['backgroundImage'] = value;
27943
+ }
27944
+ get backgroundImage() {
27945
+ return this.elementRef.nativeElement['backgroundImage'];
27946
+ }
27947
+ set backgroundImageMobile(value) {
27948
+ this.elementRef.nativeElement['backgroundImageMobile'] = value;
27949
+ }
27950
+ get backgroundImageMobile() {
27951
+ return this.elementRef.nativeElement['backgroundImageMobile'];
27952
+ }
27953
+ set backgroundImageTablet(value) {
27954
+ this.elementRef.nativeElement['backgroundImageTablet'] = value;
27955
+ }
27956
+ get backgroundImageTablet() {
27957
+ return this.elementRef.nativeElement['backgroundImageTablet'];
27958
+ }
27959
+ set backgroundImageLaptop(value) {
27960
+ this.elementRef.nativeElement['backgroundImageLaptop'] = value;
27961
+ }
27962
+ get backgroundImageLaptop() {
27963
+ return this.elementRef.nativeElement['backgroundImageLaptop'];
27964
+ }
27965
+ set backgroundSize(value) {
27966
+ this.elementRef.nativeElement['backgroundSize'] = value;
27967
+ }
27968
+ get backgroundSize() {
27969
+ return this.elementRef.nativeElement['backgroundSize'];
27970
+ }
27971
+ set backgroundPosition(value) {
27972
+ this.elementRef.nativeElement['backgroundPosition'] = value;
27973
+ }
27974
+ get backgroundPosition() {
27975
+ return this.elementRef.nativeElement['backgroundPosition'];
27976
+ }
27977
+ set paddingBlock(value) {
27978
+ this.elementRef.nativeElement['paddingBlock'] = value;
27979
+ }
27980
+ get paddingBlock() {
27981
+ return this.elementRef.nativeElement['paddingBlock'];
27982
+ }
27983
+ set paddingTop(value) {
27984
+ this.elementRef.nativeElement['paddingTop'] = value;
27985
+ }
27986
+ get paddingTop() {
27987
+ return this.elementRef.nativeElement['paddingTop'];
27988
+ }
27989
+ set paddingBottom(value) {
27990
+ this.elementRef.nativeElement['paddingBottom'] = value;
27991
+ }
27992
+ get paddingBottom() {
27993
+ return this.elementRef.nativeElement['paddingBottom'];
27994
+ }
27995
+ set paddingBlockMobile(value) {
27996
+ this.elementRef.nativeElement['paddingBlockMobile'] = value;
27997
+ }
27998
+ get paddingBlockMobile() {
27999
+ return this.elementRef.nativeElement['paddingBlockMobile'];
28000
+ }
28001
+ set paddingTopMobile(value) {
28002
+ this.elementRef.nativeElement['paddingTopMobile'] = value;
28003
+ }
28004
+ get paddingTopMobile() {
28005
+ return this.elementRef.nativeElement['paddingTopMobile'];
28006
+ }
28007
+ set paddingBottomMobile(value) {
28008
+ this.elementRef.nativeElement['paddingBottomMobile'] = value;
28009
+ }
28010
+ get paddingBottomMobile() {
28011
+ return this.elementRef.nativeElement['paddingBottomMobile'];
28012
+ }
28013
+ set paddingBlockTablet(value) {
28014
+ this.elementRef.nativeElement['paddingBlockTablet'] = value;
28015
+ }
28016
+ get paddingBlockTablet() {
28017
+ return this.elementRef.nativeElement['paddingBlockTablet'];
28018
+ }
28019
+ set paddingTopTablet(value) {
28020
+ this.elementRef.nativeElement['paddingTopTablet'] = value;
28021
+ }
28022
+ get paddingTopTablet() {
28023
+ return this.elementRef.nativeElement['paddingTopTablet'];
28024
+ }
28025
+ set paddingBottomTablet(value) {
28026
+ this.elementRef.nativeElement['paddingBottomTablet'] = value;
28027
+ }
28028
+ get paddingBottomTablet() {
28029
+ return this.elementRef.nativeElement['paddingBottomTablet'];
28030
+ }
28031
+ set paddingBlockLaptop(value) {
28032
+ this.elementRef.nativeElement['paddingBlockLaptop'] = value;
28033
+ }
28034
+ get paddingBlockLaptop() {
28035
+ return this.elementRef.nativeElement['paddingBlockLaptop'];
28036
+ }
28037
+ set paddingTopLaptop(value) {
28038
+ this.elementRef.nativeElement['paddingTopLaptop'] = value;
28039
+ }
28040
+ get paddingTopLaptop() {
28041
+ return this.elementRef.nativeElement['paddingTopLaptop'];
28042
+ }
28043
+ set paddingBottomLaptop(value) {
28044
+ this.elementRef.nativeElement['paddingBottomLaptop'] = value;
28045
+ }
28046
+ get paddingBottomLaptop() {
28047
+ return this.elementRef.nativeElement['paddingBottomLaptop'];
28048
+ }
28049
+ set border(value) {
28050
+ this.elementRef.nativeElement['border'] = value;
28051
+ }
28052
+ get border() {
28053
+ return this.elementRef.nativeElement['border'];
28054
+ }
28055
+ set borderSide(value) {
28056
+ this.elementRef.nativeElement['borderSide'] = value;
28057
+ }
28058
+ get borderSide() {
28059
+ return this.elementRef.nativeElement['borderSide'];
28060
+ }
28061
+ set borderSideMobile(value) {
28062
+ this.elementRef.nativeElement['borderSideMobile'] = value;
28063
+ }
28064
+ get borderSideMobile() {
28065
+ return this.elementRef.nativeElement['borderSideMobile'];
28066
+ }
28067
+ set borderSideTablet(value) {
28068
+ this.elementRef.nativeElement['borderSideTablet'] = value;
28069
+ }
28070
+ get borderSideTablet() {
28071
+ return this.elementRef.nativeElement['borderSideTablet'];
28072
+ }
28073
+ set borderSideLaptop(value) {
28074
+ this.elementRef.nativeElement['borderSideLaptop'] = value;
28075
+ }
28076
+ get borderSideLaptop() {
28077
+ return this.elementRef.nativeElement['borderSideLaptop'];
27950
28078
  }
27951
28079
  set grow(value) {
27952
28080
  this.elementRef.nativeElement['grow'] = value;
@@ -28233,16 +28361,88 @@ class PxRibbon {
28233
28361
  constructor(elementRef) {
28234
28362
  this.elementRef = elementRef;
28235
28363
  }
28236
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28237
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRibbon, selector: "px-ribbon", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
28364
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28365
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", 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"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
28238
28366
  }
28239
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, decorators: [{
28367
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, decorators: [{
28240
28368
  type: Directive,
28241
28369
  args: [{
28242
- selector: 'px-ribbon',
28370
+ selector: 'px-section',
28243
28371
  }]
28244
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
28372
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
28373
+ type: Input,
28374
+ args: ['background-color']
28375
+ }], backgroundGradient: [{
28376
+ type: Input,
28377
+ args: ['background-gradient']
28378
+ }], backgroundImage: [{
28379
+ type: Input,
28380
+ args: ['background-image']
28381
+ }], backgroundImageMobile: [{
28382
+ type: Input,
28383
+ args: ['background-image--mobile']
28384
+ }], backgroundImageTablet: [{
28385
+ type: Input,
28386
+ args: ['background-image--tablet']
28387
+ }], backgroundImageLaptop: [{
28388
+ type: Input,
28389
+ args: ['background-image--laptop']
28390
+ }], backgroundSize: [{
28391
+ type: Input,
28392
+ args: ['background-size']
28393
+ }], backgroundPosition: [{
28394
+ type: Input,
28395
+ args: ['background-position']
28396
+ }], paddingBlock: [{
28397
+ type: Input,
28398
+ args: ['padding-block']
28399
+ }], paddingTop: [{
28400
+ type: Input,
28401
+ args: ['padding-top']
28402
+ }], paddingBottom: [{
28403
+ type: Input,
28404
+ args: ['padding-bottom']
28405
+ }], paddingBlockMobile: [{
28406
+ type: Input,
28407
+ args: ['padding-block--mobile']
28408
+ }], paddingTopMobile: [{
28409
+ type: Input,
28410
+ args: ['padding-top--mobile']
28411
+ }], paddingBottomMobile: [{
28412
+ type: Input,
28413
+ args: ['padding-bottom--mobile']
28414
+ }], paddingBlockTablet: [{
28415
+ type: Input,
28416
+ args: ['padding-block--tablet']
28417
+ }], paddingTopTablet: [{
28418
+ type: Input,
28419
+ args: ['padding-top--tablet']
28420
+ }], paddingBottomTablet: [{
28421
+ type: Input,
28422
+ args: ['padding-bottom--tablet']
28423
+ }], paddingBlockLaptop: [{
28424
+ type: Input,
28425
+ args: ['padding-block--laptop']
28426
+ }], paddingTopLaptop: [{
28427
+ type: Input,
28428
+ args: ['padding-top--laptop']
28429
+ }], paddingBottomLaptop: [{
28430
+ type: Input,
28431
+ args: ['padding-bottom--laptop']
28432
+ }], border: [{
28245
28433
  type: Input
28434
+ }], borderSide: [{
28435
+ type: Input,
28436
+ args: ['border-side']
28437
+ }], borderSideMobile: [{
28438
+ type: Input,
28439
+ args: ['border-side--mobile']
28440
+ }], borderSideTablet: [{
28441
+ type: Input,
28442
+ args: ['border-side--tablet']
28443
+ }], borderSideLaptop: [{
28444
+ type: Input,
28445
+ args: ['border-side--laptop']
28246
28446
  }], grow: [{
28247
28447
  type: Input
28248
28448
  }], growMobile: [{
@@ -28381,159 +28581,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
28381
28581
  args: ['sticky-bottom']
28382
28582
  }] } });
28383
28583
  /**
28384
- * @description Type-only wrapper for <px-section>
28584
+ * @description Type-only wrapper for <px-selectable-box>
28385
28585
  */
28386
- class PxSection {
28586
+ class PxSelectableBox {
28387
28587
  elementRef;
28388
- set backgroundColor(value) {
28389
- this.elementRef.nativeElement['backgroundColor'] = value;
28390
- }
28391
- get backgroundColor() {
28392
- return this.elementRef.nativeElement['backgroundColor'];
28393
- }
28394
- set backgroundGradient(value) {
28395
- this.elementRef.nativeElement['backgroundGradient'] = value;
28396
- }
28397
- get backgroundGradient() {
28398
- return this.elementRef.nativeElement['backgroundGradient'];
28399
- }
28400
- set backgroundImage(value) {
28401
- this.elementRef.nativeElement['backgroundImage'] = value;
28402
- }
28403
- get backgroundImage() {
28404
- return this.elementRef.nativeElement['backgroundImage'];
28405
- }
28406
- set backgroundImageMobile(value) {
28407
- this.elementRef.nativeElement['backgroundImageMobile'] = value;
28408
- }
28409
- get backgroundImageMobile() {
28410
- return this.elementRef.nativeElement['backgroundImageMobile'];
28411
- }
28412
- set backgroundImageTablet(value) {
28413
- this.elementRef.nativeElement['backgroundImageTablet'] = value;
28414
- }
28415
- get backgroundImageTablet() {
28416
- return this.elementRef.nativeElement['backgroundImageTablet'];
28417
- }
28418
- set backgroundImageLaptop(value) {
28419
- this.elementRef.nativeElement['backgroundImageLaptop'] = value;
28420
- }
28421
- get backgroundImageLaptop() {
28422
- return this.elementRef.nativeElement['backgroundImageLaptop'];
28423
- }
28424
- set backgroundSize(value) {
28425
- this.elementRef.nativeElement['backgroundSize'] = value;
28426
- }
28427
- get backgroundSize() {
28428
- return this.elementRef.nativeElement['backgroundSize'];
28429
- }
28430
- set backgroundPosition(value) {
28431
- this.elementRef.nativeElement['backgroundPosition'] = value;
28432
- }
28433
- get backgroundPosition() {
28434
- return this.elementRef.nativeElement['backgroundPosition'];
28435
- }
28436
- set paddingBlock(value) {
28437
- this.elementRef.nativeElement['paddingBlock'] = value;
28438
- }
28439
- get paddingBlock() {
28440
- return this.elementRef.nativeElement['paddingBlock'];
28441
- }
28442
- set paddingTop(value) {
28443
- this.elementRef.nativeElement['paddingTop'] = value;
28444
- }
28445
- get paddingTop() {
28446
- return this.elementRef.nativeElement['paddingTop'];
28447
- }
28448
- set paddingBottom(value) {
28449
- this.elementRef.nativeElement['paddingBottom'] = value;
28450
- }
28451
- get paddingBottom() {
28452
- return this.elementRef.nativeElement['paddingBottom'];
28453
- }
28454
- set paddingBlockMobile(value) {
28455
- this.elementRef.nativeElement['paddingBlockMobile'] = value;
28456
- }
28457
- get paddingBlockMobile() {
28458
- return this.elementRef.nativeElement['paddingBlockMobile'];
28459
- }
28460
- set paddingTopMobile(value) {
28461
- this.elementRef.nativeElement['paddingTopMobile'] = value;
28462
- }
28463
- get paddingTopMobile() {
28464
- return this.elementRef.nativeElement['paddingTopMobile'];
28465
- }
28466
- set paddingBottomMobile(value) {
28467
- this.elementRef.nativeElement['paddingBottomMobile'] = value;
28468
- }
28469
- get paddingBottomMobile() {
28470
- return this.elementRef.nativeElement['paddingBottomMobile'];
28471
- }
28472
- set paddingBlockTablet(value) {
28473
- this.elementRef.nativeElement['paddingBlockTablet'] = value;
28474
- }
28475
- get paddingBlockTablet() {
28476
- return this.elementRef.nativeElement['paddingBlockTablet'];
28477
- }
28478
- set paddingTopTablet(value) {
28479
- this.elementRef.nativeElement['paddingTopTablet'] = value;
28480
- }
28481
- get paddingTopTablet() {
28482
- return this.elementRef.nativeElement['paddingTopTablet'];
28483
- }
28484
- set paddingBottomTablet(value) {
28485
- this.elementRef.nativeElement['paddingBottomTablet'] = value;
28486
- }
28487
- get paddingBottomTablet() {
28488
- return this.elementRef.nativeElement['paddingBottomTablet'];
28489
- }
28490
- set paddingBlockLaptop(value) {
28491
- this.elementRef.nativeElement['paddingBlockLaptop'] = value;
28492
- }
28493
- get paddingBlockLaptop() {
28494
- return this.elementRef.nativeElement['paddingBlockLaptop'];
28495
- }
28496
- set paddingTopLaptop(value) {
28497
- this.elementRef.nativeElement['paddingTopLaptop'] = value;
28498
- }
28499
- get paddingTopLaptop() {
28500
- return this.elementRef.nativeElement['paddingTopLaptop'];
28501
- }
28502
- set paddingBottomLaptop(value) {
28503
- this.elementRef.nativeElement['paddingBottomLaptop'] = value;
28504
- }
28505
- get paddingBottomLaptop() {
28506
- return this.elementRef.nativeElement['paddingBottomLaptop'];
28507
- }
28508
- set border(value) {
28509
- this.elementRef.nativeElement['border'] = value;
28510
- }
28511
- get border() {
28512
- return this.elementRef.nativeElement['border'];
28513
- }
28514
- set borderSide(value) {
28515
- this.elementRef.nativeElement['borderSide'] = value;
28516
- }
28517
- get borderSide() {
28518
- return this.elementRef.nativeElement['borderSide'];
28519
- }
28520
- set borderSideMobile(value) {
28521
- this.elementRef.nativeElement['borderSideMobile'] = value;
28522
- }
28523
- get borderSideMobile() {
28524
- return this.elementRef.nativeElement['borderSideMobile'];
28525
- }
28526
- set borderSideTablet(value) {
28527
- this.elementRef.nativeElement['borderSideTablet'] = value;
28588
+ set inverted(value) {
28589
+ this.elementRef.nativeElement['inverted'] = value;
28528
28590
  }
28529
- get borderSideTablet() {
28530
- return this.elementRef.nativeElement['borderSideTablet'];
28591
+ get inverted() {
28592
+ return this.elementRef.nativeElement['inverted'];
28531
28593
  }
28532
- set borderSideLaptop(value) {
28533
- this.elementRef.nativeElement['borderSideLaptop'] = value;
28594
+ set hideFooter(value) {
28595
+ this.elementRef.nativeElement['hideFooter'] = value;
28534
28596
  }
28535
- get borderSideLaptop() {
28536
- return this.elementRef.nativeElement['borderSideLaptop'];
28597
+ get hideFooter() {
28598
+ return this.elementRef.nativeElement['hideFooter'];
28537
28599
  }
28538
28600
  set grow(value) {
28539
28601
  this.elementRef.nativeElement['grow'] = value;
@@ -28820,88 +28882,19 @@ class PxSection {
28820
28882
  constructor(elementRef) {
28821
28883
  this.elementRef = elementRef;
28822
28884
  }
28823
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28824
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", 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"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
28885
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28886
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBox, selector: "px-selectable-box", inputs: { inverted: "inverted", hideFooter: ["hide-footer", "hideFooter"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
28825
28887
  }
28826
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, decorators: [{
28888
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, decorators: [{
28827
28889
  type: Directive,
28828
28890
  args: [{
28829
- selector: 'px-section',
28891
+ selector: 'px-selectable-box',
28830
28892
  }]
28831
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
28832
- type: Input,
28833
- args: ['background-color']
28834
- }], backgroundGradient: [{
28835
- type: Input,
28836
- args: ['background-gradient']
28837
- }], backgroundImage: [{
28838
- type: Input,
28839
- args: ['background-image']
28840
- }], backgroundImageMobile: [{
28841
- type: Input,
28842
- args: ['background-image--mobile']
28843
- }], backgroundImageTablet: [{
28844
- type: Input,
28845
- args: ['background-image--tablet']
28846
- }], backgroundImageLaptop: [{
28847
- type: Input,
28848
- args: ['background-image--laptop']
28849
- }], backgroundSize: [{
28850
- type: Input,
28851
- args: ['background-size']
28852
- }], backgroundPosition: [{
28853
- type: Input,
28854
- args: ['background-position']
28855
- }], paddingBlock: [{
28856
- type: Input,
28857
- args: ['padding-block']
28858
- }], paddingTop: [{
28859
- type: Input,
28860
- args: ['padding-top']
28861
- }], paddingBottom: [{
28862
- type: Input,
28863
- args: ['padding-bottom']
28864
- }], paddingBlockMobile: [{
28865
- type: Input,
28866
- args: ['padding-block--mobile']
28867
- }], paddingTopMobile: [{
28868
- type: Input,
28869
- args: ['padding-top--mobile']
28870
- }], paddingBottomMobile: [{
28871
- type: Input,
28872
- args: ['padding-bottom--mobile']
28873
- }], paddingBlockTablet: [{
28874
- type: Input,
28875
- args: ['padding-block--tablet']
28876
- }], paddingTopTablet: [{
28877
- type: Input,
28878
- args: ['padding-top--tablet']
28879
- }], paddingBottomTablet: [{
28880
- type: Input,
28881
- args: ['padding-bottom--tablet']
28882
- }], paddingBlockLaptop: [{
28883
- type: Input,
28884
- args: ['padding-block--laptop']
28885
- }], paddingTopLaptop: [{
28886
- type: Input,
28887
- args: ['padding-top--laptop']
28888
- }], paddingBottomLaptop: [{
28889
- type: Input,
28890
- args: ['padding-bottom--laptop']
28891
- }], border: [{
28893
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
28892
28894
  type: Input
28893
- }], borderSide: [{
28894
- type: Input,
28895
- args: ['border-side']
28896
- }], borderSideMobile: [{
28897
- type: Input,
28898
- args: ['border-side--mobile']
28899
- }], borderSideTablet: [{
28900
- type: Input,
28901
- args: ['border-side--tablet']
28902
- }], borderSideLaptop: [{
28895
+ }], hideFooter: [{
28903
28896
  type: Input,
28904
- args: ['border-side--laptop']
28897
+ args: ['hide-footer']
28905
28898
  }], grow: [{
28906
28899
  type: Input
28907
28900
  }], growMobile: [{
@@ -29040,9 +29033,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29040
29033
  args: ['sticky-bottom']
29041
29034
  }] } });
29042
29035
  /**
29043
- * @description Type-only wrapper for <px-selectable-box>
29036
+ * @description Type-only wrapper for <px-selectable-box-checkbox>
29044
29037
  */
29045
- class PxSelectableBox {
29038
+ class PxSelectableBoxCheckbox {
29046
29039
  elementRef;
29047
29040
  set inverted(value) {
29048
29041
  this.elementRef.nativeElement['inverted'] = value;
@@ -29050,11 +29043,29 @@ class PxSelectableBox {
29050
29043
  get inverted() {
29051
29044
  return this.elementRef.nativeElement['inverted'];
29052
29045
  }
29053
- set hideFooter(value) {
29054
- this.elementRef.nativeElement['hideFooter'] = value;
29046
+ set name(value) {
29047
+ this.elementRef.nativeElement['name'] = value;
29055
29048
  }
29056
- get hideFooter() {
29057
- return this.elementRef.nativeElement['hideFooter'];
29049
+ get name() {
29050
+ return this.elementRef.nativeElement['name'];
29051
+ }
29052
+ set value(value) {
29053
+ this.elementRef.nativeElement['value'] = value;
29054
+ }
29055
+ get value() {
29056
+ return this.elementRef.nativeElement['value'];
29057
+ }
29058
+ set checked(value) {
29059
+ this.elementRef.nativeElement['checked'] = value;
29060
+ }
29061
+ get checked() {
29062
+ return this.elementRef.nativeElement['checked'];
29063
+ }
29064
+ set disabled(value) {
29065
+ this.elementRef.nativeElement['disabled'] = value;
29066
+ }
29067
+ get disabled() {
29068
+ return this.elementRef.nativeElement['disabled'];
29058
29069
  }
29059
29070
  set grow(value) {
29060
29071
  this.elementRef.nativeElement['grow'] = value;
@@ -29338,22 +29349,31 @@ class PxSelectableBox {
29338
29349
  get stickyBottom() {
29339
29350
  return this.elementRef.nativeElement['stickyBottom'];
29340
29351
  }
29352
+ change = new EventEmitter();
29341
29353
  constructor(elementRef) {
29342
29354
  this.elementRef = elementRef;
29355
+ this.elementRef.nativeElement.addEventListener('change', (e) => {
29356
+ this.change.emit(e.detail);
29357
+ });
29343
29358
  }
29344
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29345
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBox, selector: "px-selectable-box", inputs: { inverted: "inverted", hideFooter: ["hide-footer", "hideFooter"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
29359
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29360
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxCheckbox, selector: "px-selectable-box-checkbox", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
29346
29361
  }
29347
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBox, decorators: [{
29362
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, decorators: [{
29348
29363
  type: Directive,
29349
29364
  args: [{
29350
- selector: 'px-selectable-box',
29365
+ selector: 'px-selectable-box-checkbox',
29351
29366
  }]
29352
29367
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
29353
29368
  type: Input
29354
- }], hideFooter: [{
29355
- type: Input,
29356
- args: ['hide-footer']
29369
+ }], name: [{
29370
+ type: Input
29371
+ }], value: [{
29372
+ type: Input
29373
+ }], checked: [{
29374
+ type: Input
29375
+ }], disabled: [{
29376
+ type: Input
29357
29377
  }], grow: [{
29358
29378
  type: Input
29359
29379
  }], growMobile: [{
@@ -29490,11 +29510,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29490
29510
  }], stickyBottom: [{
29491
29511
  type: Input,
29492
29512
  args: ['sticky-bottom']
29513
+ }], change: [{
29514
+ type: Output
29493
29515
  }] } });
29494
29516
  /**
29495
- * @description Type-only wrapper for <px-selectable-box-checkbox>
29517
+ * @description Type-only wrapper for <px-selectable-box-radio>
29496
29518
  */
29497
- class PxSelectableBoxCheckbox {
29519
+ class PxSelectableBoxRadio {
29498
29520
  elementRef;
29499
29521
  set inverted(value) {
29500
29522
  this.elementRef.nativeElement['inverted'] = value;
@@ -29815,13 +29837,13 @@ class PxSelectableBoxCheckbox {
29815
29837
  this.change.emit(e.detail);
29816
29838
  });
29817
29839
  }
29818
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29819
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxCheckbox, selector: "px-selectable-box-checkbox", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
29840
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
29841
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
29820
29842
  }
29821
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxCheckbox, decorators: [{
29843
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
29822
29844
  type: Directive,
29823
29845
  args: [{
29824
- selector: 'px-selectable-box-checkbox',
29846
+ selector: 'px-selectable-box-radio',
29825
29847
  }]
29826
29848
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
29827
29849
  type: Input
@@ -29973,39 +29995,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
29973
29995
  type: Output
29974
29996
  }] } });
29975
29997
  /**
29976
- * @description Type-only wrapper for <px-selectable-box-radio>
29998
+ * @description Type-only wrapper for <px-separator>
29977
29999
  */
29978
- class PxSelectableBoxRadio {
30000
+ class PxSeparator {
29979
30001
  elementRef;
29980
- set inverted(value) {
29981
- this.elementRef.nativeElement['inverted'] = value;
30002
+ set direction(value) {
30003
+ this.elementRef.nativeElement['direction'] = value;
29982
30004
  }
29983
- get inverted() {
29984
- return this.elementRef.nativeElement['inverted'];
30005
+ get direction() {
30006
+ return this.elementRef.nativeElement['direction'];
29985
30007
  }
29986
- set name(value) {
29987
- this.elementRef.nativeElement['name'] = value;
30008
+ set directionMobile(value) {
30009
+ this.elementRef.nativeElement['directionMobile'] = value;
29988
30010
  }
29989
- get name() {
29990
- return this.elementRef.nativeElement['name'];
30011
+ get directionMobile() {
30012
+ return this.elementRef.nativeElement['directionMobile'];
29991
30013
  }
29992
- set value(value) {
29993
- this.elementRef.nativeElement['value'] = value;
30014
+ set directionTablet(value) {
30015
+ this.elementRef.nativeElement['directionTablet'] = value;
29994
30016
  }
29995
- get value() {
29996
- return this.elementRef.nativeElement['value'];
30017
+ get directionTablet() {
30018
+ return this.elementRef.nativeElement['directionTablet'];
29997
30019
  }
29998
- set checked(value) {
29999
- this.elementRef.nativeElement['checked'] = value;
30020
+ set directionLaptop(value) {
30021
+ this.elementRef.nativeElement['directionLaptop'] = value;
30000
30022
  }
30001
- get checked() {
30002
- return this.elementRef.nativeElement['checked'];
30023
+ get directionLaptop() {
30024
+ return this.elementRef.nativeElement['directionLaptop'];
30003
30025
  }
30004
- set disabled(value) {
30005
- this.elementRef.nativeElement['disabled'] = value;
30026
+ set directionDesktop(value) {
30027
+ this.elementRef.nativeElement['directionDesktop'] = value;
30006
30028
  }
30007
- get disabled() {
30008
- return this.elementRef.nativeElement['disabled'];
30029
+ get directionDesktop() {
30030
+ return this.elementRef.nativeElement['directionDesktop'];
30031
+ }
30032
+ set size(value) {
30033
+ this.elementRef.nativeElement['size'] = value;
30034
+ }
30035
+ get size() {
30036
+ return this.elementRef.nativeElement['size'];
30037
+ }
30038
+ set color(value) {
30039
+ this.elementRef.nativeElement['color'] = value;
30040
+ }
30041
+ get color() {
30042
+ return this.elementRef.nativeElement['color'];
30043
+ }
30044
+ set inverted(value) {
30045
+ this.elementRef.nativeElement['inverted'] = value;
30046
+ }
30047
+ get inverted() {
30048
+ return this.elementRef.nativeElement['inverted'];
30009
30049
  }
30010
30050
  set grow(value) {
30011
30051
  this.elementRef.nativeElement['grow'] = value;
@@ -30289,30 +30329,36 @@ class PxSelectableBoxRadio {
30289
30329
  get stickyBottom() {
30290
30330
  return this.elementRef.nativeElement['stickyBottom'];
30291
30331
  }
30292
- change = new EventEmitter();
30293
30332
  constructor(elementRef) {
30294
30333
  this.elementRef = elementRef;
30295
- this.elementRef.nativeElement.addEventListener('change', (e) => {
30296
- this.change.emit(e.detail);
30297
- });
30298
30334
  }
30299
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30300
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { change: "change" }, ngImport: i0 });
30335
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30336
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSeparator, selector: "px-separator", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], size: "size", color: "color", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
30301
30337
  }
30302
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
30338
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, decorators: [{
30303
30339
  type: Directive,
30304
30340
  args: [{
30305
- selector: 'px-selectable-box-radio',
30341
+ selector: 'px-separator',
30306
30342
  }]
30307
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
30308
- type: Input
30309
- }], name: [{
30343
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
30310
30344
  type: Input
30311
- }], value: [{
30345
+ }], directionMobile: [{
30346
+ type: Input,
30347
+ args: ['direction--mobile']
30348
+ }], directionTablet: [{
30349
+ type: Input,
30350
+ args: ['direction--tablet']
30351
+ }], directionLaptop: [{
30352
+ type: Input,
30353
+ args: ['direction--laptop']
30354
+ }], directionDesktop: [{
30355
+ type: Input,
30356
+ args: ['direction--desktop']
30357
+ }], size: [{
30312
30358
  type: Input
30313
- }], checked: [{
30359
+ }], color: [{
30314
30360
  type: Input
30315
- }], disabled: [{
30361
+ }], inverted: [{
30316
30362
  type: Input
30317
30363
  }], grow: [{
30318
30364
  type: Input
@@ -30450,55 +30496,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30450
30496
  }], stickyBottom: [{
30451
30497
  type: Input,
30452
30498
  args: ['sticky-bottom']
30453
- }], change: [{
30454
- type: Output
30455
30499
  }] } });
30456
30500
  /**
30457
- * @description Type-only wrapper for <px-separator>
30501
+ * @description Type-only wrapper for <px-skeleton>
30458
30502
  */
30459
- class PxSeparator {
30503
+ class PxSkeleton {
30460
30504
  elementRef;
30461
- set direction(value) {
30462
- this.elementRef.nativeElement['direction'] = value;
30463
- }
30464
- get direction() {
30465
- return this.elementRef.nativeElement['direction'];
30466
- }
30467
- set directionMobile(value) {
30468
- this.elementRef.nativeElement['directionMobile'] = value;
30469
- }
30470
- get directionMobile() {
30471
- return this.elementRef.nativeElement['directionMobile'];
30472
- }
30473
- set directionTablet(value) {
30474
- this.elementRef.nativeElement['directionTablet'] = value;
30475
- }
30476
- get directionTablet() {
30477
- return this.elementRef.nativeElement['directionTablet'];
30478
- }
30479
- set directionLaptop(value) {
30480
- this.elementRef.nativeElement['directionLaptop'] = value;
30481
- }
30482
- get directionLaptop() {
30483
- return this.elementRef.nativeElement['directionLaptop'];
30484
- }
30485
- set directionDesktop(value) {
30486
- this.elementRef.nativeElement['directionDesktop'] = value;
30487
- }
30488
- get directionDesktop() {
30489
- return this.elementRef.nativeElement['directionDesktop'];
30490
- }
30491
- set size(value) {
30492
- this.elementRef.nativeElement['size'] = value;
30493
- }
30494
- get size() {
30495
- return this.elementRef.nativeElement['size'];
30496
- }
30497
- set color(value) {
30498
- this.elementRef.nativeElement['color'] = value;
30505
+ set variant(value) {
30506
+ this.elementRef.nativeElement['variant'] = value;
30499
30507
  }
30500
- get color() {
30501
- return this.elementRef.nativeElement['color'];
30508
+ get variant() {
30509
+ return this.elementRef.nativeElement['variant'];
30502
30510
  }
30503
30511
  set inverted(value) {
30504
30512
  this.elementRef.nativeElement['inverted'] = value;
@@ -30791,31 +30799,15 @@ class PxSeparator {
30791
30799
  constructor(elementRef) {
30792
30800
  this.elementRef = elementRef;
30793
30801
  }
30794
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30795
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSeparator, selector: "px-separator", inputs: { direction: "direction", directionMobile: ["direction--mobile", "directionMobile"], directionTablet: ["direction--tablet", "directionTablet"], directionLaptop: ["direction--laptop", "directionLaptop"], directionDesktop: ["direction--desktop", "directionDesktop"], size: "size", color: "color", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
30802
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSkeleton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
30803
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSkeleton, selector: "px-skeleton", inputs: { variant: "variant", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
30796
30804
  }
30797
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSeparator, decorators: [{
30805
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSkeleton, decorators: [{
30798
30806
  type: Directive,
30799
30807
  args: [{
30800
- selector: 'px-separator',
30808
+ selector: 'px-skeleton',
30801
30809
  }]
30802
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
30803
- type: Input
30804
- }], directionMobile: [{
30805
- type: Input,
30806
- args: ['direction--mobile']
30807
- }], directionTablet: [{
30808
- type: Input,
30809
- args: ['direction--tablet']
30810
- }], directionLaptop: [{
30811
- type: Input,
30812
- args: ['direction--laptop']
30813
- }], directionDesktop: [{
30814
- type: Input,
30815
- args: ['direction--desktop']
30816
- }], size: [{
30817
- type: Input
30818
- }], color: [{
30810
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
30819
30811
  type: Input
30820
30812
  }], inverted: [{
30821
30813
  type: Input
@@ -30957,9 +30949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30957
30949
  args: ['sticky-bottom']
30958
30950
  }] } });
30959
30951
  /**
30960
- * @description Type-only wrapper for <px-skeleton>
30952
+ * @description Type-only wrapper for <px-price>
30961
30953
  */
30962
- class PxSkeleton {
30954
+ class PxPrice {
30963
30955
  elementRef;
30964
30956
  set variant(value) {
30965
30957
  this.elementRef.nativeElement['variant'] = value;
@@ -30967,6 +30959,12 @@ class PxSkeleton {
30967
30959
  get variant() {
30968
30960
  return this.elementRef.nativeElement['variant'];
30969
30961
  }
30962
+ set size(value) {
30963
+ this.elementRef.nativeElement['size'] = value;
30964
+ }
30965
+ get size() {
30966
+ return this.elementRef.nativeElement['size'];
30967
+ }
30970
30968
  set inverted(value) {
30971
30969
  this.elementRef.nativeElement['inverted'] = value;
30972
30970
  }
@@ -31258,16 +31256,18 @@ class PxSkeleton {
31258
31256
  constructor(elementRef) {
31259
31257
  this.elementRef = elementRef;
31260
31258
  }
31261
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSkeleton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
31262
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSkeleton, selector: "px-skeleton", inputs: { variant: "variant", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
31259
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
31260
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPrice, selector: "px-price", inputs: { variant: "variant", size: "size", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
31263
31261
  }
31264
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSkeleton, decorators: [{
31262
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, decorators: [{
31265
31263
  type: Directive,
31266
31264
  args: [{
31267
- selector: 'px-skeleton',
31265
+ selector: 'px-price',
31268
31266
  }]
31269
31267
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
31270
31268
  type: Input
31269
+ }], size: [{
31270
+ type: Input
31271
31271
  }], inverted: [{
31272
31272
  type: Input
31273
31273
  }], grow: [{
@@ -32973,108 +32973,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
32973
32973
  selector: 'px-theme-switcher',
32974
32974
  }]
32975
32975
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
32976
- /**
32977
- * @description Type-only wrapper for <px-table>
32978
- */
32979
- class PxTable {
32980
- elementRef;
32981
- constructor(elementRef) {
32982
- this.elementRef = elementRef;
32983
- }
32984
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
32985
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTable, selector: "px-table", ngImport: i0 });
32986
- }
32987
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTable, decorators: [{
32988
- type: Directive,
32989
- args: [{
32990
- selector: 'px-table',
32991
- }]
32992
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
32993
- /**
32994
- * @description Type-only wrapper for <px-tbody>
32995
- */
32996
- class PxTbody {
32997
- elementRef;
32998
- constructor(elementRef) {
32999
- this.elementRef = elementRef;
33000
- }
33001
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTbody, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33002
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTbody, selector: "px-tbody", ngImport: i0 });
33003
- }
33004
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTbody, decorators: [{
33005
- type: Directive,
33006
- args: [{
33007
- selector: 'px-tbody',
33008
- }]
33009
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
33010
- /**
33011
- * @description Type-only wrapper for <px-td>
33012
- */
33013
- class PxTd {
33014
- elementRef;
33015
- constructor(elementRef) {
33016
- this.elementRef = elementRef;
33017
- }
33018
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTd, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33019
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTd, selector: "px-td", ngImport: i0 });
33020
- }
33021
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTd, decorators: [{
33022
- type: Directive,
33023
- args: [{
33024
- selector: 'px-td',
33025
- }]
33026
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
33027
- /**
33028
- * @description Type-only wrapper for <px-th>
33029
- */
33030
- class PxTh {
33031
- elementRef;
33032
- constructor(elementRef) {
33033
- this.elementRef = elementRef;
33034
- }
33035
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTh, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33036
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTh, selector: "px-th", ngImport: i0 });
33037
- }
33038
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTh, decorators: [{
33039
- type: Directive,
33040
- args: [{
33041
- selector: 'px-th',
33042
- }]
33043
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
33044
- /**
33045
- * @description Type-only wrapper for <px-thead>
33046
- */
33047
- class PxThead {
33048
- elementRef;
33049
- constructor(elementRef) {
33050
- this.elementRef = elementRef;
33051
- }
33052
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThead, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33053
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThead, selector: "px-thead", ngImport: i0 });
33054
- }
33055
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThead, decorators: [{
33056
- type: Directive,
33057
- args: [{
33058
- selector: 'px-thead',
33059
- }]
33060
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
33061
- /**
33062
- * @description Type-only wrapper for <px-tr>
33063
- */
33064
- class PxTr {
33065
- elementRef;
33066
- constructor(elementRef) {
33067
- this.elementRef = elementRef;
33068
- }
33069
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTr, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33070
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTr, selector: "px-tr", ngImport: i0 });
33071
- }
33072
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTr, decorators: [{
33073
- type: Directive,
33074
- args: [{
33075
- selector: 'px-tr',
33076
- }]
33077
- }], ctorParameters: () => [{ type: i0.ElementRef }] });
33078
32976
  /**
33079
32977
  * @description Type-only wrapper for <px-switch>
33080
32978
  */
@@ -33532,6 +33430,108 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
33532
33430
  }], change: [{
33533
33431
  type: Output
33534
33432
  }] } });
33433
+ /**
33434
+ * @description Type-only wrapper for <px-table>
33435
+ */
33436
+ class PxTable {
33437
+ elementRef;
33438
+ constructor(elementRef) {
33439
+ this.elementRef = elementRef;
33440
+ }
33441
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33442
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTable, selector: "px-table", ngImport: i0 });
33443
+ }
33444
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTable, decorators: [{
33445
+ type: Directive,
33446
+ args: [{
33447
+ selector: 'px-table',
33448
+ }]
33449
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33450
+ /**
33451
+ * @description Type-only wrapper for <px-tbody>
33452
+ */
33453
+ class PxTbody {
33454
+ elementRef;
33455
+ constructor(elementRef) {
33456
+ this.elementRef = elementRef;
33457
+ }
33458
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTbody, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33459
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTbody, selector: "px-tbody", ngImport: i0 });
33460
+ }
33461
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTbody, decorators: [{
33462
+ type: Directive,
33463
+ args: [{
33464
+ selector: 'px-tbody',
33465
+ }]
33466
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33467
+ /**
33468
+ * @description Type-only wrapper for <px-td>
33469
+ */
33470
+ class PxTd {
33471
+ elementRef;
33472
+ constructor(elementRef) {
33473
+ this.elementRef = elementRef;
33474
+ }
33475
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTd, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33476
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTd, selector: "px-td", ngImport: i0 });
33477
+ }
33478
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTd, decorators: [{
33479
+ type: Directive,
33480
+ args: [{
33481
+ selector: 'px-td',
33482
+ }]
33483
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33484
+ /**
33485
+ * @description Type-only wrapper for <px-th>
33486
+ */
33487
+ class PxTh {
33488
+ elementRef;
33489
+ constructor(elementRef) {
33490
+ this.elementRef = elementRef;
33491
+ }
33492
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTh, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33493
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTh, selector: "px-th", ngImport: i0 });
33494
+ }
33495
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTh, decorators: [{
33496
+ type: Directive,
33497
+ args: [{
33498
+ selector: 'px-th',
33499
+ }]
33500
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33501
+ /**
33502
+ * @description Type-only wrapper for <px-thead>
33503
+ */
33504
+ class PxThead {
33505
+ elementRef;
33506
+ constructor(elementRef) {
33507
+ this.elementRef = elementRef;
33508
+ }
33509
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThead, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33510
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxThead, selector: "px-thead", ngImport: i0 });
33511
+ }
33512
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxThead, decorators: [{
33513
+ type: Directive,
33514
+ args: [{
33515
+ selector: 'px-thead',
33516
+ }]
33517
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33518
+ /**
33519
+ * @description Type-only wrapper for <px-tr>
33520
+ */
33521
+ class PxTr {
33522
+ elementRef;
33523
+ constructor(elementRef) {
33524
+ this.elementRef = elementRef;
33525
+ }
33526
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTr, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
33527
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTr, selector: "px-tr", ngImport: i0 });
33528
+ }
33529
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTr, decorators: [{
33530
+ type: Directive,
33531
+ args: [{
33532
+ selector: 'px-tr',
33533
+ }]
33534
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
33535
33535
  /**
33536
33536
  * @description Type-only wrapper for <px-tabs>
33537
33537
  */
@@ -37798,9 +37798,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37798
37798
  args: ['reset-css']
37799
37799
  }] } });
37800
37800
  /**
37801
- * @description Type-only wrapper for <px-proximus-ebu-theme-provider>
37801
+ * @description Type-only wrapper for <px-proximus-theme-provider>
37802
37802
  */
37803
- class PxProximusEbuThemeProvider {
37803
+ class PxProximusThemeProvider {
37804
37804
  elementRef;
37805
37805
  set resetCss(value) {
37806
37806
  this.elementRef.nativeElement['resetCss'] = value;
@@ -37811,13 +37811,13 @@ class PxProximusEbuThemeProvider {
37811
37811
  constructor(elementRef) {
37812
37812
  this.elementRef = elementRef;
37813
37813
  }
37814
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusEbuThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37815
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusEbuThemeProvider, selector: "px-proximus-ebu-theme-provider", inputs: { resetCss: ["reset-css", "resetCss"] }, ngImport: i0 });
37814
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
37815
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxProximusThemeProvider, selector: "px-proximus-theme-provider", inputs: { resetCss: ["reset-css", "resetCss"] }, ngImport: i0 });
37816
37816
  }
37817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusEbuThemeProvider, decorators: [{
37817
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxProximusThemeProvider, decorators: [{
37818
37818
  type: Directive,
37819
37819
  args: [{
37820
- selector: 'px-proximus-ebu-theme-provider',
37820
+ selector: 'px-proximus-theme-provider',
37821
37821
  }]
37822
37822
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { resetCss: [{
37823
37823
  type: Input,
@@ -37851,7 +37851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37851
37851
  }] } });
37852
37852
  class Lavender {
37853
37853
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
37854
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxSwitch, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusEbuThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxSwitch, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusEbuThemeProvider, PxScarletThemeProvider] });
37854
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxBanner, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxBreadcrumbItem, PxBreadcrumb, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxPrice, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxBanner, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxBreadcrumbItem, PxBreadcrumb, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxPrice, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37855
37855
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37856
37856
  }
37857
37857
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37859,12 +37859,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37859
37859
  args: [{
37860
37860
  declarations: [
37861
37861
  PxAccordion,
37862
+ PxBanner,
37862
37863
  PxAgGridTable,
37863
37864
  PxAgGridTableThButton,
37864
37865
  PxAgGridTableThContent,
37865
- PxBanner,
37866
- PxBreadcrumbItem,
37867
- PxBreadcrumb,
37868
37866
  PxButton,
37869
37867
  PxButtonWrapper,
37870
37868
  PxButtonIcon,
@@ -37878,6 +37876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37878
37876
  PxCellLink,
37879
37877
  PxCellRadio,
37880
37878
  PxCellSwitch,
37879
+ PxBreadcrumbItem,
37880
+ PxBreadcrumb,
37881
37881
  PxCheckbox,
37882
37882
  PxColorOption,
37883
37883
  PxColorOptionLink,
@@ -37915,7 +37915,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37915
37915
  PxCardActions,
37916
37916
  PxCardContainer,
37917
37917
  PxCardHeading,
37918
- PxPrice,
37919
37918
  PxRadio,
37920
37919
  PxRadioBase,
37921
37920
  PxRadioGroup,
@@ -37926,19 +37925,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37926
37925
  PxSelectableBoxRadio,
37927
37926
  PxSeparator,
37928
37927
  PxSkeleton,
37928
+ PxPrice,
37929
37929
  PxSpan,
37930
37930
  PxSpinner,
37931
37931
  PxStatus,
37932
37932
  PxStatusCard,
37933
37933
  PxStickyContainer,
37934
37934
  PxThemeSwitcher,
37935
+ PxSwitch,
37935
37936
  PxTable,
37936
37937
  PxTbody,
37937
37938
  PxTd,
37938
37939
  PxTh,
37939
37940
  PxThead,
37940
37941
  PxTr,
37941
- PxSwitch,
37942
37942
  PxTabs,
37943
37943
  PxTab,
37944
37944
  PxTabPanel,
@@ -37956,17 +37956,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37956
37956
  PxIcon,
37957
37957
  PxIconSet,
37958
37958
  PxThemeProvider,
37959
- PxProximusEbuThemeProvider,
37959
+ PxProximusThemeProvider,
37960
37960
  PxScarletThemeProvider
37961
37961
  ],
37962
37962
  exports: [
37963
37963
  PxAccordion,
37964
+ PxBanner,
37964
37965
  PxAgGridTable,
37965
37966
  PxAgGridTableThButton,
37966
37967
  PxAgGridTableThContent,
37967
- PxBanner,
37968
- PxBreadcrumbItem,
37969
- PxBreadcrumb,
37970
37968
  PxButton,
37971
37969
  PxButtonWrapper,
37972
37970
  PxButtonIcon,
@@ -37980,6 +37978,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37980
37978
  PxCellLink,
37981
37979
  PxCellRadio,
37982
37980
  PxCellSwitch,
37981
+ PxBreadcrumbItem,
37982
+ PxBreadcrumb,
37983
37983
  PxCheckbox,
37984
37984
  PxColorOption,
37985
37985
  PxColorOptionLink,
@@ -38017,7 +38017,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
38017
38017
  PxCardActions,
38018
38018
  PxCardContainer,
38019
38019
  PxCardHeading,
38020
- PxPrice,
38021
38020
  PxRadio,
38022
38021
  PxRadioBase,
38023
38022
  PxRadioGroup,
@@ -38028,19 +38027,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
38028
38027
  PxSelectableBoxRadio,
38029
38028
  PxSeparator,
38030
38029
  PxSkeleton,
38030
+ PxPrice,
38031
38031
  PxSpan,
38032
38032
  PxSpinner,
38033
38033
  PxStatus,
38034
38034
  PxStatusCard,
38035
38035
  PxStickyContainer,
38036
38036
  PxThemeSwitcher,
38037
+ PxSwitch,
38037
38038
  PxTable,
38038
38039
  PxTbody,
38039
38040
  PxTd,
38040
38041
  PxTh,
38041
38042
  PxThead,
38042
38043
  PxTr,
38043
- PxSwitch,
38044
38044
  PxTabs,
38045
38045
  PxTab,
38046
38046
  PxTabPanel,
@@ -38058,7 +38058,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
38058
38058
  PxIcon,
38059
38059
  PxIconSet,
38060
38060
  PxThemeProvider,
38061
- PxProximusEbuThemeProvider,
38061
+ PxProximusThemeProvider,
38062
38062
  PxScarletThemeProvider
38063
38063
  ]
38064
38064
  }]
@@ -38068,5 +38068,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
38068
38068
  * Generated bundle index. Do not edit.
38069
38069
  */
38070
38070
 
38071
- export { Lavender, LavenderValueAccessors, PxA, PxAWrapper, PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxAppleseed, PxBanner, PxBreadcrumb, PxBreadcrumbItem, PxButton, PxButtonIcon, PxButtonWrapper, PxCard, PxCardActions, PxCardContainer, PxCardHeading, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxCheckboxValueAccessor, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxFileupload, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxHstack, PxIcon, PxIconSet, PxImg, PxInput, PxInputValueAccessor, PxList, PxListItem, PxModal, PxP, PxPage, PxPatch, PxPicture, PxPillar, PxPrice, PxProximusEbuThemeProvider, PxRadio, PxRadioBase, PxRadioGroup, PxRadioGroupValueAccessor, PxRibbon, PxScarletThemeProvider, PxSection, PxSelect, PxSelectValueAccessor, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpacer, PxSpan, PxSpinner, PxStack, PxStatus, PxStatusCard, PxStickyContainer, PxSwitch, PxSwitchValueAccessor, PxTab, PxTabPanel, PxTable, PxTabs, PxTag, PxTbody, PxTd, PxTextarea, PxTextareaValueAccessor, PxTh, PxThead, PxThemeProvider, PxThemeSwitcher, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTr, PxTypography, PxVstack };
38071
+ export { Lavender, LavenderValueAccessors, PxA, PxAWrapper, PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxAppleseed, PxBanner, PxBreadcrumb, PxBreadcrumbItem, PxButton, PxButtonIcon, PxButtonWrapper, PxCard, PxCardActions, PxCardContainer, PxCardHeading, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxCheckboxValueAccessor, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxFileupload, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxHstack, PxIcon, PxIconSet, PxImg, PxInput, PxInputValueAccessor, PxList, PxListItem, PxModal, PxP, PxPage, PxPatch, PxPicture, PxPillar, PxPrice, PxProximusThemeProvider, PxRadio, PxRadioBase, PxRadioGroup, PxRadioGroupValueAccessor, PxRibbon, PxScarletThemeProvider, PxSection, PxSelect, PxSelectValueAccessor, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpacer, PxSpan, PxSpinner, PxStack, PxStatus, PxStatusCard, PxStickyContainer, PxSwitch, PxSwitchValueAccessor, PxTab, PxTabPanel, PxTable, PxTabs, PxTag, PxTbody, PxTd, PxTextarea, PxTextareaValueAccessor, PxTh, PxThead, PxThemeProvider, PxThemeSwitcher, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTr, PxTypography, PxVstack };
38072
38072
  //# sourceMappingURL=proximus-lavender-angular.mjs.map