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

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.
@@ -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,128 +3858,16 @@ 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-breadcrumb-item>
3563
3862
  */
3564
- class PxButton {
3863
+ class PxBreadcrumbItem {
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;
3574
- }
3575
- get state() {
3576
- return this.elementRef.nativeElement['state'];
3577
- }
3578
- set loading(value) {
3579
- this.elementRef.nativeElement['loading'] = value;
3580
- }
3581
- get loading() {
3582
- return this.elementRef.nativeElement['loading'];
3583
- }
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;
3610
- }
3611
- get shapeDesktop() {
3612
- return this.elementRef.nativeElement['shapeDesktop'];
3613
- }
3614
3865
  set inverted(value) {
3615
3866
  this.elementRef.nativeElement['inverted'] = value;
3616
3867
  }
3617
3868
  get inverted() {
3618
3869
  return this.elementRef.nativeElement['inverted'];
3619
3870
  }
3620
- set ariaExpanded(value) {
3621
- this.elementRef.nativeElement['ariaExpanded'] = value;
3622
- }
3623
- get ariaExpanded() {
3624
- return this.elementRef.nativeElement['ariaExpanded'];
3625
- }
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
- /** The name of the button, submitted as a pair with the button's value as part of the form data. */
3657
- set name(value) {
3658
- this.elementRef.nativeElement['name'] = value;
3659
- }
3660
- get name() {
3661
- return this.elementRef.nativeElement['name'];
3662
- }
3663
- /** The value associated with the button's name when it's submitted with a form. */
3664
- set value(value) {
3665
- this.elementRef.nativeElement['value'] = value;
3666
- }
3667
- get value() {
3668
- return this.elementRef.nativeElement['value'];
3669
- }
3670
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
3671
- set type(value) {
3672
- this.elementRef.nativeElement['type'] = value;
3673
- }
3674
- get type() {
3675
- return this.elementRef.nativeElement['type'];
3676
- }
3677
- /** Whether the button is disabled. */
3678
- set disabled(value) {
3679
- this.elementRef.nativeElement['disabled'] = value;
3680
- }
3681
- get disabled() {
3682
- return this.elementRef.nativeElement['disabled'];
3683
- }
3684
3871
  set grow(value) {
3685
3872
  this.elementRef.nativeElement['grow'] = value;
3686
3873
  }
@@ -3963,63 +4150,22 @@ class PxButton {
3963
4150
  get stickyBottom() {
3964
4151
  return this.elementRef.nativeElement['stickyBottom'];
3965
4152
  }
4153
+ BREADCRUMB_ITEM_CONNECTED_EVENT = new EventEmitter();
3966
4154
  constructor(elementRef) {
3967
4155
  this.elementRef = elementRef;
4156
+ this.elementRef.nativeElement.addEventListener('BREADCRUMB_ITEM_CONNECTED_EVENT', (e) => {
4157
+ this.BREADCRUMB_ITEM_CONNECTED_EVENT.emit(e.detail);
4158
+ });
3968
4159
  }
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 });
4160
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4161
+ 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 });
3971
4162
  }
3972
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButton, decorators: [{
4163
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumbItem, decorators: [{
3973
4164
  type: Directive,
3974
4165
  args: [{
3975
- selector: 'px-button',
4166
+ selector: 'px-breadcrumb-item',
3976
4167
  }]
3977
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
3978
- type: Input
3979
- }], state: [{
3980
- type: Input
3981
- }], loading: [{
3982
- type: Input
3983
- }], shape: [{
3984
- 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: [{
3998
- type: Input
3999
- }], ariaExpanded: [{
4000
- type: Input,
4001
- 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
- }], name: [{
4017
- type: Input
4018
- }], value: [{
4019
- type: Input
4020
- }], type: [{
4021
- type: Input
4022
- }], disabled: [{
4168
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
4023
4169
  type: Input
4024
4170
  }], grow: [{
4025
4171
  type: Input
@@ -4157,129 +4303,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4157
4303
  }], stickyBottom: [{
4158
4304
  type: Input,
4159
4305
  args: ['sticky-bottom']
4306
+ }], BREADCRUMB_ITEM_CONNECTED_EVENT: [{
4307
+ type: Output
4160
4308
  }] } });
4161
4309
  /**
4162
- * @description Type-only wrapper for <px-button-wrapper>
4310
+ * @description Type-only wrapper for <px-breadcrumb>
4163
4311
  */
4164
- class PxButtonWrapper {
4312
+ class PxBreadcrumb {
4165
4313
  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;
4202
- }
4203
- get state() {
4204
- return this.elementRef.nativeElement['state'];
4205
- }
4206
- set loading(value) {
4207
- this.elementRef.nativeElement['loading'] = value;
4208
- }
4209
- get loading() {
4210
- return this.elementRef.nativeElement['loading'];
4211
- }
4212
- set shape(value) {
4213
- this.elementRef.nativeElement['shape'] = value;
4214
- }
4215
- get shape() {
4216
- return this.elementRef.nativeElement['shape'];
4217
- }
4218
- set shapeMobile(value) {
4219
- this.elementRef.nativeElement['shapeMobile'] = value;
4220
- }
4221
- get shapeMobile() {
4222
- return this.elementRef.nativeElement['shapeMobile'];
4223
- }
4224
- set shapeTablet(value) {
4225
- this.elementRef.nativeElement['shapeTablet'] = value;
4226
- }
4227
- get shapeTablet() {
4228
- return this.elementRef.nativeElement['shapeTablet'];
4229
- }
4230
- set shapeLaptop(value) {
4231
- this.elementRef.nativeElement['shapeLaptop'] = value;
4232
- }
4233
- get shapeLaptop() {
4234
- return this.elementRef.nativeElement['shapeLaptop'];
4235
- }
4236
- set shapeDesktop(value) {
4237
- this.elementRef.nativeElement['shapeDesktop'] = value;
4238
- }
4239
- get shapeDesktop() {
4240
- return this.elementRef.nativeElement['shapeDesktop'];
4241
- }
4242
4314
  set inverted(value) {
4243
4315
  this.elementRef.nativeElement['inverted'] = value;
4244
4316
  }
4245
4317
  get inverted() {
4246
4318
  return this.elementRef.nativeElement['inverted'];
4247
4319
  }
4248
- set ariaExpanded(value) {
4249
- this.elementRef.nativeElement['ariaExpanded'] = value;
4250
- }
4251
- get ariaExpanded() {
4252
- return this.elementRef.nativeElement['ariaExpanded'];
4253
- }
4254
- set extended(value) {
4255
- this.elementRef.nativeElement['extended'] = value;
4256
- }
4257
- get extended() {
4258
- return this.elementRef.nativeElement['extended'];
4259
- }
4260
- set extendedMobile(value) {
4261
- this.elementRef.nativeElement['extendedMobile'] = value;
4262
- }
4263
- get extendedMobile() {
4264
- return this.elementRef.nativeElement['extendedMobile'];
4265
- }
4266
- set extendedTablet(value) {
4267
- this.elementRef.nativeElement['extendedTablet'] = value;
4268
- }
4269
- get extendedTablet() {
4270
- return this.elementRef.nativeElement['extendedTablet'];
4271
- }
4272
- set extendedLaptop(value) {
4273
- this.elementRef.nativeElement['extendedLaptop'] = value;
4274
- }
4275
- get extendedLaptop() {
4276
- return this.elementRef.nativeElement['extendedLaptop'];
4277
- }
4278
- set extendedDesktop(value) {
4279
- this.elementRef.nativeElement['extendedDesktop'] = value;
4320
+ set ariaLabel(value) {
4321
+ this.elementRef.nativeElement['ariaLabel'] = value;
4280
4322
  }
4281
- get extendedDesktop() {
4282
- return this.elementRef.nativeElement['extendedDesktop'];
4323
+ get ariaLabel() {
4324
+ return this.elementRef.nativeElement['ariaLabel'];
4283
4325
  }
4284
4326
  set grow(value) {
4285
4327
  this.elementRef.nativeElement['grow'] = value;
@@ -4566,61 +4608,19 @@ class PxButtonWrapper {
4566
4608
  constructor(elementRef) {
4567
4609
  this.elementRef = elementRef;
4568
4610
  }
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 });
4611
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4612
+ 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 });
4571
4613
  }
4572
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonWrapper, decorators: [{
4614
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxBreadcrumb, decorators: [{
4573
4615
  type: Directive,
4574
4616
  args: [{
4575
- selector: 'px-button-wrapper',
4617
+ selector: 'px-breadcrumb',
4576
4618
  }]
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: [{
4592
- type: Input
4593
- }], shapeMobile: [{
4594
- type: Input,
4595
- args: ['shape--mobile']
4596
- }], shapeTablet: [{
4597
- type: Input,
4598
- args: ['shape--tablet']
4599
- }], shapeLaptop: [{
4600
- type: Input,
4601
- args: ['shape--laptop']
4602
- }], shapeDesktop: [{
4603
- type: Input,
4604
- args: ['shape--desktop']
4605
- }], inverted: [{
4606
- type: Input
4607
- }], ariaExpanded: [{
4608
- type: Input,
4609
- args: ['aria-expanded']
4610
- }], extended: [{
4619
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
4611
4620
  type: Input
4612
- }], extendedMobile: [{
4613
- type: Input,
4614
- args: ['extended--mobile']
4615
- }], extendedTablet: [{
4616
- type: Input,
4617
- args: ['extended--tablet']
4618
- }], extendedLaptop: [{
4619
- type: Input,
4620
- args: ['extended--laptop']
4621
- }], extendedDesktop: [{
4621
+ }], ariaLabel: [{
4622
4622
  type: Input,
4623
- args: ['extended--desktop']
4623
+ args: ['aria-label']
4624
4624
  }], grow: [{
4625
4625
  type: Input
4626
4626
  }], growMobile: [{
@@ -11700,6 +11700,12 @@ class PxContentHeader {
11700
11700
  get hasGriddingLaptop() {
11701
11701
  return this.elementRef.nativeElement['hasGriddingLaptop'];
11702
11702
  }
11703
+ set hasGriddingDesktop(value) {
11704
+ this.elementRef.nativeElement['hasGriddingDesktop'] = value;
11705
+ }
11706
+ get hasGriddingDesktop() {
11707
+ return this.elementRef.nativeElement['hasGriddingDesktop'];
11708
+ }
11703
11709
  set inverted(value) {
11704
11710
  this.elementRef.nativeElement['inverted'] = value;
11705
11711
  }
@@ -11992,7 +11998,7 @@ class PxContentHeader {
11992
11998
  this.elementRef = elementRef;
11993
11999
  }
11994
12000
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
11995
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
12001
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], hasGriddingDesktop: ["has-gridding--desktop", "hasGriddingDesktop"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
11996
12002
  }
11997
12003
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
11998
12004
  type: Directive,
@@ -12044,6 +12050,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
12044
12050
  }], hasGriddingLaptop: [{
12045
12051
  type: Input,
12046
12052
  args: ['has-gridding--laptop']
12053
+ }], hasGriddingDesktop: [{
12054
+ type: Input,
12055
+ args: ['has-gridding--desktop']
12047
12056
  }], inverted: [{
12048
12057
  type: Input
12049
12058
  }], grow: [{
@@ -12212,6 +12221,36 @@ class PxDrawer {
12212
12221
  get closedby() {
12213
12222
  return this.elementRef.nativeElement['closedby'];
12214
12223
  }
12224
+ set fullscreen(value) {
12225
+ this.elementRef.nativeElement['fullscreen'] = value;
12226
+ }
12227
+ get fullscreen() {
12228
+ return this.elementRef.nativeElement['fullscreen'];
12229
+ }
12230
+ set fullscreenMobile(value) {
12231
+ this.elementRef.nativeElement['fullscreenMobile'] = value;
12232
+ }
12233
+ get fullscreenMobile() {
12234
+ return this.elementRef.nativeElement['fullscreenMobile'];
12235
+ }
12236
+ set fullscreenTablet(value) {
12237
+ this.elementRef.nativeElement['fullscreenTablet'] = value;
12238
+ }
12239
+ get fullscreenTablet() {
12240
+ return this.elementRef.nativeElement['fullscreenTablet'];
12241
+ }
12242
+ set fullscreenLaptop(value) {
12243
+ this.elementRef.nativeElement['fullscreenLaptop'] = value;
12244
+ }
12245
+ get fullscreenLaptop() {
12246
+ return this.elementRef.nativeElement['fullscreenLaptop'];
12247
+ }
12248
+ set fullscreenDesktop(value) {
12249
+ this.elementRef.nativeElement['fullscreenDesktop'] = value;
12250
+ }
12251
+ get fullscreenDesktop() {
12252
+ return this.elementRef.nativeElement['fullscreenDesktop'];
12253
+ }
12215
12254
  HIDE_EVENT = new EventEmitter();
12216
12255
  constructor(elementRef) {
12217
12256
  this.elementRef = elementRef;
@@ -12220,7 +12259,7 @@ class PxDrawer {
12220
12259
  });
12221
12260
  }
12222
12261
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
12223
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby" }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
12262
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby", fullscreen: "fullscreen", fullscreenMobile: ["fullscreen--mobile", "fullscreenMobile"], fullscreenTablet: ["fullscreen--tablet", "fullscreenTablet"], fullscreenLaptop: ["fullscreen--laptop", "fullscreenLaptop"], fullscreenDesktop: ["fullscreen--desktop", "fullscreenDesktop"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
12224
12263
  }
12225
12264
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
12226
12265
  type: Directive,
@@ -12236,6 +12275,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
12236
12275
  type: Input
12237
12276
  }], closedby: [{
12238
12277
  type: Input
12278
+ }], fullscreen: [{
12279
+ type: Input
12280
+ }], fullscreenMobile: [{
12281
+ type: Input,
12282
+ args: ['fullscreen--mobile']
12283
+ }], fullscreenTablet: [{
12284
+ type: Input,
12285
+ args: ['fullscreen--tablet']
12286
+ }], fullscreenLaptop: [{
12287
+ type: Input,
12288
+ args: ['fullscreen--laptop']
12289
+ }], fullscreenDesktop: [{
12290
+ type: Input,
12291
+ args: ['fullscreen--desktop']
12239
12292
  }], HIDE_EVENT: [{
12240
12293
  type: Output
12241
12294
  }] } });
@@ -12268,6 +12321,12 @@ class PxDropdown {
12268
12321
  get manualToggle() {
12269
12322
  return this.elementRef.nativeElement['manualToggle'];
12270
12323
  }
12324
+ set popoverHeight(value) {
12325
+ this.elementRef.nativeElement['popoverHeight'] = value;
12326
+ }
12327
+ get popoverHeight() {
12328
+ return this.elementRef.nativeElement['popoverHeight'];
12329
+ }
12271
12330
  set grow(value) {
12272
12331
  this.elementRef.nativeElement['grow'] = value;
12273
12332
  }
@@ -12554,7 +12613,7 @@ class PxDropdown {
12554
12613
  this.elementRef = elementRef;
12555
12614
  }
12556
12615
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
12557
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
12616
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], popoverHeight: ["popover-height", "popoverHeight"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
12558
12617
  }
12559
12618
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
12560
12619
  type: Directive,
@@ -12571,6 +12630,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
12571
12630
  }], manualToggle: [{
12572
12631
  type: Input,
12573
12632
  args: ['manual-toggle']
12633
+ }], popoverHeight: [{
12634
+ type: Input,
12635
+ args: ['popover-height']
12574
12636
  }], grow: [{
12575
12637
  type: Input
12576
12638
  }], growMobile: [{
@@ -12709,39 +12771,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
12709
12771
  args: ['sticky-bottom']
12710
12772
  }] } });
12711
12773
  /**
12712
- * @description Type-only wrapper for <px-fieldset>
12774
+ * @description Type-only wrapper for <px-grid>
12713
12775
  */
12714
- class PxFieldset {
12776
+ class PxGrid {
12715
12777
  elementRef;
12716
- set inverted(value) {
12717
- this.elementRef.nativeElement['inverted'] = value;
12778
+ set gridCols(value) {
12779
+ this.elementRef.nativeElement['gridCols'] = value;
12718
12780
  }
12719
- get inverted() {
12720
- return this.elementRef.nativeElement['inverted'];
12781
+ get gridCols() {
12782
+ return this.elementRef.nativeElement['gridCols'];
12721
12783
  }
12722
- set role(value) {
12723
- this.elementRef.nativeElement['role'] = value;
12784
+ set gridColsMobile(value) {
12785
+ this.elementRef.nativeElement['gridColsMobile'] = value;
12724
12786
  }
12725
- get role() {
12726
- return this.elementRef.nativeElement['role'];
12787
+ get gridColsMobile() {
12788
+ return this.elementRef.nativeElement['gridColsMobile'];
12727
12789
  }
12728
- set ariaRequired(value) {
12729
- this.elementRef.nativeElement['ariaRequired'] = value;
12790
+ set gridColsTablet(value) {
12791
+ this.elementRef.nativeElement['gridColsTablet'] = value;
12730
12792
  }
12731
- get ariaRequired() {
12732
- return this.elementRef.nativeElement['ariaRequired'];
12793
+ get gridColsTablet() {
12794
+ return this.elementRef.nativeElement['gridColsTablet'];
12733
12795
  }
12734
- set ariaDisabled(value) {
12735
- this.elementRef.nativeElement['ariaDisabled'] = value;
12796
+ set gridColsLaptop(value) {
12797
+ this.elementRef.nativeElement['gridColsLaptop'] = value;
12736
12798
  }
12737
- get ariaDisabled() {
12738
- return this.elementRef.nativeElement['ariaDisabled'];
12799
+ get gridColsLaptop() {
12800
+ return this.elementRef.nativeElement['gridColsLaptop'];
12739
12801
  }
12740
- set state(value) {
12741
- this.elementRef.nativeElement['state'] = value;
12802
+ set justifyContent(value) {
12803
+ this.elementRef.nativeElement['justifyContent'] = value;
12742
12804
  }
12743
- get state() {
12744
- return this.elementRef.nativeElement['state'];
12805
+ get justifyContent() {
12806
+ return this.elementRef.nativeElement['justifyContent'];
12807
+ }
12808
+ set justifyItems(value) {
12809
+ this.elementRef.nativeElement['justifyItems'] = value;
12810
+ }
12811
+ get justifyItems() {
12812
+ return this.elementRef.nativeElement['justifyItems'];
12813
+ }
12814
+ set alignContent(value) {
12815
+ this.elementRef.nativeElement['alignContent'] = value;
12816
+ }
12817
+ get alignContent() {
12818
+ return this.elementRef.nativeElement['alignContent'];
12819
+ }
12820
+ set alignItems(value) {
12821
+ this.elementRef.nativeElement['alignItems'] = value;
12822
+ }
12823
+ get alignItems() {
12824
+ return this.elementRef.nativeElement['alignItems'];
12825
+ }
12826
+ set justifyContentMobile(value) {
12827
+ this.elementRef.nativeElement['justifyContentMobile'] = value;
12828
+ }
12829
+ get justifyContentMobile() {
12830
+ return this.elementRef.nativeElement['justifyContentMobile'];
12831
+ }
12832
+ set justifyItemsMobile(value) {
12833
+ this.elementRef.nativeElement['justifyItemsMobile'] = value;
12834
+ }
12835
+ get justifyItemsMobile() {
12836
+ return this.elementRef.nativeElement['justifyItemsMobile'];
12837
+ }
12838
+ set alignContentMobile(value) {
12839
+ this.elementRef.nativeElement['alignContentMobile'] = value;
12840
+ }
12841
+ get alignContentMobile() {
12842
+ return this.elementRef.nativeElement['alignContentMobile'];
12843
+ }
12844
+ set alignItemsMobile(value) {
12845
+ this.elementRef.nativeElement['alignItemsMobile'] = value;
12846
+ }
12847
+ get alignItemsMobile() {
12848
+ return this.elementRef.nativeElement['alignItemsMobile'];
12849
+ }
12850
+ set justifyContentTablet(value) {
12851
+ this.elementRef.nativeElement['justifyContentTablet'] = value;
12852
+ }
12853
+ get justifyContentTablet() {
12854
+ return this.elementRef.nativeElement['justifyContentTablet'];
12855
+ }
12856
+ set justifyItemsTablet(value) {
12857
+ this.elementRef.nativeElement['justifyItemsTablet'] = value;
12858
+ }
12859
+ get justifyItemsTablet() {
12860
+ return this.elementRef.nativeElement['justifyItemsTablet'];
12861
+ }
12862
+ set alignContentTablet(value) {
12863
+ this.elementRef.nativeElement['alignContentTablet'] = value;
12864
+ }
12865
+ get alignContentTablet() {
12866
+ return this.elementRef.nativeElement['alignContentTablet'];
12867
+ }
12868
+ set alignItemsTablet(value) {
12869
+ this.elementRef.nativeElement['alignItemsTablet'] = value;
12870
+ }
12871
+ get alignItemsTablet() {
12872
+ return this.elementRef.nativeElement['alignItemsTablet'];
12873
+ }
12874
+ set justifyContentLaptop(value) {
12875
+ this.elementRef.nativeElement['justifyContentLaptop'] = value;
12876
+ }
12877
+ get justifyContentLaptop() {
12878
+ return this.elementRef.nativeElement['justifyContentLaptop'];
12879
+ }
12880
+ set justifyItemsLaptop(value) {
12881
+ this.elementRef.nativeElement['justifyItemsLaptop'] = value;
12882
+ }
12883
+ get justifyItemsLaptop() {
12884
+ return this.elementRef.nativeElement['justifyItemsLaptop'];
12885
+ }
12886
+ set alignContentLaptop(value) {
12887
+ this.elementRef.nativeElement['alignContentLaptop'] = value;
12888
+ }
12889
+ get alignContentLaptop() {
12890
+ return this.elementRef.nativeElement['alignContentLaptop'];
12891
+ }
12892
+ set alignItemsLaptop(value) {
12893
+ this.elementRef.nativeElement['alignItemsLaptop'] = value;
12894
+ }
12895
+ get alignItemsLaptop() {
12896
+ return this.elementRef.nativeElement['alignItemsLaptop'];
12897
+ }
12898
+ set justifyContentDesktop(value) {
12899
+ this.elementRef.nativeElement['justifyContentDesktop'] = value;
12900
+ }
12901
+ get justifyContentDesktop() {
12902
+ return this.elementRef.nativeElement['justifyContentDesktop'];
12903
+ }
12904
+ set justifyItemsDesktop(value) {
12905
+ this.elementRef.nativeElement['justifyItemsDesktop'] = value;
12906
+ }
12907
+ get justifyItemsDesktop() {
12908
+ return this.elementRef.nativeElement['justifyItemsDesktop'];
12909
+ }
12910
+ set alignContentDesktop(value) {
12911
+ this.elementRef.nativeElement['alignContentDesktop'] = value;
12912
+ }
12913
+ get alignContentDesktop() {
12914
+ return this.elementRef.nativeElement['alignContentDesktop'];
12915
+ }
12916
+ set alignItemsDesktop(value) {
12917
+ this.elementRef.nativeElement['alignItemsDesktop'] = value;
12918
+ }
12919
+ get alignItemsDesktop() {
12920
+ return this.elementRef.nativeElement['alignItemsDesktop'];
12745
12921
  }
12746
12922
  set grow(value) {
12747
12923
  this.elementRef.nativeElement['grow'] = value;
@@ -13028,26 +13204,86 @@ class PxFieldset {
13028
13204
  constructor(elementRef) {
13029
13205
  this.elementRef = elementRef;
13030
13206
  }
13031
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
13032
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
13207
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
13208
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
13033
13209
  }
13034
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
13210
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
13035
13211
  type: Directive,
13036
13212
  args: [{
13037
- selector: 'px-fieldset',
13213
+ selector: 'px-grid',
13038
13214
  }]
13039
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
13040
- type: Input
13041
- }], role: [{
13042
- type: Input
13043
- }], ariaRequired: [{
13215
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
13044
13216
  type: Input,
13045
- args: ['aria-required']
13046
- }], ariaDisabled: [{
13217
+ args: ['grid-cols']
13218
+ }], gridColsMobile: [{
13047
13219
  type: Input,
13048
- args: ['aria-disabled']
13049
- }], state: [{
13050
- type: Input
13220
+ args: ['grid-cols--mobile']
13221
+ }], gridColsTablet: [{
13222
+ type: Input,
13223
+ args: ['grid-cols--tablet']
13224
+ }], gridColsLaptop: [{
13225
+ type: Input,
13226
+ args: ['grid-cols--laptop']
13227
+ }], justifyContent: [{
13228
+ type: Input,
13229
+ args: ['justify-content']
13230
+ }], justifyItems: [{
13231
+ type: Input,
13232
+ args: ['justify-items']
13233
+ }], alignContent: [{
13234
+ type: Input,
13235
+ args: ['align-content']
13236
+ }], alignItems: [{
13237
+ type: Input,
13238
+ args: ['align-items']
13239
+ }], justifyContentMobile: [{
13240
+ type: Input,
13241
+ args: ['justify-content--mobile']
13242
+ }], justifyItemsMobile: [{
13243
+ type: Input,
13244
+ args: ['justify-items--mobile']
13245
+ }], alignContentMobile: [{
13246
+ type: Input,
13247
+ args: ['align-content--mobile']
13248
+ }], alignItemsMobile: [{
13249
+ type: Input,
13250
+ args: ['align-items--mobile']
13251
+ }], justifyContentTablet: [{
13252
+ type: Input,
13253
+ args: ['justify-content--tablet']
13254
+ }], justifyItemsTablet: [{
13255
+ type: Input,
13256
+ args: ['justify-items--tablet']
13257
+ }], alignContentTablet: [{
13258
+ type: Input,
13259
+ args: ['align-content--tablet']
13260
+ }], alignItemsTablet: [{
13261
+ type: Input,
13262
+ args: ['align-items--tablet']
13263
+ }], justifyContentLaptop: [{
13264
+ type: Input,
13265
+ args: ['justify-content--laptop']
13266
+ }], justifyItemsLaptop: [{
13267
+ type: Input,
13268
+ args: ['justify-items--laptop']
13269
+ }], alignContentLaptop: [{
13270
+ type: Input,
13271
+ args: ['align-content--laptop']
13272
+ }], alignItemsLaptop: [{
13273
+ type: Input,
13274
+ args: ['align-items--laptop']
13275
+ }], justifyContentDesktop: [{
13276
+ type: Input,
13277
+ args: ['justify-content--desktop']
13278
+ }], justifyItemsDesktop: [{
13279
+ type: Input,
13280
+ args: ['justify-items--desktop']
13281
+ }], alignContentDesktop: [{
13282
+ type: Input,
13283
+ args: ['align-content--desktop']
13284
+ }], alignItemsDesktop: [{
13285
+ type: Input,
13286
+ args: ['align-items--desktop']
13051
13287
  }], grow: [{
13052
13288
  type: Input
13053
13289
  }], growMobile: [{
@@ -13186,153 +13422,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
13186
13422
  args: ['sticky-bottom']
13187
13423
  }] } });
13188
13424
  /**
13189
- * @description Type-only wrapper for <px-grid>
13425
+ * @description Type-only wrapper for <px-fieldset>
13190
13426
  */
13191
- class PxGrid {
13427
+ class PxFieldset {
13192
13428
  elementRef;
13193
- set gridCols(value) {
13194
- this.elementRef.nativeElement['gridCols'] = value;
13195
- }
13196
- get gridCols() {
13197
- return this.elementRef.nativeElement['gridCols'];
13198
- }
13199
- set gridColsMobile(value) {
13200
- this.elementRef.nativeElement['gridColsMobile'] = value;
13201
- }
13202
- get gridColsMobile() {
13203
- return this.elementRef.nativeElement['gridColsMobile'];
13204
- }
13205
- set gridColsTablet(value) {
13206
- this.elementRef.nativeElement['gridColsTablet'] = value;
13207
- }
13208
- get gridColsTablet() {
13209
- return this.elementRef.nativeElement['gridColsTablet'];
13210
- }
13211
- set gridColsLaptop(value) {
13212
- this.elementRef.nativeElement['gridColsLaptop'] = value;
13213
- }
13214
- get gridColsLaptop() {
13215
- return this.elementRef.nativeElement['gridColsLaptop'];
13216
- }
13217
- set justifyContent(value) {
13218
- this.elementRef.nativeElement['justifyContent'] = value;
13219
- }
13220
- get justifyContent() {
13221
- return this.elementRef.nativeElement['justifyContent'];
13222
- }
13223
- set justifyItems(value) {
13224
- this.elementRef.nativeElement['justifyItems'] = value;
13225
- }
13226
- get justifyItems() {
13227
- return this.elementRef.nativeElement['justifyItems'];
13228
- }
13229
- set alignContent(value) {
13230
- this.elementRef.nativeElement['alignContent'] = value;
13231
- }
13232
- get alignContent() {
13233
- return this.elementRef.nativeElement['alignContent'];
13234
- }
13235
- set alignItems(value) {
13236
- this.elementRef.nativeElement['alignItems'] = value;
13237
- }
13238
- get alignItems() {
13239
- return this.elementRef.nativeElement['alignItems'];
13240
- }
13241
- set justifyContentMobile(value) {
13242
- this.elementRef.nativeElement['justifyContentMobile'] = value;
13243
- }
13244
- get justifyContentMobile() {
13245
- return this.elementRef.nativeElement['justifyContentMobile'];
13246
- }
13247
- set justifyItemsMobile(value) {
13248
- this.elementRef.nativeElement['justifyItemsMobile'] = value;
13249
- }
13250
- get justifyItemsMobile() {
13251
- return this.elementRef.nativeElement['justifyItemsMobile'];
13252
- }
13253
- set alignContentMobile(value) {
13254
- this.elementRef.nativeElement['alignContentMobile'] = value;
13255
- }
13256
- get alignContentMobile() {
13257
- return this.elementRef.nativeElement['alignContentMobile'];
13258
- }
13259
- set alignItemsMobile(value) {
13260
- this.elementRef.nativeElement['alignItemsMobile'] = value;
13261
- }
13262
- get alignItemsMobile() {
13263
- return this.elementRef.nativeElement['alignItemsMobile'];
13264
- }
13265
- set justifyContentTablet(value) {
13266
- this.elementRef.nativeElement['justifyContentTablet'] = value;
13267
- }
13268
- get justifyContentTablet() {
13269
- return this.elementRef.nativeElement['justifyContentTablet'];
13270
- }
13271
- set justifyItemsTablet(value) {
13272
- this.elementRef.nativeElement['justifyItemsTablet'] = value;
13273
- }
13274
- get justifyItemsTablet() {
13275
- return this.elementRef.nativeElement['justifyItemsTablet'];
13276
- }
13277
- set alignContentTablet(value) {
13278
- this.elementRef.nativeElement['alignContentTablet'] = value;
13279
- }
13280
- get alignContentTablet() {
13281
- return this.elementRef.nativeElement['alignContentTablet'];
13282
- }
13283
- set alignItemsTablet(value) {
13284
- this.elementRef.nativeElement['alignItemsTablet'] = value;
13285
- }
13286
- get alignItemsTablet() {
13287
- return this.elementRef.nativeElement['alignItemsTablet'];
13288
- }
13289
- set justifyContentLaptop(value) {
13290
- this.elementRef.nativeElement['justifyContentLaptop'] = value;
13291
- }
13292
- get justifyContentLaptop() {
13293
- return this.elementRef.nativeElement['justifyContentLaptop'];
13294
- }
13295
- set justifyItemsLaptop(value) {
13296
- this.elementRef.nativeElement['justifyItemsLaptop'] = value;
13297
- }
13298
- get justifyItemsLaptop() {
13299
- return this.elementRef.nativeElement['justifyItemsLaptop'];
13300
- }
13301
- set alignContentLaptop(value) {
13302
- this.elementRef.nativeElement['alignContentLaptop'] = value;
13303
- }
13304
- get alignContentLaptop() {
13305
- return this.elementRef.nativeElement['alignContentLaptop'];
13306
- }
13307
- set alignItemsLaptop(value) {
13308
- this.elementRef.nativeElement['alignItemsLaptop'] = value;
13429
+ set inverted(value) {
13430
+ this.elementRef.nativeElement['inverted'] = value;
13309
13431
  }
13310
- get alignItemsLaptop() {
13311
- return this.elementRef.nativeElement['alignItemsLaptop'];
13432
+ get inverted() {
13433
+ return this.elementRef.nativeElement['inverted'];
13312
13434
  }
13313
- set justifyContentDesktop(value) {
13314
- this.elementRef.nativeElement['justifyContentDesktop'] = value;
13435
+ set role(value) {
13436
+ this.elementRef.nativeElement['role'] = value;
13315
13437
  }
13316
- get justifyContentDesktop() {
13317
- return this.elementRef.nativeElement['justifyContentDesktop'];
13438
+ get role() {
13439
+ return this.elementRef.nativeElement['role'];
13318
13440
  }
13319
- set justifyItemsDesktop(value) {
13320
- this.elementRef.nativeElement['justifyItemsDesktop'] = value;
13441
+ set ariaRequired(value) {
13442
+ this.elementRef.nativeElement['ariaRequired'] = value;
13321
13443
  }
13322
- get justifyItemsDesktop() {
13323
- return this.elementRef.nativeElement['justifyItemsDesktop'];
13444
+ get ariaRequired() {
13445
+ return this.elementRef.nativeElement['ariaRequired'];
13324
13446
  }
13325
- set alignContentDesktop(value) {
13326
- this.elementRef.nativeElement['alignContentDesktop'] = value;
13447
+ set ariaDisabled(value) {
13448
+ this.elementRef.nativeElement['ariaDisabled'] = value;
13327
13449
  }
13328
- get alignContentDesktop() {
13329
- return this.elementRef.nativeElement['alignContentDesktop'];
13450
+ get ariaDisabled() {
13451
+ return this.elementRef.nativeElement['ariaDisabled'];
13330
13452
  }
13331
- set alignItemsDesktop(value) {
13332
- this.elementRef.nativeElement['alignItemsDesktop'] = value;
13453
+ set state(value) {
13454
+ this.elementRef.nativeElement['state'] = value;
13333
13455
  }
13334
- get alignItemsDesktop() {
13335
- return this.elementRef.nativeElement['alignItemsDesktop'];
13456
+ get state() {
13457
+ return this.elementRef.nativeElement['state'];
13336
13458
  }
13337
13459
  set grow(value) {
13338
13460
  this.elementRef.nativeElement['grow'] = value;
@@ -13619,86 +13741,26 @@ class PxGrid {
13619
13741
  constructor(elementRef) {
13620
13742
  this.elementRef = elementRef;
13621
13743
  }
13622
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
13623
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
13744
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
13745
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
13624
13746
  }
13625
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
13747
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
13626
13748
  type: Directive,
13627
13749
  args: [{
13628
- selector: 'px-grid',
13750
+ selector: 'px-fieldset',
13629
13751
  }]
13630
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
13631
- type: Input,
13632
- args: ['grid-cols']
13633
- }], gridColsMobile: [{
13634
- type: Input,
13635
- args: ['grid-cols--mobile']
13636
- }], gridColsTablet: [{
13637
- type: Input,
13638
- args: ['grid-cols--tablet']
13639
- }], gridColsLaptop: [{
13640
- type: Input,
13641
- args: ['grid-cols--laptop']
13642
- }], justifyContent: [{
13643
- type: Input,
13644
- args: ['justify-content']
13645
- }], justifyItems: [{
13646
- type: Input,
13647
- args: ['justify-items']
13648
- }], alignContent: [{
13649
- type: Input,
13650
- args: ['align-content']
13651
- }], alignItems: [{
13652
- type: Input,
13653
- args: ['align-items']
13654
- }], justifyContentMobile: [{
13655
- type: Input,
13656
- args: ['justify-content--mobile']
13657
- }], justifyItemsMobile: [{
13658
- type: Input,
13659
- args: ['justify-items--mobile']
13660
- }], alignContentMobile: [{
13661
- type: Input,
13662
- args: ['align-content--mobile']
13663
- }], alignItemsMobile: [{
13664
- type: Input,
13665
- args: ['align-items--mobile']
13666
- }], justifyContentTablet: [{
13667
- type: Input,
13668
- args: ['justify-content--tablet']
13669
- }], justifyItemsTablet: [{
13670
- type: Input,
13671
- args: ['justify-items--tablet']
13672
- }], alignContentTablet: [{
13673
- type: Input,
13674
- args: ['align-content--tablet']
13675
- }], alignItemsTablet: [{
13676
- type: Input,
13677
- args: ['align-items--tablet']
13678
- }], justifyContentLaptop: [{
13679
- type: Input,
13680
- args: ['justify-content--laptop']
13681
- }], justifyItemsLaptop: [{
13682
- type: Input,
13683
- args: ['justify-items--laptop']
13684
- }], alignContentLaptop: [{
13685
- type: Input,
13686
- args: ['align-content--laptop']
13687
- }], alignItemsLaptop: [{
13688
- type: Input,
13689
- args: ['align-items--laptop']
13690
- }], justifyContentDesktop: [{
13691
- type: Input,
13692
- args: ['justify-content--desktop']
13693
- }], justifyItemsDesktop: [{
13694
- type: Input,
13695
- args: ['justify-items--desktop']
13696
- }], alignContentDesktop: [{
13752
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
13753
+ type: Input
13754
+ }], role: [{
13755
+ type: Input
13756
+ }], ariaRequired: [{
13697
13757
  type: Input,
13698
- args: ['align-content--desktop']
13699
- }], alignItemsDesktop: [{
13758
+ args: ['aria-required']
13759
+ }], ariaDisabled: [{
13700
13760
  type: Input,
13701
- args: ['align-items--desktop']
13761
+ args: ['aria-disabled']
13762
+ }], state: [{
13763
+ type: Input
13702
13764
  }], grow: [{
13703
13765
  type: Input
13704
13766
  }], growMobile: [{
@@ -30289,15 +30351,23 @@ class PxSelectableBoxRadio {
30289
30351
  get stickyBottom() {
30290
30352
  return this.elementRef.nativeElement['stickyBottom'];
30291
30353
  }
30354
+ SELECTABLE_BOX_RADIO_CONNECTED_EVENT = new EventEmitter();
30355
+ SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT = new EventEmitter();
30292
30356
  change = new EventEmitter();
30293
30357
  constructor(elementRef) {
30294
30358
  this.elementRef = elementRef;
30359
+ this.elementRef.nativeElement.addEventListener('SELECTABLE_BOX_RADIO_CONNECTED_EVENT', (e) => {
30360
+ this.SELECTABLE_BOX_RADIO_CONNECTED_EVENT.emit(e.detail);
30361
+ });
30362
+ this.elementRef.nativeElement.addEventListener('SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT', (e) => {
30363
+ this.SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT.emit(e.detail);
30364
+ });
30295
30365
  this.elementRef.nativeElement.addEventListener('change', (e) => {
30296
30366
  this.change.emit(e.detail);
30297
30367
  });
30298
30368
  }
30299
30369
  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 });
30370
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelectableBoxRadio, selector: "px-selectable-box-radio", inputs: { inverted: "inverted", name: "name", value: "value", checked: "checked", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, outputs: { SELECTABLE_BOX_RADIO_CONNECTED_EVENT: "SELECTABLE_BOX_RADIO_CONNECTED_EVENT", SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT: "SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT", change: "change" }, ngImport: i0 });
30301
30371
  }
30302
30372
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelectableBoxRadio, decorators: [{
30303
30373
  type: Directive,
@@ -30450,6 +30520,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
30450
30520
  }], stickyBottom: [{
30451
30521
  type: Input,
30452
30522
  args: ['sticky-bottom']
30523
+ }], SELECTABLE_BOX_RADIO_CONNECTED_EVENT: [{
30524
+ type: Output
30525
+ }], SELECTABLE_BOX_RADIO_DISCONNECTED_EVENT: [{
30526
+ type: Output
30453
30527
  }], change: [{
30454
30528
  type: Output
30455
30529
  }] } });
@@ -37851,7 +37925,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37851
37925
  }] } });
37852
37926
  class Lavender {
37853
37927
  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, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37928
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxButton, PxButtonWrapper, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxGrid, PxFieldset, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxButton, PxButtonWrapper, PxBreadcrumbItem, PxBreadcrumb, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxGrid, PxFieldset, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
37855
37929
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
37856
37930
  }
37857
37931
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37863,10 +37937,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37863
37937
  PxAgGridTableThButton,
37864
37938
  PxAgGridTableThContent,
37865
37939
  PxBanner,
37866
- PxBreadcrumbItem,
37867
- PxBreadcrumb,
37868
37940
  PxButton,
37869
37941
  PxButtonWrapper,
37942
+ PxBreadcrumbItem,
37943
+ PxBreadcrumb,
37870
37944
  PxButtonIcon,
37871
37945
  PxCard,
37872
37946
  PxAppleseed,
@@ -37885,8 +37959,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37885
37959
  PxContentHeader,
37886
37960
  PxDrawer,
37887
37961
  PxDropdown,
37888
- PxFieldset,
37889
37962
  PxGrid,
37963
+ PxFieldset,
37890
37964
  PxH1,
37891
37965
  PxH2,
37892
37966
  PxH3,
@@ -37965,10 +38039,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37965
38039
  PxAgGridTableThButton,
37966
38040
  PxAgGridTableThContent,
37967
38041
  PxBanner,
37968
- PxBreadcrumbItem,
37969
- PxBreadcrumb,
37970
38042
  PxButton,
37971
38043
  PxButtonWrapper,
38044
+ PxBreadcrumbItem,
38045
+ PxBreadcrumb,
37972
38046
  PxButtonIcon,
37973
38047
  PxCard,
37974
38048
  PxAppleseed,
@@ -37987,8 +38061,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
37987
38061
  PxContentHeader,
37988
38062
  PxDrawer,
37989
38063
  PxDropdown,
37990
- PxFieldset,
37991
38064
  PxGrid,
38065
+ PxFieldset,
37992
38066
  PxH1,
37993
38067
  PxH2,
37994
38068
  PxH3,