@softpak/components 20.2.0 → 20.2.1

package/fesm2022/softpak-components-spx-welcome.mjs

@@ -32,7 +32,7 @@ class SpxWelcomeComponent {
         this.textCompany = spxTextCompany;
         this.textSelect = spxTextSelect;
         this.textSelectYourCompany = spxTextSelectYourCompany;
-        this.formSection = computed(() => this.formGroup()?.get("welc"));
+        this.formSection = computed(() => this.formGroup()?.get(spxSectionWelcome));
         this.ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel));
         this.ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType));
         this.subscriptions = {};

package/fesm2022/softpak-components-spx-welcome.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\nimport { Subscription } from 'rxjs';\r\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\r\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';\r\n\r\nexport const spxSectionWelcome = 'welcome';\r\nexport const spxCtrlChannel = 'channel';\r\nexport const spxCtrlChannelType = 'channelType';\r\n\r\n@Component({\r\n  selector: 'spx-welcome',\r\n  templateUrl: './spx-welcome.component.html',\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SpxCapitalizePipe,\r\n    SpxFormViewComponent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    IonButtons,\r\n    IonContent,\r\n    TranslatePipe,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\r\n  private readonly channels = signal<SpxAppChannelI[]>([]);\r\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\r\n  protected readonly suggestions = signal<{\r\n  [spxCtrlChannelType]?: SpxValuePair<string>[];\r\n  [spxCtrlChannel]?: SpxValuePair<string>[];\r\n}>({\r\n    [spxCtrlChannelType]: [],\r\n    [spxCtrlChannel]: [],\r\n  });\r\n\r\n  textChannel = spxTextChannel;\r\n  textCompany = spxTextCompany;\r\n  textSelect = spxTextSelect;\r\n  textSelectYourCompany = spxTextSelectYourCompany;\r\n\r\n  protected readonly formSection = computed(() => this.formGroup()?.get(\"welc\") as FormGroup);\r\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\r\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\r\n  private subscriptions: {\r\n    channel?: Subscription;\r\n    channels?: Subscription;\r\n  } = {};\r\n\r\n  protected readonly form = signal<SpxFormI>({\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSelect,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: spxSectionWelcome,\r\n        showTitle: () => false,\r\n        fields: [\r\n          {\r\n            key: spxCtrlChannel,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textCompany,\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n          {\r\n            key: spxCtrlChannelType,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textChannel,\r\n            capitalize: () => true,\r\n            show: () => valuePairToValue(this.ctrlChannel().value),\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  });\r\n\r\n  constructor(\r\n    private readonly store: Store,\r\n    private readonly formBuilder: FormBuilder\r\n  ) {\r\n    this.formGroup.set(this.formBuilder.group({\r\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)\r\n    }));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    unsubscribeSubscriptions(this.subscriptions);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    let channels: SpxAppChannelI[] = [];\r\n\r\n    this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {\r\n      channels = channelsD;\r\n      this.channels.set(channels);\r\n      this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\r\n    });\r\n\r\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\r\n      const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));\r\n      this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\r\n        description: channelType.name,\r\n        value: channelType.name\r\n      }));\r\n      this.ctrlChannelType().setValue({\r\n        value: SpxAppChannelTypeEnum.production,\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onSubmit(): void {\r\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value))!;\r\n    const channelType = valuePairToValue(this.ctrlChannelType().value);\r\n\r\n    if (!channel) {\r\n      this.store.dispatch(spxToasterActions.createWarning({\r\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n        messageText: 'Please select a company',\r\n      }))\r\n    } else {\r\n      this.store.dispatch(spxChannelActions.choose({\r\n        channel,\r\n        channelType,\r\n      }));\r\n    }\r\n  }\r\n}\r\n","<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\nimport { Subscription } from 'rxjs';\r\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\r\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';\r\n\r\nexport const spxSectionWelcome = 'welcome';\r\nexport const spxCtrlChannel = 'channel';\r\nexport const spxCtrlChannelType = 'channelType';\r\n\r\n@Component({\r\n  selector: 'spx-welcome',\r\n  templateUrl: './spx-welcome.component.html',\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SpxCapitalizePipe,\r\n    SpxFormViewComponent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    IonButtons,\r\n    IonContent,\r\n    TranslatePipe,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\r\n  private readonly channels = signal<SpxAppChannelI[]>([]);\r\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\r\n  protected readonly suggestions = signal<{\r\n  [spxCtrlChannelType]?: SpxValuePair<string>[];\r\n  [spxCtrlChannel]?: SpxValuePair<string>[];\r\n}>({\r\n    [spxCtrlChannelType]: [],\r\n    [spxCtrlChannel]: [],\r\n  });\r\n\r\n  textChannel = spxTextChannel;\r\n  textCompany = spxTextCompany;\r\n  textSelect = spxTextSelect;\r\n  textSelectYourCompany = spxTextSelectYourCompany;\r\n\r\n  protected readonly formSection = computed(() => this.formGroup()?.get(spxSectionWelcome) as FormGroup);\r\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\r\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\r\n  private subscriptions: {\r\n    channel?: Subscription;\r\n    channels?: Subscription;\r\n  } = {};\r\n\r\n  protected readonly form = signal<SpxFormI>({\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSelect,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: spxSectionWelcome,\r\n        showTitle: () => false,\r\n        fields: [\r\n          {\r\n            key: spxCtrlChannel,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textCompany,\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n          {\r\n            key: spxCtrlChannelType,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textChannel,\r\n            capitalize: () => true,\r\n            show: () => valuePairToValue(this.ctrlChannel().value),\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  });\r\n\r\n  constructor(\r\n    private readonly store: Store,\r\n    private readonly formBuilder: FormBuilder\r\n  ) {\r\n    this.formGroup.set(this.formBuilder.group({\r\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)\r\n    }));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    unsubscribeSubscriptions(this.subscriptions);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    let channels: SpxAppChannelI[] = [];\r\n\r\n    this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {\r\n      channels = channelsD;\r\n      this.channels.set(channels);\r\n      this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\r\n    });\r\n\r\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\r\n      const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));\r\n      this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\r\n        description: channelType.name,\r\n        value: channelType.name\r\n      }));\r\n      this.ctrlChannelType().setValue({\r\n        value: SpxAppChannelTypeEnum.production,\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onSubmit(): void {\r\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value))!;\r\n    const channelType = valuePairToValue(this.ctrlChannelType().value);\r\n\r\n    if (!channel) {\r\n      this.store.dispatch(spxToasterActions.createWarning({\r\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n        messageText: 'Please select a company',\r\n      }))\r\n    } else {\r\n      this.store.dispatch(spxChannelActions.choose({\r\n        channel,\r\n        channelType,\r\n      }));\r\n    }\r\n  }\r\n}\r\n","<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgBO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,cAAc,GAAG;AACvB,MAAM,kBAAkB,GAAG;MAoBrB,mBAAmB,CAAA;IAwD9B,WACmB,CAAA,KAAY,EACZ,WAAwB,EAAA;QADxB,IAAK,CAAA,KAAA,GAAL,KAAK;QACL,IAAW,CAAA,WAAA,GAAX,WAAW;AAzDb,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAmB,EAAE,CAAC;AACrC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAwB,SAAS,CAAC;QACpD,IAAW,CAAA,WAAA,GAAG,MAAM,CAGtC;YACC,CAAC,kBAAkB,GAAG,EAAE;YACxB,CAAC,cAAc,GAAG,EAAE;AACrB,SAAA,CAAC;QAEF,IAAW,CAAA,WAAA,GAAG,cAAc;QAC5B,IAAW,CAAA,WAAA,GAAG,cAAc;QAC5B,IAAU,CAAA,UAAA,GAAG,aAAa;QAC1B,IAAqB,CAAA,qBAAA,GAAG,wBAAwB;AAE7B,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,CAAC,iBAAiB,CAAc,CAAC;AACrF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,cAAc,CAAgB,CAAC;AACpF,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,kBAAkB,CAAgB,CAAC;QACrG,IAAa,CAAA,aAAA,GAGjB,EAAE;QAEa,IAAI,CAAA,IAAA,GAAG,MAAM,CAAW;AACzC,YAAA,OAAO,EAAE;AACP,gBAAA;oBACE,QAAQ,EAAE,eAAe,CAAC,OAAO;oBACjC,IAAI,EAAE,qBAAqB,CAAC,MAAM;AAClC,oBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,UAAU;AAC7B;AACF,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA;AACE,oBAAA,GAAG,EAAE,iBAAiB;AACtB,oBAAA,SAAS,EAAE,MAAM,KAAK;AACtB,oBAAA,MAAM,EAAE;AACN,wBAAA;AACE,4BAAA,GAAG,EAAE,cAAc;AACnB,4BAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,KAAK;AAClC,4BAAA,KAAK,EAAE,MAAM,IAAI,CAAC,WAAW;AAC7B,4BAAA,UAAU,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC;AAC3C,yBAAA;AACD,wBAAA;AACE,4BAAA,GAAG,EAAE,kBAAkB;AACvB,4BAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,KAAK;AAClC,4BAAA,KAAK,EAAE,MAAM,IAAI,CAAC,WAAW;AAC7B,4BAAA,UAAU,EAAE,MAAM,IAAI;AACtB,4BAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;AACtD,4BAAA,UAAU,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC;AAC3C,yBAAA;AACF;AACF;AACF;AACF,SAAA,CAAC;QAMA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACxC,YAAA,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ;AAC5F,SAAA,CAAC,CAAC;;IAGL,WAAW,GAAA;AACT,QAAA,wBAAwB,CAAC,IAAI,CAAC,aAAa,CAAC;;IAG9C,QAAQ,GAAA;QACN,IAAI,QAAQ,GAAqB,EAAE;QAEnC,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,SAAS,IAAG;YAC9G,QAAQ,GAAG,SAAS;AACpB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC3B,YAAA,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AAC9M,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS,IAAG;AACjF,YAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC9E,IAAI,CAAC,WAAW,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,UAAU,GAAG,EAAE,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,CAAC,WAAW,KAAK;gBACxG,WAAW,EAAE,WAAW,CAAC,IAAI;gBAC7B,KAAK,EAAE,WAAW,CAAC;AACpB,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;gBAC9B,KAAK,EAAE,qBAAqB,CAAC,UAAU;AACxC,aAAA,CAAC;AACJ,SAAC,CAAC;;IAGM,QAAQ,GAAA;QAChB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAE;QAClG,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC;QAElE,IAAI,CAAC,OAAO,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,aAAa,CAAC;gBAClD,SAAS,EAAE,4BAA4B,CAAC,OAAO;AAC/C,gBAAA,WAAW,EAAE,yBAAyB;AACvC,aAAA,CAAC,CAAC;;aACE;YACL,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CAAC;gBAC3C,OAAO;gBACP,WAAW;AACZ,aAAA,CAAC,CAAC;;;8GAvGI,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,KAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtChC,8jBAiBc,EDOV,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,mSACX,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACnB,iBAAiB,EACjB,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,oBAAoB,gKACpB,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,UAAU,EACV,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,iFACR,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACV,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKJ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAlB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAEd,OAAA,EAAA;wBACP,WAAW;wBACX,mBAAmB;wBACnB,iBAAiB;wBACjB,oBAAoB;wBACpB,SAAS;wBACT,UAAU;wBACV,QAAQ;wBACR,UAAU;wBACV,UAAU;wBACV,aAAa;AACd,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,QAAA,EAAA,8jBAAA,EAAA;;;AEpClB;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "20.2.0",
+  "version": "20.2.1",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x || 20.x.x",
@@ -32,33 +32,29 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.mjs"
     },
-    "./spx-alert": {
-      "types": "./spx-alert/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-alert.mjs"
-    },
     "./spx-404-page": {
       "types": "./spx-404-page/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-404-page.mjs"
     },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    "./spx-alert": {
+      "types": "./spx-alert/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
     "./spx-app-configuration": {
       "types": "./spx-app-configuration/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
-    "./spx-button": {
-      "types": "./spx-button/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-button.mjs"
-    },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
-    "./spx-card": {
-      "types": "./spx-card/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-card.mjs"
+    "./spx-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    },
+    "./spx-button": {
+      "types": "./spx-button/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
     "./spx-change-details": {
       "types": "./spx-change-details/index.d.ts",
@@ -68,10 +64,6 @@
       "types": "./spx-channel-selection/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
     },
-    "./spx-check-digit": {
-      "types": "./spx-check-digit/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
-    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
@@ -84,42 +76,58 @@
       "types": "./spx-form-view/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-view.mjs"
     },
+    "./spx-check-digit": {
+      "types": "./spx-check-digit/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    },
     "./spx-inputs": {
       "types": "./spx-inputs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-inputs.mjs"
     },
-    "./spx-helpers": {
-      "types": "./spx-helpers/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
-    },
     "./spx-navigation": {
       "types": "./spx-navigation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    },
+    "./spx-card": {
+      "types": "./spx-card/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-card.mjs"
+    },
     "./spx-pagination": {
       "types": "./spx-pagination/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pagination.mjs"
     },
-    "./spx-pipes": {
-      "types": "./spx-pipes/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
+    "./spx-helpers": {
+      "types": "./spx-helpers/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
     },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
-    "./spx-spinner": {
-      "types": "./spx-spinner/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
     },
-    "./spx-storage": {
-      "types": "./spx-storage/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-storage.mjs"
+    "./spx-stock-info": {
+      "types": "./spx-stock-info/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
     "./spx-suggestion": {
       "types": "./spx-suggestion/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
+    },
+    "./spx-pipes": {
+      "types": "./spx-pipes/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
+    },
     "./spx-tabs": {
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
@@ -128,10 +136,6 @@
       "types": "./spx-toaster/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toaster.mjs"
     },
-    "./spx-toggle": {
-      "types": "./spx-toggle/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
-    },
     "./spx-translate": {
       "types": "./spx-translate/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-translate.mjs"
@@ -140,29 +144,25 @@
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
-    "./spx-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
-    },
-    "./spx-stock-info": {
-      "types": "./spx-stock-info/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
-    },
-    "./spx-patch": {
-      "types": "./spx-patch/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
+    "./spx-storage": {
+      "types": "./spx-storage/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-storage.mjs"
     },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"
     },
-    "./spx-validation-messages": {
-      "types": "./spx-validation-messages/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
+    "./spx-toggle": {
+      "types": "./spx-toggle/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
     },
     "./spx-welcome": {
       "types": "./spx-welcome/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-welcome.mjs"
+    },
+    "./spx-validation-messages": {
+      "types": "./spx-validation-messages/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
     }
   }
 }