@softpak/components 0.1.8-beta.1 → 0.1.8-beta.11

package/fesm2022/softpak-components-spx-stock-info.mjs

@@ -5,7 +5,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { spxValidatorRequired, SpxValidateControlComponent } from '@softpak/components/spx-validation';
 import { CommonModule } from '@angular/common';
 import { SpxInputTypeEnum, SpxInputComponent } from '@softpak/components/spx-inputs';
-import { SpxFormViewComponent } from '@softpak/components/spx-form-view';
+import { SpxFormButtonTypeEnum, SpxFormViewComponent } from '@softpak/components/spx-form-view';
 import { SpxButtonComponent } from '@softpak/components/spx-button';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 
@@ -37,108 +37,113 @@ class SpxStockInfoComponent {
         this.spxSearchContainerStatus = new EventEmitter();
         this.spxSearchCustomer = new EventEmitter();
         this.submit = new EventEmitter();
-        this.inputTypeAutocomplete = SpxInputTypeEnum.autocomplete;
-        this.inputTypeRadio = SpxInputTypeEnum.radio;
-        this.inputTypeText = SpxInputTypeEnum.text;
-        this.severitySuccess = SpxSeverityEnum.success;
-        this.sections = [
-            {
-                key: sectionLocation,
-                show: () => true,
-                title: () => this.textLocation,
-                fields: [
-                    {
-                        key: ctrlDepot,
-                        label: () => this.textDepot,
-                        type: () => SpxInputTypeEnum.text,
-                        defaultValue: () => this.depot,
-                        validators: () => [spxValidatorRequired()],
-                        readonly: () => true,
-                        suggestions: () => false,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                    {
-                        key: ctrlLocation,
-                        label: () => this.textLocation,
-                        type: () => SpxInputTypeEnum.text,
-                        defaultValue: () => null,
-                        validators: () => [],
-                        readonly: () => false,
-                        suggestions: () => false,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                ]
-            },
-            {
-                key: sectionCustomer,
-                show: () => true,
-                title: () => this.textCustomer,
-                fields: [
-                    {
-                        key: ctrlCustomer,
-                        label: () => this.textCustomer,
-                        type: () => SpxInputTypeEnum.autocomplete,
-                        defaultValue: () => null,
-                        validators: () => [],
-                        readonly: () => false,
-                        suggestions: () => true,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                ]
-            },
-            {
-                key: sectionContainerInfo,
-                show: () => true,
-                title: () => this.textContainerInfo,
-                fields: [
-                    {
-                        key: ctrlCategory,
-                        label: () => this.textCategory,
-                        type: () => SpxInputTypeEnum.autocomplete,
-                        defaultValue: () => null,
-                        validators: () => [],
-                        readonly: () => false,
-                        suggestions: () => true,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                    {
-                        key: ctrlContainerStatus,
-                        label: () => this.textContainerStatus,
-                        type: () => SpxInputTypeEnum.autocomplete,
-                        defaultValue: () => null,
-                        validators: () => [],
-                        readonly: () => false,
-                        suggestions: () => true,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                    {
-                        key: ctrlContainerType,
-                        label: () => this.textContainerType,
-                        type: () => SpxInputTypeEnum.autocomplete,
-                        defaultValue: () => null,
-                        validators: () => [],
-                        readonly: () => false,
-                        suggestions: () => true,
-                        afterValueChange: undefined,
-                        show: () => true,
-                        capitalize: () => true,
-                    },
-                ]
-            },
-        ];
+        this.form = {
+            buttons: [
+                {
+                    severity: SpxSeverityEnum.success,
+                    type: SpxFormButtonTypeEnum.submit,
+                    label: () => this.textSearch,
+                }
+            ],
+            sections: [
+                {
+                    key: sectionLocation,
+                    show: () => true,
+                    title: () => this.textLocation,
+                    fields: [
+                        {
+                            key: ctrlDepot,
+                            label: () => this.textDepot,
+                            type: () => SpxInputTypeEnum.text,
+                            defaultValue: () => this.depot,
+                            validators: () => [spxValidatorRequired()],
+                            readonly: () => true,
+                            suggestions: () => false,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                        {
+                            key: ctrlLocation,
+                            label: () => this.textLocation,
+                            type: () => SpxInputTypeEnum.text,
+                            defaultValue: () => null,
+                            validators: () => [],
+                            readonly: () => false,
+                            suggestions: () => false,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                    ]
+                },
+                {
+                    key: sectionCustomer,
+                    show: () => true,
+                    title: () => this.textCustomer,
+                    fields: [
+                        {
+                            key: ctrlCustomer,
+                            label: () => this.textCustomer,
+                            type: () => SpxInputTypeEnum.autocomplete,
+                            defaultValue: () => null,
+                            validators: () => [],
+                            readonly: () => false,
+                            suggestions: () => true,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                    ]
+                },
+                {
+                    key: sectionContainerInfo,
+                    show: () => true,
+                    title: () => this.textContainerInfo,
+                    fields: [
+                        {
+                            key: ctrlCategory,
+                            label: () => this.textCategory,
+                            type: () => SpxInputTypeEnum.autocomplete,
+                            defaultValue: () => null,
+                            validators: () => [],
+                            readonly: () => false,
+                            suggestions: () => true,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                        {
+                            key: ctrlContainerStatus,
+                            label: () => this.textContainerStatus,
+                            type: () => SpxInputTypeEnum.autocomplete,
+                            defaultValue: () => null,
+                            validators: () => [],
+                            readonly: () => false,
+                            suggestions: () => true,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                        {
+                            key: ctrlContainerType,
+                            label: () => this.textContainerType,
+                            type: () => SpxInputTypeEnum.autocomplete,
+                            defaultValue: () => null,
+                            validators: () => [],
+                            readonly: () => false,
+                            suggestions: () => true,
+                            afterValueChange: undefined,
+                            show: () => true,
+                            capitalize: () => true,
+                        },
+                    ]
+                },
+            ]
+        };
     }
     createForm() {
-        return SpxFormViewComponent.createForm(this.formBuilder, this.sections);
+        return SpxFormViewComponent.createForm(this.formBuilder, this.form.sections);
     }
     getRawValidators(formControl) {
         return formControl._rawValidators;
@@ -182,7 +187,7 @@ class SpxStockInfoComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxStockInfoComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxStockInfoComponent, isStandalone: true, selector: "spx-stock-info", inputs: { formGroup: "formGroup", depot: "depot", suggestions: "suggestions", textLocation: "textLocation", textDepot: "textDepot", textCustomer: "textCustomer", textContainerInfo: "textContainerInfo", textCategory: "textCategory", textContainerStatus: "textContainerStatus", textContainerType: "textContainerType" }, outputs: { spxBlurCategory: "spxBlurCategory", spxBlurContainerStatus: "spxBlurContainerStatus", spxBlurContainerType: "spxBlurContainerType", spxBlurCustomer: "spxBlurCustomer", spxSearchCategory: "spxSearchCategory", spxSearchContainerType: "spxSearchContainerType", spxSearchContainerStatus: "spxSearchContainerStatus", spxSearchCustomer: "spxSearchCustomer", submit: "submit" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxSections", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxStockInfoComponent, isStandalone: true, selector: "spx-stock-info", inputs: { formGroup: "formGroup", depot: "depot", suggestions: "suggestions", textLocation: "textLocation", textDepot: "textDepot", textCustomer: "textCustomer", textContainerInfo: "textContainerInfo", textCategory: "textCategory", textContainerStatus: "textContainerStatus", textContainerType: "textContainerType", textSearch: "textSearch" }, outputs: { spxBlurCategory: "spxBlurCategory", spxBlurContainerStatus: "spxBlurContainerStatus", spxBlurContainerType: "spxBlurContainerType", spxBlurCustomer: "spxBlurCustomer", spxSearchCategory: "spxSearchCategory", spxSearchContainerType: "spxSearchContainerType", spxSearchContainerStatus: "spxSearchContainerStatus", spxSearchCustomer: "spxSearchCustomer", submit: "submit" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxForm]=\"form\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n</form>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxStockInfoComponent, decorators: [{
             type: Component,
@@ -194,7 +199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                         SpxFormViewComponent,
                         SpxInputComponent,
                         SpxValidateControlComponent,
-                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>" }]
+                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxForm]=\"form\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { formGroup: [{
                 type: Input
             }], depot: [{
@@ -215,6 +220,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                 type: Input
             }], textContainerType: [{
                 type: Input
+            }], textSearch: [{
+                type: Input
             }], spxBlurCategory: [{
                 type: Output
             }], spxBlurContainerStatus: [{

package/fesm2022/softpak-components-spx-stock-info.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-stock-info.mjs","sources":["../../../../projects/softpak/components/spx-stock-info/spx-stock-info.component.ts","../../../../projects/softpak/components/spx-stock-info/spx-stock-info.component.html","../../../../projects/softpak/components/spx-stock-info/softpak-components-spx-stock-info.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { spxValidatorRequired, SpxValidateControlComponent } from '@softpak/components/spx-validation';\nimport { CommonModule } from '@angular/common';\nimport { SpxInputComponent, SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { SpxFormFieldI, SpxFormSectionI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { SpxStockInfoValueI } from './spx-stock-info-value.interface';\n\nexport const ctrlCategory = 'ctrlCategory';\nexport const ctrlContainerStatus = 'ctrlContainerStatus';\nexport const ctrlContainerType = 'ctrlContainerType';\nexport const ctrlCustomer = 'ctrlCustomer';\nexport const ctrlDepot = 'ctrlDepot';\nexport const ctrlLocation = 'ctrlLocation';\nexport const sectionContainerInfo = 'sectionContainerInfo';\nexport const sectionCustomer = 'sectionCustomer';\nexport const sectionLocation = 'sectionLocation';\n\n@Component({\n  selector: 'spx-stock-info',\n  templateUrl: './spx-stock-info.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxButtonComponent,\n    SpxFormViewComponent,\n    SpxInputComponent,\n    SpxValidateControlComponent,\n  ]\n})\nexport class SpxStockInfoComponent {\n  @Input() formGroup!: FormGroup;\n  @Input() depot!: string;\n  @Input() suggestions: any = {};\n  @Input() textLocation!: string;\n  @Input() textDepot!: string;\n  @Input() textCustomer!: string;\n  @Input() textContainerInfo!: string;\n  @Input() textCategory!: string;\n  @Input() textContainerStatus!: string;\n  @Input() textContainerType!: string;\n  @Output() spxBlurCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() submit: EventEmitter<SpxStockInfoValueI> = new EventEmitter<SpxStockInfoValueI>();\n\n  inputTypeAutocomplete = SpxInputTypeEnum.autocomplete;\n  inputTypeRadio = SpxInputTypeEnum.radio;\n  inputTypeText = SpxInputTypeEnum.text;\n  severitySuccess = SpxSeverityEnum.success;\n\n  sections: SpxFormSectionI[] = [\n    {\n      key: sectionLocation,\n      show: () => true,\n      title: () => this.textLocation,\n      fields: [\n        {\n          key: ctrlDepot,\n          label: () => this.textDepot,\n          type: () => SpxInputTypeEnum.text,\n          defaultValue: () => this.depot,\n          validators: () => [spxValidatorRequired()],\n          readonly: () => true,\n          suggestions: () => false,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n        {\n          key: ctrlLocation,\n          label: () => this.textLocation,\n          type: () => SpxInputTypeEnum.text,\n          defaultValue: () => null,\n          validators: () => [],\n          readonly: () => false,\n          suggestions: () => false,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n      ]\n    },\n    {\n      key: sectionCustomer,\n      show: () => true,\n      title: () => this.textCustomer,\n      fields: [\n        {\n          key: ctrlCustomer,\n          label: () => this.textCustomer,\n          type: () => SpxInputTypeEnum.autocomplete,\n          defaultValue: () => null,\n          validators: () => [],\n          readonly: () => false,\n          suggestions: () => true,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n      ]\n    },\n    {\n      key: sectionContainerInfo,\n      show: () => true,\n      title: () => this.textContainerInfo,\n      fields: [\n        {\n          key: ctrlCategory,\n          label: () => this.textCategory,\n          type: () => SpxInputTypeEnum.autocomplete,\n          defaultValue: () => null,\n          validators: () => [],\n          readonly: () => false,\n          suggestions: () => true,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n        {\n          key: ctrlContainerStatus,\n          label: () => this.textContainerStatus,\n          type: () => SpxInputTypeEnum.autocomplete,\n          defaultValue: () => null,\n          validators: () => [],\n          readonly: () => false,\n          suggestions: () => true,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n        {\n          key: ctrlContainerType,\n          label: () => this.textContainerType,\n          type: () => SpxInputTypeEnum.autocomplete,\n          defaultValue: () => null,\n          validators: () => [],\n          readonly: () => false,\n          suggestions: () => true,\n          afterValueChange: undefined,\n          show: () => true,\n          capitalize: () => true,\n        },\n      ]\n    },\n  ];\n\n  get ctrlCategory(): FormControl { return this.formGroup.get(ctrlCategory) as FormControl; }\n  get ctrlContainerStatus(): FormControl { return this.formGroup.get(ctrlContainerStatus) as FormControl; }\n  get ctrlContainerType(): FormControl { return this.formGroup.get(ctrlContainerType) as FormControl; }\n  get ctrlCustomer(): FormControl { return this.formGroup.get(ctrlCustomer) as FormControl; }\n  get ctrlDepot(): FormControl { return this.formGroup.get(ctrlDepot) as FormControl; }\n  get ctrlLocation(): FormControl { return this.formGroup.get(ctrlLocation) as FormControl; }\n\n  constructor(readonly formBuilder: FormBuilder) {\n  }\n\n  createForm(): FormGroup {\n    return SpxFormViewComponent.createForm(this.formBuilder, this.sections);\n  }\n\n  getRawValidators(formControl: FormControl) {\n    return (formControl as any)._rawValidators;\n  }\n\n  onBlur(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\n    if (data.field.key === ctrlCategory) {\n      this.spxBlurCategory.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerStatus) {\n      this.spxBlurContainerStatus.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerType) {\n      this.spxBlurContainerType.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlCustomer) {\n      this.spxBlurCustomer.emit(data.valuePair);\n    }\n  }\n\n  onSearch(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\n    if (data.field.key === ctrlCategory) {\n      this.spxSearchCategory.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerType) {\n      this.spxSearchContainerType.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerStatus) {\n      this.spxSearchContainerStatus.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlCustomer) {\n      this.spxSearchCustomer.emit(data.valuePair);\n    }\n  }\n\n  onSubmit(): void {\n    this.submit.emit({\n      ctrlCategory: this.ctrlCategory.value,\n      ctrlContainerStatus: this.ctrlContainerStatus.value,\n      ctrlContainerType: this.ctrlContainerType.value,\n      ctrlCustomer: this.ctrlContainerType.value,\n      ctrlDepot: this.ctrlDepot.value,\n      ctrlLocation: this.ctrlLocation.value,\n    });\n  }\n}\n","<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,YAAY,GAAG,eAAe;AACpC,MAAM,mBAAmB,GAAG,sBAAsB;AAClD,MAAM,iBAAiB,GAAG,oBAAoB;AAC9C,MAAM,YAAY,GAAG,eAAe;AACpC,MAAM,SAAS,GAAG,YAAY;AAC9B,MAAM,YAAY,GAAG,eAAe;AACpC,MAAM,oBAAoB,GAAG,uBAAuB;AACpD,MAAM,eAAe,GAAG,kBAAkB;AAC1C,MAAM,eAAe,GAAG,kBAAkB;MAgBpC,qBAAqB,CAAA;AA0HhC,IAAA,IAAI,YAAY,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAgB,CAAC,EAAE;AAC3F,IAAA,IAAI,mBAAmB,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAgB,CAAC,EAAE;AACzG,IAAA,IAAI,iBAAiB,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAgB,CAAC,EAAE;AACrG,IAAA,IAAI,YAAY,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAgB,CAAC,EAAE;AAC3F,IAAA,IAAI,SAAS,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAgB,CAAC,EAAE;AACrF,IAAA,IAAI,YAAY,GAAA,EAAkB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAgB,CAAC,EAAE;AAE3F,IAAA,WAAA,CAAqB,WAAwB,EAAA;QAAxB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;QA9HpC,IAAW,CAAA,WAAA,GAAQ,EAAE,CAAC;AAQrB,QAAA,IAAA,CAAA,eAAe,GAAuC,IAAI,YAAY,EAAwB,CAAC;AAC/F,QAAA,IAAA,CAAA,sBAAsB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACtG,QAAA,IAAA,CAAA,oBAAoB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACpG,QAAA,IAAA,CAAA,eAAe,GAAuC,IAAI,YAAY,EAAwB,CAAC;AAC/F,QAAA,IAAA,CAAA,iBAAiB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACjG,QAAA,IAAA,CAAA,sBAAsB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACtG,QAAA,IAAA,CAAA,wBAAwB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACxG,QAAA,IAAA,CAAA,iBAAiB,GAAuC,IAAI,YAAY,EAAwB,CAAC;AACjG,QAAA,IAAA,CAAA,MAAM,GAAqC,IAAI,YAAY,EAAsB,CAAC;AAE5F,QAAA,IAAA,CAAA,qBAAqB,GAAG,gBAAgB,CAAC,YAAY,CAAC;AACtD,QAAA,IAAA,CAAA,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACxC,QAAA,IAAA,CAAA,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACtC,QAAA,IAAA,CAAA,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC;AAE1C,QAAA,IAAA,CAAA,QAAQ,GAAsB;AAC5B,YAAA;AACE,gBAAA,GAAG,EAAE,eAAe;AACpB,gBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,gBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,YAAY;AAC9B,gBAAA,MAAM,EAAE;AACN,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;AACd,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,IAAI;AACjC,wBAAA,YAAY,EAAE,MAAM,IAAI,CAAC,KAAK;AAC9B,wBAAA,UAAU,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC;AAC1C,wBAAA,QAAQ,EAAE,MAAM,IAAI;AACpB,wBAAA,WAAW,EAAE,MAAM,KAAK;AACxB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,YAAY;AACjB,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,YAAY;AAC9B,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,IAAI;AACjC,wBAAA,YAAY,EAAE,MAAM,IAAI;AACxB,wBAAA,UAAU,EAAE,MAAM,EAAE;AACpB,wBAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,wBAAA,WAAW,EAAE,MAAM,KAAK;AACxB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,eAAe;AACpB,gBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,gBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,YAAY;AAC9B,gBAAA,MAAM,EAAE;AACN,oBAAA;AACE,wBAAA,GAAG,EAAE,YAAY;AACjB,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,YAAY;AAC9B,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,YAAY;AACzC,wBAAA,YAAY,EAAE,MAAM,IAAI;AACxB,wBAAA,UAAU,EAAE,MAAM,EAAE;AACpB,wBAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,wBAAA,WAAW,EAAE,MAAM,IAAI;AACvB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,oBAAoB;AACzB,gBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,gBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,iBAAiB;AACnC,gBAAA,MAAM,EAAE;AACN,oBAAA;AACE,wBAAA,GAAG,EAAE,YAAY;AACjB,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,YAAY;AAC9B,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,YAAY;AACzC,wBAAA,YAAY,EAAE,MAAM,IAAI;AACxB,wBAAA,UAAU,EAAE,MAAM,EAAE;AACpB,wBAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,wBAAA,WAAW,EAAE,MAAM,IAAI;AACvB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,mBAAmB;AACxB,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,mBAAmB;AACrC,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,YAAY;AACzC,wBAAA,YAAY,EAAE,MAAM,IAAI;AACxB,wBAAA,UAAU,EAAE,MAAM,EAAE;AACpB,wBAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,wBAAA,WAAW,EAAE,MAAM,IAAI;AACvB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,iBAAiB;AACtB,wBAAA,KAAK,EAAE,MAAM,IAAI,CAAC,iBAAiB;AACnC,wBAAA,IAAI,EAAE,MAAM,gBAAgB,CAAC,YAAY;AACzC,wBAAA,YAAY,EAAE,MAAM,IAAI;AACxB,wBAAA,UAAU,EAAE,MAAM,EAAE;AACpB,wBAAA,QAAQ,EAAE,MAAM,KAAK;AACrB,wBAAA,WAAW,EAAE,MAAM,IAAI;AACvB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,IAAI,EAAE,MAAM,IAAI;AAChB,wBAAA,UAAU,EAAE,MAAM,IAAI;AACvB,qBAAA;AACF,iBAAA;AACF,aAAA;SACF,CAAC;KAUD;IAED,UAAU,GAAA;AACR,QAAA,OAAO,oBAAoB,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzE;AAED,IAAA,gBAAgB,CAAC,WAAwB,EAAA;QACvC,OAAQ,WAAmB,CAAC,cAAc,CAAC;KAC5C;AAED,IAAA,MAAM,CAAC,IAA4D,EAAA;QACjE,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC3C;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,mBAAmB,EAAE;YAC1C,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAClD;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,iBAAiB,EAAE;YACxC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAChD;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC3C;KACF;AAED,IAAA,QAAQ,CAAC,IAA4D,EAAA;QACnE,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;YACnC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,iBAAiB,EAAE;YACxC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAClD;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,mBAAmB,EAAE;YAC1C,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACpD;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;YACnC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;KACF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACf,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;AACrC,YAAA,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK;AACnD,YAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK;AAC/C,YAAA,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK;AAC1C,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;AAC/B,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;AACtC,SAAA,CAAC,CAAC;KACJ;8GAnLU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClClC,0bAaO,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDYH,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,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,WAAA,EAAA,IAAA,EACnB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;+BACE,gBAAgB,EAAA,UAAA,EAEd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,kBAAkB;wBAClB,oBAAoB;wBACpB,iBAAiB;wBACjB,2BAA2B;AAC5B,qBAAA,EAAA,QAAA,EAAA,0bAAA,EAAA,CAAA;gFAGQ,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,mBAAmB,EAAA,CAAA;sBAA3B,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACI,eAAe,EAAA,CAAA;sBAAxB,MAAM;gBACG,sBAAsB,EAAA,CAAA;sBAA/B,MAAM;gBACG,oBAAoB,EAAA,CAAA;sBAA7B,MAAM;gBACG,eAAe,EAAA,CAAA;sBAAxB,MAAM;gBACG,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;gBACG,sBAAsB,EAAA,CAAA;sBAA/B,MAAM;gBACG,wBAAwB,EAAA,CAAA;sBAAjC,MAAM;gBACG,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;gBACG,MAAM,EAAA,CAAA;sBAAf,MAAM;;;AErDT;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-stock-info.mjs","sources":["../../../../projects/softpak/components/spx-stock-info/spx-stock-info.component.ts","../../../../projects/softpak/components/spx-stock-info/spx-stock-info.component.html","../../../../projects/softpak/components/spx-stock-info/softpak-components-spx-stock-info.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { spxValidatorRequired, SpxValidateControlComponent } from '@softpak/components/spx-validation';\nimport { CommonModule } from '@angular/common';\nimport { SpxInputComponent, SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { SpxFormButtonTypeEnum, SpxFormFieldI, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { SpxStockInfoValueI } from './spx-stock-info-value.interface';\n\nexport const ctrlCategory = 'ctrlCategory';\nexport const ctrlContainerStatus = 'ctrlContainerStatus';\nexport const ctrlContainerType = 'ctrlContainerType';\nexport const ctrlCustomer = 'ctrlCustomer';\nexport const ctrlDepot = 'ctrlDepot';\nexport const ctrlLocation = 'ctrlLocation';\nexport const sectionContainerInfo = 'sectionContainerInfo';\nexport const sectionCustomer = 'sectionCustomer';\nexport const sectionLocation = 'sectionLocation';\n\n@Component({\n  selector: 'spx-stock-info',\n  templateUrl: './spx-stock-info.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxButtonComponent,\n    SpxFormViewComponent,\n    SpxInputComponent,\n    SpxValidateControlComponent,\n  ]\n})\nexport class SpxStockInfoComponent {\n  @Input() formGroup!: FormGroup;\n  @Input() depot!: string;\n  @Input() suggestions: any = {};\n  @Input() textLocation!: string;\n  @Input() textDepot!: string;\n  @Input() textCustomer!: string;\n  @Input() textContainerInfo!: string;\n  @Input() textCategory!: string;\n  @Input() textContainerStatus!: string;\n  @Input() textContainerType!: string;\n  @Input() textSearch!: string;\n  @Output() spxBlurCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() submit: EventEmitter<SpxStockInfoValueI> = new EventEmitter<SpxStockInfoValueI>();\n\n  form: SpxFormI = {\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSearch,\n      }\n    ],\n    sections: [\n      {\n        key: sectionLocation,\n        show: () => true,\n        title: () => this.textLocation,\n        fields: [\n          {\n            key: ctrlDepot,\n            label: () => this.textDepot,\n            type: () => SpxInputTypeEnum.text,\n            defaultValue: () => this.depot,\n            validators: () => [spxValidatorRequired()],\n            readonly: () => true,\n            suggestions: () => false,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n          {\n            key: ctrlLocation,\n            label: () => this.textLocation,\n            type: () => SpxInputTypeEnum.text,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => false,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n        ]\n      },\n      {\n        key: sectionCustomer,\n        show: () => true,\n        title: () => this.textCustomer,\n        fields: [\n          {\n            key: ctrlCustomer,\n            label: () => this.textCustomer,\n            type: () => SpxInputTypeEnum.autocomplete,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => true,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n        ]\n      },\n      {\n        key: sectionContainerInfo,\n        show: () => true,\n        title: () => this.textContainerInfo,\n        fields: [\n          {\n            key: ctrlCategory,\n            label: () => this.textCategory,\n            type: () => SpxInputTypeEnum.autocomplete,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => true,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n          {\n            key: ctrlContainerStatus,\n            label: () => this.textContainerStatus,\n            type: () => SpxInputTypeEnum.autocomplete,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => true,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n          {\n            key: ctrlContainerType,\n            label: () => this.textContainerType,\n            type: () => SpxInputTypeEnum.autocomplete,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => true,\n            afterValueChange: undefined,\n            show: () => true,\n            capitalize: () => true,\n          },\n        ]\n      },\n    ]\n  };\n\n  get ctrlCategory(): FormControl { return this.formGroup.get(ctrlCategory) as FormControl; }\n  get ctrlContainerStatus(): FormControl { return this.formGroup.get(ctrlContainerStatus) as FormControl; }\n  get ctrlContainerType(): FormControl { return this.formGroup.get(ctrlContainerType) as FormControl; }\n  get ctrlCustomer(): FormControl { return this.formGroup.get(ctrlCustomer) as FormControl; }\n  get ctrlDepot(): FormControl { return this.formGroup.get(ctrlDepot) as FormControl; }\n  get ctrlLocation(): FormControl { return this.formGroup.get(ctrlLocation) as FormControl; }\n\n  constructor(readonly formBuilder: FormBuilder) {\n  }\n\n  createForm(): FormGroup {\n    return SpxFormViewComponent.createForm(this.formBuilder, this.form.sections);\n  }\n\n  getRawValidators(formControl: FormControl) {\n    return (formControl as any)._rawValidators;\n  }\n\n  onBlur(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\n    if (data.field.key === ctrlCategory) {\n      this.spxBlurCategory.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerStatus) {\n      this.spxBlurContainerStatus.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerType) {\n      this.spxBlurContainerType.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlCustomer) {\n      this.spxBlurCustomer.emit(data.valuePair);\n    }\n  }\n\n  onSearch(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\n    if (data.field.key === ctrlCategory) {\n      this.spxSearchCategory.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerType) {\n      this.spxSearchContainerType.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlContainerStatus) {\n      this.spxSearchContainerStatus.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlCustomer) {\n      this.spxSearchCustomer.emit(data.valuePair);\n    }\n  }\n\n  onSubmit(): void {\n    this.submit.emit({\n      ctrlCategory: this.ctrlCategory.value,\n      ctrlContainerStatus: this.ctrlContainerStatus.value,\n      ctrlContainerType: this.ctrlContainerType.value,\n      ctrlCustomer: this.ctrlContainerType.value,\n      ctrlDepot: this.ctrlDepot.value,\n      ctrlLocation: this.ctrlLocation.value,\n    });\n  }\n}\n","<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxForm]=\"form\"\n    [spxSuggestions]=\"suggestions\"\n    (spxBlur)=\"onBlur($event)\"\n    (spxSearch)=\"onSearch($event)\">\n  </spx-form-view>\n</form>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "0.1.8-beta.1",
+  "version": "0.1.8-beta.11",
   "private": false,
   "peerDependencies": {
     "@angular/common": "15.x.x || 18.x.x",
@@ -46,36 +46,24 @@
       "esm": "./esm2022/spx-app-expiry/softpak-components-spx-app-expiry.mjs",
       "default": "./fesm2022/softpak-components-spx-app-expiry.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-update": {
       "types": "./spx-app-update/index.d.ts",
       "esm2022": "./esm2022/spx-app-update/softpak-components-spx-app-update.mjs",
       "esm": "./esm2022/spx-app-update/softpak-components-spx-app-update.mjs",
       "default": "./fesm2022/softpak-components-spx-app-update.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-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-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-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-check-digit": {
       "types": "./spx-check-digit/index.d.ts",
       "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
@@ -88,6 +76,18 @@
       "esm": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
       "default": "./fesm2022/softpak-components-spx-form-section.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-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-form-view": {
       "types": "./spx-form-view/index.d.ts",
       "esm2022": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
@@ -118,6 +118,12 @@
       "esm": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
       "default": "./fesm2022/softpak-components-spx-number-check.mjs"
     },
+    "./spx-pagination": {
+      "types": "./spx-pagination/index.d.ts",
+      "esm2022": "./esm2022/spx-pagination/softpak-components-spx-pagination.mjs",
+      "esm": "./esm2022/spx-pagination/softpak-components-spx-pagination.mjs",
+      "default": "./fesm2022/softpak-components-spx-pagination.mjs"
+    },
     "./spx-patch": {
       "types": "./spx-patch/index.d.ts",
       "esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
@@ -142,18 +148,18 @@
       "esm": "./esm2022/spx-stock-info/softpak-components-spx-stock-info.mjs",
       "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
-    "./spx-storage": {
-      "types": "./spx-storage/index.d.ts",
-      "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
-      "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
-      "default": "./fesm2022/softpak-components-spx-storage.mjs"
-    },
     "./spx-suggestion": {
       "types": "./spx-suggestion/index.d.ts",
       "esm2022": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
       "esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
+    "./spx-storage": {
+      "types": "./spx-storage/index.d.ts",
+      "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
+      "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
+      "default": "./fesm2022/softpak-components-spx-storage.mjs"
+    },
     "./spx-toaster": {
       "types": "./spx-toaster/index.d.ts",
       "esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",

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

@@ -1,8 +1,7 @@
 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 { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxFormFieldI, SpxFormI } from '@softpak/components/spx-form-view';
 import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
 import * as i0 from "@angular/core";
 export declare const sectionChangeDetails = "changeDetails";
@@ -19,24 +18,21 @@ export declare class SpxChangeDetailsComponent {
     readonly formBuilder: FormBuilder;
     formGroup: FormGroup;
     suggestions: any;
-    txtCategory: string;
-    txtContainerNumber: string;
-    txtContainerPrefix: string;
-    txtContainerType: string;
-    txtCustomer: string;
-    txtLicensePlate: string;
-    txtTonsTested: string;
+    textCategory: string;
+    textContainerNumber: string;
+    textContainerPrefix: string;
+    textContainerType: string;
+    textCustomer: string;
+    textLicensePlate: string;
+    textSave: string;
+    textTonsTested: 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[];
+    form: SpxFormI;
     get ctrlCategory(): FormControl;
     get ctrlCustomer(): FormControl;
     get ctrlContainerType(): FormControl;
@@ -60,5 +56,5 @@ export declare class SpxChangeDetailsComponent {
     onSubmit(): void;
     private listenToContainerType;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChangeDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "textCategory": { "alias": "textCategory"; "required": false; }; "textContainerNumber": { "alias": "textContainerNumber"; "required": false; }; "textContainerPrefix": { "alias": "textContainerPrefix"; "required": false; }; "textContainerType": { "alias": "textContainerType"; "required": false; }; "textCustomer": { "alias": "textCustomer"; "required": false; }; "textLicensePlate": { "alias": "textLicensePlate"; "required": false; }; "textSave": { "alias": "textSave"; "required": false; }; "textTonsTested": { "alias": "textTonsTested"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
 }

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

@@ -1,8 +1,7 @@
 import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
-import { SpxFormSectionI } from '@softpak/components/spx-form-view';
-import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxFormI } from '@softpak/components/spx-form-view';
 import { SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare const sectionWelcome = "welcome";
@@ -17,10 +16,10 @@ export declare class SpxWelcomeComponent implements OnChanges, OnInit, OnDestroy
     channels?: SpxAppChannelI[];
     channelTypes?: SpxAppChannelTypeEnum[];
     formGroup: FormGroup;
-    txtChannel: string;
-    txtCompany: string;
+    textChannel: string;
+    textCompany: string;
+    textSelect: string;
     spxSelect: EventEmitter<SpxWelcomeValueI>;
-    severitySuccess: SpxSeverityEnum;
     suggestions: {
         [ctrlChannelType]?: SpxValuePair<string>[];
         [ctrlChannel]?: SpxValuePair<string>[];
@@ -28,7 +27,7 @@ export declare class SpxWelcomeComponent implements OnChanges, OnInit, OnDestroy
     get ctrlChannel(): FormControl;
     get ctrlChannelType(): FormControl;
     private subscriptions;
-    sections: SpxFormSectionI[];
+    form: SpxFormI;
     get filteredCompanies(): SpxValuePair<string>[];
     constructor(formBuilder: FormBuilder);
     ngOnChanges(changes: SimpleChanges): void;
@@ -37,5 +36,5 @@ export declare class SpxWelcomeComponent implements OnChanges, OnInit, OnDestroy
     onSubmit(): void;
     createForm(): FormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxWelcomeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, { "channels": { "alias": "channels"; "required": false; }; "channelTypes": { "alias": "channelTypes"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; "txtCompany": { "alias": "txtCompany"; "required": false; }; }, { "spxSelect": "spxSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, { "channels": { "alias": "channels"; "required": false; }; "channelTypes": { "alias": "channelTypes"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "textChannel": { "alias": "textChannel"; "required": false; }; "textCompany": { "alias": "textCompany"; "required": false; }; "textSelect": { "alias": "textSelect"; "required": false; }; }, { "spxSelect": "spxSelect"; }, never, never, true, never>;
 }

package/spx-form-view/public-api.d.ts

@@ -1,3 +1,6 @@
+export * from './spx-form-button-type.enum';
+export * from './spx-form-button.interface';
 export * from './spx-form-field.interface';
 export * from './spx-form-section.interface';
 export * from './spx-form-view.component';
+export * from './spx-form.interface';

package/spx-form-view/spx-form-button-type.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum SpxFormButtonTypeEnum {
+    button = "button",
+    submit = "submit"
+}

package/spx-form-view/spx-form-button.interface.d.ts

@@ -0,0 +1,8 @@
+import { SpxSeverityEnum } from "@softpak/components/spx-helpers";
+import { SpxFormButtonTypeEnum } from "./spx-form-button-type.enum";
+export interface SpxFormButtonI {
+    onClick?: () => {};
+    severity: SpxSeverityEnum;
+    label?: () => string;
+    type: SpxFormButtonTypeEnum;
+}

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

@@ -3,11 +3,12 @@ import { SpxFormSectionI } from './spx-form-section.interface';
 import { SpxInputComponent, SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
 import { SpxFormFieldI } from './spx-form-field.interface';
+import { SpxFormI } from './spx-form.interface';
 import * as i0 from "@angular/core";
 export declare class SpxFormViewComponent {
     readonly formBuilder: FormBuilder;
     spxFormGroup: FormGroup;
-    spxSections: SpxFormSectionI[];
+    spxForm: SpxFormI;
     spxSuggestions: any;
     spxBlur: EventEmitter<{
         field: SpxFormFieldI;
@@ -44,5 +45,5 @@ export declare class SpxFormViewComponent {
     static createForm(formBuilder: FormBuilder, sections: SpxFormSectionI[]): FormGroup;
     constructor(formBuilder: FormBuilder);
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxFormViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormViewComponent, "spx-form-view", never, { "spxFormGroup": { "alias": "spxFormGroup"; "required": false; }; "spxSections": { "alias": "spxSections"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxBlur": "spxBlur"; "spxClick": "spxClick"; "spxSearch": "spxSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormViewComponent, "spx-form-view", never, { "spxFormGroup": { "alias": "spxFormGroup"; "required": false; }; "spxForm": { "alias": "spxForm"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxBlur": "spxBlur"; "spxClick": "spxClick"; "spxSearch": "spxSearch"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,6 @@
+import { SpxFormButtonI } from "./spx-form-button.interface";
+import { SpxFormSectionI } from "./spx-form-section.interface";
+export interface SpxFormI {
+    buttons: SpxFormButtonI[];
+    sections: SpxFormSectionI[];
+}

package/spx-pagination/index.d.ts

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

package/spx-pagination/public-api.d.ts

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