@proximus/lavender-angular 2.0.0-alpha.202 → 2.0.0-alpha.204

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.0.0-alpha.204](https://github.com/Pxs-Corporate/design-system/compare/v2.0.0-alpha.203...v2.0.0-alpha.204) (2026-10-08)
7
+
8
+ **Note:** Version bump only for package @proximus/lavender-angular
9
+
10
+ # [2.0.0-alpha.203](https://github.com/Pxs-Corporate/design-system/compare/v2.0.0-alpha.202...v2.0.0-alpha.203) (2026-10-07)
11
+
12
+ **Note:** Version bump only for package @proximus/lavender-angular
13
+
6
14
  # [2.0.0-alpha.202](https://github.com/Pxs-Corporate/design-system/compare/v2.0.0-alpha.201...v2.0.0-alpha.202) (2026-10-06)
7
15
 
8
16
  **Note:** Version bump only for package @proximus/lavender-angular
@@ -3982,32 +3982,11 @@ class PxButton {
3982
3982
  return this.elementRef.nativeElement['size'];
3983
3983
  }
3984
3984
  /** The name of the button, submitted as a pair with the button's value as part of the form data. */
3985
- set name(value) {
3986
- this.elementRef.nativeElement['name'] = value;
3985
+ set template(value) {
3986
+ this.elementRef.nativeElement['template'] = value;
3987
3987
  }
3988
- get name() {
3989
- return this.elementRef.nativeElement['name'];
3990
- }
3991
- /** The value associated with the button's name when it's submitted with a form. */
3992
- set value(value) {
3993
- this.elementRef.nativeElement['value'] = value;
3994
- }
3995
- get value() {
3996
- return this.elementRef.nativeElement['value'];
3997
- }
3998
- /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
3999
- set type(value) {
4000
- this.elementRef.nativeElement['type'] = value;
4001
- }
4002
- get type() {
4003
- return this.elementRef.nativeElement['type'];
4004
- }
4005
- /** Whether the button is disabled. */
4006
- set disabled(value) {
4007
- this.elementRef.nativeElement['disabled'] = value;
4008
- }
4009
- get disabled() {
4010
- return this.elementRef.nativeElement['disabled'];
3988
+ get template() {
3989
+ return this.elementRef.nativeElement['template'];
4011
3990
  }
4012
3991
  set grow(value) {
4013
3992
  this.elementRef.nativeElement['grow'] = value;
@@ -4325,7 +4304,7 @@ class PxButton {
4325
4304
  this.elementRef = elementRef;
4326
4305
  }
4327
4306
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4328
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxButton, isStandalone: true, 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"], size: "size", 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
4307
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxButton, isStandalone: true, 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"], size: "size", template: ["name", "template"], 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
4329
4308
  }
4330
4309
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxButton, decorators: [{
4331
4310
  type: Directive,
@@ -4374,14 +4353,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
4374
4353
  args: ['extended--desktop']
4375
4354
  }], size: [{
4376
4355
  type: Input
4377
- }], name: [{
4378
- type: Input
4379
- }], value: [{
4380
- type: Input
4381
- }], type: [{
4382
- type: Input
4383
- }], disabled: [{
4384
- type: Input
4356
+ }], template: [{
4357
+ type: Input,
4358
+ args: ['name']
4385
4359
  }], grow: [{
4386
4360
  type: Input
4387
4361
  }], growMobile: [{
@@ -4540,11 +4514,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
4540
4514
  class PxButtonWrapper {
4541
4515
  elementRef;
4542
4516
  /** The name of the button, submitted as a pair with the button's value as part of the form data. */
4543
- set name(value) {
4544
- this.elementRef.nativeElement['name'] = value;
4517
+ set template(value) {
4518
+ this.elementRef.nativeElement['template'] = value;
4545
4519
  }
4546
- get name() {
4547
- return this.elementRef.nativeElement['name'];
4520
+ get template() {
4521
+ return this.elementRef.nativeElement['template'];
4548
4522
  }
4549
4523
  /** The value associated with the button's name when it's submitted with a form. */
4550
4524
  set value(value) {
@@ -4979,7 +4953,7 @@ class PxButtonWrapper {
4979
4953
  this.elementRef = elementRef;
4980
4954
  }
4981
4955
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxButtonWrapper, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
4982
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxButtonWrapper, isStandalone: true, 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"], size: "size", 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
4956
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxButtonWrapper, isStandalone: true, selector: "px-button-wrapper", inputs: { template: ["name", "template"], 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"], size: "size", 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
4983
4957
  }
4984
4958
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxButtonWrapper, decorators: [{
4985
4959
  type: Directive,
@@ -4987,8 +4961,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
4987
4961
  selector: 'px-button-wrapper',
4988
4962
  standalone: true,
4989
4963
  }]
4990
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
4991
- type: Input
4964
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { template: [{
4965
+ type: Input,
4966
+ args: ['name']
4992
4967
  }], value: [{
4993
4968
  type: Input
4994
4969
  }], type: [{
@@ -10299,39 +10274,11 @@ class PxCheckbox {
10299
10274
  return this.elementRef.nativeElement['size'];
10300
10275
  }
10301
10276
  /** The name of the checkbox. */
10302
- set name(value) {
10303
- this.elementRef.nativeElement['name'] = value;
10277
+ set template(value) {
10278
+ this.elementRef.nativeElement['template'] = value;
10304
10279
  }
10305
- get name() {
10306
- return this.elementRef.nativeElement['name'];
10307
- }
10308
- /** The value of the checkbox. */
10309
- set value(value) {
10310
- this.elementRef.nativeElement['value'] = value;
10311
- }
10312
- get value() {
10313
- return this.elementRef.nativeElement['value'];
10314
- }
10315
- /** Whether the checkbox is checked. */
10316
- set checked(value) {
10317
- this.elementRef.nativeElement['checked'] = value;
10318
- }
10319
- get checked() {
10320
- return this.elementRef.nativeElement['checked'];
10321
- }
10322
- /** Whether the checkbox is disabled. */
10323
- set disabled(value) {
10324
- this.elementRef.nativeElement['disabled'] = value;
10325
- }
10326
- get disabled() {
10327
- return this.elementRef.nativeElement['disabled'];
10328
- }
10329
- /** Whether the checkbox is required. */
10330
- set required(value) {
10331
- this.elementRef.nativeElement['required'] = value;
10332
- }
10333
- get required() {
10334
- return this.elementRef.nativeElement['required'];
10280
+ get template() {
10281
+ return this.elementRef.nativeElement['template'];
10335
10282
  }
10336
10283
  set grow(value) {
10337
10284
  this.elementRef.nativeElement['grow'] = value;
@@ -10649,7 +10596,7 @@ class PxCheckbox {
10649
10596
  this.elementRef = elementRef;
10650
10597
  }
10651
10598
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
10652
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCheckbox, isStandalone: true, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", size: "size", name: "name", value: "value", checked: "checked", disabled: "disabled", required: "required", 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
10599
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCheckbox, isStandalone: true, selector: "px-checkbox", inputs: { state: "state", variant: "variant", indeterminate: "indeterminate", inverted: "inverted", hover: "hover", size: "size", template: ["name", "template"], 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
10653
10600
  }
10654
10601
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCheckbox, decorators: [{
10655
10602
  type: Directive,
@@ -10669,16 +10616,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
10669
10616
  type: Input
10670
10617
  }], size: [{
10671
10618
  type: Input
10672
- }], name: [{
10673
- type: Input
10674
- }], value: [{
10675
- type: Input
10676
- }], checked: [{
10677
- type: Input
10678
- }], disabled: [{
10679
- type: Input
10680
- }], required: [{
10681
- type: Input
10619
+ }], template: [{
10620
+ type: Input,
10621
+ args: ['name']
10682
10622
  }], grow: [{
10683
10623
  type: Input
10684
10624
  }], growMobile: [{
@@ -28703,27 +28643,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
28703
28643
  class PxCardContainer {
28704
28644
  elementRef;
28705
28645
  /** Switches to a dark surface with inverted text colors. */
28706
- set inverted(value) {
28707
- this.elementRef.nativeElement['inverted'] = value;
28646
+ set template(value) {
28647
+ this.elementRef.nativeElement['template'] = value;
28708
28648
  }
28709
- get inverted() {
28710
- return this.elementRef.nativeElement['inverted'];
28649
+ get template() {
28650
+ return this.elementRef.nativeElement['template'];
28711
28651
  }
28712
- /** URL of the card media image. */
28713
28652
  set src(value) {
28714
28653
  this.elementRef.nativeElement['src'] = value;
28715
28654
  }
28716
28655
  get src() {
28717
28656
  return this.elementRef.nativeElement['src'];
28718
28657
  }
28719
- /** Where the media image is rendered. */
28720
28658
  set mediaPosition(value) {
28721
28659
  this.elementRef.nativeElement['mediaPosition'] = value;
28722
28660
  }
28723
28661
  get mediaPosition() {
28724
28662
  return this.elementRef.nativeElement['mediaPosition'];
28725
28663
  }
28726
- /** How the media image is fitted. */
28727
28664
  set mediaSize(value) {
28728
28665
  this.elementRef.nativeElement['mediaSize'] = value;
28729
28666
  }
@@ -28736,35 +28673,30 @@ class PxCardContainer {
28736
28673
  get mediaAltText() {
28737
28674
  return this.elementRef.nativeElement['mediaAltText'];
28738
28675
  }
28739
- /** Inner content padding size. */
28740
28676
  set padding(value) {
28741
28677
  this.elementRef.nativeElement['padding'] = value;
28742
28678
  }
28743
28679
  get padding() {
28744
28680
  return this.elementRef.nativeElement['padding'];
28745
28681
  }
28746
- /** Aspect ratio applied to top media (e.g. `'16:9'`, `'1:1'`, `'4:3'`). */
28747
28682
  set aspectRatio(value) {
28748
28683
  this.elementRef.nativeElement['aspectRatio'] = value;
28749
28684
  }
28750
28685
  get aspectRatio() {
28751
28686
  return this.elementRef.nativeElement['aspectRatio'];
28752
28687
  }
28753
- /** Whether the card has a visible border. */
28754
28688
  set hasBorder(value) {
28755
28689
  this.elementRef.nativeElement['hasBorder'] = value;
28756
28690
  }
28757
28691
  get hasBorder() {
28758
28692
  return this.elementRef.nativeElement['hasBorder'];
28759
28693
  }
28760
- /** Surface color preset. */
28761
28694
  set backgroundColor(value) {
28762
28695
  this.elementRef.nativeElement['backgroundColor'] = value;
28763
28696
  }
28764
28697
  get backgroundColor() {
28765
28698
  return this.elementRef.nativeElement['backgroundColor'];
28766
28699
  }
28767
- /** URL of a full-card background image (delegated to `<px-container>`). */
28768
28700
  set backgroundImage(value) {
28769
28701
  this.elementRef.nativeElement['backgroundImage'] = value;
28770
28702
  }
@@ -28777,18 +28709,11 @@ class PxCardContainer {
28777
28709
  get interactiveState() {
28778
28710
  return this.elementRef.nativeElement['interactiveState'];
28779
28711
  }
28780
- /** Alt text for the media image. */
28781
- set alternativeText(value) {
28782
- this.elementRef.nativeElement['alternativeText'] = value;
28783
- }
28784
- get alternativeText() {
28785
- return this.elementRef.nativeElement['alternativeText'];
28786
- }
28787
28712
  constructor(elementRef) {
28788
28713
  this.elementRef = elementRef;
28789
28714
  }
28790
28715
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
28791
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { inverted: "inverted", src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"], alternativeText: ["alternative-text", "alternativeText"] }, ngImport: i0 });
28716
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCardContainer, isStandalone: true, selector: "px-card-container", inputs: { template: ["inverted", "template"], src: "src", mediaPosition: ["media-position", "mediaPosition"], mediaSize: ["media-size", "mediaSize"], mediaAltText: ["media-alt-text", "mediaAltText"], padding: "padding", aspectRatio: ["aspect-ratio", "aspectRatio"], hasBorder: ["has-border", "hasBorder"], backgroundColor: ["background-color", "backgroundColor"], backgroundImage: ["background-image", "backgroundImage"], interactiveState: ["interactive-state", "interactiveState"] }, ngImport: i0 });
28792
28717
  }
28793
28718
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCardContainer, decorators: [{
28794
28719
  type: Directive,
@@ -28796,8 +28721,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
28796
28721
  selector: 'px-card-container',
28797
28722
  standalone: true,
28798
28723
  }]
28799
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
28800
- type: Input
28724
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { template: [{
28725
+ type: Input,
28726
+ args: ['inverted']
28801
28727
  }], src: [{
28802
28728
  type: Input
28803
28729
  }], mediaPosition: [{
@@ -28826,9 +28752,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
28826
28752
  }], interactiveState: [{
28827
28753
  type: Input,
28828
28754
  args: ['interactive-state']
28829
- }], alternativeText: [{
28830
- type: Input,
28831
- args: ['alternative-text']
28832
28755
  }] } });
28833
28756
  /**
28834
28757
  * @description Type-only wrapper for <px-card-heading>
@@ -34844,11 +34767,11 @@ class PxSpan {
34844
34767
  return this.elementRef.nativeElement['strikethrough'];
34845
34768
  }
34846
34769
  /** Text to be displayed in a tooltip when hovering over the element. */
34847
- set title(value) {
34848
- this.elementRef.nativeElement['title'] = value;
34770
+ set template(value) {
34771
+ this.elementRef.nativeElement['template'] = value;
34849
34772
  }
34850
- get title() {
34851
- return this.elementRef.nativeElement['title'];
34773
+ get template() {
34774
+ return this.elementRef.nativeElement['template'];
34852
34775
  }
34853
34776
  set grow(value) {
34854
34777
  this.elementRef.nativeElement['grow'] = value;
@@ -35166,7 +35089,7 @@ class PxSpan {
35166
35089
  this.elementRef = elementRef;
35167
35090
  }
35168
35091
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpan, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
35169
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxSpan, isStandalone: true, selector: "px-span", inputs: { color: "color", fontSize: ["font-size", "fontSize"], fontWeight: ["font-weight", "fontWeight"], inverted: "inverted", disabled: "disabled", strikethrough: "strikethrough", title: "title", 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
35092
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxSpan, isStandalone: true, selector: "px-span", inputs: { color: "color", fontSize: ["font-size", "fontSize"], fontWeight: ["font-weight", "fontWeight"], inverted: "inverted", disabled: "disabled", strikethrough: "strikethrough", template: ["title", "template"], 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"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
35170
35093
  }
35171
35094
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpan, decorators: [{
35172
35095
  type: Directive,
@@ -35188,8 +35111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
35188
35111
  type: Input
35189
35112
  }], strikethrough: [{
35190
35113
  type: Input
35191
- }], title: [{
35192
- type: Input
35114
+ }], template: [{
35115
+ type: Input,
35116
+ args: ['title']
35193
35117
  }], grow: [{
35194
35118
  type: Input
35195
35119
  }], growMobile: [{