@softpak/components 0.0.0-beta.2 → 0.0.0-beta.200

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, HostBinding, Input, Output } from '@angular/core';
 import { SpxAlertComponent } from '@softpak/components/spx-alert';
-import { NgFor } from '@angular/common';
+import { NgIf, NgFor } from '@angular/common';
 
 var SpxToasterSeverityEnum;
 (function (SpxToasterSeverityEnum) {
@@ -31,34 +31,46 @@ class SpxToasterComponent {
         this.hostClass = true;
         this.spxClose = new EventEmitter();
     }
-    doCloseMessage(id) {
+    handleClose(id) {
         this.spxClose.emit(id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: "messages" }, outputs: { spxClose: "spxClose" }, host: { properties: { "class.spx-toasts-displayer": "this.hostClass" } }, ngImport: i0, template: `
-    <spx-alert
-        *ngFor="let message of messages"
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="doCloseMessage(message.id)">{{message.message}}</spx-alert>
-        `, isInline: true, styles: [":host(.spx-toasts-displayer){display:block;position:fixed;bottom:85px;left:0;right:0;margin:0 auto;width:80%;z-index:500}spx-alert+spx-alert{margin-top:6px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
+    <div 
+        *ngIf="messages && messages.length > 0"
+        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
+        <spx-alert
+            *ngFor="let message of messages"
+            [spxAutoclose]="message.autoClose"
+            [spxCloseable]="message.closeable"
+            [spxSeverity]="message.severity"
+            [spxTitle]="message.title"
+            (spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
+    </div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spx-toaster', template: `
-    <spx-alert
-        *ngFor="let message of messages"
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="doCloseMessage(message.id)">{{message.message}}</spx-alert>
-        `, standalone: true, imports: [
+            args: [{
+                    selector: 'spx-toaster',
+                    template: `
+    <div 
+        *ngIf="messages && messages.length > 0"
+        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
+        <spx-alert
+            *ngFor="let message of messages"
+            [spxAutoclose]="message.autoClose"
+            [spxCloseable]="message.closeable"
+            [spxSeverity]="message.severity"
+            [spxTitle]="message.title"
+            (spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
+    </div>`,
+                    standalone: true,
+                    imports: [
+                        NgIf,
                         NgFor,
                         SpxAlertComponent,
-                    ], styles: [":host(.spx-toasts-displayer){display:block;position:fixed;bottom:85px;left:0;right:0;margin:0 auto;width:80%;z-index:500}spx-alert+spx-alert{margin-top:6px}\n"] }]
+                    ],
+                }]
         }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.spx-toasts-displayer']

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n    ERROR = 'error',\n    INFO = 'info',\n    SUCCESS = 'success',\n    WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n    DEFAULT = -1,\n    SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n    switch (autoCloseSpeed) {\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n        default:\n            return autoCloseSpeed;\n    }\n}\n","import {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { NgFor } from '@angular/common';\n\n@Component({\n    selector: 'spx-toaster',\n    template: `\n    <spx-alert\n        *ngFor=\"let message of messages\"\n        [spxAutoclose]=\"message.autoClose\"\n        [spxCloseable]=\"message.closeable\"\n        [spxSeverity]=\"message.severity\"\n        [spxTitle]=\"message.title\"\n        (spxClose)=\"doCloseMessage(message.id)\">{{message.message}}</spx-alert>\n        `,\n    standalone: true,\n    imports: [\n        NgFor,\n        SpxAlertComponent,\n    ],\n    styles: [`\n    :host(.spx-toasts-displayer) {\n        display: block;\n        position: fixed;\n        bottom: 85px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        width: 80%;\n        z-index: 500;\n    }\n\n    spx-alert + spx-alert {\n        margin-top: 6px;\n    }\n    `]\n})\nexport class SpxToasterComponent {\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\n    @Input() messages!: SpxToasterMessageI[];\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n\n    public doCloseMessage(id: number) {\n        this.spxClose.emit(id);\n    }\n\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n    autoClose?: number;\n    title?: string;\n\n    closeable?: boolean;\n    id!: number;\n    message!: string;\n    severity!: SpxSeverityEnum;\n}\n","/**\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-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n    ERROR = 'error',\n    INFO = 'info',\n    SUCCESS = 'success',\n    WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n    DEFAULT = -1,\n    SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n    switch (autoCloseSpeed) {\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n        default:\n            return autoCloseSpeed;\n    }\n}\n","import {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { NgFor, NgIf } from '@angular/common';\n\n@Component({\n    selector: 'spx-toaster',\n    template: `\n    <div \n        *ngIf=\"messages && messages.length > 0\"\n        class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\n        <spx-alert\n            *ngFor=\"let message of messages\"\n            [spxAutoclose]=\"message.autoClose\"\n            [spxCloseable]=\"message.closeable\"\n            [spxSeverity]=\"message.severity\"\n            [spxTitle]=\"message.title\"\n            (spxClose)=\"handleClose(message.id)\">{{message.message}}</spx-alert>\n    </div>`,\n    standalone: true,\n    imports: [\n        NgIf,\n        NgFor,\n        SpxAlertComponent,\n    ],\n})\nexport class SpxToasterComponent {\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\n    @Input() messages!: SpxToasterMessageI[];\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n\n    public handleClose(id: number) {\n        this.spxClose.emit(id);\n    }\n\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n    autoClose?: number;\n    title?: string;\n\n    closeable?: boolean;\n    id!: number;\n    message!: string;\n    severity!: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -51,7 +51,7 @@ class SpxUpdateInfoComponent {
       <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | capitalize"
         [spxReadonly]="true"></spx-input>
     </div>
-  </form>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
+  </form>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxShowLabel", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxUpdateInfoComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-update.mjs","sources":["../../../../projects/softpak/components/spx-update/src/spx-update-info.component.ts","../../../../projects/softpak/components/spx-update/src/spx-update-progress.component.ts","../../../../projects/softpak/components/spx-update/softpak-components-spx-update.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\n\nconst ctrlAppStoreVersion = 'appStoreVersion';\nconst ctrlChannel = 'channel';\nconst ctrlNextVersionNumber = 'nextVersionNumber';\nconst ctrlVersionNumber = 'versionNumber';\n\n@Component({\n  selector: 'spx-update-info',\n  template: `<form [formGroup]=\"form\" class=\"mt-3\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n      <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n    </div>\n  </form>`,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxInputComponent,\n  ]\n})\nexport class SpxUpdateInfoComponent {\n  form!: FormGroup;\n  @Input() txtAppStoreVersion!: string;\n  @Input() txtChannel!: string;\n  @Input() txtNextVersion!: string;\n  @Input() txtVersion!: string;\n  \n  get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n  get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n  get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlChannel) as FormControl; }\n  get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.form = this.formBuilder.group({\n      [ctrlAppStoreVersion]: [null, []],\n      [ctrlChannel]: [null, []],\n      [ctrlNextVersionNumber]: [null, []],\n      [ctrlVersionNumber]: [null, []],\n    });\n  }\n\n  update(appStoreVersion: string, channel: string, nextVersion: string, version: string) {\n    this.ctrlVersionNumber.setValue({\n      value: version,\n    });\n    this.ctrlNextVersionNumber.setValue({\n      value: nextVersion,\n    });\n    this.ctrlConfiguredChannel.setValue({\n      value: channel,\n    });\n    this.ctrlAppStoreVersion.setValue({\n      value: appStoreVersion,\n    });\n  }\n}\n","import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\n\n@Component({\n  selector: 'spx-update-progress',\n  template: `<spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"title | capitalize\">\n  </spx-progress-bar>`,\n  standalone: true,\n  imports: [\n    SpxProgressBarComponent,\n    SpxCapitalizePipe,\n  ],\n})\nexport class SpxUpdateProgressComponent implements OnInit, OnDestroy {\n  @Input() title!: string;\n  @Input() percentage!: number;\n  delayedPercentage!: number;\n  syncTruckInterval?: any;\n  \n  ngOnInit(): void {\n    this.startLoaderSync();\n  }\n\n  ngOnDestroy(): void {\n    this.stopLoaderSync();\n  }\n\n  private startLoaderSync() {\n    if (this.syncTruckInterval === null) {\n      this.syncTruckInterval = setInterval(() => {\n        this.delayedPercentage = this.percentage;\n      }, 200);\n    }\n  }\n\n  private stopLoaderSync() {\n    if (this.syncTruckInterval !== null) {\n      clearInterval(this.syncTruckInterval);\n      this.syncTruckInterval = undefined;\n    }\n  }\n}\n","/**\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-update.mjs","sources":["../../../../projects/softpak/components/spx-update/src/spx-update-info.component.ts","../../../../projects/softpak/components/spx-update/src/spx-update-progress.component.ts","../../../../projects/softpak/components/spx-update/softpak-components-spx-update.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\n\nconst ctrlAppStoreVersion = 'appStoreVersion';\nconst ctrlChannel = 'channel';\nconst ctrlNextVersionNumber = 'nextVersionNumber';\nconst ctrlVersionNumber = 'versionNumber';\n\n@Component({\n  selector: 'spx-update-info',\n  template: `<form [formGroup]=\"form\" class=\"mt-3\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n      <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n    </div>\n  </form>`,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxInputComponent,\n  ]\n})\nexport class SpxUpdateInfoComponent {\n  form!: FormGroup;\n  @Input() txtAppStoreVersion!: string;\n  @Input() txtChannel!: string;\n  @Input() txtNextVersion!: string;\n  @Input() txtVersion!: string;\n  \n  get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n  get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n  get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlChannel) as FormControl; }\n  get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.form = this.formBuilder.group({\n      [ctrlAppStoreVersion]: [null, []],\n      [ctrlChannel]: [null, []],\n      [ctrlNextVersionNumber]: [null, []],\n      [ctrlVersionNumber]: [null, []],\n    });\n  }\n\n  update(appStoreVersion: string, channel: string, nextVersion: string, version: string) {\n    this.ctrlVersionNumber.setValue({\n      value: version,\n    });\n    this.ctrlNextVersionNumber.setValue({\n      value: nextVersion,\n    });\n    this.ctrlConfiguredChannel.setValue({\n      value: channel,\n    });\n    this.ctrlAppStoreVersion.setValue({\n      value: appStoreVersion,\n    });\n  }\n}\n","import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\n\n@Component({\n  selector: 'spx-update-progress',\n  template: `<spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"title | capitalize\">\n  </spx-progress-bar>`,\n  standalone: true,\n  imports: [\n    SpxProgressBarComponent,\n    SpxCapitalizePipe,\n  ],\n})\nexport class SpxUpdateProgressComponent implements OnInit, OnDestroy {\n  @Input() title!: string;\n  @Input() percentage!: number;\n  delayedPercentage!: number;\n  syncTruckInterval?: any;\n  \n  ngOnInit(): void {\n    this.startLoaderSync();\n  }\n\n  ngOnDestroy(): void {\n    this.stopLoaderSync();\n  }\n\n  private startLoaderSync() {\n    if (this.syncTruckInterval === null) {\n      this.syncTruckInterval = setInterval(() => {\n        this.delayedPercentage = this.percentage;\n      }, 200);\n    }\n  }\n\n  private stopLoaderSync() {\n    if (this.syncTruckInterval !== null) {\n      clearInterval(this.syncTruckInterval);\n      this.syncTruckInterval = undefined;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { valuePairToValue } from '@softpak/components/spx-helpers';
 import { DateTime } from 'luxon';
-import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
 const spxValidatorRequired = () => (control) => {
@@ -179,11 +179,14 @@ class SpxValidateControlComponent {
         return this.control.errors && this.control.errors['past'];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxValidateControlComponent, selector: "spx-validate-control", inputs: { control: "control", label: "label", submitTried: "submitTried" }, ngImport: i0, template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxValidateControlComponent, isStandalone: true, selector: "spx-validate-control", inputs: { control: "control", label: "label", submitTried: "submitTried" }, ngImport: i0, template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidateControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spx-validate-control', template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>" }]
+            args: [{ selector: 'spx-validate-control', imports: [
+                        CommonModule,
+                        FormsModule,
+                    ], standalone: true, template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>" }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{
@@ -192,32 +195,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }] } });
 
-class SpxValidationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, declarations: [SpxValidateControlComponent], imports: [CommonModule,
-            FormsModule], exports: [SpxValidateControlComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, imports: [CommonModule,
-            FormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SpxValidateControlComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                    ],
-                    exports: [
-                        SpxValidateControlComponent
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SpxValidateControlComponent, SpxValidationModule, spxValidatorMax, spxValidatorMaxLength, spxValidatorMin, spxValidatorMinLength, spxValidatorPattern, spxValidatorRequired, spxValidatorYearAndMonth };
+export { SpxValidateControlComponent, spxValidatorMax, spxValidatorMaxLength, spxValidatorMin, spxValidatorMinLength, spxValidatorPattern, spxValidatorRequired, spxValidatorYearAndMonth };
 //# sourceMappingURL=softpak-components-spx-validation.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-validation.mjs","sources":["../../../../projects/softpak/components/spx-validation/required.validator.ts","../../../../projects/softpak/components/spx-validation/max.validator.ts","../../../../projects/softpak/components/spx-validation/maxlength.validator.ts","../../../../projects/softpak/components/spx-validation/min.validator.ts","../../../../projects/softpak/components/spx-validation/minlength.validator.ts","../../../../projects/softpak/components/spx-validation/pattern.validator.ts","../../../../projects/softpak/components/spx-validation/year-and-month.validator.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.html","../../../../projects/softpak/components/spx-validation/spx-validation.module.ts","../../../../projects/softpak/components/spx-validation/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\n    if (\n        control &&\n        valuePairToValue(control.value) === undefined ||\n        valuePairToValue(control.value) === null ||\n        valuePairToValue(control.value) === '' ||\n        valuePairToValue(control.value) === 0\n    ) {\n        return { required: true };\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n        if (!isNaN(value) && value > max) {\n            return {\n                max: {\n                    max,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length > maximumLength) {\n            return {\n                maxlength: {\n                    requiredLength: maximumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n\n        if (!isNaN(value) && value < min) {\n            return {\n                min: {\n                    min,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length < minimumLength) {\n            return {\n                minlength: {\n                    requiredLength: minimumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const matches = valuePairToValue(control.value).toString().match(matcher);\n        if (matches === null || matches.length === 0) {\n            return { pattern: true };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { DateTime } from 'luxon';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const val = valuePairToValue(control.value);\n        if (val.toUpperCase() !== 'ACEP') {\n            const date = DateTime.fromISO(val);\n            const year = date.year;\n            const month = date.month;\n            if (val.length < 6) {\n                return {\n                    minlength: {\n                        requiredLength: 6,\n                        actualLength: val.length\n                    }\n                };\n            }\n            if (month < 1 || month > 12) {\n                return { month: true };\n            }\n            if (future) {\n                if (year > 2050 || year < DateTime.now().year) {\n                    return { yearFuture: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\n                    return { past: true };\n                }\n            } else {\n                if (year < 1971 || year > DateTime.now().year) {\n                    return { year: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\n                    return { future: true };\n                }\n            }\n        }\n    }\n    return null;\n};\n","import { Component, Input } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\n\n@Component({\n  selector: 'spx-validate-control',\n  templateUrl: './spx-validate-control.component.html',\n})\nexport class SpxValidateControlComponent {\n  @Input() control!: AbstractControl;\n  @Input() label: string | unknown;\n  @Input() submitTried!: boolean;\n\n  get maxLength() {\n    return this.control.errors && this.control.errors['maxlength'];\n  }\n\n  get maxLengthRequiredLength() {\n    return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];\n  }\n\n  get minLength() {\n    return this.control.errors && this.control.errors['minlength'];\n  }\n\n  get minLengthRequiredLength() {\n    return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];\n  }\n\n  get max() {\n    return this.control.errors && this.control.errors['max'];\n  }\n\n  get maxRequiredMax() {\n    return this.max && this.control.errors && this.control.errors['max']['max'];\n  }\n\n  get min() {\n    return this.control.errors && this.control.errors['min'];\n  }\n\n  get minRequiredMin() {\n    return this.min && this.control.errors && this.control.errors['min']['min'];\n  }\n\n  get pattern() {\n    return this.control.errors && this.control.errors['pattern'];\n  }\n\n  get required() {\n    return this.control.errors && this.control.errors['required'];\n  }\n\n  get year() {\n    return this.control.errors && this.control.errors['year'];\n  }\n\n  get yearFuture() {\n    return this.control.errors && this.control.errors['yearFuture'];\n  }\n\n  get month() {\n    return this.control.errors && this.control.errors['month'];\n  }\n\n  get future() {\n    return this.control.errors && this.control.errors['future'];\n  }\n\n  get past() {\n    return this.control.errors && this.control.errors['past'];\n  }\n}\n","<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SpxValidateControlComponent } from './spx-validate-control.component';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n  declarations: [\n    SpxValidateControlComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n  ],\n  exports: [\n    SpxValidateControlComponent\n  ]\n})\nexport class SpxValidationModule { }\n","/**\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-validation.mjs","sources":["../../../../projects/softpak/components/spx-validation/required.validator.ts","../../../../projects/softpak/components/spx-validation/max.validator.ts","../../../../projects/softpak/components/spx-validation/maxlength.validator.ts","../../../../projects/softpak/components/spx-validation/min.validator.ts","../../../../projects/softpak/components/spx-validation/minlength.validator.ts","../../../../projects/softpak/components/spx-validation/pattern.validator.ts","../../../../projects/softpak/components/spx-validation/year-and-month.validator.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.html","../../../../projects/softpak/components/spx-validation/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\n    if (\n        control &&\n        valuePairToValue(control.value) === undefined ||\n        valuePairToValue(control.value) === null ||\n        valuePairToValue(control.value) === '' ||\n        valuePairToValue(control.value) === 0\n    ) {\n        return { required: true };\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n        if (!isNaN(value) && value > max) {\n            return {\n                max: {\n                    max,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length > maximumLength) {\n            return {\n                maxlength: {\n                    requiredLength: maximumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n\n        if (!isNaN(value) && value < min) {\n            return {\n                min: {\n                    min,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length < minimumLength) {\n            return {\n                minlength: {\n                    requiredLength: minimumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const matches = valuePairToValue(control.value).toString().match(matcher);\n        if (matches === null || matches.length === 0) {\n            return { pattern: true };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { DateTime } from 'luxon';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const val = valuePairToValue(control.value);\n        if (val.toUpperCase() !== 'ACEP') {\n            const date = DateTime.fromISO(val);\n            const year = date.year;\n            const month = date.month;\n            if (val.length < 6) {\n                return {\n                    minlength: {\n                        requiredLength: 6,\n                        actualLength: val.length\n                    }\n                };\n            }\n            if (month < 1 || month > 12) {\n                return { month: true };\n            }\n            if (future) {\n                if (year > 2050 || year < DateTime.now().year) {\n                    return { yearFuture: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\n                    return { past: true };\n                }\n            } else {\n                if (year < 1971 || year > DateTime.now().year) {\n                    return { year: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\n                    return { future: true };\n                }\n            }\n        }\n    }\n    return null;\n};\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { AbstractControl, FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'spx-validate-control',\n  templateUrl: './spx-validate-control.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n  ],\n  standalone: true,\n})\nexport class SpxValidateControlComponent {\n  @Input() control!: AbstractControl;\n  @Input() label: string | unknown;\n  @Input() submitTried!: boolean;\n\n  get maxLength() {\n    return this.control.errors && this.control.errors['maxlength'];\n  }\n\n  get maxLengthRequiredLength() {\n    return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];\n  }\n\n  get minLength() {\n    return this.control.errors && this.control.errors['minlength'];\n  }\n\n  get minLengthRequiredLength() {\n    return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];\n  }\n\n  get max() {\n    return this.control.errors && this.control.errors['max'];\n  }\n\n  get maxRequiredMax() {\n    return this.max && this.control.errors && this.control.errors['max']['max'];\n  }\n\n  get min() {\n    return this.control.errors && this.control.errors['min'];\n  }\n\n  get minRequiredMin() {\n    return this.min && this.control.errors && this.control.errors['min']['min'];\n  }\n\n  get pattern() {\n    return this.control.errors && this.control.errors['pattern'];\n  }\n\n  get required() {\n    return this.control.errors && this.control.errors['required'];\n  }\n\n  get year() {\n    return this.control.errors && this.control.errors['year'];\n  }\n\n  get yearFuture() {\n    return this.control.errors && this.control.errors['yearFuture'];\n  }\n\n  get month() {\n    return this.control.errors && this.control.errors['month'];\n  }\n\n  get future() {\n    return this.control.errors && this.control.errors['future'];\n  }\n\n  get past() {\n    return this.control.errors && this.control.errors['past'];\n  }\n}\n","<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@softpak/components",
-  "version": "0.0.0-beta.2",
+  "version": "0.0.0-beta.200",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^17.x.x",
-    "@angular/core": "^17.x.x",
-    "@fortawesome/free-solid-svg-icons": "^6.x.x"
+    "@angular/common": "17.x.x || 18.x.x",
+    "@angular/core": "17.x.x || 18.x.x",
+    "@fortawesome/free-solid-svg-icons": "^6.x.x",
+    "@ngx-translate/core": "^15.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -29,41 +30,53 @@
       "esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
-    "./spx-app-configuration": {
-      "types": "./spx-app-configuration/index.d.ts",
-      "esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
-      "esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
-      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
-    },
     "./spx-button": {
       "types": "./spx-button/index.d.ts",
       "esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
       "esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
+      "esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
       "esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
+    "./spx-change-details": {
+      "types": "./spx-change-details/index.d.ts",
+      "esm2022": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
+      "esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
+      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
+    },
     "./spx-channel-selection": {
       "types": "./spx-channel-selection/index.d.ts",
       "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
       "esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
       "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
     },
+    "./spx-check-digit": {
+      "types": "./spx-check-digit/index.d.ts",
+      "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
+      "esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
+      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    },
     "./spx-form-section": {
       "types": "./spx-form-section/index.d.ts",
       "esm2022": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
       "esm": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
     },
-    "./spx-check-digit": {
-      "types": "./spx-check-digit/index.d.ts",
-      "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
-      "esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
-      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    "./spx-form-view": {
+      "types": "./spx-form-view/index.d.ts",
+      "esm2022": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
+      "esm": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
+      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
     },
     "./spx-helpers": {
       "types": "./spx-helpers/index.d.ts",
@@ -83,6 +96,12 @@
       "esm": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "esm2022": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
+      "esm": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    },
     "./spx-patch": {
       "types": "./spx-patch/index.d.ts",
       "esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",

package/spx-button/spx-button.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxButtonComponent {
@@ -11,13 +11,19 @@ export declare class SpxButtonComponent {
     spxForm?: string;
     spxFullHeight?: boolean;
     spxFullWidth?: boolean;
-    spxSeverity: SpxSeverityEnum;
+    spxSeverity?: SpxSeverityEnum;
     spxSize: 'lg' | 'xl';
     spxTabIndex?: number;
     spxType: 'button' | 'submit';
     spxClick: EventEmitter<void>;
+    buttonRef?: ElementRef<HTMLInputElement>;
+    get severityError(): boolean;
+    get severityInfo(): boolean;
+    get severitySuccess(): boolean;
+    get severityWarning(): boolean;
     hasShadowDom: (el: HTMLElement) => boolean;
     handleClick: () => void;
+    spxSetFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxButtonComponent, "spx-button", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; }; "spxClass": { "alias": "spxClass"; "required": false; }; "spxClassObject": { "alias": "spxClassObject"; "required": false; }; "spxForm": { "alias": "spxForm"; "required": false; }; "spxFullHeight": { "alias": "spxFullHeight"; "required": false; }; "spxFullWidth": { "alias": "spxFullWidth"; "required": false; }; "spxSeverity": { "alias": "spxSeverity"; "required": false; }; "spxSize": { "alias": "spxSize"; "required": false; }; "spxTabIndex": { "alias": "spxTabIndex"; "required": false; }; "spxType": { "alias": "spxType"; "required": false; }; }, { "spxClick": "spxClick"; }, never, ["*"], true, never>;
 }

package/spx-change-details/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-change-details" />
+export * from './public-api';

package/spx-change-details/public-api.d.ts

@@ -0,0 +1 @@
+export * from './spx-change-details.component';

package/spx-change-details/spx-change-details-value.interface.d.ts

@@ -0,0 +1,7 @@
+import { SpxValuePair } from "@softpak/components/spx-inputs";
+export interface SpxChangeDetailsValueI {
+    category?: SpxValuePair<string>;
+    containerType: SpxValuePair<string>;
+    licensePlate: SpxValuePair<string>;
+    tonsTested: SpxValuePair<string>;
+}

package/spx-change-details/spx-change-details.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxFormFieldI, SpxFormSectionI } from '@softpak/components/spx-form-view';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
+import * as i0 from "@angular/core";
+export declare const sectionChangeDetails = "changeDetails";
+export declare const ctrlContainerNumber = "containerNumber";
+export declare const ctrlContainerPrefix = "containerPrefix";
+export declare const ctrlContainerSeqNr = "containerSeqNr";
+export declare const ctrlContainerType = "containerType";
+export declare const ctrlCustomer = "customer";
+export declare const ctrlTonsTested = "tonsTested";
+export declare const ctrlLicensePlate = "licensePlate";
+export declare const ctrlCategory = "category";
+export declare class SpxChangeDetailsComponent {
+    readonly formBuilder: FormBuilder;
+    formGroup: FormGroup;
+    showCategory: boolean;
+    suggestions: any;
+    txtCategory: string;
+    txtContainerNumber: string;
+    txtContainerPrefix: string;
+    txtContainerType: string;
+    txtCustomer: string;
+    txtLicensePlate: string;
+    txtTonsTested: string;
+    spxBlurCategory: EventEmitter<SpxValuePair<string>>;
+    spxBlurContainerType: EventEmitter<SpxValuePair<string>>;
+    spxSearchCategory: EventEmitter<SpxValuePair<string>>;
+    spxSearchContainerType: EventEmitter<SpxValuePair<string>>;
+    spxSearchTonsTested: EventEmitter<SpxValuePair<string>>;
+    submit: EventEmitter<SpxChangeDetailsValueI>;
+    inputTypeAutocomplete: SpxInputTypeEnum;
+    inputTypeRadio: SpxInputTypeEnum;
+    inputTypeText: SpxInputTypeEnum;
+    severitySuccess: SpxSeverityEnum;
+    sections: SpxFormSectionI[];
+    get ctrlCategory(): FormControl;
+    get ctrlCustomer(): FormControl;
+    get ctrlContainerType(): FormControl;
+    get ctrlLicensePlate(): FormControl;
+    get ctrlTonsTested(): FormControl;
+    private subContainerType?;
+    constructor(formBuilder: FormBuilder);
+    createForm(): FormGroup;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getRawValidators(formControl: FormControl): any;
+    onBlur(data: {
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }): void;
+    onSearch(data: {
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }): void;
+    onSubmit(): void;
+    private listenToContainerType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxChangeDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "showCategory": { "alias": "showCategory"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "txtCategory": { "alias": "txtCategory"; "required": false; }; "txtContainerNumber": { "alias": "txtContainerNumber"; "required": false; }; "txtContainerPrefix": { "alias": "txtContainerPrefix"; "required": false; }; "txtContainerType": { "alias": "txtContainerType"; "required": false; }; "txtCustomer": { "alias": "txtCustomer"; "required": false; }; "txtLicensePlate": { "alias": "txtLicensePlate"; "required": false; }; "txtTonsTested": { "alias": "txtTonsTested"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
+}

package/spx-channel-selection/src/spx-channel-selection.component.d.ts

@@ -1,10 +1,11 @@
 import { FormControl } from '@angular/forms';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxChannelSelectionComponent {
     control: FormControl;
     options: SpxValuePair<string>[];
     txtChannel: string;
+    inputTypeRadio: SpxInputTypeEnum;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChannelSelectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxChannelSelectionComponent, "spx-channel-selection", never, { "control": { "alias": "control"; "required": false; }; "options": { "alias": "options"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; }, {}, never, never, true, never>;

package/spx-channel-selection/src/spx-company-selection.component.d.ts

@@ -1,11 +1,12 @@
 import { FormControl } from '@angular/forms';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxCompanySelectionComponent {
     control: FormControl;
     options: SpxValuePair<string>[];
     txtChannel: string;
     txtCompany: string;
+    inputTypeRadio: SpxInputTypeEnum;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCompanySelectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxCompanySelectionComponent, "spx-company-selection", never, { "control": { "alias": "control"; "required": false; }; "options": { "alias": "options"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; "txtCompany": { "alias": "txtCompany"; "required": false; }; }, {}, never, never, true, never>;

package/spx-check-digit/spx-check-digit.component.d.ts

@@ -1,10 +1,14 @@
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxCheckDigitComponent {
     private readonly formBuilder;
     txtCheckDigit: string;
     txtContainer: string;
     txtPrefix: string;
+    ctrlContainerNumberRef?: SpxInputComponent;
+    inputTypeOverlayNumber: SpxInputTypeEnum;
+    inputTypeText: SpxInputTypeEnum;
     formGroup: FormGroup;
     get ctrlCheckDigit(): FormControl;
     get ctrlContainerNumber(): FormControl;
@@ -12,6 +16,7 @@ export declare class SpxCheckDigitComponent {
     private inputChanges?;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     getRawValidators(formControl: FormControl): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCheckDigitComponent, never>;

package/spx-form-view/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-form-view" />
+export * from './public-api';